.text-grey {
  color: #597581;
}
.text-green {
  color: #649e3d;
}
.text-yellow {
  color: #ebae00;
}
.text-red {
  color: #CA3131;
}
.text-cyan {
  color: #00a6b6;
}
.bg-grey {
  background: #597581;
}
.bg-green {
  background: #649e3d;
}
.bg-yellow {
  /*background: #FFBF05;*/
  background: #8abd35;
}
.bg-red {
  background: #CA3131;
}
.bg-cyan {
  background: #97bf51;
}
html {
  background: #fff;
  width: 100%;
  overflow-x: hidden;
  min-height: 100%;
}
html body.body {
  background: #fafafa;
  font: 12px 'Open Sans', Arial, sans-serif;
  line-height: 1.5;
  text-align: left;
  color: #777;
  padding: 0;
  margin: 0;
}
html body.body * {
  box-sizing: border-box;
}
html body.body a {
  color: #97bf51;
  text-decoration: none;
}
html body.body a:hover {
  color: #8aae4a;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body h1,
html body.body h2,
html body.body h3,
html body.body h4,
html body.body h5,
html body.body h6,
html body.body .h1,
html body.body .h2,
html body.body .h3,
html body.body .h4,
html body.body .h5,
html body.body .h6 {
  
  font-style: normal;
  text-shadow: none;
  font-weight: normal;
  margin: 0;
  line-height: normal;
}
html body.body h1,
html body.body .h1 {
  font-size: 30px;
}
html body.body h2,
html body.body .h2 {
  font-size: 28px;
}
html body.body h3,
html body.body .h3 {
  font-size: 24px;
}
html body.body h4,
html body.body .h4 {
  font-size: 22px;
}
html body.body h5,
html body.body .h5 {
  font-size: 13px;
}
html body.body h6,
html body.body .h6 {
  font-size: 14px;
}
html body.body small,
html body.body middle,
html body.body large {
  line-height: normal;
}
html body.body input {
  width: auto;
  max-width: 100%;
}
html body.body input[type="text"],
html body.body input[type="name"],
html body.body input[type="email"],
html body.body input[type="password"],
html body.body input[name],
html body.body input[name="name"],
html body.body input[name="title"],
html body.body input.input-text,
html body.body textarea,
html body.body .input-text {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: auto;
  background: #fafafa;
  padding: 4px 8px;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
  color: #555;
  border: 1px solid #ccc;
  margin: 0;
  font-size: 0.75rem;
}
html body.body input[type="text"][disabled],
html body.body input[type="text"][disabled="disabled"],
html body.body input[type="name"][disabled],
html body.body input[type="name"][disabled="disabled"],
html body.body input[type="email"][disabled],
html body.body input[type="email"][disabled="disabled"],
html body.body input[type="password"][disabled],
html body.body input[type="password"][disabled="disabled"],
html body.body input[name][disabled],
html body.body input[name][disabled="disabled"],
html body.body input[name="name"][disabled],
html body.body input[name="name"][disabled="disabled"],
html body.body input[name="title"][disabled],
html body.body input[name="title"][disabled="disabled"],
html body.body input.input-text[disabled],
html body.body input.input-text[disabled="disabled"],
html body.body textarea[disabled],
html body.body textarea[disabled="disabled"],
html body.body .input-text[disabled],
html body.body .input-text[disabled="disabled"] {
  background-color: #fafafa !important;
  color: #aaa;
}
html body.body .checkbox label input[name="remember"] {
  position: static;
  margin-right: 5px;
  margin-top: 4px;
}
html body.body input[name="subjects[]"] {
  margin-right: 5px;
}
html body.body input[type="file"] {
  padding: 5px 10px;
  line-height: 1;
}
html body.body input[type="radio"] {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin: 0 8px 4px 0px;
}
html body.body input[type="radio"].vat {
  vertical-align: top;
}
html body.body select {
  background: #f5f5f5;
  outline: none;
  padding: 4px 8px;
  width: auto;
  height: 32px;
  line-height: 1.6;
  min-width: 180px;
  border-color: #ddd;
  background: #e5e5e5;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#e5e5e5),color-stop(1,#f5f5f5));
  background: -ms-linear-gradient(bottom,#e5e5e5,#f5f5f5);
  background: -moz-linear-gradient(center bottom,#e5e5e5 0%,#f5f5f5 100%);
  background: -o-linear-gradient(#f5f5f5,#e5e5e5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e5e5e5', GradientType=0);
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
html body.body select[multiple] {
  padding: 8px 8px;
  height: auto;
}
html body.body select[multiple] optgroup {
  font-weight: normal;
  font-size: 12px;
  color: #649e3d;
  margin-bottom: 5px;
}
html body.body select[multiple] optgroup option {
  color: #333;
  display: block;
  width: auto;
  max-width: 100%;
  word-break: break-word;
  padding: 4px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
html body.body select[multiple] optgroup option:before {
  content: none;
  color: #FFBF05;
  margin-right: 5px;
}
html body.body select[multiple] optgroup option[selected] {
  background-color: #97bf51;
  color: #fff;
}
html body.body select[disabled] {
  color: #aaa;
}
html body.body button,
html body.body input[type="submit"],
html body.body input#id_submitbutton,
html body.body .button {
  font-weight: normal;
  outline: none;
  padding: 8px 16px;
  
  font-style: normal;
  font-size: 13px;
  line-height: normal;
  background: #649f00;
  text-transform: uppercase;
  border: 0;
  color: #fff;
  letter-spacing: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body button:hover,
html body.body input[type="submit"]:hover,
html body.body input#id_submitbutton:hover,
html body.body .button:hover {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  background: #517b0a;
}
html body.body button:active,
html body.body input[type="submit"]:active,
html body.body input#id_submitbutton:active,
html body.body .button:active {
  background: #eee;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(1,#fafafa));
  background: -ms-linear-gradient(bottom,#eee,#fafafa);
  background: -moz-linear-gradient(center bottom,#eee 0%,#fafafa 100%);
  background: -o-linear-gradient(#fafafa,#eee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee', GradientType=0);
}
html body.body button.grey,
html body.body input[type="submit"].grey,
html body.body input#id_submitbutton.grey,
html body.body .button.grey {
  background: #999;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#999),color-stop(1,#bbb));
  background: -ms-linear-gradient(bottom,#999,#bbb);
  background: -moz-linear-gradient(center bottom,#999 0%,#bbb 100%);
  background: -o-linear-gradient(#bbb,#999);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#999999', GradientType=0);
}
html body.body button.grey:hover,
html body.body input[type="submit"].grey:hover,
html body.body input#id_submitbutton.grey:hover,
html body.body .button.grey:hover {
  background: #777;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#777),color-stop(1,#aaa));
  background: -ms-linear-gradient(bottom,#777,#aaa);
  background: -moz-linear-gradient(center bottom,#777 0%,#aaa 100%);
  background: -o-linear-gradient(#aaa,#777);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#777777', GradientType=0);
}
html body.body button.yellow,
html body.body input[type="submit"].yellow,
html body.body input#id_submitbutton.yellow,
html body.body .button.yellow {
  /*background: #d19b00;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d19b00),color-stop(1,#FFBF05));*/
  /*background: -ms-linear-gradient(bottom,#d19b00,#FFBF05);*/
  /*background: -moz-linear-gradient(center bottom,#d19b00 0%,#FFBF05 100%);*/
  /*background: -o-linear-gradient(#FFBF05,#d19b00);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#d19b00', GradientType=0);*/
}
html body.body button.yellow:hover,
html body.body input[type="submit"].yellow:hover,
html body.body input#id_submitbutton.yellow:hover,
html body.body .button.yellow:hover {
  /*background: #FFBF05;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#FFBF05),color-stop(1,#FFBF05));*/
  /*background: -ms-linear-gradient(bottom,#FFBF05,#FFBF05);*/
  /*background: -moz-linear-gradient(center bottom,#FFBF05 0%,#FFBF05 100%);*/
  /*background: -o-linear-gradient(#FFBF05,#FFBF05);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#ffbf05', GradientType=0);*/
}
html body.body button.cyan,
html body.body input[type="submit"].cyan,
html body.body input#id_submitbutton.cyan,
html body.body .button.cyan {
  background: #0098a6;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#0098a6),color-stop(1,#97bf51));
  background: -ms-linear-gradient(bottom,#0098a6,#97bf51);
  background: -moz-linear-gradient(center bottom,#0098a6 0%,#97bf51 100%);
  background: -o-linear-gradient(#97bf51,#0098a6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97bf51', endColorstr='#0098a6', GradientType=0);
}
html body.body button.cyan:hover,
html body.body input[type="submit"].cyan:hover,
html body.body input#id_submitbutton.cyan:hover,
html body.body .button.cyan:hover {
  background: #00a2b1;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00a2b1),color-stop(1,#00a2b1));
  background: -ms-linear-gradient(bottom,#00a2b1,#00a2b1);
  background: -moz-linear-gradient(center bottom,#00a2b1 0%,#00a2b1 100%);
  background: -o-linear-gradient(#00a2b1,#00a2b1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2b1', endColorstr='#00a2b1', GradientType=0);
}
html body.body button.red,
html body.body input[type="submit"].red,
html body.body input#id_submitbutton.red,
html body.body .button.red {
  background: #AF4040;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#AF4040),color-stop(1,#DC5252));
  background: -ms-linear-gradient(bottom,#AF4040,#DC5252);
  background: -moz-linear-gradient(center bottom,#AF4040 0%,#DC5252 100%);
  background: -o-linear-gradient(#DC5252,#AF4040);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc5252', endColorstr='#af4040', GradientType=0);
}
html body.body button.red:hover,
html body.body input[type="submit"].red:hover,
html body.body input#id_submitbutton.red:hover,
html body.body .button.red:hover {
  background: #ca3131;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#b52c2c),color-stop(1,#ca3131));
  background: -ms-linear-gradient(bottom,#b52c2c,#ca3131);
  background: -moz-linear-gradient(center bottom,#b52c2c 0%,#ca3131 100%);
  background: -o-linear-gradient(#ca3131,#b52c2c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca3131', endColorstr='#b52c2c', GradientType=0);
}
html body.body button.i,
html body.body input[type="submit"].i,
html body.body input#id_submitbutton.i,
html body.body .button.i {
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
html body.body button.i:hover,
html body.body input[type="submit"].i:hover,
html body.body input#id_submitbutton.i:hover,
html body.body .button.i:hover {
  border: 0;
}
html body.body button.i.circle,
html body.body input[type="submit"].i.circle,
html body.body input#id_submitbutton.i.circle,
html body.body .button.i.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 20px;
}
html body.body .btn {
  font-weight: normal;
  outline: none;
  padding: 8px 16px;
  
  font-style: normal;
  font-size: 1em;
  line-height: normal;
  background: #649f00;
  text-transform: uppercase;
  border: 0;
  color: #fff;
  letter-spacing: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body .btn:active,
html body.body .btn:hover {
  color: #fff;
  text-decoration: none;
  opacity: .95;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body .btn.grey {
  background: #999;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#999),color-stop(1,#bbb));
  background: -ms-linear-gradient(bottom,#999,#bbb);
  background: -moz-linear-gradient(center bottom,#999 0%,#bbb 100%);
  background: -o-linear-gradient(#bbb,#999);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#999999', GradientType=0);
}
html body.body .btn.grey:hover {
  background: #777;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#777),color-stop(1,#aaa));
  background: -ms-linear-gradient(bottom,#777,#aaa);
  background: -moz-linear-gradient(center bottom,#777 0%,#aaa 100%);
  background: -o-linear-gradient(#aaa,#777);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#777777', GradientType=0);
}
html body.body .btn.yellow {
  /*background: #d19b00;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d19b00),color-stop(1,#FFBF05));*/
  /*background: -ms-linear-gradient(bottom,#d19b00,#FFBF05);*/
  /*background: -moz-linear-gradient(center bottom,#d19b00 0%,#FFBF05 100%);*/
  /*background: -o-linear-gradient(#FFBF05,#d19b00);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#d19b00', GradientType=0);*/
}
html body.body .btn.yellow:hover {
  /*background: #FFBF05;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#FFBF05),color-stop(1,#FFBF05));*/
  /*background: -ms-linear-gradient(bottom,#FFBF05,#FFBF05);*/
  /*background: -moz-linear-gradient(center bottom,#FFBF05 0%,#FFBF05 100%);*/
  /*background: -o-linear-gradient(#FFBF05,#FFBF05);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#ffbf05', GradientType=0);*/
}
html body.body .btn.cyan {
  background: #0098a6;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#0098a6),color-stop(1,#97bf51));
  background: -ms-linear-gradient(bottom,#0098a6,#97bf51);
  background: -moz-linear-gradient(center bottom,#0098a6 0%,#97bf51 100%);
  background: -o-linear-gradient(#97bf51,#0098a6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97bf51', endColorstr='#0098a6', GradientType=0);
}
html body.body .btn.cyan:hover {
  background: #00a2b1;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00a2b1),color-stop(1,#00a2b1));
  background: -ms-linear-gradient(bottom,#00a2b1,#00a2b1);
  background: -moz-linear-gradient(center bottom,#00a2b1 0%,#00a2b1 100%);
  background: -o-linear-gradient(#00a2b1,#00a2b1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2b1', endColorstr='#00a2b1', GradientType=0);
}
html body.body .btn.red {
  background: #AF4040;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#AF4040),color-stop(1,#DC5252));
  background: -ms-linear-gradient(bottom,#AF4040,#DC5252);
  background: -moz-linear-gradient(center bottom,#AF4040 0%,#DC5252 100%);
  background: -o-linear-gradient(#DC5252,#AF4040);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc5252', endColorstr='#af4040', GradientType=0);
}
html body.body .btn.red:hover {
  background: #ca3131;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#b52c2c),color-stop(1,#ca3131));
  background: -ms-linear-gradient(bottom,#b52c2c,#ca3131);
  background: -moz-linear-gradient(center bottom,#b52c2c 0%,#ca3131 100%);
  background: -o-linear-gradient(#ca3131,#b52c2c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca3131', endColorstr='#b52c2c', GradientType=0);
}
html body.body .btn.i {
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
html body.body .btn.i:hover {
  border: 0;
}
html body.body .btn.i.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 20px;
}
html body.body .readmore {
  font-weight: normal;
  outline: none;
  padding: 8px 16px;
  
  font-style: normal;
  font-size: 1em;
  line-height: normal;
  background: #649f00;
  text-transform: uppercase;
  border: 0;
  color: #fff;
  letter-spacing: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body .readmore:hover {
  color: #fff;
  text-decoration: none;
  background: #649f00;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body .readmore:active {
  background: #eee;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(1,#fafafa));
  background: -ms-linear-gradient(bottom,#eee,#fafafa);
  background: -moz-linear-gradient(center bottom,#eee 0%,#fafafa 100%);
  background: -o-linear-gradient(#fafafa,#eee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee', GradientType=0);
}
html body.body .readmore.grey {
  background: #999;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#999),color-stop(1,#bbb));
  background: -ms-linear-gradient(bottom,#999,#bbb);
  background: -moz-linear-gradient(center bottom,#999 0%,#bbb 100%);
  background: -o-linear-gradient(#bbb,#999);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#999999', GradientType=0);
}
html body.body .readmore.grey:hover {
  background: #777;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#777),color-stop(1,#aaa));
  background: -ms-linear-gradient(bottom,#777,#aaa);
  background: -moz-linear-gradient(center bottom,#777 0%,#aaa 100%);
  background: -o-linear-gradient(#aaa,#777);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#777777', GradientType=0);
}
html body.body .readmore.yellow {
  /*background: #d19b00;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d19b00),color-stop(1,#FFBF05));*/
  /*background: -ms-linear-gradient(bottom,#d19b00,#FFBF05);*/
  /*background: -moz-linear-gradient(center bottom,#d19b00 0%,#FFBF05 100%);*/
  /*background: -o-linear-gradient(#FFBF05,#d19b00);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#d19b00', GradientType=0);*/
}
html body.body .readmore.yellow:hover {
  /*background: #FFBF05;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#FFBF05),color-stop(1,#FFBF05));*/
  /*background: -ms-linear-gradient(bottom,#FFBF05,#FFBF05);*/
  /*background: -moz-linear-gradient(center bottom,#FFBF05 0%,#FFBF05 100%);*/
  /*background: -o-linear-gradient(#FFBF05,#FFBF05);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#ffbf05', GradientType=0);*/
}
html body.body .readmore.cyan {
  background: #0098a6;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#0098a6),color-stop(1,#97bf51));
  background: -ms-linear-gradient(bottom,#0098a6,#97bf51);
  background: -moz-linear-gradient(center bottom,#0098a6 0%,#97bf51 100%);
  background: -o-linear-gradient(#97bf51,#0098a6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97bf51', endColorstr='#0098a6', GradientType=0);
}
html body.body .readmore.cyan:hover {
  background: #00a2b1;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00a2b1),color-stop(1,#00a2b1));
  background: -ms-linear-gradient(bottom,#00a2b1,#00a2b1);
  background: -moz-linear-gradient(center bottom,#00a2b1 0%,#00a2b1 100%);
  background: -o-linear-gradient(#00a2b1,#00a2b1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2b1', endColorstr='#00a2b1', GradientType=0);
}
html body.body .readmore.red {
  background: #AF4040;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#AF4040),color-stop(1,#DC5252));
  background: -ms-linear-gradient(bottom,#AF4040,#DC5252);
  background: -moz-linear-gradient(center bottom,#AF4040 0%,#DC5252 100%);
  background: -o-linear-gradient(#DC5252,#AF4040);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc5252', endColorstr='#af4040', GradientType=0);
}
html body.body .readmore.red:hover {
  background: #ca3131;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#b52c2c),color-stop(1,#ca3131));
  background: -ms-linear-gradient(bottom,#b52c2c,#ca3131);
  background: -moz-linear-gradient(center bottom,#b52c2c 0%,#ca3131 100%);
  background: -o-linear-gradient(#ca3131,#b52c2c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca3131', endColorstr='#b52c2c', GradientType=0);
}
html body.body .readmore.i {
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
html body.body .readmore.i:hover {
  border: 0;
}
html body.body .readmore.i.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 20px;
  text-transform: inherita;
}
html body.body dl.inline {
  width: auto;
}
html body.body dl.inline dt {
  float: left;
  clear: left;
  width: 200px;
  font-weight: bold;
}
html body.body dl.inline dd {
  display: block;
  clear: right;
}
html body.body dl dt {
  width: 200px;
  overflow: visible;
  float: left;
  margin-right: 12px;
}
html body.body dl dd {
  display: block;
  clear: right;
}
html body.body ul.list-inline {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body ul.list-inline.vat {
  vertical-align: top;
}
html body.body ul.list-inline li {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body ul.list-inline li.vat {
  vertical-align: top;
}
html body.body ul.list-unstyled {
  margin: 0;
  padding: 0;
}
html body.body ul.striped li:nth-child(even) {
  background: #fafafa;
}
html body.body ul.users {
  margin: 10px 0 10px 10px;
}
html body.body ul.users li {
  list-style-type: none;
  position: relative;
  display: block;
  padding: 8px 4px 8px 20px;
  line-height: 1.4;
}
html body.body ul.users li:before {
  content: "\f007";
  font-family: 'FontAwesome';
  /*color: #FFBF05;*/
  color: #8abd35;
  display: inline-block;
  vertical-align: middle;
  float: none;
  position: absolute;
  left: 0;
  top: 8px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  text-align: center;
}
html body.body ul.users li:before.vat {
  vertical-align: top;
}
html body.body ul.users li p {
  margin: 0;
}
html body.body ul.buttoned {
  margin: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
html body.body ul.buttoned li {
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding-left: 5px;
}
html body.body ul.buttoned li.vat {
  vertical-align: top;
}
html body.body ul.buttoned li a {
  display: block;
  background: #eee;
  border: 1px solid #ddd;
  padding: 6px 12px;
  color: #00a2b1;
  
  font-style: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
html body.body ul.buttoned li a:hover {
  /*background: #FFBF05;*/
  background: #8abd35;
  color: #fff;
  /*border-color: #f5b600;*/
  border-color: #81b132;
}
html body.body ul.buttoned li a.yellow {
  /*background: rgba(255,191,5,0.6);*/
  background: #8abd35;
}
html body.body ul.buttoned li a.green {
  background: #a6d189;
  color: #fff;
}
html body.body ul.buttoned li a.grey {
  background: #adbfc6;
  color: #fff;
}
html body.body ul.buttoned li a.red {
  background: #e08181;
  color: #fff;
}
html body.body ul.buttoned li a.cyan {
  background: #97bf51;
  color: #fff;
}
html body.body ul.buttoned li form {
  margin: 0;
}
html body.body table.table-bordered {
  border-collapse: collapse;
}
html body.body table.table-striped >tbody>tr:nth-child(odd) {
  background: none;
}
html body.body table.table-striped >tbody>tr:nth-child(odd) >td {
  background: rgba(153,153,153,0.15);
}
html body.body table.table {
  font-size: 0.75rem;
}
html body.body table.table.tac td,
html body.body table.table.tac th {
  text-align: center;
}
html body.body table.table.tac td.tal,
html body.body table.table.tac th.tal {
  text-align: left;
}
html body.body table.table thead {
  background: rgba(153,153,153,0.3);
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(153,153,153,0.3)),color-stop(1,rgba(153,153,153,0.2)));
  background: -ms-linear-gradient(bottom,rgba(153,153,153,0.3),rgba(153,153,153,0.2));
  background: -moz-linear-gradient(center bottom,rgba(153,153,153,0.3) 0%,rgba(153,153,153,0.2) 100%);
  background: -o-linear-gradient(rgba(153,153,153,0.2),rgba(153,153,153,0.3));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(153,153,153,0.2)', endColorstr='rgba(153,153,153,0.3)', GradientType=0);
}
html body.body table.table thead th {
  font-weight: normal;
  vertical-align: middle;
  text-align: center;
  padding: 10px;
  border-color: #ccc;
  border-bottom: 1px solid #bbb;
  font-weight: bold;
}
html body.body table.table tfoot {
  background: #f5f5f5;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#f5f5f5),color-stop(1,#f9f9f9));
  background: -ms-linear-gradient(bottom,#f5f5f5,#f9f9f9);
  background: -moz-linear-gradient(center bottom,#f5f5f5 0%,#f9f9f9 100%);
  background: -o-linear-gradient(#f9f9f9,#f5f5f5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0);
}
html body.body table.table tr.unpublished td {
  color: #999;
}
html body.body table.table tr td {
  vertical-align: middle;
}
html body.body table.table tr td.published {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #588c36;
}
html body.body table.table tr td.unpublished {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: rgba(202,49,49,0.9);
}
html body.body table.table tr td img {
  max-width: none;
}
html body.body form {
  margin: 0;
}
html body.body form fieldset {
  padding: 5px 10px;
}
html body.body form fieldset.grey {
  background: #eee;
  margin: -15px 0 10px;
  display: block;
  width: 100%;
  padding: 5px 10px 15px;
}
html body.body form fieldset legend {
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 7px;
  line-height: 1;
  color: #555;
}
html body.body form div[class*="col-"] {
  border-left: 1px solid #ddd;
}
html body.body form div[class*="col-"][class*="-12"] {
  border: 0;
}
html body.body form div[class*="col-"] label,
html body.body form div[class*="col-"] input[type="text"],
html body.body form div[class*="col-"] select {
  width: 100%;
  display: block;
}
html body.body form div[class*="col-"]:first-of-type {
  border-left: 0;
}
html body.body form div[class*="col-"].bd0 {
  border: 0;
}
html body.body form .form-group label {
  margin: 0.5em 0 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  font-size: 0.75rem;
}
html body.body form .form-group .input {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body form .form-group .input.vat {
  vertical-align: top;
}
html body.body form .description {
  padding-left: 8px;
  font-style: italic;
}
html body.body mark,
html body.body .mark {
  background: rgba(0,185,202,0.15);
  background: #FFFDE3;
  color: #CA3131;
}
html body.body blockquote {
  font-family: Georgia, Times;
  position: relative;
  font-style: italic;
  font-size: 1.1rem;
  line-height: 1.4;
  padding: 0 24px;
  margin: 5px 10px 25px;
  border: 0;
  text-align: center;
}
html body.body blockquote:before {
  content: '“';
  font-family: Georgia, Times;
  position: absolute;
  bottom: auto;
  display: block;
  width: auto;
  height: auto;
  line-height: 1;
  top: 0em;
  left: -20px;
  right: auto;
  font-size: 4em;
  color: #ccc;
  text-align: center;
  font-style: normal;
}
html body.body blockquote:after {
  content: '„';
  font-family: Georgia, Times;
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  line-height: 1;
  font-size: 4em;
  color: #ccc;
  text-align: center;
  font-style: normal;
  bottom: 0;
  top: auto;
  right: -20px;
  left: auto;
}
html body.body blockquote.bald:before {
  content: none;
}
html body.body blockquote.bald:after {
  content: none;
}
html body.body .blockquote-author {
  padding: 0 30px;
  margin: -10px 15px 25px;
  font-size: 1em;
  
  font-style: normal;
  display: block;
  text-align: right;
}
html body.body caption,
html body.body .caption {
  padding: 3px 8px;
  margin: 5px 0;
  display: block;
  line-height: 1.2;
  
  font-style: normal;
  font-style: italic;
}
html body.body caption:before,
html body.body .caption:before {
  content: "\f05a";
  font-family: 'FontAwesome';
  font-style: normal;
  color: #97bf51;
  margin-right: 0.25em;
}
html body.body img.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
html body.body time {
  font-size: 0.75rem;
  padding: 2px 8px 2px 6px;
  margin-left: 8px;
  border: 1px solid rgba(100,158,61,0.3);
  color: #649e3d;
  background: rgba(100,158,61,0.2);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
html body.body time:before {
  content: "\f017";
  font-family: 'FontAwesome';
  color: rgba(100,158,61,0.8);
  padding: 0 5px 0 0;
}
html body.body .container {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}
html body.body [class*="col-"] {
  float: none;
  display: inline-block;
  vertical-align: top;
}
html body.body .title {
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 7px;
  line-height: 1;
}
html body.body .checkbox {
  font-weight: normal;
}
html body.body .dib {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body .dib.vat {
  vertical-align: top;
}
html body.body .db {
  display: block;
}
html body.body .dn {
  display: none;
}
html body.body .bald {
  background: none;
  border: 0;
}
html body.body .posr {
  position: relative;
}
html body.body .tar {
  text-align: right;
}
html body.body .tal {
  text-align: left;
}
html body.body .tac {
  text-align: center;
}
html body.body .highlight {
  font-weight: bold;
  color: #CA3131;
}
html body.body .buttons {
  margin: 10px 0;
  display: block;
  text-align: right;
}
html body.body .buttons .dib {
  margin-right: 10px;
  padding-right: 12px;
  border-right: 1px solid #ddd;
}
html body.body .buttons .button {
  vertical-align: middle;
  display: inline-block;
}
html body.body .tag {
  position: absolute;
  left: 0;
  top: 0;
  background: #597581;
  color: #fff;
  line-height: 1;
  padding: 3px 12px 5px 8px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body .tag:empty {
  display: none;
}
html body.body .tag.yellow {
  /*background: #FFBF05;*/
  background: #8abd35;
}
html body.body .tag.red {
  background: #DC5252;
}
html body.body .tag.cyan {
  background: #97bf51;
}
html body.body .tag.green {
  background: #649e3d;
}
html body.body .tag.left {
  left: 0;
}
html body.body .tag.right {
  right: 0;
  left: auto;
  padding: 3px 8px 5px 12px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body .box {
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding: 25px;
  background: rgba(255,255,255,0.75);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body .box.vat {
  vertical-align: top;
}
html body.body .box.grey {
  background: #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body .box.grey:hover {
  background: #eee;
}
html body.body .box.grey.light {
  background: #fafafa;
  line-height: 1.8;
}
html body.body .box.yellow {
  background: #FFFDE3;
  border: 1px solid #fffbca;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body .box.yellow:hover {
  background: #FFFDE3;
}
html body.body .box.preview {
  width: 870px;
  padding: 20px;
  background: rgba(0,185,202,0.1);
}
html body.body .box:hover {
  background: #fff;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body .box .h4 {
  line-height: 1;
}
html body.body .box .desc {
  
  font-style: normal;
  line-height: 1.2;
  height: 4.8em;
  overflow-y: hidden;
  margin: 10px 0;
}
html body.body .box .button {
  text-align: center;
  line-height: 1.2;
}
html body.body .fit {
  font-size: 0;
}
html body.body .fit >* {
  font-size: 12px;
}
html body.body .bd-last:last-of-type {
  border: 0;
}
html body.body .img-right {
  float: right;
  margin: 8px 2px 8px 15px;
}
html body.body .img-left {
  float: left;
  margin: 8px 15px 8px 2px;
}
html body.body .img.circle {
  display: inline-block;
  vertical-align: middle;
  float: none;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
html body.body .img.circle.vat {
  vertical-align: top;
}
html body.body .img.circle img {
  position: absolute;
  top: -25%;
  left: -25%;
  width: 100%;
  max-width: none;
}
html body.body .pull-none {
  float: none;
}
html body.body .input-append input[type="text"],
html body.body .input-append input[type="email"],
html body.body .input-append input[type="password"] {
  height: 36px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body .input-append button {
  height: 36px;
  margin-left: -4px;
  padding: 10px 15px 10px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body .nomargin {
  margin: 0;
}
html body.body .nopadding,
html body.body .p0 {
  padding: 0;
}
html body.body .nomargin-padding {
  margin: 0;
  padding: 0;
}
html body.body .bd0 {
  border: 0;
}
html body.body .p5,
html body.body .padding5 {
  padding: 5px 10px;
}
html body.body .p10,
html body.body .padding10 {
  padding: 10px 15px;
}
html body.body .pl0 {
  padding-left: 0;
}
html body.body .pr0 {
  padding-right: 0;
}
html body.body .mtb5,
html body.body .margintb5 {
  margin: 5px 0;
}
html body.body .mtb10,
html body.body .margintb10 {
  margin: 10px 0;
}
html body.body .margin-auto {
  margin: 0 auto;
}
html body.body .m0 {
  margin: 0;
}
html body.body .mt0 {
  margin-top: 0;
}
html body.body .mb0 {
  margin-bottom: 0;
}
html body.body .mb10 {
  margin-bottom: 10px;
}
html body.body .m10 {
  margin: 10px;
}
html body.body .mr10 {
  margin-right: 10px;
}
html body.body .op075 {
  opacity: 0.75;
}
html body.body .ovv {
  overflow: visible;
}
html body.body .lh1 {
  line-height: 1;
}
html body.body .lhn {
  line-height: normal;
}
html body.body .fz0 {
  font-size: 0;
}
html body.body .fz12 {
  font-size: 12px;
}
html body.body .fz13 {
  font-size: 13px;
}
html body.body .fz14 {
  font-size: 14px;
}
html body.body .fz16 {
  font-size: 16px;
}
html body.body .ttu {
  text-transform: uppercase;
}
html body.body .w100 {
  width: 100%;
}
html body.body .z10 {
  z-index: 10;
}
html body.body .alert-warning,
html body.body .alert {
  background: rgba(202,49,49,0.25);
  border: 2px solid rgba(202,49,49,0.3);
  color: rgba(202,49,49,0.7);
  margin: 15px 0;
  padding: 8px 12px;
}
html body.body .field {
  border: 1px solid #ddd;
  background: #eee;
  margin-bottom: 10px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body .inline >* {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin: 5px;
}
html body.body .inline >*.vat {
  vertical-align: top;
}
html body.body .content-message {
  position: relative;
  display: block;
  width: 100%;
  margin: 15px 0;
  padding: 15px;
  text-align: center;
  color: #00444b;
  background: rgba(0,185,202,0.2);
  border: 1px solid rgba(0,185,202,0.22);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
html body.body .content-message:after {
  content: " ";
  position: absolute;
  bottom: -21px;
  left: 0%;
  height: 20px;
  width: 100%;
  background: url(/images/shadow.png) center top no-repeat;
}
html body.body .scroll {
  padding-right: 5px;
}
html body.body .scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
  height: 5px;
  background: rgba(100,158,61,0.1);
  transition: transform 1s;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
html body.body .scroll::-webkit-scrollbar-thumb {
  background-color: #649e3d;
  transition: transform 1s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
html body.body .fa.background {
  position: absolute;
  font-size: 20em;
  opacity: 0.05;
  color: #649e3d;
  right: 40px;
  top: 20px;
}
html body.body .image-teaser {
  max-width: 160px;
}
html body.body #trigger {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 50;
  display: none;
}
html body.body #trigger.dark {
  background: rgba(68,90,99,0.7);
}
html body.body .triggered {
  z-index: 51;
}
html body.body i.fa-spinner {
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  html body.body i.fa-spinner 100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  html body.body i.fa-spinner 100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  html body.body i.fa-spinner 100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
html body.body ul.tabs li {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body ul.tabs li.vat {
  vertical-align: top;
}
html body.body ul.pagination {
  display: block;
  text-align: center;
}
html body.body ul.pagination li {
  display: inline-block;
  vertical-align: middle;
  float: none;
  
  font-style: normal;
  font-size: 1.25em;
  margin: 0;
  padding: 5px 2px 0;
}
html body.body ul.pagination li.vat {
  vertical-align: top;
}
html body.body ul.pagination li:hover.disabled span {
  background: #eee !important;
}
html body.body ul.pagination li:hover span,
html body.body ul.pagination li:hover a {
  background: rgba(0,185,202,0.5);
  color: #fff;
}
html body.body ul.pagination li.active span {
  /*background: #FFBF05;*/
  background: #8abd35;
  color: #fff;
}
html body.body ul.pagination li.disabled span {
  color: #999;
}
html body.body ul.pagination li span,
html body.body ul.pagination li a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 0;
  color: #97bf51;
}
html body.body #errors {
  position: relative;
  background: rgba(202,49,49,0.9);
  border: 1px solid rgba(202,49,49,0.95);
  margin: 0px 0 10px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  
  font-style: normal;
}
html body.body #errors:before {
  content: "\f071";
  font-family: 'FontAwesome';
  position: absolute;
  left: 12px;
  top: 2px;
  font-size: 2em;
  color: #eaaaaa;
}
html body.body #errors ul {
  font-size: 14px;
  margin: 0 0 0 25px;
  padding-left: 40px;
}
html body.body .tabs-container {
  padding: 0px;
  margin: 15px 0;
  text-align: left;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
html body.body .tabs-container .tabs-header {
  display: block;
  border-bottom: 0px solid #ddd;
  background: #fff;
  height: 100%;
  padding: 0;
  
  font-style: normal;
}
html body.body .tabs-container .tabs-header .tabs-header_link {
  padding: 10px 20px 0;
}
html body.body .tabs-container .tabs-header ul {
  padding-bottom: 0;
  margin: 0 0 -1px 8px;
  border-bottom: 0;
}
html body.body .tabs-container .tabs-header ul li {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body .tabs-container .tabs-header ul li.vat {
  vertical-align: top;
}
html body.body .tabs-container .tabs-header ul li.current a,
html body.body .tabs-container .tabs-header ul li.active a {
  background: #f5f5f5;
  border-bottom-color: transparent;
  margin-bottom: 0px;
  border-bottom: 1px solid #f5f5f5;
}
html body.body .tabs-container .tabs-header ul li.current a:hover,
html body.body .tabs-container .tabs-header ul li.active a:hover {
  background: #fafafa;
}
html body.body .tabs-container .tabs-header ul li.red a {
  color: #DC5252;
  background: none;
  margin-bottom: -1px;
  border-color: transparent;
  border-bottom: 0px;
}
html body.body .tabs-container .tabs-header ul li.red a:hover {
  cursor: pointer;
  background: #DC5252;
  color: #fff;
}
html body.body .tabs-container .tabs-header ul li a {
  display: inline-block;
  vertical-align: middle;
  float: none;
  line-height: 1;
  background: rgba(255,191,5,0.35);
  border-color: #5a9334;
  padding: 12px 16px;
  border: 1px solid rgba(200,200,200,0.75);
  color: #00737e;
  text-transform: uppercase;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 3px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body .tabs-container .tabs-header ul li a.vat {
  vertical-align: top;
}
html body.body .tabs-container .tabs-header ul li a:hover {
  background: rgba(255,191,5,0.65);
}
html body.body .tabs-container .tabs-header ul li form {
  margin: 0;
}
html body.body .tabs-container .tabs-content {
  border-top: 1px solid #ddd;
  background: #f5f5f5;
  padding: 20px 20px;
}
html body.body .tabs-container .tabs-content .tabs-content_item {
  display: none;
}
html body.body .tabs-container .tabs-content .tabs-content_item.current {
  display: block;
}
html body.body .tabs-container .tabs {
  font-size: 0;
}
html body.body .tabs-container .tabs >* {
  font-size: 14px;
}
html body.body .tabs-container.tabs-vert .tabs-header {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body .tabs-container.tabs-vert .tabs-header.vat {
  vertical-align: top;
}
html body.body .tabs-container.tabs-vert .tabs-header .tab-header_link {
  padding: 10px 0px;
}
html body.body .tabs-container.tabs-vert .tabs-header .tab-header_link.current {
  color: red;
}
html body.body .tabs-container.tabs-vert .tabs-content {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body .tabs-container.tabs-vert .tabs-content.vat {
  vertical-align: top;
}
html body.body .edit-menu {
  margin-top: -12px;
}
html body.body .edit-menu.small {
  float: right;
  margin-top: 0;
}
html body.body .edit-menu.small ul li {
  /*border-right: 1px solid #FFBF05;*/
  border-right: 1px solid #8abd35;
}
html body.body .edit-menu.small ul li a {
  margin: 0 3px;
  padding: 1px 5px;
  font-size: 0.75rem;
}
html body.body .edit-menu ul {
  margin: 0;
  font-size: 0;
}
html body.body .edit-menu ul li {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  float: none;
  /*border-right: 2px solid #FFBF05;*/
  border-right: 2px solid #8abd35;
}
html body.body .edit-menu ul li.vat {
  vertical-align: top;
}
html body.body .edit-menu ul li:last-of-type {
  border: 0;
}
html body.body .edit-menu ul li a {
  display: block;
  padding: 8px 12px;
  margin: 3px 3px 0 3px;
  color: #999;
  border: 1px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  font-style: normal;
}
html body.body .edit-menu ul li a:hover {
  border-color: #ddd;
  background: rgba(89,117,129,0.1);
  color: rgba(89,117,129,0.8);
}
html body.body .edit-menu ul li a i {
  /*color: #FFBF05;*/
  color: #8abd35;
  margin-right: 0.5em;
}
html body.body .user_login-form form .form-group {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin: 0 15px 0 0;
}
html body.body .user_login-form form .form-group.vat {
  vertical-align: top;
}
html body.body .user_login-form form .form-group label {
  display: block;
  float: none;
  text-align: left;
  margin: 0;
  width: auto;
}
html body.body .user_login-form form .form-group.tar {
  vertical-align: bottom;
  max-width: 100%;
}
html body.body .user_login-form form .form-group.tar .checkbox {
  padding: 0 10px 0 25px;
  margin-right: 10px;
  border-right: 1px solid #ddd;
  min-height: 0;
}
html body.body #right_dynamic_menu {
  position: fixed;
  text-align: right;
  float: none;
  top: 100px;
  right: -170px;
  z-index: 100;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #right_dynamic_menu:hover {
  right: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  display: block;
}
html body.body #right_dynamic_menu >a {
  display: block;
  text-align: left;
  font-size: 1.25em;
  padding: 8px;
  margin: 0px 0px 4px 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
html body.body #right_dynamic_menu >a i {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 1.25em;
  display: inline-block;
  vertical-align: middle;
  float: none;
  text-align: center;
}
html body.body #right_dynamic_menu >a i.vat {
  vertical-align: top;
}
html body.body #right_dynamic_menu >a span {
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: 160px;
}
html body.body #right_dynamic_menu >a span.vat {
  vertical-align: top;
}
html body.body #ui-datepicker-div {
  margin-top: -1px;
  background: rgba(255,253,227,0.85);
  border: 1px solid #fff897;
  padding: 3px;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body #ui-datepicker-div .ui-datepicker-header {
  text-align: center;
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all {
  margin: 2px 4px 2px 0;
  font-weight: normal;
  outline: none;
  font-style: normal;
  font-size: 1em;
  line-height: normal;
  background: #649f00;
  text-transform: uppercase;
  border: 0;
  color: #fff;
  letter-spacing: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  padding: 4px 8px;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all:hover {
  color: #fff;
  text-decoration: none;
  background: #4d792f;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#4d792f),color-stop(1,#649e3d));
  background: -ms-linear-gradient(bottom,#4d792f,#649e3d);
  background: -moz-linear-gradient(center bottom,#4d792f 0%,#649e3d 100%);
  background: -o-linear-gradient(#649e3d,#4d792f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#649e3d', endColorstr='#4d792f', GradientType=0);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all:active {
  background: #eee;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(1,#fafafa));
  background: -ms-linear-gradient(bottom,#eee,#fafafa);
  background: -moz-linear-gradient(center bottom,#eee 0%,#fafafa 100%);
  background: -o-linear-gradient(#fafafa,#eee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee', GradientType=0);
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all.grey {
  background: #999;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#999),color-stop(1,#bbb));
  background: -ms-linear-gradient(bottom,#999,#bbb);
  background: -moz-linear-gradient(center bottom,#999 0%,#bbb 100%);
  background: -o-linear-gradient(#bbb,#999);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#999999', GradientType=0);
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all.grey:hover {
  background: #777;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#777),color-stop(1,#aaa));
  background: -ms-linear-gradient(bottom,#777,#aaa);
  background: -moz-linear-gradient(center bottom,#777 0%,#aaa 100%);
  background: -o-linear-gradient(#aaa,#777);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#777777', GradientType=0);
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all.yellow {
  /*background: #d19b00;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d19b00),color-stop(1,#FFBF05));*/
  /*background: -ms-linear-gradient(bottom,#d19b00,#FFBF05);*/
  /*background: -moz-linear-gradient(center bottom,#d19b00 0%,#FFBF05 100%);*/
  /*background: -o-linear-gradient(#FFBF05,#d19b00);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#d19b00', GradientType=0);*/
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all.yellow:hover {
  /*background: #FFBF05;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#FFBF05),color-stop(1,#FFBF05));*/
  /*background: -ms-linear-gradient(bottom,#FFBF05,#FFBF05);*/
  /*background: -moz-linear-gradient(center bottom,#FFBF05 0%,#FFBF05 100%);*/
  /*background: -o-linear-gradient(#FFBF05,#FFBF05);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#ffbf05', GradientType=0);*/
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all.cyan {
  background: #0098a6;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#0098a6),color-stop(1,#97bf51));
  background: -ms-linear-gradient(bottom,#0098a6,#97bf51);
  background: -moz-linear-gradient(center bottom,#0098a6 0%,#97bf51 100%);
  background: -o-linear-gradient(#97bf51,#0098a6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97bf51', endColorstr='#0098a6', GradientType=0);
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all.cyan:hover {
  background: #00a2b1;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00a2b1),color-stop(1,#00a2b1));
  background: -ms-linear-gradient(bottom,#00a2b1,#00a2b1);
  background: -moz-linear-gradient(center bottom,#00a2b1 0%,#00a2b1 100%);
  background: -o-linear-gradient(#00a2b1,#00a2b1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2b1', endColorstr='#00a2b1', GradientType=0);
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all.red {
  background: #AF4040;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#AF4040),color-stop(1,#DC5252));
  background: -ms-linear-gradient(bottom,#AF4040,#DC5252);
  background: -moz-linear-gradient(center bottom,#AF4040 0%,#DC5252 100%);
  background: -o-linear-gradient(#DC5252,#AF4040);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc5252', endColorstr='#af4040', GradientType=0);
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all.red:hover {
  background: #ca3131;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#b52c2c),color-stop(1,#ca3131));
  background: -ms-linear-gradient(bottom,#b52c2c,#ca3131);
  background: -moz-linear-gradient(center bottom,#b52c2c 0%,#ca3131 100%);
  background: -o-linear-gradient(#ca3131,#b52c2c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca3131', endColorstr='#b52c2c', GradientType=0);
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all.i {
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all.i:hover {
  border: 0;
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all.i.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 20px;
  text-transform: inherita;
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all.vat {
  vertical-align: top;
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  text-align: center;
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select {
  display: inline-block;
  vertical-align: middle;
  float: none;
  border: 1px solid #fff9a6;
  background: #FFFDE3;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#fff9a6),color-stop(1,#fffcd9));
  background: -ms-linear-gradient(bottom,#fff9a6,#fffcd9);
  background: -moz-linear-gradient(center bottom,#fff9a6 0%,#fffcd9 100%);
  background: -o-linear-gradient(#fffcd9,#fff9a6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcd9', endColorstr='#fff9a6', GradientType=0);
  margin: 5px 5px 5px 5px;
  min-width: 70px;
  max-width: 70px;
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select.vat {
  vertical-align: top;
}
html body.body #ui-datepicker-div .ui-datepicker-buttonpane {
  text-align: center;
}
html body.body #ui-datepicker-div .ui-datepicker-buttonpane button {
  margin: 2px 4px 2px 0;
  padding: 4px 8px;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #ui-datepicker-div .ui-datepicker-buttonpane button.vat {
  vertical-align: top;
}
html body.body #ui-datepicker-div table.ui-datepicker-calendar {
  border-collapse: collapse;
  margin-bottom: 0;
}
html body.body #ui-datepicker-div table.ui-datepicker-calendar th {
  font-weight: normal;
  background: #fff9b0;
}
html body.body #ui-datepicker-div table.ui-datepicker-calendar td {
  border: 1px solid #fff9b0;
  text-align: center;
}
html body.body #ui-datepicker-div table.ui-datepicker-calendar td:hover {
  background: #97bf51;
}
html body.body #ui-datepicker-div table.ui-datepicker-calendar td:hover a {
  color: #fff;
}
html body.body #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-today a {
  /*background: #FFBF05;*/
  background: #8abd35;
  font-weight: normal;
  color: #fff;
}
html body.body .tree >ul {
  margin: 0;
  list-style-type: none;
  padding-top: 20px;
  position: relative;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body .tree >ul.block {
  display: inline-block;
}
html body.body .tree >ul li {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body .tree >ul li:hover >a.test {
  background: #ebae00;
}
html body.body .tree >ul li:hover >a.test .tests .test:hover {
  /*background: #FFBF05;*/
  background: #8abd35;
  color: #00a2b1;
}
html body.body .tree >ul li a.test {
  border: 0px solid rgba(100,158,61,0.7);
  
  font-style: normal;
  
  color: #597581;
  line-height: 1.2;
  padding: 8px;
  z-index: 5;
  max-width: 200px;
  position: relative;
  background: rgba(255,191,5,0.6);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
html body.body .tree >ul li a.test:hover {
  cursor: pointer;
}
html body.body .tree >ul li ul {
  margin: 0;
}
html body.body .tree >ul li .tests {
  text-align: center;
  margin: -1px 0px 0;
  position: relative;
}
html body.body .tree >ul li .tests .test-menu {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin: 0 2px;
  padding: 0;
  border: 1px solid #ddd;
  background: #f5f5f5;
  max-width: 200px;
  min-width: 120px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body .tree >ul li .tests .test-menu.vat {
  vertical-align: top;
}
html body.body .tree >ul li .tests .test-menu .links {
  display: none;
}
html body.body .tree >ul li .tests .test-menu .links .test-link {
  text-align: left;
  font-size: 1em;
  padding: 5px 10px;
  display: block;
  border: 0;
  color: #97bf51;
  border-bottom: 1px dashed #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
html body.body .tree >ul li .tests .test-menu .links .test-link:hover {
  cursor: pointer;
  background: rgba(0,185,202,0.5);
  color: #fff;
}
html body.body .tree >ul li .tests .test-menu .links .test-link.selected-test {
  background: rgba(255,191,5,0.5);
  color: #597581;
}
html body.body .tree >ul li .tests .test-menu .fa {
  display: block;
  text-align: center;
  background: #e5e5e5;
  padding: 3px;
}
html body.body .tree >ul li .tests .test-menu .fa:hover {
  cursor: pointer;
}
html body.body #tiles {
  text-align: center;
  margin: 30px auto 30px;
}
html body.body #tiles h1 {
  font-size: 2.25rem;
  color: #333;
  border: 0;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 7px;
  line-height: 1;
  text-align: left;
  margin: 15px 60px;
  padding: 10px 0;
  display: block;
}
html body.body #tiles.six .tiles-container,
html body.body #tiles.four .tiles-container {
  display: inline-block;
  font-size: 0;
  width: 730px;
}
html body.body #tiles.six .tiles-container .tiles-row.first .tile.active:after,
html body.body #tiles.four .tiles-container .tiles-row.first .tile.active:after {
  content: "";
  border: 10px solid transparent;
  /*border-top-color: #FFBF05;*/
  border-top-color: #8abd35;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
}
html body.body #tiles.six .tiles-container .tiles-row.last .tile.active:before,
html body.body #tiles.four .tiles-container .tiles-row.last .tile.active:before {
  content: "";
  border: 10px solid transparent;
  /*border-bottom-color: #FFBF05;*/
  border-bottom-color: #8abd35;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
}
html body.body #tiles.six .tiles-container .tiles-row .tile,
html body.body #tiles.four .tiles-container .tiles-row .tile {
  display: inline-block;
  vertical-align: middle;
  float: none;
  position: relative;
  width: 240px;
  height: 200px;
  right: 0;
  font-size: 12px;
  line-height: 1.6;
  margin: 0 5px 5px 0;
  padding: 25px 20px 20px 15px;
  /*background: #FFBF05;*/
  background: #8abd35;
  border: 1px solid #ddd;
  text-align: right;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #tiles.six .tiles-container .tiles-row .tile.vat,
html body.body #tiles.four .tiles-container .tiles-row .tile.vat {
  vertical-align: top;
}
html body.body #tiles.six .tiles-container .tiles-row .tile:hover,
html body.body #tiles.four .tiles-container .tiles-row .tile:hover {
  cursor: pointer;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  background: #597581 !important;
}
html body.body #tiles.six .tiles-container .tiles-row .tile:active,
html body.body #tiles.four .tiles-container .tiles-row .tile:active {
  background: #fff !important;
}
html body.body #tiles.six .tiles-container .tiles-row .tile.active,
html body.body #tiles.four .tiles-container .tiles-row .tile.active {
  /*background: #FFBF05 !important;*/
  background: #8abd35 !important;
}
html body.body #tiles.six .tiles-container .tiles-row .tile:nth-child(4n+3),
html body.body #tiles.four .tiles-container .tiles-row .tile:nth-child(4n+3) {
  margin-right: 0;
}
html body.body #tiles.six .tiles-container .tiles-row .tile hr,
html body.body #tiles.four .tiles-container .tiles-row .tile hr {
  margin: 10px 0;
}
html body.body #tiles.six .tiles-container .tiles-row .tile .h5,
html body.body #tiles.four .tiles-container .tiles-row .tile .h5 {
  color: rgba(55,55,55,0.75);
  color: #fff;
  line-height: 1.2;
  display: block;
  font-size: 1.75em;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.5);
}
html body.body #tiles.six .tiles-container .tiles-row .tile small,
html body.body #tiles.four .tiles-container .tiles-row .tile small {
  font-size: 13px;
  padding-left: 15px;
  display: block;
  color: rgba(255,255,255,0.6);
}
html body.body #tiles.six .tiles-container .tiles-row .tile a,
html body.body #tiles.four .tiles-container .tiles-row .tile a {
  
  font-style: normal;
  font-size: 1.5em;
}
html body.body #tiles.six .tiles-container .tiles-row .tile .desc,
html body.body #tiles.four .tiles-container .tiles-row .tile .desc {
  display: none;
}
html body.body #tiles.six .tiles-container .description-container,
html body.body #tiles.four .tiles-container .description-container {
  display: none;
  padding: 20px 0;
  font-size: 14px;
}
html body.body #tiles.six .tiles-container .description-container .description,
html body.body #tiles.four .tiles-container .description-container .description {
  padding: 20px 30px;
  background: rgba(255,255,255,0.95);
  /*border: 3px solid #FFBF05;*/
  border: 3px solid #8abd35;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #333;
  text-align: left;
  -webkit-transition: height 0.25s;
  -moz-transition: height 0.25s;
  -o-transition: height 0.25s;
  transition: height 0.25s;
}
html body.body #steps {
  width: 100%;
  font-size: 0;
}
html body.body #steps.four .step {
  width: 25%;
}
html body.body #steps .step {
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 20%;
  margin: 10px 0 0px;
  padding: 10px 0 30px;
  border: 1px dashed transparent;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
html body.body #steps .step:hover {
  background: #97bf51;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
html body.body #steps .step:hover .img {
  background: url(../images/steps-hover1.png) no-repeat;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #steps .step:hover .img:before,
html body.body #steps .step:hover .img:after {
  color: rgba(100,100,100,0.5);
}
html body.body #steps .step:hover .text .h5 {
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,0.5);
}
html body.body #steps .step:hover .text span {
  color: rgba(255,255,255,0.65);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 1;
}
html body.body #steps .step#step-1 .img {
  width: 125px;
  background-position: -10px 0;
}
html body.body #steps .step#step-2 .img {
  width: 140px;
  background-position: -176px 0;
}
html body.body #steps .step#step-3 .img {
  background-position: -368px 0;
  width: 104px;
}
html body.body #steps .step#step-4 .img {
  background-position: -516px 0;
  width: 142px;
}
html body.body #steps .step#step-5 .img {
  background-position: -670px 0;
  width: 202px;
}
html body.body #steps .step .img {
  display: block;
  width: 140px;
  margin: 0 auto 0px;
  height: 284px;
  background-position: top left;
  background: url(../images/steps1.png) no-repeat;
}
html body.body #steps .step .img:before {
  content: "\f053";
  font-family: 'FontAwesome';
  position: absolute;
  top: 208px;
  left: 25px;
  color: transparent;
}
html body.body #steps .step .img:after {
  content: "\f054";
  font-family: 'FontAwesome';
  position: absolute;
  top: 208px;
  right: 25px;
  color: transparent;
}
html body.body #steps .step .text {
  display: block;
  text-align: center;
  padding: 0 20px;
}
html body.body #steps .step .text .h5 {
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 7px;
  line-height: 1;
  border-color: #ddd;
  display: block;
  color: #97bf51;
  opacity: 1;
}
html body.body #steps .step .text span {
  color: #aaa;
  line-height: 1.2;
  display: block;
  padding: 0 10px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body .accordion >.accordion-title {
  display: block;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 7px;
  line-height: 1;
}
html body.body .accordion .accordion-content {
  display: block;
  padding: 20px 30px;
  margin: 20px 0 20px 0;
}
html body.body .structure {
  margin: 15px -20px;
  padding: 25px 20px;
  text-align: center;
  background: #FFFDE3;
}
html body.body .structure .h2 {
  text-align: left;
  padding-left: 20px;
  color: #4f6772;
}
html body.body .structure #tree.three-branches {
  font-size: 10px;
  padding-bottom: 30px;
}
html body.body .structure #tree.three-branches > ul {
  min-width: auto;
  padding-bottom: 100px;
}
html body.body .structure #tree.three-branches > ul >li {
  vertical-align: top;
  text-align: center;
}
html body.body .structure #tree.three-branches > ul >li >h3 {
  display: block;
  width: 100%;
  color: #597581;
  font-size: 1.75em;
  margin-bottom: 4px;
}
html body.body .structure #tree.three-branches > ul >li:last-child a.test~.tooltip {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: 12px;
}
html body.body .structure #tree.three-branches > ul >li:last-child a.test~.tooltip:after {
  left: auto;
  right: -5px;
}
html body.body .structure #tree.three-branches > ul >li a.test {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 200px;
  font-size: 1.5em;
  
  font-style: normal;
  background: rgba(255,191,5,0.6);
  color: #597581;
  word-break: break-word;
  z-index: 1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
html body.body .structure #tree.three-branches > ul >li a.test:hover {
  cursor: default;
}
html body.body .structure #tree.three-branches > ul >li a.test~.tooltip {
  position: absolute;
  z-index: 5;
  opacity: 1;
  font-size: 12px;
  top: 0%;
  left: 100%;
  margin-left: 12px;
  width: 220px;
  background: #7dbc52;
  color: #ebf5e5;
  padding: 12px 16px;
  text-align: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body .structure #tree.three-branches > ul >li a.test~.tooltip:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #7dbc52;
  position: absolute;
  top: 10px;
  left: -5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
html body.body .structure #tree.three-branches > ul >li a.test~.tooltip:empty {
  display: none;
}
html body.body .structure #tree.three-branches > ul >li a.test~.tooltip b {
  
  font-style: normal;
  font-size: 1.33em;
  color: #fff;
  line-height: 1;
  display: block;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #a6d189;
  font-weight: normal;
}
html body.body .structure #tree.three-branches > ul >li .tests {
  width: 180px;
  display: block;
  margin: -1px auto 0;
}
html body.body .structure #tree.three-branches > ul >li .tests .test-menu {
  width: 100%;
  margin: 0 0px;
}
html body.body .structure #tree.three-branches > ul >li .tests .test-menu .links {
  font-size: 0.75rem;
}
html body.body .structure #tree.three-branches > ul >li .tests .test-menu .links a {
  color: #00a2b1;
}
html body.body .structure #tree.three-branches > ul >li .tests .test-menu .links a:hover {
  background: #faba00;
  color: #fff;
  cursor: default;
}
html body.body .structure >ul {
  margin: 0;
}
html body.body .structure >ul >li.structure-item {
  display: block;
  margin: 15px 0;
  position: relative;
}
html body.body .structure >ul >li.structure-item:before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 1px;
  height: 15px;
  background: rgba(255,191,5,0.8);
}
html body.body .structure >ul >li.structure-item:last-child:before {
  display: none;
}
html body.body .structure >ul >li.structure-item .h5 {
  color: #597581;
  line-height: 1.2;
}
html body.body .structure >ul >li.structure-item >a {
  display: block;
}
html body.body .structure >ul >li.structure-item a {
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding: 8px 12px;
  background: rgba(255,191,5,0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body .structure >ul >li.structure-item a.vat {
  vertical-align: top;
}
html body.body .structure >ul >li.structure-item ul {
  display: inline-block;
  margin: 15px 0;
  position: relative;
  border-top: 1px solid rgba(255,191,5,0.8);
}
html body.body .structure >ul >li.structure-item ul:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  width: 1px;
  height: 15px;
  background: rgba(255,191,5,0.8);
}
html body.body .structure >ul >li.structure-item ul li.structure-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-top: 15px;
  width: 150px;
}
html body.body .structure >ul >li.structure-item ul li.structure-item:first-child:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 1px;
  width: 50%;
  height: 1px;
  background: #FFFDE3;
}
html body.body .structure >ul >li.structure-item ul li.structure-item:last-child:before {
  content: "";
  position: absolute;
  top: -16px;
  right: 0px;
  width: 50%;
  height: 1px;
  background: #FFFDE3;
}
html body.body .structure >ul >li.structure-item ul li.structure-item >a {
  display: block;
  line-height: 1.2;
}
html body.body .structure >ul >li.structure-item ul li.structure-item >a:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  width: 1px;
  height: 15px;
  background: rgba(255,191,5,0.8);
}
html body.body .structure >ul >li.structure-item ul li.structure-item >a >.desc {
  display: block;
  margin-top: 8px;
  padding: 8px 0 8px;
  border-top: 1px solid rgba(89,117,129,0.2);
  max-width: 100%;
  font-size: 0.75rem;
  color: rgba(89,117,129,0.7);
  text-align: left;
}
html body.body select.select2-hidden-accessible~.select2-container .selection .select2-selection {
  background: #f5f5f5;
  outline: none;
  padding: 2px;
  width: auto;
  height: 26px;
  line-height: 1.6;
  min-width: 180px;
  border-color: #ddd;
  background: #e5e5e5;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#e5e5e5),color-stop(1,#f5f5f5));
  background: -ms-linear-gradient(bottom,#e5e5e5,#f5f5f5);
  background: -moz-linear-gradient(center bottom,#e5e5e5 0%,#f5f5f5 100%);
  background: -o-linear-gradient(#f5f5f5,#e5e5e5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e5e5e5', GradientType=0);
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
html body.body .select2-container {
  margin-bottom: -10px;
}
html body.body .select2-container .select2-dropdown {
  border-color: #ddd;
  background: #cafbff;
}
html body.body .select2-container .select2-dropdown .select2-search {
  padding: 5px;
}
html body.body .select2-container .select2-dropdown .select2-search input.select2-search__field {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: auto;
  background: #fafafa;
  padding: 4px 8px;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
  color: #555;
  border: 1px solid #ccc;
  margin: 0;
  font-size: 0.75rem;
  margin-bottom: 0;
  padding: 1px 10px;
  height: 32px;
  border: 0;
  background: rgba(0,0,0,0.1);
}
html body.body .select2-container .select2-dropdown .select2-search input.select2-search__field[disabled],
html body.body .select2-container .select2-dropdown .select2-search input.select2-search__field[disabled="disabled"] {
  background-color: #fafafa !important;
  color: #aaa;
}
html body.body .select2-container .select2-dropdown .select2-results ul.select2-results__options li {
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
html body.body .select2-container .select2-dropdown .select2-results ul.select2-results__options li:last-of-type {
  border: 0;
}
html body.body .select2-container .select2-dropdown .select2-results ul.select2-results__options li[aria-selected=true] {
  background: #97bf51;
  color: #fff;
}
html body.body .select2-container .select2-dropdown .select2-results ul.select2-results__options li.select2-results__option--highlighted {
  background: rgba(255,191,5,0.8);
  color: #fff;
}
html body.body .select2-container .select2-dropdown .select2-results ul.select2-results__options li ul {
  background: rgba(0,0,0,0.1);
}
html body.body #image-block {
  margin: 10px 0;
}
html body.body #image-block label {
  padding: 0;
  margin: 0 0 10px;
}
html body.body #image-block .image-preview {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #image-block .image-preview.vat {
  vertical-align: top;
}
html body.body .certificates .certificate-info {
  margin: 20px;
}
html body.body .certificates .certificate-info.prof-1,
html body.body .certificates .certificate-info.prof-2,
html body.body .certificates .certificate-info.prof-3 {
  background: #fff;
  font-family: Georgia, sans-serif;
}
html body.body .certificates .certificate-info.prof-1 b,
html body.body .certificates .certificate-info.prof-1 strong,
html body.body .certificates .certificate-info.prof-2 b,
html body.body .certificates .certificate-info.prof-2 strong,
html body.body .certificates .certificate-info.prof-3 b,
html body.body .certificates .certificate-info.prof-3 strong {
  font-weight: bold;
}
html body.body .certificates .certificate-info.prof-1 .certificate,
html body.body .certificates .certificate-info.prof-2 .certificate,
html body.body .certificates .certificate-info.prof-3 .certificate {
  color: #17607D;
  border: 0;
  overflow: hidden;
  background: none;
  padding: 260px 40px 60px;
  font-size: 14px;
}
html body.body .certificates .certificate-info.prof-1 .certificate .logos,
html body.body .certificates .certificate-info.prof-2 .certificate .logos,
html body.body .certificates .certificate-info.prof-3 .certificate .logos {
  position: absolute;
  width: 100%;
  top: 32px;
  left: 0;
  text-align: center;
}
html body.body .certificates .certificate-info.prof-1 .certificate .logos img,
html body.body .certificates .certificate-info.prof-2 .certificate .logos img,
html body.body .certificates .certificate-info.prof-3 .certificate .logos img {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body .certificates .certificate-info.prof-1 .certificate .logos img.vat,
html body.body .certificates .certificate-info.prof-2 .certificate .logos img.vat,
html body.body .certificates .certificate-info.prof-3 .certificate .logos img.vat {
  vertical-align: top;
}
html body.body .certificates .certificate-info.prof-1 .certificate >img,
html body.body .certificates .certificate-info.prof-2 .certificate >img,
html body.body .certificates .certificate-info.prof-3 .certificate >img {
  position: absolute;
  top: 110px;
  left: 0;
  max-width: 100%;
  z-index: 1;
}
html body.body .certificates .certificate-info.prof-1 .certificate >*,
html body.body .certificates .certificate-info.prof-2 .certificate >*,
html body.body .certificates .certificate-info.prof-3 .certificate >* {
  z-index: 2;
  position: relative;
}
html body.body .certificates .certificate-info.prof-1 .certificate .h1,
html body.body .certificates .certificate-info.prof-1 .certificate h3,
html body.body .certificates .certificate-info.prof-2 .certificate .h1,
html body.body .certificates .certificate-info.prof-2 .certificate h3,
html body.body .certificates .certificate-info.prof-3 .certificate .h1,
html body.body .certificates .certificate-info.prof-3 .certificate h3 {
  font-family: Georgia, sans-serif;
  margin: 5px 0;
  padding: 0;
  text-align: center;
  font-weight: bold;
  color: #17607D !important;
  font-size: 1.125rem;
  text-transform: capitalize;
}
html body.body .certificates .certificate-info.prof-1 .certificate .h1 b,
html body.body .certificates .certificate-info.prof-1 .certificate .h1 strong,
html body.body .certificates .certificate-info.prof-1 .certificate h3 b,
html body.body .certificates .certificate-info.prof-1 .certificate h3 strong,
html body.body .certificates .certificate-info.prof-2 .certificate .h1 b,
html body.body .certificates .certificate-info.prof-2 .certificate .h1 strong,
html body.body .certificates .certificate-info.prof-2 .certificate h3 b,
html body.body .certificates .certificate-info.prof-2 .certificate h3 strong,
html body.body .certificates .certificate-info.prof-3 .certificate .h1 b,
html body.body .certificates .certificate-info.prof-3 .certificate .h1 strong,
html body.body .certificates .certificate-info.prof-3 .certificate h3 b,
html body.body .certificates .certificate-info.prof-3 .certificate h3 strong {
  font-weight: bold;
}
html body.body .certificates .certificate-info.prof-1 .certificate table.results,
html body.body .certificates .certificate-info.prof-2 .certificate table.results,
html body.body .certificates .certificate-info.prof-3 .certificate table.results {
  margin: 5px auto 15px;
  border: 1px solid rgba(23,96,125,0.2);
  font-size: 14px;
}
html body.body .certificates .certificate-info.prof-1 .certificate table.results thead,
html body.body .certificates .certificate-info.prof-2 .certificate table.results thead,
html body.body .certificates .certificate-info.prof-3 .certificate table.results thead {
  border: 0;
  background: rgba(23,96,125,0.4);
}
html body.body .certificates .certificate-info.prof-1 .certificate table.results tbody,
html body.body .certificates .certificate-info.prof-2 .certificate table.results tbody,
html body.body .certificates .certificate-info.prof-3 .certificate table.results tbody {
  border: 0;
}
html body.body .certificates .certificate-info.prof-1 .certificate table.results tbody tr:nth-child(odd),
html body.body .certificates .certificate-info.prof-2 .certificate table.results tbody tr:nth-child(odd),
html body.body .certificates .certificate-info.prof-3 .certificate table.results tbody tr:nth-child(odd) {
  background: rgba(23,96,125,0.1);
}
html body.body .certificates .certificate-info.prof-1 .certificate p,
html body.body .certificates .certificate-info.prof-2 .certificate p,
html body.body .certificates .certificate-info.prof-3 .certificate p {
  display: block;
  margin-bottom: 10px;
  line-height: 1.2;
}
html body.body .certificates .certificate-info.prof-1 .certificate p small,
html body.body .certificates .certificate-info.prof-2 .certificate p small,
html body.body .certificates .certificate-info.prof-3 .certificate p small {
  opacity: 0.7;
}
html body.body .certificates .certificate-info.prof-1 .certificate .buttons,
html body.body .certificates .certificate-info.prof-2 .certificate .buttons,
html body.body .certificates .certificate-info.prof-3 .certificate .buttons {
  margin: 25px 0 0;
}
html body.body .certificates .certificate-info .certificate {
  color: #000;
  border: 3px solid #fff;
  position: relative;
  width: 100%;
  padding: 30px 40px;
  background: #FBEABE url(/images/certificate-bg.jpg) center center no-repeat;
  background-size: 100% 100%;
  margin-bottom: 15px;
}
html body.body .certificates .certificate-info .certificate .certificate-logo .logo {
  text-align: center;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 48px;
  height: 35px;
  overflow: hidden;
  background: url(/images/bi-logo.png) left top;
}
html body.body .certificates .certificate-info .certificate .h1 {
  padding-bottom: 5px;
  color: #649e3d;
  font-size: 5em;
  line-height: 1;
  margin-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
html body.body .certificates .certificate-info .certificate .name {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.75em;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
html body.body .certificates .certificate-info .certificate .name:after {
  content: "";
  display: block;
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0px;
  background: url(/images/shadow.png) center top no-repeat;
  background-size: 120% auto;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
html body.body .certificates .certificate-info .certificate .spec {
  margin: 0px 0 20px;
}
html body.body .certificates .certificate-info .certificate table.results {
  margin: 0 auto;
}
html body.body .certificates .certificate-info .certificate table.results thead {
  border-top: 2px solid #f8bc5b;
  border-bottom: 2px solid #f8bc5b;
}
html body.body .certificates .certificate-info .certificate table.results thead th {
  padding: 8px 16px;
  text-align: center;
}
html body.body .certificates .certificate-info .certificate table.results thead th:first-child {
  text-align: left;
}
html body.body .certificates .certificate-info .certificate table.results tbody {
  border-bottom: 2px solid #f8bc5b;
}
html body.body .certificates .certificate-info .certificate table.results tbody tr:nth-child(odd) {
  background: rgba(251,218,164,0.7);
}
html body.body .certificates .certificate-info .certificate table.results tbody tr td {
  padding: 6px 16px;
  text-align: center;
}
html body.body .certificates .certificate-info .certificate table.results tbody tr td:first-child {
  text-align: left;
}
html body.body .certificates .certificate-info .certificate dl {
  margin: 0;
  padding: 0;
  
  font-style: normal;
}
html body.body .certificates .certificate-info .certificate dl dt {
  display: inline-block;
  vertical-align: middle;
  float: none;
  border-bottom: 1px solid #eee;
  padding: 0px 4px 4px;
  margin: 2px 0px;
  color: #649e3d;
}
html body.body .certificates .certificate-info .certificate dl dt.vat {
  vertical-align: top;
}
html body.body .certificates .certificate-info .certificate dl dt:last-of-type {
  border: 0;
}
html body.body .certificates .certificate-info .certificate dl dd {
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding: 5px 10px;
  margin-bottom: 4px;
  border-bottom: 1px solid #eee;
  border: 2px solid rgba(255,191,5,0.25);
  background: rgba(255,191,5,0.15);
  line-height: 1.2;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
html body.body .certificates .certificate-info .certificate dl dd.vat {
  vertical-align: top;
}
html body.body .certificates .certificate-info .certificate .buttons {
  margin: -35px 0px 0 0;
}
html body.body .certificates .certificate-info .certificate .signs {
  height: 150px;
  position: relative;
  margin-bottom: 20px;
}
html body.body .certificates .certificate-info .certificate .signs .sign {
  position: absolute;
  text-align: center;
  bottom: 0;
}
html body.body .certificates .certificate-info .certificate .signs .sign p {
  margin-bottom: 0px;
}
html body.body .certificates .certificate-info .certificate .signs .sign img {
  margin: -10px 0 -10px;
}
html body.body .certificates .certificate-info .certificate .signs .sign small {
  display: block;
  text-align: center;
}
html body.body .certificates .certificate-info .certificate .signs .sign.l {
  left: 0;
}
html body.body .certificates .certificate-info .certificate .signs .sign.r {
  right: 0;
}
html body.body .certificates hr {
  margin: 30px 0;
}
html body.body .cke {
  background: none;
  border: 0;
  display: inline-block;
  border: 1px solid #ddd;
  min-width: 100%;
  border: 1px solid rgba(255,191,5,0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
html body.body .cke .cke_inner {
  min-width: 100%;
}
html body.body .cke .cke_top {
  /*background: rgba(255,191,5,0.5);*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(255,191,5,0.6)),color-stop(1,rgba(255,191,5,0.4)));*/
  /*background: -ms-linear-gradient(bottom,rgba(255,191,5,0.6),rgba(255,191,5,0.4));*/
  /*background: -moz-linear-gradient(center bottom,rgba(255,191,5,0.6) 0%,rgba(255,191,5,0.4) 100%);*/
  /*background: -o-linear-gradient(rgba(255,191,5,0.4),rgba(255,191,5,0.6));*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,191,5,0.4)', endColorstr='rgba(255,191,5,0.6)', GradientType=0);*/
  overflow: scroll;
  overflow-y: hidden;
  padding-bottom: 3px;
}
html body.body .cke .cke_top::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
  height: 5px;
  background: #FFFDE3;
  border: 1px solid #fff897;
  transition: transform 1s;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
html body.body .cke .cke_top::-webkit-scrollbar-thumb {
  /*background-color: #FFBF05;*/
  background-color: #8abd35;
  transition: transform 1s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
html body.body .cke .cke_top .cke_toolbox >* {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body .cke .cke_top .cke_toolbox >*.vat {
  vertical-align: top;
}
html body.body .cke .cke_contents {
  margin: -1px 0;
}
html body.body .cke .cke_contents iframe {
  background: #FFFDE3;
}
html body.body .cke .cke_bottom {
  /*border-top: 0;*/
  /*background: rgba(255,191,5,0.5);*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(255,191,5,0.6)),color-stop(1,rgba(255,191,5,0.4)));*/
  /*background: -ms-linear-gradient(bottom,rgba(255,191,5,0.6),rgba(255,191,5,0.4));*/
  /*background: -moz-linear-gradient(center bottom,rgba(255,191,5,0.6) 0%,rgba(255,191,5,0.4) 100%);*/
  /*background: -o-linear-gradient(rgba(255,191,5,0.4),rgba(255,191,5,0.6));*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,191,5,0.4)', endColorstr='rgba(255,191,5,0.6)', GradientType=0);
}
html body.body .cke a.cke_button {
  height: auto;
}
html body.body #contact-form {
  width: 100%;
  background: rgba(255,255,255,0.9);
  padding: 22px 25px 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #contact-form .title {
  line-height: 1;
}
html body.body #contact-form input[type="text"] {
  margin-bottom: 10px;
}
html body.body #media-modal {
  width: 75%;
  left: 12.5%;
  margin: 0;
  overflow: visible;
  height: auto;
  height: 500px;
}
html body.body #media-modal .modal-dialog {
  width: 100%;
  margin: 0;
}
html body.body #media-modal .modal-dialog .modal-content {
  background: none;
  border: 0;
}
html body.body #media-modal .modal-dialog .modal-content .modal-body {
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0;
  max-height: 100%;
}
html body.body #media-modal .button {
  margin-left: 15px;
}
html body.body #media-modal .button.insert {
  position: absolute;
  margin: -60px 0 0 92px;
}
html body.body #media-modal .button.cancel {
  position: absolute;
  top: -15px;
  right: -15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 1.5em;
  text-align: center;
  padding: 0;
}
html body.body .termsandconditions {
  position: absolute;
  bottom: 30px;
  right: 10px;
  opacity: 1;
  width: 500px;
  max-width: 100%;
  height: 300px;
  background: #FFFDE3;
  border: 1px solid #ddd;
  padding: 20px;
  z-index: 55;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body .termsandconditions:after {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 20px;
  width: 15px;
  height: 15px;
  background: #FFFDE3;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top: solid 1px transparent;
  border-left: solid 1px #ddd;
  border-right: solid 1px transparent;
  border-bottom: solid 1px #ddd;
}
html body.body .termsandconditions .tal {
  height: 100%;
  font-size: 11px;
}
html body.body .termsandconditions .tal .ovs {
  height: 100%;
  overflow-y: scroll;
}
html body.body .termsandconditions .tal .ovs hr {
  margin: 5px 0 10px;
  border-top-color: #fff24a;
}
html body.body .termsandconditions .tal .ovs p {
  margin-bottom: 5px;
}
html body.body #admin-menu {
  position: fixed;
  z-index: 500;
  display: block;
  background: #445a63;
  width: 100%;
}
html body.body #admin-menu~#header {
  padding-top: 26px;
}
html body.body #admin-menu >ul {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  font-size: 0;
  z-index: 101;
}
html body.body #admin-menu >ul#admin-menu-account {
  float: right;
  display: inline-block;
  vertical-align: top;
}
html body.body #admin-menu >ul >li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.7;
  font-size: 12px;
  text-align: center;
  border-left: 1px solid #536d78;
}
html body.body #admin-menu >ul >li:hover >ul {
  display: block;
}
html body.body #admin-menu >ul >li:hover >a {
  background: #649e3d;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #admin-menu >ul >li.current >a {
  background: #649e3d;
}
html body.body #admin-menu >ul >li >a {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  display: inline-block;
  padding: 1px 10px;
  padding: 3px 12px;
  margin: 2px 3px 2px 3px;
  margin: 0;
  color: #fff;
  width: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
html body.body #admin-menu >ul >li >a.fa-home {
  width: 24px;
  height: 24px;
  line-height: 24px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin: 0 5px 0 10px;
  padding: 0;
  font-size: 1.25em;
  display: inline-block;
  vertical-align: middle;
  float: none;
  /*color: #FFBF05;*/
  color: #8abd35;
}
html body.body #admin-menu >ul >li >a.fa-home.vat {
  vertical-align: top;
}
html body.body #admin-menu >ul >li >ul {
  text-align: left;
  position: absolute;
  display: none;
  margin: 0px 0 0;
  padding: 5px 0 5px 0;
  border: 1px solid #555;
  border-top: 0;
  border-bottom: 0;
  top: 100%;
  left: 0;
  background: #445a63;
  width: auto;
  min-width: 180px;
  list-style-type: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body #admin-menu >ul >li >ul li {
  display: block;
  font-size: 0.75rem;
  border-top: 1px solid #4f6772;
  border-bottom: 1px solid #3c4f57;
}
html body.body #admin-menu >ul >li >ul li:hover >ul {
  display: block;
}
html body.body #admin-menu >ul >li >ul li:hover >a {
  background: #649e3d;
}
html body.body #admin-menu >ul >li >ul li:first-child {
  border-top: 0;
}
html body.body #admin-menu >ul >li >ul li:last-child {
  border-bottom: 0;
}
html body.body #admin-menu >ul >li >ul li.current >a {
  background: #4f6772;
}
html body.body #admin-menu >ul >li >ul li.parent:hover >ul {
  display: block;
}
html body.body #admin-menu >ul >li >ul li.parent >a:after {
  content: "\f0da";
  font-family: 'FontAwesome';
  position: absolute;
  right: 8px;
  top: 4px;
  font-size: 10px;
  /*color: #FFBF05;*/
  color: #8abd35;
}
html body.body #admin-menu >ul >li >ul li.parent >ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  background: #333;
  margin: 0;
  min-width: 180px;
}
html body.body #admin-menu >ul >li >ul li.parent >ul li.parent >a:after {
  content: "\f0da";
  font-family: 'FontAwesome';
  position: absolute;
  right: 8px;
  top: 4px;
  font-size: 10px;
}
html body.body #admin-menu >ul >li >ul li.parent >ul li a {
  display: block;
  padding: 3px 20px 3px 10px;
}
html body.body #admin-menu >ul >li >ul li.parent >ul li a:hover {
  background: #4f6772;
}
html body.body #admin-menu >ul >li >ul li a {
  padding: 3px 20px 3px 10px;
  color: #ddd;
  display: block;
  font-size: 11px;
}
html body.body #admin-menu >ul >li >ul li a:hover {
  background: #4f6772;
}
html body.body #debug {
  background: rgba(89,117,129,0.5);
}
html body.body #debug .message {
  padding: 6px 12px;
  
}
html body.body #debug .message .fa {
  font-size: 1.5em;
  margin-right: 5px;
}
html body.body #debug .message.alert-success {
  background: rgba(100,158,61,0.75);
  color: #fff;
  border-color: rgba(100,158,61,0.8);
}
html body.body #debug .message.alert-success .fa {
  /*color: #FFBF05;*/
  color: #8abd35;
}
html body.body #debug .message.faded-dark .fa {
  color: #649e3d;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #popup {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: 360px;
  margin: -180px 0 0 -300px;
  background: #fff;
  padding: 30px 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
html body.body #popup:after {
  content: "\f071";
  content: "\f05a";
  font-family: 'FontAwesome';
  position: absolute;
  font-size: 150px;
  bottom: -20px;
  right: 30px;
  color: rgba(0,185,202,0.4);
}
html body.body #popup >a.close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  line-height: 32px;
  font-size: 1.5em;
  padding: 0;
  text-align: center;
  z-index: 2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 1;
}
html body.body #popup .title {
  font-size: 2.5em;
  color: #97bf51;
}
html body.body #popup .description {
  font-size: 16px;
  color: #444;
}
html body.body #header {
  background: #fff;
  font-size: 0;
  z-index: 30;
  bottom: -2px;
  position: relative;
}
html body.body #header .container >* {
  font-size: 12px;
}
html body.body #header #logo {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin: 0px;
}
html body.body #header #logo.vat {
  vertical-align: top;
}
html body.body #header nav {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #header nav.vat {
  vertical-align: top;
}
html body.body #header nav #menu {
  display: block;
}
html body.body #header nav #menu ul.nav {
  margin: 0;
}
html body.body #header nav #menu ul.nav li {
  margin: 4px 1px;
}
html body.body #header nav #menu ul.nav li.current > a {
  /*background: #FFBF05;*/
  background: #8abd35;
  color: #fff;
}
html body.body #header nav #menu ul.nav li.parent {
  position: relative;
}
html body.body #header nav #menu ul.nav li.parent:hover >a {
  background: #eee;
}
html body.body #header nav #menu ul.nav li.parent:hover ul {
  display: block;
  opacity: 1;
  z-index: 50;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #header nav #menu ul.nav li.parent >a:after {
  content: "\f0d7";
  font-family: 'FontAwesome';
  margin-left: 8px;
  font-size: 10px;
  line-height: 1.6;
  color: #777;
}
html body.body #header nav #menu ul.nav li.parent ul {
  display: none;
  position: absolute;
  top: 51px;
  left: 0;
  min-width: 210px;
  background: rgba(100,158,61,0.95);
  border-top: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  z-index: 50;
}
html body.body #header nav #menu ul.nav li.parent ul:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 20px;
  border: 6px solid transparent;
  border-bottom-color: rgba(100,158,61,0.95);
}
html body.body #header nav #menu ul.nav li.parent ul:after {
  content: "";
  position: absolute;
  top: -12px;
  width: 100%;
  height: 12px;
}
html body.body #header nav #menu ul.nav li.parent ul li {
  border-bottom: 1px solid rgba(255,255,255,0.1);
  margin: 0;
  padding: 0;
}
html body.body #header nav #menu ul.nav li.parent ul li:last-of-type {
  border: 0;
}
html body.body #header nav #menu ul.nav li.parent ul li.disabled a {
  color: rgba(255,255,255,0.5);
}
html body.body #header nav #menu ul.nav li.parent ul li a {
  margin: 4px;
  padding: 8px 12px;
  color: #fff;
  line-height: 1.2;
  
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
html body.body #header nav #menu ul.nav li.parent ul li a:hover {
  background: rgba(255,255,255,0.25);
}
html body.body #header nav #menu ul.nav li >a {
  margin: 4px 0;
  padding: 8px 10px;
  color: #555;
  
  font-style: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #header nav #menu ul.nav li >a.text-red {
  color: #CA3131;
}
html body.body #header nav #menu ul.nav li >a.text-red+ul {
  background: #d65858;
}
html body.body #header nav #menu ul.nav li >a.text-red+ul a {
  color: #fff;
}
html body.body #header nav #menu ul.nav li >a.text-red+ul a:hover {
  color: #777;
}
html body.body #header .cabinet {
  background: #649f00;
  position: relative;
  height: 58px;
  padding-right: 1000px;
  margin-right: -1000px;
  vertical-align: middle;
}
html body.body #header .cabinet .circle {
  /*background: #FFBF05;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d19b00),color-stop(1,#FFBF05));*/
  /*background: -ms-linear-gradient(bottom,#d19b00,#FFBF05);*/
  /*background: -moz-linear-gradient(center bottom,#d19b00 0%,#FFBF05 100%);*/
  /*background: -o-linear-gradient(#FFBF05,#d19b00);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#d19b00', GradientType=0);*/
  position: absolute;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  top: 16px;
  left: -12px;
  padding: 0;
  color: #6da846;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
html body.body #header .cabinet .circle:before {
  margin-left: 1px;
}
html body.body #header .cabinet .circle:hover {
  /*background: #FFBF05;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ffbf05),color-stop(1,#FFBF05));*/
  /*background: -ms-linear-gradient(bottom,#ffbf05,#FFBF05);*/
  /*background: -moz-linear-gradient(center bottom,#ffbf05 0%,#FFBF05 100%);*/
  /*background: -o-linear-gradient(#FFBF05,#ffbf05);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#ffbf05', GradientType=0);*/
}
html body.body #header .cabinet .circle span {
  display: none;
  text-transform: none;
  margin-left: 10px;
  padding-right: 10px;
}
html body.body #header .cabinet .login {
  min-width: 250px;
  padding: 0px;
  position: relative;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown {
  padding: 0;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-header {
  padding: 15px 15px 0 15px;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-header h5 {
  font-size: 1.25rem;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-header .tabs-header {
  text-align: left;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-header .tabs-header ul {
  margin: 0;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-header .tabs-header ul li {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-header .tabs-header ul li.vat {
  vertical-align: top;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-header .tabs-header ul li.current a {
  padding-bottom: 15px;
  margin-bottom: -3px;
  background: #eee;
  border-color: #ddd;
  color: #597581;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-header .tabs-header ul li.reg a {
  color: #00abbb;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-header .tabs-header ul li a {
  border-bottom: 0;
  
  background: rgba(255,191,5,0.4);
  background: none;
  border-color: transparent;
  color: #97bf51;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-header .tabs-header ul li a:hover {
  color: #008a97;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-content form {
  background: none;
  border: 0;
  padding: 0;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-content form .form-group {
  margin: 0;
  background: none;
  border: 0;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-content form .form-group.footer {
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 15px 15px;
  margin: 15px -15px -15px;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-content form .form-group label.control-label {
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: auto;
  text-align: left;
  padding: 1px 5px;
  font-size: 1em;
  color: #597581;
  background: rgba(0,185,202,0.4);
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-content form .form-group label.control-label.vat {
  vertical-align: top;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-content form .form-group .input {
  display: block;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-content form .form-group .input input {
  width: 100%;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-content form .form-group .checkbox {
  padding: 0;
  width: auto;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #ddd;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-content form .form-group .checkbox input {
  display: inline-block;
  vertical-align: middle;
  float: none;
  position: relative;
  margin: 2px 3px;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-content form .form-group .checkbox input.vat {
  vertical-align: top;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-content form .form-group .checkbox label {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin: 0;
  line-height: 2;
}
html body.body #header .cabinet .login.logged-out > .profile-dropdown .dropdown .dropdown-content form .form-group .checkbox label.vat {
  vertical-align: top;
}
html body.body #header .cabinet .login >.circle {
  border-color: #ebae00;
  font-family: 'FontAwesome';
  color: #fff;
  margin-left: -15px;
  
  font-style: normal;
}
html body.body #header .cabinet .login >.circle:before {
  font-family: 'FontAwesome';
}
html body.body #header .cabinet .login >.circle:hover {
  position: absolute;
}
html body.body #header .cabinet .login >.circle:hover span {
  display: block;
  width: 140px;
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: -150px;
  background: rgba(0,185,202,0.9);
  text-align: center;
  color: #fff;
  
  font-style: normal;
  font-size: 1.25em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
html body.body #header .cabinet .login >.circle:hover span:after {
  content: "";
  border: 5px solid transparent;
  border-left: 5px solid rgba(0,185,202,0.9);
  position: absolute;
  right: -10px;
  top: 8px;
}
html body.body #header .cabinet .login >.profile-dropdown:hover >a.img {
  /*color: #FFBF05;*/
  color: #8abd35;
}
html body.body #header .cabinet .login >.profile-dropdown >a.img {
  font-size: 1.25em;
  
  font-style: normal;
  font-weight: bold;
  color: #fff;
  margin-left: 10px;
  line-height: 60px;
}
html body.body #header .cabinet .login >.profile-dropdown >a.img img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown {
  position: absolute;
  z-index: 50;
  min-width: 300px;
  right: 0;
  margin-top: -5px;
  padding-top: 0px;
  overflow: visible;
  display: none;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-header {
  background: #fff;
  padding: 0;
  z-index: 2;
  position: relative;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 10px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-header:after {
  content: "";
  position: absolute;
  top: -8px;
  left: 28px;
  width: 16px;
  height: 16px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-header .user-name {
  padding: 18px 15px;
  min-width: 225px;
  text-align: left;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-header .user-name a.img {
  float: left;
  margin-top: -5px;
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #ddd;
  overflow: hidden;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-header .user-name a.img img {
  width: 50px;
  height: 50px;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-header .user-name h4 {
  font-size: 1.25rem;
  color: #649e3d;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-header .user-name .role {
  color: #999;
  font-size: 0.75rem;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-header .tests-qty {
  padding: 11px 15px 10px;
  text-align: center;
  background: #f5f5f5;
  width: 65px;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #ddd;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-header .tests-qty i {
  font-size: 2.5em;
  color: #97bf51;
  width: 100%;
  display: block;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-header .tests-qty .tests-total {
  display: inline-block;
  padding-top: 5px;
  margin: 5px 0 0 0;
  border-top: 1px solid #ddd;
  width: 3em;
  
  font-style: normal;
  font-weight: bold;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-content {
  background: #eee;
  padding: 15px 15px;
  margin: 0;
  z-index: 1;
  position: relative;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-content ul.nav {
  margin: 0;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-content ul.nav li {
  display: block;
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 0;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-content ul.nav li:last-of-type {
  border: 0;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-content ul.nav li a {
  color: #888;
  
  padding: 5px 5px;
  margin: 2px 0 2px;
  
  font-style: normal;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-content ul.nav li a:hover {
  background: #649e3d;
  color: #fff;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-content ul.nav li a i {
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: 24px;
  height: 24px;
  line-height: 22px;
  text-align: center;
  margin-right: 5px;
  /*color: #FFBF05;*/
  color: #8abd35;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-content ul.nav li a i.vat {
  vertical-align: top;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-footer {
  z-index: 2;
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 10px 22px;
  background: #fff;
  text-align: center;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-footer .button {
  font-size: 10px;
  margin-right: 2px;
  padding: 8px 12px;
}
html body.body #header .cabinet .login >.profile-dropdown .dropdown .dropdown-footer .button:last-of-type {
  margin-right: 0;
}
html body.body #subheader {
  background: rgba(220, 220, 220, 0.8);
  font-size: 0;
  z-index: 25;
  position: relative;
}
html body.body #subheader .container >* {
  font-size: 12px;
}
html body.body #subheader .container .logo-text {
  display: inline-block;
  vertical-align: middle;
  float: none;
  text-align: center;
  color: #fff;
  line-height: 1.2;
  padding: 4px;
  visibility: hidden;
}
html body.body #subheader .container .logo-text.vat {
  vertical-align: top;
}
html body.body #subheader .container .s-menu {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #subheader .container .s-menu.vat {
  vertical-align: top;
}
html body.body #subheader .container .s-menu ul {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #subheader .container .s-menu ul.vat {
  vertical-align: top;
}
html body.body #subheader .container .s-menu ul li {
  display: inline-block;
  vertical-align: middle;
  float: none;
  border-right: 1px solid #ccc;
}
html body.body #subheader .container .s-menu ul li.vat {
  vertical-align: top;
}
html body.body #subheader .container .s-menu ul li:last-of-type {
  border: 0;
}
html body.body #subheader .container .s-menu ul li:last-of-type a {
  border: 0;
}
html body.body #subheader .container .s-menu a {
  color: #526345;
  letter-spacing: 1px;
  padding: 6px 12px;
  margin: 0 4px;
  float: left;
}
html body.body #subheader .container .s-menu a:active {
  background: #eee;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(1,#fafafa));
  background: -ms-linear-gradient(bottom,#eee,#fafafa);
  background: -moz-linear-gradient(center bottom,#eee 0%,#fafafa 100%);
  background: -o-linear-gradient(#fafafa,#eee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee', GradientType=0);
}
html body.body #subheader .container .s-menu a.grey {
  background: #999;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#999),color-stop(1,#bbb));
  background: -ms-linear-gradient(bottom,#999,#bbb);
  background: -moz-linear-gradient(center bottom,#999 0%,#bbb 100%);
  background: -o-linear-gradient(#bbb,#999);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#999999', GradientType=0);
}
html body.body #subheader .container .s-menu a.grey:hover {
  background: #777;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#777),color-stop(1,#aaa));
  background: -ms-linear-gradient(bottom,#777,#aaa);
  background: -moz-linear-gradient(center bottom,#777 0%,#aaa 100%);
  background: -o-linear-gradient(#aaa,#777);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#777777', GradientType=0);
}
html body.body #subheader .container .s-menu a.yellow {
  /*background: #d19b00;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d19b00),color-stop(1,#FFBF05));*/
  /*background: -ms-linear-gradient(bottom,#d19b00,#FFBF05);*/
  /*background: -moz-linear-gradient(center bottom,#d19b00 0%,#FFBF05 100%);*/
  /*background: -o-linear-gradient(#FFBF05,#d19b00);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#d19b00', GradientType=0);*/
}
html body.body #subheader .container .s-menu a.yellow:hover {
  /*background: #FFBF05;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#FFBF05),color-stop(1,#FFBF05));*/
  /*background: -ms-linear-gradient(bottom,#FFBF05,#FFBF05);*/
  /*background: -moz-linear-gradient(center bottom,#FFBF05 0%,#FFBF05 100%);*/
  /*background: -o-linear-gradient(#FFBF05,#FFBF05);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#ffbf05', GradientType=0);*/
}
html body.body #subheader .container .s-menu a.cyan {
  background: #0098a6;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#0098a6),color-stop(1,#97bf51));
  background: -ms-linear-gradient(bottom,#0098a6,#97bf51);
  background: -moz-linear-gradient(center bottom,#0098a6 0%,#97bf51 100%);
  background: -o-linear-gradient(#97bf51,#0098a6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97bf51', endColorstr='#0098a6', GradientType=0);
}
html body.body #subheader .container .s-menu a.cyan:hover {
  background: #00a2b1;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00a2b1),color-stop(1,#00a2b1));
  background: -ms-linear-gradient(bottom,#00a2b1,#00a2b1);
  background: -moz-linear-gradient(center bottom,#00a2b1 0%,#00a2b1 100%);
  background: -o-linear-gradient(#00a2b1,#00a2b1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2b1', endColorstr='#00a2b1', GradientType=0);
}
html body.body #subheader .container .s-menu a.red {
  background: #AF4040;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#AF4040),color-stop(1,#DC5252));
  background: -ms-linear-gradient(bottom,#AF4040,#DC5252);
  background: -moz-linear-gradient(center bottom,#AF4040 0%,#DC5252 100%);
  background: -o-linear-gradient(#DC5252,#AF4040);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc5252', endColorstr='#af4040', GradientType=0);
}
html body.body #subheader .container .s-menu a.red:hover {
  background: #ca3131;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#b52c2c),color-stop(1,#ca3131));
  background: -ms-linear-gradient(bottom,#b52c2c,#ca3131);
  background: -moz-linear-gradient(center bottom,#b52c2c 0%,#ca3131 100%);
  background: -o-linear-gradient(#ca3131,#b52c2c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca3131', endColorstr='#b52c2c', GradientType=0);
}
html body.body #subheader .container .s-menu a.i {
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
html body.body #subheader .container .s-menu a.i:hover {
  border: 0;
}
html body.body #subheader .container .s-menu a.i.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 20px;
  text-transform: inherita;
}
html body.body #subheader .container .s-menu a:hover {
  background: rgba(100,158,61,0.7);
  color: #fff;
}
html body.body #subheader .container .options {
  
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding-left: 0;
  font-size: 0;
}
html body.body #subheader .container .options.vat {
  vertical-align: top;
}
html body.body #subheader .container .options >* {
  font-size: 12px;
}
html body.body #subheader .container .options .lang-wrapper {
  display: inline-block;
  vertical-align: middle;
  float: none;
  color: #fff;
}
html body.body #subheader .container .options .lang-wrapper.vat {
  vertical-align: top;
}
html body.body #subheader .container .options .lang-wrapper i {
  display: inline-block;
  vertical-align: middle;
  float: none;
  font-size: 14px;
}
html body.body #subheader .container .options .lang-wrapper i.vat {
  vertical-align: top;
}
html body.body #subheader .container .options .lang-wrapper i.fa-caret-down {
  font-size: 10px;
}
html body.body #subheader .container .options .lang-wrapper ul.lang {
  margin: 0 8px;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #subheader .container .options .lang-wrapper ul.lang.vat {
  vertical-align: top;
}
html body.body #subheader .container .options .ask-wrapper {
  display: inline-block;
  vertical-align: middle;
  float: none;
  border-left: 1px solid rgba(100,100,100,0.3);
  margin: 0 -100px 0 -1px;
  overflow: visible;
}
html body.body #subheader .container .options .ask-wrapper.vat {
  vertical-align: top;
}
html body.body #subheader .container .options .ask-wrapper a {
  padding: 10px 10px;
  padding-right: 750px;
  margin-right: -1000px;
  background: rgba(0,0,0,0.25);
  color: #fff;
  border-left: 1px solid rgba(100,100,100,0.3);
  display: block;
}
html body.body #subheader .container .options .ask-wrapper a:hover {
  background: rgba(0,0,0,0.5);
}
html body.body #subheader .container .options .ask-wrapper a i {
  /*color: #FFBF05;*/
  color: #8abd35;
  margin-right: 8px;
  font-size: 1.25em;
}
html body.body #subheader .container .options .ask-wrapper .contact-frame {
  display: none;
  position: absolute;
  width: 330px;
  z-index: 100;
  right: 0%;
  top: 40px;
  padding: 15px;
  /*background: #ffd96b;*/
  background: #8abd35;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
html body.body #subheader .container .options .ask-wrapper .contact-frame .title {
  /*border-color: rgba(255,191,5,0.7);*/
  border-color: #8abd35;
}
html body.body #subheader .container .options .ask-wrapper .contact-frame input,
html body.body #subheader .container .options .ask-wrapper .contact-frame textarea {
  padding: 5px;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  background: rgba(255,255,255,0.8);
}
html body.body #slideshow {
  position: relative;
  height: 500px;
  z-index: 1;
  margin-top: -38px;
  overflow: hidden;
  background: url(/images/slides/slide-12.jpg) center right no-repeat;
}
html body.body #slideshow .slide {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  z-index: 1;
}
html body.body #slideshow .slide.active {
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  z-index: 2;
  position: absolute;
}
html body.body #slideshow .slide .slide-desc {
  position: absolute;
  top: 73px;
  left: 20%;
  max-width: 700px;
  color: #486b0a;
  background: #edf9d9d1;
  padding: 15px 30px;
}
html body.body #slideshow .slide .slide-desc.light {
  color: #fff;
}
html body.body #slideshow .slide .slide-desc.light h2 {
}
html body.body #slideshow .slide .slide-desc.grey {
  padding: 20px 30px;
  background: rgba(17,17,17,0.31);
  border-radius: 10px;
  border: 1px solid rgba(17,17,17,0.1);
  color: #fff;
}
html body.body #slideshow .slide .slide-desc.grey * {
}
html body.body #slideshow .slide .slide-desc.none {
  padding: 20px 30px 20px 0;
  color: #fff;
}
html body.body #slideshow .slide .slide-desc.none h2 {
  padding-right: 75px;
}
html body.body #slideshow .slide .slide-desc.none * {
}
html body.body #slideshow .slide .slide-desc h2 {
  font-size: 2.5em;
  line-height: 1.4;
  margin-bottom: 12px;
  font-weight: bold;
}
html body.body #slideshow .slide .slide-desc h2:first-line {
  font-weight: normal;
}
html body.body #slideshow .slide .slide-desc p {
  border-top: 3px solid #496a00;
  padding: 8px 12px 8px 2px;
  margin: 0;
}
html body.body #slideshow .slide .slide-desc img.ava {
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 10;
  top: -15px;
  max-width: 120px;
  right: -15px;
  border: 5px solid #ddd;
}
html body.body #slideshow .slide .tac {
  position: absolute;
  top: 360px;
  width: 100%;
  left: 0;
}
html body.body #slideshow .slideshow-circles {
  position: absolute;
  bottom: 85px;
  width: 200px;
  text-align: center;
  left: 50%;
  margin-left: -100px;
  z-index: 3;
}
html body.body #slideshow .slideshow-circles .arrow {
  display: inline-block;
  vertical-align: middle;
  float: none;
  font-size: 3em;
  margin-right: 10px;
  color: #fff;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #slideshow .slideshow-circles .arrow.vat {
  vertical-align: top;
}
html body.body #slideshow .slideshow-circles .arrow.next {
  margin: 0 0 0 10px;
}
html body.body #slideshow .slideshow-circles .arrow:hover {
  /*color: #FFBF05;*/
  color: #8abd35;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  cursor: pointer;
}
html body.body #slideshow .slideshow-circles .circles {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #slideshow .slideshow-circles .circles.vat {
  vertical-align: top;
}
html body.body #slideshow .slideshow-circles .circles .circle {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  line-height: 20px;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #slideshow .slideshow-circles .circles .circle.vat {
  vertical-align: top;
}
html body.body #slideshow .slideshow-circles .circles .circle:hover {
  /*background: #FFBF05;*/
  background: #8abd35;
  cursor: pointer;
  /*border-color: #FFBF05;*/
  border-color: #8abd35;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #slideshow .slideshow-circles .circles .circle:last-child {
  margin: 0;
}
html body.body #slideshow .slideshow-circles .circles .circle.active {
  background: #fff;
  border-color: #fff;
}
html body.body #slideshow .slideshow-progress {
  position: absolute;
  bottom: 64px;
  z-index: 2;
  left: 0;
  width: 100%;
  height: 5px;
}
html body.body #slideshow .slideshow-progress .progress {
  background: rgba(255,191,5,0.3);
  width: 0px;
  height: 5px;
  position: relative;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
html body.body #slideshow .slideshow-teaser {
  position: absolute;
  z-index: 3;
  margin-top: -30px;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 0;
  text-align: center;
  background: #d6e7af;
}
html body.body #slideshow .slideshow-teaser:after {
  content: " ";
  position: absolute;
  clear: both;
  opacity: 0.5;
  bottom: 0;
  left: 0%;
  height: 20px;
  width: 100%;
  background: url(/images/shadow.png) center top no-repeat;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
html body.body #slideshow .slideshow-teaser .container {
  position: relative;
}
html body.body #slideshow .slideshow-teaser .container a.fa {
  position: absolute;
  top: -60px;
  left: 50px;
  font-size: 6em;
  width: 104px;
  height: 104px;
  line-height: 80px;
  color: #d19b00;
  text-align: center;
  border: 12px solid #649e3d;
  margin: -12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*background: #b88900;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d19b00),color-stop(1,#ffbf05));*/
  /*background: -ms-linear-gradient(bottom,#d19b00,#ffbf05);*/
  /*background: -moz-linear-gradient(center bottom,#d19b00 0%,#ffbf05 100%);*/
  /*background: -o-linear-gradient(#ffbf05,#d19b00);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#d19b00', GradientType=0);*/
}
html body.body #slideshow .slideshow-teaser .container a.fa:hover {
  background: #588c36;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#588c36),color-stop(1,#588c36));
  background: -ms-linear-gradient(bottom,#588c36,#588c36);
  background: -moz-linear-gradient(center bottom,#588c36 0%,#588c36 100%);
  background: -o-linear-gradient(#588c36,#588c36);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#588c36', endColorstr='#588c36', GradientType=0);
  /*color: #ffbf05;*/
}
html body.body #slideshow .slideshow-teaser .container .h2 {
  display: inline-block;
  vertical-align: middle;
  float: none;
  font-size: 24px;
  color: #333;
}
html body.body #slideshow .slideshow-teaser .container .h2.vat {
  vertical-align: top;
}
html body.body #slideshow .slideshow-teaser .container a.button {
  margin-left: 15px;
  padding: 8px 16px;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #slideshow .slideshow-teaser .container a.button.vat {
  vertical-align: top;
}
html body.body #teasers {
  padding: 50px 0;
  background: #fff url(../images/bg-teaser.jpg) center center no-repeat;
  background-size: 100% 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-attachment: fixed;
}
html body.body #teasers.home~#main-content {
  display: none;
}
html body.body #teasers .container {
  font-size: 0;
  margin-bottom: 2px;
}
html body.body #teasers .container>* {
  font-size: 12px;
}
html body.body #teasers .container .main {
  padding: 25px;
  background: rgba(255,255,255,0.75);
}
html body.body #teasers .container .main h3 {
  color: #333;
  font-size: 2rem;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 7px;
  line-height: 1;
}
html body.body #teasers .container .main #show-present {
  padding: 70px 30px;
  background: rgba(255,191,5,0.2);
  /*border: 2px solid #ffbf05;*/
  border: 2px solid #8abd35;
  margin: -2px;
}
html body.body #teasers .container .main #show-present >.fa-tv {
  position: absolute;
  width: 100%;
  text-align: center;
  right: -15px;
  top: 0;
  font-size: 32em;
  line-height: 1;
  color: rgba(89,117,129,0.1);
  z-index: 1;
}
html body.body #teasers .container .main #show-present .h1 {
  font-size: 2.25em;
}
html body.body #teasers .container .main #show-present .h3 {
  font-size: 1.75em;
}
html body.body #teasers .container .main #show-present .play {
  z-index: 2;
  display: block;
  margin: 20px 0 0;
  cursor: pointer;
  /*color: #FFBF05;*/
  color: #8abd35;
  position: relative;
}
html body.body #teasers .container .main #show-present .play:hover i {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #teasers .container .main #show-present .play i {
  display: block;
  font-size: 7.5em;
  line-height: 0.75;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #teasers .container .main #show-present .play span {
  display: block;
  font-size: 14px;
  color: #999;
  
  font-style: normal;
}
html body.body #teasers .container .main iframe#present {
  position: absolute;
  /*display: none;*/
  z-index: 3;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
html body.body #teasers .container .aside {
  vertical-align: top;
  text-align: right;
  font-size: 0;
  padding: 0px 0px 0px 0px;
}
html body.body #teasers .container .aside>* {
  font-size: 12px;
}
html body.body #teasers .container .aside >div {
  border: 0;
  margin: 0px 0px 0px 0px;
  padding: 0 0 3px 2px;
}
html body.body #teasers .container .aside >div.pb0 {
  padding-bottom: 0;
}
html body.body #teasers .container .aside >div .box {
  width: 100%;
}
html body.body #teasers .container .aside >div .box.grey {
  background: rgba(230,230,230,0.75);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
}
html body.body #teasers .container .aside >div .box.novice {
  background: rgba(255,253,227,0.7);
  position: relative;
}
html body.body #teasers .container .aside >div .button {
  display: block;
}
html body.body #teasers .container .base {
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding: 25px;
  background: rgba(255,255,255,0.75);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  text-align: right;
  padding-left: 100px;
}
html body.body #teasers .container .base.vat {
  vertical-align: top;
}
html body.body #teasers .container .base.grey {
  background: #eee;
  border: 1px solid #e1e1e1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #teasers .container .base.grey:hover {
  background: #eee;
}
html body.body #teasers .container .base.grey.light {
  background: #fafafa;
}
html body.body #teasers .container .base.yellow {
  background: #FFFDE3;
  border: 1px solid #fffbca;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #teasers .container .base.yellow:hover {
  background: #FFFDE3;
}
html body.body #teasers .container .base.preview {
  width: 870px;
  padding: 20px;
  background: rgba(0,185,202,0.1);
}
html body.body #teasers .container .base:hover {
  background: #fff;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #teasers .container .base .h4 {
  line-height: 1;
}
html body.body #teasers .container .base .desc {
  
  font-style: normal;
  line-height: 1.2;
  height: 4.8em;
  overflow-y: hidden;
  margin: 10px 0;
}
html body.body #teasers .container .base .button {
  text-align: center;
  line-height: 1.2;
}
html body.body #teasers .container .base a.circle {
  position: absolute;
  left: 20px;
  top: 30px;
  width: 80px;
  height: 80px;
  line-height: 74px;
  font-size: 4em;
  text-align: center;
  color: #d19b00;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
html body.body #teasers .container .base .desc {
  height: 2.3em;
}
html body.body #teasers .container .base .button {
  display: inline-block;
}
html body.body #main-content {
  padding: 10px 0 20px;
  margin: 0;
  background: #f5f5f5;
}
html body.body #main-content h1,
html body.body #main-content h2 {
  color: #555;
}
html body.body #main-content .breadcrumb {
  background: none;
  border: 0;
  width: 1200px;
  margin: 0 auto;
  padding: 0 0 0 8px;
  
  font-style: normal;
  
}
html body.body #main-content .breadcrumb li:first-child:before {
  content: "\f041";
  font-family: 'FontAwesome';
  margin-right: 8px;
}
html body.body #main-content .container {
  margin: 0px auto;
  padding: 0;
  background: none;
  font-size: 0;
}
html body.body #main-content .container >* {
  font-size: 12px;
}
@media (max-width: 1000px) {
  html body.body #main-content .container >* {
    font-size: 14px;
  }
}

html body.body #main-content .container #messages {
  padding-left: 40px;
  position: relative;
  background: #d0e7c0;
  border: 1px solid #b4d99b;
  color: #649e3d;
}
html body.body #main-content .container #messages .fa {
  position: absolute;
  left: 10px;
  top: 4px;
  font-size: 2em;
  color: rgba(100,158,61,0.8);
}
html body.body #main-content .container #content-features #bottom-features {
  /*font-size: 0;*/
  text-align: center;
  /*margin: 0px -1px 0px;*/
}
html body.body #main-content .container #content-features #bottom-features .square {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  float: none;
  font-size: 12px;
  padding: 10px;
}
html body.body #main-content .container #content-features #bottom-features .square.vat {
  vertical-align: top;
}
html body.body #main-content .container #content-features #bottom-features .square.current:before {
  content: "";
  z-index: 0;
  position: absolute;
  /*border: 10px solid #ffbf05;*/
  border: 10px solid #8abd35;
}
html body.body #main-content .container #content-features #bottom-features .square.current.l:before {
  top: 50%;
  margin-top: -5px;
  left: -20px;
  /*border-left-color: #ffbf05;*/
  border-left-color: #8abd35;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}
html body.body #main-content .container #content-features #bottom-features .square.current.t:before {
  top: -20px;
  margin-left: -5px;
  left: 50%;
  /*border-top-color: #ffbf05;*/
  border-top-color: #8abd35;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
html body.body #main-content .container #content-features #bottom-features .square.current.lt:before {
  top: -25px;
  margin-left: 0px;
  left: -25px;
  /*border-color: #ffbf05;*/
  border-color: #8abd35;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  border-left-color: transparent;
  border-top-color: transparent;
  z-index: 1;
}
html body.body #main-content .container #content-features #bottom-features .square.current .wrap {
  overflow: hidden;
}
html body.body #main-content .container #content-features #bottom-features .square.current .wrap:before {
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  /*background: #d19b00;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d19b00),color-stop(1,#ffbf05));*/
  /*background: -ms-linear-gradient(bottom,#d19b00,#ffbf05);*/
  /*background: -moz-linear-gradient(center bottom,#d19b00 0%,#ffbf05 100%);*/
  /*background: -o-linear-gradient(#ffbf05,#d19b00);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#d19b00', GradientType=0);*/
  /*border-top: 1px solid #faba00;*/
}
html body.body #main-content .container #content-features #bottom-features .square.current .wrap .tag {
  /*background: #FFBF05;*/
  background: #8abd35;
  line-height: 1.25;
}
html body.body #main-content .container #content-features #bottom-features .square.current .wrap >.fa.icon {
  color: rgba(89,117,129,0.6);
}
html body.body #main-content .container #content-features #bottom-features .square.w25 {
  width: 25%;
}
html body.body #main-content .container #content-features #bottom-features .square.w33 {
  width: 33.3%;
}
html body.body #main-content .container #content-features #bottom-features .square.w35 {
  width: 35%;
}
html body.body #main-content .container #content-features #bottom-features .square.w40 {
  width: 40%;
}
html body.body #main-content .container #content-features #bottom-features .square.w50 {
  width: 50%;
}
html body.body #main-content .container #content-features #bottom-features .square.w50 .wrap {
  padding: 50px;
}
html body.body #main-content .container #content-features #bottom-features .square.w60 {
  width: 60%;
}
html body.body #main-content .container #content-features #bottom-features .square.w60 .wrap {
  padding: 50px;
}
html body.body #main-content .container #content-features #bottom-features .square.w65 {
  width: 65%;
}
html body.body #main-content .container #content-features #bottom-features .square.w65 .wrap {
  padding: 50px;
}
html body.body #main-content .container #content-features #bottom-features .square.w65 .wrap:hover {
  cursor: default;
}
html body.body #main-content .container #content-features #bottom-features .square.w66 {
  width: 66.7%;
  z-index: 1;
  position: relative;
}
html body.body #main-content .container #content-features #bottom-features .square.w66 .wrap:hover {
  cursor: default;
}
html body.body #main-content .container #content-features #bottom-features .square.w66 .half {
  width: 50%;
}
html body.body #main-content .container #content-features #bottom-features .square.w75 {
  width: 75%;
}
html body.body #main-content .container #content-features #bottom-features .square.w75 .wrap {
  padding: 50px;
}
html body.body #main-content .container #content-features #bottom-features .square.w100 {
  width: 100%;
}
html body.body #main-content .container #content-features #bottom-features .square.h12 {
  height: 120px;
}
html body.body #main-content .container #content-features #bottom-features .square.h25 {
  height: 260px;
}
html body.body #main-content .container #content-features #bottom-features .square.h61 {
  height: 610px;
}
html body.body #main-content .container #content-features #bottom-features .square.h75 {
  height: 750px;
}
html body.body #main-content .container #content-features #bottom-features .square.fl {
  float: left;
}
html body.body #main-content .container #content-features #bottom-features .square.fr {
  float: right;
}
html body.body #main-content .container #content-features #bottom-features .square.pl0 {
  padding-left: 0;
}
html body.body #main-content .container #content-features #bottom-features .square.pr0 {
  padding-right: 0;
}
html body.body #main-content .container #content-features #bottom-features .square.z2 {
  z-index: 2;
}
html body.body #main-content .container #content-features #bottom-features .square .square {
  float: right;
  width: 290px;
  height: 100%;
  padding: 0;
  z-index: 2;
  margin-left: 25px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap {
  display: block;
  position: relative;
  background: #ddd;
  color: #555;
  font-size: 1.25em;
  width: 100%;
  padding: 25px;
  text-align: left;
  background-size: 100% auto;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  overflow: hidden;
  height: 100%;
}
#teasers ~ #main-content {
  display: none;
}
.unpublished {
  color: red;
}

.unpublished:before {
  content: "•";
  display: inline-block;
  padding-right: 10px;
}
.post-publication-date{
  padding-left: 6px;
}
.post-publication-date:before {
  content: "•";
  display: inline-block;
  padding-right: 10px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap:hover {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  color: #fff;
  background-color: rgba(100,158,61,0.9);
  cursor: pointer;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.ovv {
  overflow: visible;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.p0 {
  padding: 0;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.p25 {
  padding: 25px;
  height: 100%;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.p25-50 {
  padding: 25px 50px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.p50 {
  padding: 50px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-green {
  background: #d5e8b2;
  max-height: 213px;
}
.bottom-squares-menu {
  font-size: 0;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-green:hover {
  background: #649f00;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-green:hover .button {
  background: #d6e7af;
  color: #000;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-green:hover .button:hover {
  background: #cddda8;
  color: #000;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-cyan {
  background: rgba(0,185,202,0.17);
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-yellow {
  background: #d6e7af;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-yellow:hover {
  background: #ccdca7;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-white {
  background-color: #fff;
  color: #555;
  padding-top: 35px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-white:not(.no-min-height) {
  min-height: 670px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-white:hover {
  background: #fff !important;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-img .title {
  margin: 0 -25px;
  margin-bottom: 12px;
  padding: 12px 25px 12px;
  border-color: rgba(0,0,0,0.1);
  background: rgba(255,255,255,0.9);
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-img .title.yellow {
  background: rgba(255,191,5,0.8);
  color: #fff;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-img .title.green {
  background: rgba(90,147,52,0.8);
  color: #fff;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-grey {
  background: #f5f5f5;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-none {
  background: none;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bq:hover {
  background: rgba(0,185,202,0.5);
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.ovh {
  overflow: hidden;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap #features_target {
  display: block;
  
  font-style: normal;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap #features_target hr {
  margin: 10px 0;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap #features_target .buttons {
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid #eee;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap #features_target >div {
  overflow-y: auto;
  padding-right: 15px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap #features_target >div::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
  height: 5px;
  background: rgba(100,158,61,0.1);
  transition: transform 1s;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap #features_target >div::-webkit-scrollbar-thumb {
  background-color: #649e3d;
  transition: transform 1s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap .tag {
  text-align: right;
  font-size: 12px;
  padding: 5px 10px;
  opacity: 1;
  right: 0;
  width: auto;
  left: auto;
  text-transform: uppercase;
  line-height: 1.3;

  font-style: normal;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap .title {
  display: block;
  
  font-style: normal;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-color: rgba(0,0,0,0.1);

  font-size: 20px;
  font-weight: bold;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap .title.bg {
  font-size: 13px;
  padding: 10px 12px;
  border-radius: 5px;
  border: 0;
  position: absolute;
  bottom: 15px;
  width: auto;
  margin: 0 12px 0 -12px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap .title.bg.white {
  background: rgba(255,255,255,0.75);
}
html body.body #main-content .container #content-features #bottom-features .square .wrap .title.bg.font-medium {
  font-size: 18px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap .title.text-yellow {
  display: block;
  /*color: #FFBF05;*/
  color: #8abd35;
  padding: 25px 0px 12px;
  margin: 0px 25px 0;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap .title.yellow {
  /*color: #FFBF05;*/
  color: #8abd35;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap .title.cyan {
  color: #97bf51;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap .title.b0 {
  position: absolute;
  bottom: 15px;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap >i {
  display: block;
  font-size: 14px;
  color: rgba(89,117,129,0.7);
  margin-bottom: 20px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap >.fa.icon {
  font-size: 7em;
  float: right;
  text-align: right;
  line-height: 0.75;
  color: rgba(89,117,129,0.2);
  font-family: 'FontAwesome';
}
html body.body #main-content .container #content-features #bottom-features .square .wrap >.fa.icon~.title {
  border-bottom: 1px solid rgba(89,117,129,0.05);
}
html body.body #main-content .container #content-features #bottom-features .square .wrap .desc {
  font-size: 14px;
  font-style: normal;
  display: block;
  color: rgba(0,0,0,0.75);
}
html body.body #main-content .container #content-features #bottom-features .square .wrap .desc.black {
  color: #333;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap ul {
  margin: 5px 0 5px 0px;
  
  font-style: normal;
  display: block;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap ul >li {
  display: block;
  margin-bottom: 6px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap ul >li:before {
  content: "\f005";
  font-family: 'FontAwesome';
  color: #97bf51;
  margin-right: 5px;
  float: left;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap ul >li p {
  margin: 0;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap ul ul {
  margin: 0 0 25px 25px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap ul ul li {
  list-style-type: circle;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap ul ul li:before {
  color: #aaa;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap ol {
  margin: 5px 0 5px 15px;
  font-style: normal;
  display: block;
  list-style-type: default;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap ol li {
  display: list-item;
  margin-bottom: 6px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap ol li p {
  margin: 0;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap h5 {
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 30px;
  font-weight: bold;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap blockquote {
  font-size: 1.125rem;
  color: #4f6772;
  padding: 20px 10px;
  margin: 0 25px;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap blockquote:before,
html body.body #main-content .container #content-features #bottom-features .square .wrap blockquote:after {
  color: #adbfc6;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap .blockquote-author {
  color: #4f6772;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap .contact-form {
  font-size: 12px;
  background: none;
  border: 0;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap .contact-form input[type="text"],
html body.body #main-content .container #content-features #bottom-features .square .wrap .contact-form textarea {
  width: 100%;
  padding: 8px;
  margin-bottom: 6px;
  background: rgba(255,255,255,0.8);
  border: 0;
}
html body.body #main-content .container #content-features #bottom-tree-up {
  padding: 30px;
  text-align: center;
  min-height: 500px;
}
html body.body #main-content .container #content-features #bottom-tree-up .line {
  width: 4px;
  background: #fff;
  position: absolute;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .line:after {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 50px;
  height: 50px;
  border: 4px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .line.first:after {
  content: "";
  right: -46px;
  border-left-color: #fff;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .line.last:after {
  content: "";
  left: -46px;
  border: 4px solid transparent;
  border-right-color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: 80px;
  margin: 0 -10px;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.vat {
  vertical-align: top;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.one {
  height: 70px;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.one .line {
  height: 70px;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.two {
  height: 210px;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.two .line {
  height: 86px;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.three {
  height: 350px;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.three .line {
  height: 285px;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.hover .circle {
  /*background: #ffc61f !important;*/
  /*border-color: #FFBF05;*/
  background: #8abd35 !important;
  border-color: #8abd35;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.hover .line {
  /*background: #FFBF05;*/
  background: #8abd35;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.hover .line.first:after {
  /*border-left-color: #FFBF05;*/
  border-left-color: #8abd35;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.hover .line.last:after {
  /*border-right-color: #FFBF05;*/
  border-right-color: #8abd35;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .circle {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 72px;
  border: 4px solid #fff;
  
  font-style: normal;
  font-size: 1.5em;
  color: #fff;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .circle:hover {
  cursor: pointer;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .circle .circle-tooltip {
  position: absolute;
  z-index: 15;
  font-size: 1rem;
  display: none;
  background: rgba(255,255,255,0.9);
  padding: 6px 8px;
  width: 200px;
  text-transform: none;
  
  font-style: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .circle .circle-tooltip.l {
  left: -180px;
  top: -25px;
  text-align: left;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .circle .circle-tooltip.r {
  right: -180px;
  top: -10px;
  text-align: right;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .circle .circle-tooltip .h5 {
  display: block;
  font-size: 1em;
  line-height: 1;
  color: #597581;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .circle .circle-tooltip .desc {
  display: block;
  line-height: 1.2;
  color: #ddd;
  font-size: 12px;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .line {
  width: 4px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 80px;
  margin-left: -2px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root {
  position: relative;
  width: 100%;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way {
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: 15px;
  height: 80px;
  position: relative;
  z-index: 1;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.vat {
  vertical-align: top;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.one .line {
  height: 94px;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.one .line.first:before {
  content: "";
  position: absolute;
  top: -25px;
  right: 25px;
  display: block;
  width: 44px;
  height: 4px;
  background: #fff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.one .line.last:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 25px;
  display: block;
  width: 44px;
  height: 4px;
  background: #fff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.two .line {
  height: 148px;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.hover .line {
  /*background: #FFBF05;*/
  background: #8abd35;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.hover .line.first:after {
  /*border-left-color: #FFBF05;*/
  border-left-color: #8abd35;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.hover .line.first:before {
  /*background: #FFBF05;*/
  background: #8abd35;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.hover .line.last:after {
  /*border-right-color: #FFBF05;*/
  border-right-color: #8abd35;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.hover .line.last:before {
  /*background: #FFBF05;*/
  background: #8abd35;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way .line {
  width: 4px;
  height: 80px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: 0px;
  margin-left: -2px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way .line:after {
  top: -25px;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way .line.first:after {
  right: 0px;
  border-left-color: #fff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way .line.last:after {
  left: 0px;
  border: 4px solid transparent;
  border-right-color: #fff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .circle-yellow {
  display: block;
  margin-top: -20px;
  z-index: 2;
  position: relative;
}
html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .circle-yellow a {
  font-family: 'FontAwesome';
  font-size: 3.5em;
  padding: 0;
  width: 110px;
  height: 110px;
  line-height: 92px;
  border: 8px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
html body.body #main-content .container #content {
  /*font-size: 14px;*/
  margin-top: 10px;
  padding: 30px 40px;
  background: #fff;
}
html body.body #main-content .container #content h1 {
  text-align: left;
  padding-bottom: 8px;
  margin-bottom: 12px;
  /*border-bottom: 2px solid #FFBF05;*/
  border-bottom: 2px solid #8abd35;
  position: relative;
  z-index: 5;
}
html body.body #main-content .container #content h1 small {
  font-size: 1rem;
  display: block;
}
html body.body #main-content .container #content h1 mark {
  color: #00a2b1;
  background: none;
}
html body.body #main-content .container #content ul.buttoned {
  z-index: 6;
  position: relative;
}
html body.body #main-content .container #content >a.pull-right {
  z-index: 6;
  position: relative;
}
html body.body #main-content .container #content table#multi-media {
  margin: 10px 0;
  padding: 10px 10px 20px;
  display: block;
  background: #FFFDE3;
  border: 1px solid #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #main-content .container #content table#multi-media thead {
  width: 100%;
  display: block;
}
html body.body #main-content .container #content table#multi-media tbody {
  width: 100%;
  display: block;
}
html body.body #main-content .container #content table#multi-media tbody tr {
  width: 100%;
  display: block;
  border-bottom: 1px dashed #ddd;
}
html body.body #main-content .container #content table#multi-media tbody tr:nth-child(even) {
  background: rgba(255,191,5,0.1);
}
html body.body #main-content .container #content table#multi-media tbody tr td {
  display: block;
}
html body.body #main-content .container #content table#multi-media tbody tr td:first-child {
  float: left;
}
html body.body #main-content .container #content table#multi-media label {
  padding: 0;
  margin: 0;
}
html body.body #main-content .container #content table#multi-media .media-widget {
  margin: 0px 0;
  padding: 8px;
  text-align: right;
}
html body.body #main-content .container #content table#multi-media .media-widget .preview {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  text-align: left;
}
html body.body #main-content .container #content table#multi-media .media-widget .preview .media-item .media-thumbnail img {
  display: inline-block;
  vertical-align: middle;
  margin: 8px 0;
  width: 60px;
  border: 3px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
html body.body #main-content .container #content table#multi-media .media-widget .preview .media-item .media-thumbnail .label-wrapper {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 5px 5px 15px;
}
html body.body #main-content .container #content table#multi-media .media-widget .preview .media-item .media-thumbnail .label-wrapper label {
  
  font-style: normal;
  color: #597581;
  font-size: 1.25em;
}
html body.body #main-content .container #content table#multi-media .media-widget .button {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
html body.body #main-content .container #content table#multi-media .media-widget .button.launcher {
  margin-left: 15px;
}
html body.body #main-content .container #content form label {
  padding: 2px 2px;
  margin: 8px 0 0 0;
  color: #97bf51;
  font-weight: bold;
  font-size: 0.75rem;
}
html body.body #main-content .container #content form input[type="text"],
html body.body #main-content .container #content form input[name="name"],
html body.body #main-content .container #content form select,
html body.body #main-content .container #content form textarea {
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
html body.body #main-content .container #content form input[type="text"].small,
html body.body #main-content .container #content form input[name="name"].small,
html body.body #main-content .container #content form select.small,
html body.body #main-content .container #content form textarea.small {
  width: 140px;
  min-width: 140px;
}
html body.body #main-content .container #content form input[type="text"].large,
html body.body #main-content .container #content form input[name="name"].large,
html body.body #main-content .container #content form select.large,
html body.body #main-content .container #content form textarea.large {
  width: 100%;
}
html body.body #main-content .container #content form .cke {
  width: 100%;
}
html body.body #main-content .container #content form #answers {
  margin-left: 25px;
  padding-left: 25px;
  border-left: 1px solid #ddd;
}
html body.body #main-content .container #content form #answers.bald {
  margin: 0;
  padding: 0;
  border: 0;
}
html body.body #main-content .container #content form #answers #add-answer {
  padding: 5px 10px;
  font-size: 0.75rem;
}
html body.body #main-content .container #content form #answers .red {
  padding: 6px 10px;
}
html body.body #main-content .container #content form #answers .answer {
  margin: 5px 0;
}
html body.body #main-content .container #content form #answers .answer >* {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #main-content .container #content form #answers .answer >*.vat {
  vertical-align: top;
}
html body.body #main-content .container #content form #answers .answer [type="text"] {
  width: 650px;
}
html body.body #main-content .container #content form .buttons {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #ddd;
}
html body.body #main-content .container #content .content-item {
  padding: 15px 25px;
}
html body.body #main-content .container #content .content-item.list .features {
  margin: 10px 0;
}
html body.body #main-content .container #content .content-item.list {
  margin: 0 -10px 0;
  border-bottom: 1px solid #eee;
}
html body.body #main-content .container #content .content-item.list:last-of-type {
  border: 0;
}
html body.body #main-content .container #content .content-item.list:nth-child(odd) {
  background: rgba(0,0,0,0.0125);
}
html body.body #main-content .container #content .content-item.list .image-teaser {
  max-width: 160px;
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0px;
  float: left;
}
html body.body #main-content .container #content .content-item h3 {
  font-size: 1.25rem;
}
html body.body #main-content .container #content .content-item h3 a:visited {
  color: #008a97;
}
html body.body #main-content .container #content .content-item .image-teaser {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  display: block;
  float: none;
  clear: both;
  max-width: 100%;
}
html body.body #main-content .container #content .content-item .intro-text {
  color: #777;
}
html body.body #main-content .container #content .content-item .multimedia {
  margin-top: 20px;
  border-top: 2px solid rgba(0,185,202,0.8);
  padding: 10px 15px 12px;
  font-size: 1rem;
  background: rgba(0,185,202,0.1);
  
  font-style: normal;
}
html body.body #main-content .container #content .content-item .multimedia a {
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding: 5px 15px 5px 0px;
  line-height: 1.2;
  color: #00abbb;
}
html body.body #main-content .container #content .content-item .multimedia a.vat {
  vertical-align: top;
}
html body.body #main-content .container #content .content-item .multimedia a:before {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-right: 5px;
  font-family: 'FontAwesome';
  color: rgba(89,117,129,0.9);
  line-height: 1;
}
html body.body #main-content .container #content .content-item .multimedia a:before.vat {
  vertical-align: top;
}
html body.body #main-content .container #content .content-item .multimedia a:hover {
  color: #00737e;
}
html body.body #main-content .container #content .content-item .multimedia a[href$="pdf"]:before {
  content: "\f1c1";
}
html body.body #main-content .container #content .content-item .multimedia a[href$="doc"]:before {
  content: "\f0f6";
}
html body.body #main-content .container #content .content-item .multimedia a[href$="png"]:before {
  content: "\f1c5";
}
html body.body #main-content .container #content #library-subjects {
  font-size: 0;
}
html body.body #main-content .container #content #library-subjects .subject {
  display: inline-block;
  vertical-align: middle;
  float: none;
  position: relative;
  text-align: center;
  width: 25%;
  background: #d65858;
  font-size: 12px;
  margin: 0;
  border: 2px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #main-content .container #content #library-subjects .subject.vat {
  vertical-align: top;
}
html body.body #main-content .container #content #library-subjects .subject:hover {
  background: rgba(89,117,129,0.1) !important;
}
html body.body #main-content .container #content #library-subjects .subject:hover img {
  opacity: 0.5;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #main-content .container #content #library-subjects .subject:hover .subject-container {
  color: #597581;
}
html body.body #main-content .container #content #library-subjects .subject:hover .subject-container i {
  /*color: #ffbf05;*/
  color: #8abd35;
}
html body.body #main-content .container #content #library-subjects .subject:hover .subject-container .name {
  border-color: rgba(89,117,129,0.3);
  color: #597581;
}
html body.body #main-content .container #content #library-subjects .subject#subject-58 {
  background: #649e3d;
}
html body.body #main-content .container #content #library-subjects .subject#subject-58 .subject-container i:before {
  content: "\f080";
}
html body.body #main-content .container #content #library-subjects .subject#subject-59 {
  background: #00a2b1;
}
html body.body #main-content .container #content #library-subjects .subject#subject-59 .subject-container i:before {
  content: "\f109";
}
html body.body #main-content .container #content #library-subjects .subject#subject-60 {
  background: #708f9d;
}
html body.body #main-content .container #content #library-subjects .subject#subject-60 .subject-container i:before {
  content: "\f19c";
}
html body.body #main-content .container #content #library-subjects .subject#subject-61 {
  background: #faba00;
}
html body.body #main-content .container #content #library-subjects .subject#subject-61 .subject-container i:before {
  content: "\f040";
}
html body.body #main-content .container #content #library-subjects .subject img {
  border-top: 7px solid rgba(0,0,0,0.125);
  padding-top: 0px;
}
html body.body #main-content .container #content #library-subjects .subject .subject-container {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  padding: 25px 20px 30px;
}
html body.body #main-content .container #content #library-subjects .subject .subject-container i {
  display: block;
  font-size: 3rem;
  color: #fff;
  margin: 0px auto 10px;
}
html body.body #main-content .container #content #library-subjects .subject .subject-container .name {
  min-width: 150px;
  margin-top: 5px;
  padding-top: 10px;
  border-top: 2px solid rgba(255,255,255,0.2);
  display: inline-block;
  vertical-align: top;
  
  font-style: normal;
  line-height: 1.2;
  font-size: 1.125rem;
  color: #fff;
  height: 3em;
  overflow: hidden;
}
html body.body #main-content .container #content ul.subject-list li {
  display: block;
  border-bottom: 1px solid #ddd;
}
html body.body #main-content .container #content ul.subject-list li:last-of-type {
  border: 0;
}
html body.body #main-content .container #content ul.subject-list li a {
  padding: 5px 0 5px 5px;
  display: block;
  line-height: 1.6;
  
}
html body.body #main-content .container #content ul.subject-list li a:hover {
  background: #fafafa;
}
html body.body #main-content .container #content ul.subject-list li a:hover span {
  color: #0094a1;
}
html body.body #main-content .container #content ul.subject-list li a.subject-58 i:before {
  background: #fff;
  content: "\f080";
  color: #649e3d;
}
html body.body #main-content .container #content ul.subject-list li a.subject-59 i:before {
  background: #fff;
  content: "\f109";
  color: #00abbb;
}
html body.body #main-content .container #content ul.subject-list li a.subject-60 i:before {
  background: #fff;
  content: "\f19c";
  color: rgba(89,117,129,0.85);
}
html body.body #main-content .container #content ul.subject-list li a.subject-61 i:before {
  background: #fff;
  content: "\f040";
  /*color: #FFBF05;*/
  color: #8abd35;
}
html body.body #main-content .container #content ul.subject-list li a i {
  color: #649e3d;
  margin-right: 8px;
}
html body.body #main-content .container #content ul.subject-list li a i:before {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border: 1px solid rgba(89,117,129,0.3);
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
html body.body #main-content .container #content ul.subject-list li a span {
  color: #97bf51;
  
  font-style: normal;
}
html body.body #main-content .container #content #library-item .tabs-container {
  float: right;
}
html body.body #main-content .container #content #professions-tree .title {
  text-align: left;
}
html body.body #main-content .container #content #professions-tree .professions-tree_step {
  display: block;
}
html body.body #main-content .container #content #professions-tree .professions-tree_step .step {
  
  font-style: normal;
  font-size: 2em;
  color: #649e3d;
  margin-top: 0px;
}
html body.body #main-content .container #content #professions-tree .professions-tree_step .tree {
  text-align: center;
}
html body.body #main-content .container #content #professions-tree .professions-tree_step .tree .step,
html body.body #main-content .container #content #professions-tree .professions-tree_step .tree label {
  text-align: left;
}
html body.body #main-content .container #content #professions-tree .tree ul {
  font-size: 0;
}
html body.body #main-content .container #content #professions-tree .tree ul li {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  float: none;
  padding: 20px 0 0;
  position: relative;
}
html body.body #main-content .container #content #professions-tree .tree ul li .proff-actions {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  position: absolute;
  top: -14px;
  right: 5px;
  text-align: right;
  opacity: 0;
  z-index: 5;
  padding: 6px 5px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body #main-content .container #content #professions-tree .tree ul li .proff-actions:hover {
  opacity: 1;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #main-content .container #content #professions-tree .tree ul li .proff-actions~.tests .links a.test-link~.i {
  text-align: center;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 26px;
  margin-top: -28px;
}
html body.body #main-content .container #content #professions-tree .tree ul li .proff-actions~.tests .links a.test-link~.i~form {
  text-align: center;
  position: absolute;
  right: 6px;
  margin-top: -31px;
}
html body.body #main-content .container #content #professions-tree .tree ul li .proff-actions~.tests .links a.test-link~.i~form .i {
  width: 16px;
  height: 16px;
  padding: 0;
}
html body.body #main-content .container #content #professions-tree .tree ul li .proff-actions~.tests .links a.test-link~.i~form .i .fa {
  background: none;
  padding: 0;
  font-size: 0.5rem;
  line-height: 14px;
}
html body.body #main-content .container #content #professions-tree .tree ul li .proff-actions~.tests .links a.test-link~.i .fa {
  background: none;
  padding: 0;
  font-size: 0.5rem;
  line-height: 14px;
}
html body.body #main-content .container #content #professions-tree .tree ul li .proff-actions .i {
  font-size: 0.75rem;
}
html body.body #main-content .container #content #professions-tree .tree ul li .proff-actions .button.grey {
  text-transform: capitalize;
}
html body.body #main-content .container #content #professions-tree .tree ul li .test {
  margin: 0 5px;
  min-width: 140px;
  max-width: 240px;
}
html body.body #main-content .container #content #professions-tree .tree ul li .test:hover~.proff-actions {
  opacity: 1;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #main-content .container #content #professions-tree .tree ul li >ul {
  font-size: 0;
  padding-top: 0;
}
html body.body #main-content .container #content #professions-tree .tree ul li >ul:before {
  height: 30px;
}
html body.body #main-content .container #content #professions-tree .tree ul li >ul li {
  padding-top: 30px;
}
html body.body #main-content .container #content #professions-tree .tree ul li >ul li .proff-actions {
  top: -2px;
}
html body.body #main-content .container #content #professions-tree .stepways {
  position: relative;
  display: block;
  margin: 30px 0 20px;
  width: 100%;
  height: 5px;
  background: #649e3d;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
html body.body #main-content .container #content #professions-tree .stepways .stepway {
  display: block;
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  margin-top: -7px;
  background: #649e3d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: -20px;
}
html body.body #main-content .container #content #professions-tree .stepways .stepway.first {
  left: 0;
  margin-left: 0;
}
html body.body #main-content .container #content #professions-tree .stepways .stepway.active {
  /*background: #FFBF05;*/
  background: #8abd35;
}
html body.body #main-content .container #content #professions-tree .stepways .stepway.active.last-active {
  width: 30px;
  height: 30px;
  margin-top: -12px;
}
html body.body #main-content .container #content #professions-tree .stepways .color {
  position: absolute;
  z-index: 1;
  width: 0%;
  height: 100%;
  max-width: 100%;
  left: 0;
  /*background: #FFBF05;*/
  background: #8abd35;
}
html body.body #main-content .container #content #profile-page .history {
  text-align: right;
  margin-bottom: -12px;
  font-size: 12px;
  color: #999;
}
html body.body #main-content .container #content #profile-page .avatar {
  display: inline-block;
  vertical-align: middle;
  float: none;
  float: right;
  text-align: center;
  margin-top: 40px;
}
html body.body #main-content .container #content #profile-page .avatar.vat {
  vertical-align: top;
}
html body.body #main-content .container #content #profile-page .avatar a.img {
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: 100px;
  height: 100px;
}
html body.body #main-content .container #content #profile-page .avatar a.img.vat {
  vertical-align: top;
}
html body.body #main-content .container #content #profile-page .avatar a.img img {
  display: inline-block;
  vertical-align: middle;
  float: none;
  top: 0;
  left: 0;
}
html body.body #main-content .container #content #profile-page .avatar a.img img.vat {
  vertical-align: top;
}
html body.body #main-content .container #content #profile-page .avatar h3 {
  margin-top: 5px;
  font-size: 1.25rem;
  display: block;
  position: relative;
  max-width: 120px;
  text-align: center;
  color: #444;
}
html body.body #main-content .container #content #profile-page .avatar .user-id {
  display: block;
  text-align: center;
  font-size: 0.75rem;
  color: #999;
  padding-top: 5px;
  border-top: 2px solid #97bf51;
  margin-top: 5px;
  
  font-style: normal;
}
html body.body #main-content .container #content #user-info .group {
  display: block;
}
html body.body #main-content .container #content #user-info .group.yellow .field .text,
html body.body #main-content .container #content #user-info .group.yellow .field input {
  background: rgba(255,191,5,0.2);
}
html body.body #main-content .container #content #user-info .group.green .field .text,
html body.body #main-content .container #content #user-info .group.green .field input {
  background: rgba(100,158,61,0.2);
}
html body.body #main-content .container #content #user-info .group .title {
  margin-top: 10px;
}
html body.body #main-content .container #content #user-info .group .field {
  background: none;
  border: 0;
}
html body.body #main-content .container #content #user-info .group .field label {
  display: inline-block;
  width: auto;
  min-width: 240px;
  font-size: 0.75rem;
  padding: 1px 10px;
  margin: 0;
  border-bottom: 0;
}
html body.body #main-content .container #content #user-info .group .field .text {
  display: block;
  max-width: 600px;
  padding: 4px 8px;
  background: #eee;
  border: 1px solid #ddd;
  margin: 0 0 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #main-content .container #content #user-info .group .field .text:empty:after {
  content: "...";
}
html body.body #main-content .container #content #user-info .structure {
  background: rgba(100,158,61,0.2);
}
html body.body #main-content .container #content #user-info .structure #tree {
  font-size: 13px;
  margin: 15px -30px 0;
}
html body.body #main-content .container #content #user-info .structure #tree > ul li a.test {
  
  font-style: normal;
}
html body.body #main-content .container #content #user-info .structure #tree > ul li .tests {
  display: none;
}
html body.body #main-content .container #content #user-info.teacher {
  padding: 15px 25px;
  background: #d9e7ce40;
}
html body.body #main-content .container #content #user-info.teacher >img#avatar {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 20px 0 20px;
}
html body.body #main-content .container #content #user-info.teacher h1 {
  font-weight: bold;
  font-size: 24px;
}
html body.body #main-content .container #content #user-info.teacher .user-posts-title {
  font-weight: bold;
  font-size: 20px;
  margin-top: 20px;
}
html body.body #main-content .container #content #user-info form.delete-data {
  position: absolute;
  right: 50px;
  bottom: 123px;
}
html body.body #main-content .container #content #user-info form.delete-data a {
  font-size: 11px;
  padding: 5px 10px;
}
html body.body #main-content .container #content #user-info form.delete-data a i {
  color: rgba(255,255,255,0.5);
}
html body.body #main-content .container #content .jstree i {
  font-style: normal;
  font-size: 12px;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul {
  margin-bottom: 15px;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >i {
  display: none;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >a {
  
  font-style: normal;
  font-size: 1.25rem;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >a i {
  background: none;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >a i:before {
  content: "\f0b1";
  font-family: 'FontAwesome';
  color: #649e3d;
  font-size: 1.25em;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >.attempt-controls {
  float: right;
  z-index: 1;
  position: relative;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >.attempt-controls .button {
  padding: 5px 10px;
  font-size: 0.75rem;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li {
  margin: 0;
  position: relative;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 90%;
  z-index: 0;
  padding: 0 30px;
  margin: 0 40px 0 40px;
  border-top: 1px solid #ddd;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li.jstree-open >i:before {
  content: "\f056";
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li.jstree-closed >i:before {
  content: "\f055";
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li a.jstree-anchor {
  min-width: 180px;
  z-index: 1;
  position: relative;
  text-align: left;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li i.jstree-ocl:before {
  background: #fff;
  font-size: 12px;
  font-family: 'FontAwesome';
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  color: #597581;
  display: inline-block;
  vertical-align: middle;
  float: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li i.jstree-ocl:before.vat {
  vertical-align: top;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a {
  z-index: 1;
  background: #f5f5f5;
  border: 1px solid #ddd;
  margin: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a >i.jstree-themeicon {
  background: none;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a >i.jstree-themeicon:before {
  content: "\f07b";
  font-family: 'FontAwesome';
  font-size: 14px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  /*color: #FFBF05;*/
  color: #8abd35;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a.test-action {
  font-weight: normal;
  outline: none;
  padding: 8px 16px;
  
  font-style: normal;
  font-size: 1em;
  line-height: normal;
  background: #649f00;
  text-transform: uppercase;
  border: 0;
  color: #fff;
  letter-spacing: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  float: right;
  z-index: 1;
  position: relative;
  padding: 4px 8px;
  margin: 0;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a.test-action:hover {
  color: #fff;
  text-decoration: none;
  background: #4d792f;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#4d792f),color-stop(1,#649e3d));
  background: -ms-linear-gradient(bottom,#4d792f,#649e3d);
  background: -moz-linear-gradient(center bottom,#4d792f 0%,#649e3d 100%);
  background: -o-linear-gradient(#649e3d,#4d792f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#649e3d', endColorstr='#4d792f', GradientType=0);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a.test-action:active {
  background: #eee;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(1,#fafafa));
  background: -ms-linear-gradient(bottom,#eee,#fafafa);
  background: -moz-linear-gradient(center bottom,#eee 0%,#fafafa 100%);
  background: -o-linear-gradient(#fafafa,#eee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee', GradientType=0);
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a.test-action.grey {
  background: #999;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#999),color-stop(1,#bbb));
  background: -ms-linear-gradient(bottom,#999,#bbb);
  background: -moz-linear-gradient(center bottom,#999 0%,#bbb 100%);
  background: -o-linear-gradient(#bbb,#999);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#999999', GradientType=0);
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a.test-action.grey:hover {
  background: #777;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#777),color-stop(1,#aaa));
  background: -ms-linear-gradient(bottom,#777,#aaa);
  background: -moz-linear-gradient(center bottom,#777 0%,#aaa 100%);
  background: -o-linear-gradient(#aaa,#777);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#777777', GradientType=0);
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a.test-action.yellow {
  /*background: #d19b00;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d19b00),color-stop(1,#FFBF05));*/
  /*background: -ms-linear-gradient(bottom,#d19b00,#FFBF05);*/
  /*background: -moz-linear-gradient(center bottom,#d19b00 0%,#FFBF05 100%);*/
  /*background: -o-linear-gradient(#FFBF05,#d19b00);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#d19b00', GradientType=0);*/
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a.test-action.yellow:hover {
  /*background: #FFBF05;*/
  /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#FFBF05),color-stop(1,#FFBF05));*/
  /*background: -ms-linear-gradient(bottom,#FFBF05,#FFBF05);*/
  /*background: -moz-linear-gradient(center bottom,#FFBF05 0%,#FFBF05 100%);*/
  /*background: -o-linear-gradient(#FFBF05,#FFBF05);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf05', endColorstr='#ffbf05', GradientType=0);*/
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a.test-action.cyan {
  background: #0098a6;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#0098a6),color-stop(1,#97bf51));
  background: -ms-linear-gradient(bottom,#0098a6,#97bf51);
  background: -moz-linear-gradient(center bottom,#0098a6 0%,#97bf51 100%);
  background: -o-linear-gradient(#97bf51,#0098a6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97bf51', endColorstr='#0098a6', GradientType=0);
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a.test-action.cyan:hover {
  background: #00a2b1;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00a2b1),color-stop(1,#00a2b1));
  background: -ms-linear-gradient(bottom,#00a2b1,#00a2b1);
  background: -moz-linear-gradient(center bottom,#00a2b1 0%,#00a2b1 100%);
  background: -o-linear-gradient(#00a2b1,#00a2b1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2b1', endColorstr='#00a2b1', GradientType=0);
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a.test-action.red {
  background: #AF4040;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#AF4040),color-stop(1,#DC5252));
  background: -ms-linear-gradient(bottom,#AF4040,#DC5252);
  background: -moz-linear-gradient(center bottom,#AF4040 0%,#DC5252 100%);
  background: -o-linear-gradient(#DC5252,#AF4040);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc5252', endColorstr='#af4040', GradientType=0);
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a.test-action.red:hover {
  background: #ca3131;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#b52c2c),color-stop(1,#ca3131));
  background: -ms-linear-gradient(bottom,#b52c2c,#ca3131);
  background: -moz-linear-gradient(center bottom,#b52c2c 0%,#ca3131 100%);
  background: -o-linear-gradient(#ca3131,#b52c2c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca3131', endColorstr='#b52c2c', GradientType=0);
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a.test-action.i {
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a.test-action.i:hover {
  border: 0;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >a.test-action.i.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 20px;
  text-transform: inherita;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li.jstree-open >i:before {
  content: "\f056";
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li.jstree-closed >i:before {
  content: "\f055";
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li.attempt-passed >a >i:before {
  content: "\f165";
  color: rgba(100,158,61,0.9);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 1.25em;
  line-height: 1;
  padding: 0px;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li.attempt-passed >a >i:before.vat {
  vertical-align: top;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li.attempt-current >a >i {
  margin-right: 5px;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li.attempt-current >a >i:before {
  content: "\f017";
  color: #97bf51;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 1.25em;
  padding: 0px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li.attempt-current >a >i:before.vat {
  vertical-align: top;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li.attempt-failed >a >i:before {
  content: "\f164";
  color: rgba(202,49,49,0.9);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 1.25em;
  padding: 0px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li.attempt-failed >a >i:before.vat {
  vertical-align: top;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li.attempt-failed >a b {
  color: #CA3131;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li.pre-test >a >i:before {
  content: "\f0a4";
  /*color: #FFBF05;*/
  color: #8abd35;
  margin-right: 3px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >ul.jstree-children {
  position: relative;
  background: #FFFDE3;
  border: 1px solid #e5e5e5;
  padding: 5px;
  margin: 5px 0 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >ul.jstree-children:after {
  content: "";
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: #FFFDE3;
  position: absolute;
  top: -8px;
  left: 40px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >ul.jstree-children >li {
  font-size: 0.75rem;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >ul.jstree-children >li.interim-current a i:before {
  content: "\f0a4";
  color: #97bf51;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >ul.jstree-children >li.interim-completed a i:before {
  content: "\f046";
  color: rgba(89,117,129,0.8);
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >ul.jstree-children >li.no-interim a i:before {
  content: "\f096";
  color: rgba(89,117,129,0.8);
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >ul.jstree-children >li >a {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  white-space: initial;
  max-width: 520px;
  line-height: 1.2;
  height: auto;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >ul.jstree-children >li >a i {
  width: 20px;
  height: 14px;
  margin-bottom: 0px;
  line-height: 12px;
  background: none;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >ul.jstree-children >li >a i.vat {
  vertical-align: top;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >ul.jstree-children >li >a i:before {
  font-family: 'FontAwesome';
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  font-size: 1.25em;
  padding: 0;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >ul.jstree-children >li >a i:before.vat {
  vertical-align: top;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >ul.jstree-children >li >a b {
  color: #597581;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >ul.jstree-children .button {
  float: right;
  z-index: 1;
  position: relative;
  padding: 4px 8px;
  margin: 4px 0 0;
  font-size: 0.75rem;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >a {
  font-size: 14px;
  
  font-style: normal;
  padding: 4px 8px;
  margin-bottom: 5px;
  height: auto;
  line-height: 1.5;
  text-align: center;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >a i {
  width: 20px;
  display: inline-block;
  background: none;
  margin-right: 0px;
  height: auto;
  line-height: 1.6;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >a i:before {
  content: "\f0f6";
  font-family: 'FontAwesome';
  color: #649e3d;
}
html body.body #main-content .container #content .jstree >ul.jstree-container-ul >li >ul.jstree-children >li >ul >li >a span {
  color: #999;
  font-size: 0.75rem;
  padding: 1px 6px;
  margin: 0 8px 0 4px;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
html body.body #main-content .container #content #test-results {
  margin: 25px 0 10px;
  display: block;
  padding: 0;
}
html body.body #main-content .container #content #test-results .h2 {
  display: block;
  padding-top: 25px;
  text-align: left;
}
html body.body #main-content .container #content #test-results .num {
  float: right;
  
  font-style: normal;
  font-size: 1.5em;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  padding: 4px 20px;
  margin: 25px 20px;
  color: #597581;
  border: 2px solid transparent;
  position: relative;
}
html body.body #main-content .container #content #test-results .num strong {
  color: #ffc61f;
  margin-left: 2px;
}
html body.body #main-content .container #content #test-results .num strong sup {
  top: -0.25em;
  margin-left: 2px;
}
html body.body #main-content .container #content #test-results .num.bg-cyan {
  background: #00a2b1;
  color: #fff;
  z-index: 2;
}
html body.body #main-content .container #content #test-results .num.bg-green {
  background: #649e3d;
  color: #fff;
  z-index: 2;
}
html body.body #main-content .container #content #test-results .num.total {
  border: 2px solid #00a2b1;
  color: #008a97;
  background: rgba(0,185,202,0.2);
  padding-right: 50px;
  margin-right: -60px;
  z-index: 1;
}
html body.body #main-content .container #content #test-results .num.total strong {
  color: #00b0c0;
}
html body.body #main-content .container #content #test-results #mychart {
  max-width: 80%;
  margin: 20px auto 0;
  padding: 0 20px;
}
html body.body #main-content .container #content #test-results #mychart svg {
  overflow: visible !important;
}
html body.body #main-content .container #content #test-results #mychart rect {
  fill: rgba(100,158,61,0.8);
}
html body.body #main-content .container #content #test-results #mychart rect:nth-child(even) {
  fill: rgba(100,158,61,0.65);
}
html body.body #main-content .container #content #test-results hr {
  border-bottom: 1px solid rgba(255,191,5,0.4);
}
html body.body #main-content .container #content #test-results ul.unstyled {
  padding-bottom: 25px;
}
html body.body #main-content .container #content #test-results >form {
  padding: 15px 0;
}
html body.body #main-content .container #content form#news-form fieldset.test-profiles {
  background: #fafafa;
  border: 1px solid #eee;
  padding: 15px 15px;
  margin: 10px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #main-content .container #content form#news-form fieldset.test-profiles >a {
  padding: 3px 10px;
}
html body.body #main-content .container #content form#news-form fieldset.test-profiles h4 {
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 7px;
  line-height: 1;
}
html body.body #main-content .container #content form#news-form fieldset.test-profiles ol li {
  padding: 5px;
}
html body.body #main-content .container #content form#news-form fieldset.test-profiles ol li a span {
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding-left: 8px;
  margin-left: 5px;
  border-left: 1px solid #ddd;
}
html body.body #main-content .container #content form#news-form fieldset.test-profiles ol li a span.vat {
  vertical-align: top;
}
html body.body #main-content .container #content form#news-form fieldset.test-profiles ol li a span:first-child {
  padding-left: 0;
  margin-left: 0;
  border-left: 0;
}
html body.body #main-content .container #content form#news-form fieldset.test-profiles ol li a span small {
  color: #aaa;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #main-content .container #content form#news-form fieldset.test-profiles ol li a span small.vat {
  vertical-align: top;
}
html body.body #main-content .container #content form#news-form .controls-row select ~ .description {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #main-content .container #content form#news-form .controls-row select ~ .description.vat {
  vertical-align: top;
}
html body.body #main-content .container #content #attempt-page h4 {
  line-height: 1.2;
  margin-bottom: 10px;
}
html body.body #main-content .container #content #attempt-page form .question {
  margin: 0px 0;
  padding: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #main-content .container #content #attempt-page form .question:nth-child(even) {
  background: #fafafa;
}
html body.body #main-content .container #content #attempt-page form .question input[type="radio"] {
  margin: 3px 8px 0 3px;
  float: left;
  display: block;
}
html body.body #main-content .container #content #attempt-page form .question label {
  display: block;
  margin: 0;
  padding: 0;
}
html body.body #main-content .container #content #attempt-page #attempt-circle {
  display: inline-block;
  max-width: 610px;
  padding: 4px 12px 4px 0;
}
html body.body #main-content .container #content #attempt-page #attempt-circle .sec {
  display: block;
  float: right;
  width: 4px;
  height: 4px;
  margin: 2px 2px;
  /*background: #FFBF05;*/
  background: #8abd35;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
html body.body #main-content .container #sidebar {
  padding: 0 0 0 10px;
  margin-top: 10px;
  position: relative;
}
html body.body #main-content .container #sidebar >div {
  background: #fff;
  padding: 16px 20px 20px;
  margin-bottom: 10px;
  position: relative;
}
html body.body #main-content .container #sidebar >div.fixed {
  position: fixed;
}
html body.body #main-content .container #sidebar >div.yellow {
  background: rgba(255,191,5,0.6);
}
html body.body #main-content .container #sidebar >div.green {
  background: #a6d189;
  color: #fff;
}
html body.body #main-content .container #sidebar >div.grey {
  background: rgba(89,117,129,0.25);
  color: #fff;
}
html body.body #main-content .container #sidebar >div.red {
  background: #e08181;
  color: #fff;
}
html body.body #main-content .container #sidebar >div.cyan {
  background: #97bf51;
  color: #fff;
}
html body.body #main-content .container #sidebar >div.none {
  background: none;
  border: 0;
}
html body.body #main-content .container #sidebar >div h3 {
  display: block;
  padding: 4px 0 9px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  background: none;
  color: rgba(100,100,100,0.75);
  font-size: 1.25rem;
}
html body.body #main-content .container #sidebar >div blockquote {
  font-size: 1rem;
}
html body.body #main-content .container #sidebar >div select {
  max-width: 100%;
}
html body.body #main-content .container #sidebar >div ul.nav {
  margin: 0;
}
html body.body #main-content .container #sidebar >div ul.checkers {
  margin: 0;
  padding: 0;
}
html body.body #main-content .container #sidebar >div ul.checkers li {
  position: relative;
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
  
  font-style: normal;
  
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
html body.body #main-content .container #sidebar >div ul.checkers li:last-of-type {
  border: 0;
}
html body.body #main-content .container #sidebar >div ul.checkers li:after {
  content: "";
  position: absolute;
  left: -3%;
  top: 18px;
  width: 0%;
  border-bottom: 1px solid #aaa;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
html body.body #main-content .container #sidebar >div ul.checkers li.made {
  color: #ccc;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
html body.body #main-content .container #sidebar >div ul.checkers li.made:after {
  width: 106%;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
html body.body #main-content .container #sidebar >div ul.checkers li .fa {
  color: #97bf51;
  margin: 3px;
}
html body.body #main-content .container #sidebar >div ul.menu,
html body.body #main-content .container #sidebar >div ol.menu {
  padding: 0;
  margin: 0 -10px;
}
html body.body #main-content .container #sidebar >div ul.menu.yellow li a,
html body.body #main-content .container #sidebar >div ol.menu.yellow li a {
  background: #FFEFC1;
}
html body.body #main-content .container #sidebar >div ul.menu.yellow li a.active,
html body.body #main-content .container #sidebar >div ul.menu.yellow li a:hover,
html body.body #main-content .container #sidebar >div ol.menu.yellow li a.active,
html body.body #main-content .container #sidebar >div ol.menu.yellow li a:hover {
  /*background: #FFBF05;*/
  background: #8abd35;
}
html body.body #main-content .container #sidebar >div ul.menu.yellow li a.active:after,
html body.body #main-content .container #sidebar >div ul.menu.yellow li a:hover:after,
html body.body #main-content .container #sidebar >div ol.menu.yellow li a.active:after,
html body.body #main-content .container #sidebar >div ol.menu.yellow li a:hover:after {
  color: #597581;
}
html body.body #main-content .container #sidebar >div ul.menu.green li a,
html body.body #main-content .container #sidebar >div ol.menu.green li a {
  background: #D9E7CF;
}
html body.body #main-content .container #sidebar >div ul.menu.green li a.active,
html body.body #main-content .container #sidebar >div ul.menu.green li a:hover,
html body.body #main-content .container #sidebar >div ol.menu.green li a.active,
html body.body #main-content .container #sidebar >div ol.menu.green li a:hover {
  background: #649e3d;
}
html body.body #main-content .container #sidebar >div ul.menu.grey li a,
html body.body #main-content .container #sidebar >div ol.menu.grey li a {
  background: #9DB1B9;
}
html body.body #main-content .container #sidebar >div ul.menu.grey li a.active,
html body.body #main-content .container #sidebar >div ul.menu.grey li a:hover,
html body.body #main-content .container #sidebar >div ol.menu.grey li a.active,
html body.body #main-content .container #sidebar >div ol.menu.grey li a:hover {
  background: #597581;
}
html body.body #main-content .container #sidebar >div ul.menu.cyan li a,
html body.body #main-content .container #sidebar >div ol.menu.cyan li a {
  background: #84D1E4;
}
html body.body #main-content .container #sidebar >div ul.menu.cyan li a.active,
html body.body #main-content .container #sidebar >div ul.menu.cyan li a:hover,
html body.body #main-content .container #sidebar >div ol.menu.cyan li a.active,
html body.body #main-content .container #sidebar >div ol.menu.cyan li a:hover {
  background: #97bf51;
}
html body.body #main-content .container #sidebar >div ul.menu li,
html body.body #main-content .container #sidebar >div ol.menu li {
  display: block;
}
html body.body #main-content .container #sidebar >div ul.menu li:last-of-type,
html body.body #main-content .container #sidebar >div ol.menu li:last-of-type {
  border: 0;
}
html body.body #main-content .container #sidebar >div ul.menu li .fa,
html body.body #main-content .container #sidebar >div ol.menu li .fa {
  /*color: #FFBF05;*/
  color: #8abd35;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #main-content .container #sidebar >div ul.menu li .fa.vat,
html body.body #main-content .container #sidebar >div ol.menu li .fa.vat {
  vertical-align: top;
}
html body.body #main-content .container #sidebar >div ul.menu li a,
html body.body #main-content .container #sidebar >div ol.menu li a {
  display: block;
  padding: 10px 12px;
  
  line-height: 1.2;
  position: relative;
  background: #eee;
  margin-bottom: 2px;
  color: #597581;
  background: rgba(89,117,129,0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
  font-style: normal;
}
html body.body #main-content .container #sidebar >div ul.menu li a .fa,
html body.body #main-content .container #sidebar >div ol.menu li a .fa {
  margin-right: 0.5em;
}
html body.body #main-content .container #sidebar >div ul.menu li a.active,
html body.body #main-content .container #sidebar >div ul.menu li a:hover,
html body.body #main-content .container #sidebar >div ol.menu li a.active,
html body.body #main-content .container #sidebar >div ol.menu li a:hover {
  color: #fff;
  background: #649e3d;
}
html body.body #main-content .container #sidebar >div ul.menu li a.active:after,
html body.body #main-content .container #sidebar >div ul.menu li a:hover:after,
html body.body #main-content .container #sidebar >div ol.menu li a.active:after,
html body.body #main-content .container #sidebar >div ol.menu li a:hover:after {
  content: "\f0a5";
  font-family: 'FontAwesome';
  position: absolute;
  right: 10px;
  height: 16px;
  margin-top: -8px;
  line-height: 1;
  top: 50%;
  /*color: #FFBF05;*/
  color: #8abd35;
}
html body.body #main-content .container #sidebar >div #watches {
  width: 250px;
  height: 230px;
  position: relative;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group {
  height: 200px;
  margin: 0 auto;
  position: relative;
  width: 200px;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .face {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  width: 200px;
  text-align: center;
  font-size: 3em;
  margin: -25% 0 0 -100px;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .face .h5 {
  border-bottom: 1px solid #ddd;
  margin: 0 40px 3px;
  padding-bottom: 4px;
  line-height: 1.2;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .face .h4 {
  border-top: 1px solid #ddd;
  margin: 2px 40px;
  padding-top: 5px;
  font-size: 1.125rem;
  color: #ebae00;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .timer {
  border-radius: 50%;
  height: 80px;
  overflow: hidden;
  position: absolute;
  width: 80px;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .timer:after {
  background: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 60px;
  left: 0px;
  position: absolute;
  width: 60px;
  top: 0px;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .timer.minute {
  background: #ddd;
  height: 200px;
  left: 0px;
  width: 200px;
  top: 10px;
  z-index: 2;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .timer.minute:after {
  height: 160px;
  left: 20px;
  width: 160px;
  top: 20px;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .timer.minute .hand span {
  animation-duration: 60s;
  border-top-color: rgba(0,185,202,0.5);
  border-right-color: rgba(0,185,202,0.5);
  border-width: 100px;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .timer.second {
  top: 5px;
  left: -5px;
  height: 210px;
  width: 210px;
  z-index: 1;
  overflow: visible;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .timer.second:after {
  top: 5px;
  left: 5px;
  height: 200px;
  width: 200px;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .timer.second .hand span {
  animation-duration: 1s;
  border-top-color: rgba(0,185,202,0.15);
  border-right-color: rgba(0,185,202,0.15);
  border-width: 105px;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .timer .hand {
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 50%;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .timer .hand:first-child {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .timer .hand:first-child span {
  animation-name: spinfirst;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .timer .hand:last-child span {
  animation-name: spinlast;
}
html body.body #main-content .container #sidebar >div #watches #timer .timer-group .timer .hand span {
  border: 50px solid rgba(0,185,202,0.5);
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 50%;
  display: block;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  width: 0;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
html body.body #main-content .container #sidebar >div ul#library-menu {
  list-style-type: none;
  margin: 0;
  
  font-style: normal;
}
html body.body #main-content .container #sidebar >div ul#library-menu li {
  position: relative;
  border-bottom: 1px solid #eee;
}
html body.body #main-content .container #sidebar >div ul#library-menu li:last-of-type {
  border: 0;
}
html body.body #main-content .container #sidebar >div ul#library-menu li:hover >a {
  background: #eee;
}
html body.body #main-content .container #sidebar >div ul#library-menu li.active >a {
  background: #fffbca;
  border: 1px solid #fff897;
  color: #597581;
}
html body.body #main-content .container #sidebar >div ul#library-menu li.current >a {
  background: rgba(100,158,61,0.9);
  color: #fff;
}
html body.body #main-content .container #sidebar >div ul#library-menu li.current ul .current>a {
  background: none;
  color: #649e3d;
}
html body.body #main-content .container #sidebar >div ul#library-menu li.current ul .current>a:before {
  content: "\f058";
  font-family: 'FontAwesome';
  position: absolute;
  top: 4px;
  left: -8px;
}
html body.body #main-content .container #sidebar >div ul#library-menu li a {
  margin: 3px 0;
  padding: 8px 26px 8px 6px;
  
  line-height: 1.2;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
  position: relative;
}
html body.body #main-content .container #sidebar >div ul#library-menu li >i {
  position: absolute;
  z-index: 3;
  right: 5px;
  top: 2px;
  padding: 5px;
}
html body.body #main-content .container #sidebar >div ul#library-menu li >i:before {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 15px;
  background: rgba(255,255,255,0.5);
  text-align: center;
  font-size: 0.75em;
  color: #649e3d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
html body.body #main-content .container #sidebar >div ul#library-menu li >i:hover:before {
  /*background: #FFBF05;*/
  background: #8abd35;
  color: #597581;
  cursor: pointer;
}
html body.body #main-content .container #sidebar >div ul#library-menu li ul {
  display: none;
  margin: -5px 0 0;
  padding: 5px 5px 5px 15px;
  z-index: 1;
  background: #fafafa;
}
html body.body #main-content .container #sidebar >div ul#library-menu li ul li {
  display: block;
}
html body.body #main-content .container #sidebar >div ul#library-menu li ul li a {
  margin: 2px 0;
  padding: 5px 8px;
  line-height: 1;
  color: #00a2b1;
}
html body.body #main-content .container #sidebar >div ul#library-menu li ul li i {
  top: 0;
}
html body.body #main-content .container #sidebar >div ul#library-menu li ul li ul {
  margin: 0;
  padding: 0 0 0 15px;
}
html body.body #main-content .container #sidebar .content {
  margin: 0;
  padding: 0 10px;
}
html body.body #main-content .container #sidebar #user-ways label {
  font-size: 1em;
  display: inline-block;
  padding: 1px 5px;
  margin: 0;
  background: rgba(0,185,202,0.3);
  border: 1px solid rgba(0,185,202,0.4);
  border-bottom: 0;
  cursor: default;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body #main-content .container #sidebar #user-ways .field {
  display: block;
  
  position: relative;
}
html body.body #main-content .container #sidebar #user-ways .field a.input {
  display: block;
  position: relative;
  background: #fff;
  padding: 5px;
  line-height: 1.2;
}
html body.body #main-content .container #sidebar #user-ways .field a.input:after {
  font-family: 'FontAwesome';
  position: absolute;
  right: 5px;
  top: 5px;
  color: #97bf51;
}
html body.body #main-content .container #sidebar #user-ways .field a.input.checked {
  color: #aaa;
  background: #eee;
  padding-right: 20px;
}
html body.body #main-content .container #sidebar #user-ways .field a.input.checked:after {
  content: "\f046";
  color: #aaa;
}
html body.body #main-content .container #sidebar #user-ways .field a.input.unchecked:after {
  content: "\f096";
}
html body.body #main-content .container #sidebar #user-ways .field .change {
  position: absolute;
  top: -20px;
  right: 0;
  font-size: 0.75rem;
}
html body.body #main-content .container #sidebar .filter form {
  margin: 0;
}
html body.body #main-content .container #sidebar .filter form fieldset {
  padding: 0;
}
html body.body #main-content .container #sidebar .filter form fieldset label {
  font-size: 1em;
  display: inline-block;
  padding: 1px 5px;
  margin: 0;
  background: rgba(0,185,202,0.3);
  border: 1px solid rgba(0,185,202,0.4);
  border-bottom: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body #main-content .container #sidebar .filter form fieldset select {
  display: block;
  width: 100%;
  padding: 2px 8px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body #main-content .container #sidebar #user-search form {
  margin: 0;
}
html body.body #main-content .container #sidebar #user-search form fieldset {
  padding: 0;
}
html body.body #main-content .container #sidebar #user-search form fieldset div input[type="text"] {
  width: 174px;
  height: 32px;
  border: 1px solid rgba(0,0,0,0.05);
  margin-right: -4px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body #main-content .container #sidebar #user-search form fieldset div input[type="submit"] {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html body.body #main-content .container #sidebar #profile-menu h4 {
  padding-bottom: 9px;
  margin-bottom: 15px;
}
html body.body #main-content .container #sidebar #profile-menu ul {
  display: block;
  width: 100%;
}
html body.body #main-content .container #sidebar #profile-menu ul li {
  display: block;
}
html body.body #main-content .container #sidebar #profile-menu ul li:last-of-type {
  border: 0;
}
html body.body #main-content .container #sidebar #profile-menu ul li.current a {
  background: #649e3d;
  color: #fff;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #main-content .container #sidebar #profile-menu ul li a {
  display: block;
  padding: 8px 10px;
  margin: 0;
  background: #eee;
  
  
  font-style: normal;
  color: #888;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
html body.body #main-content .container #sidebar #profile-menu ul li a:hover {
  background: #649e3d;
  color: #fff;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
html body.body #main-content .container #sidebar #profile-menu ul li a i {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  line-height: 22px;
  text-align: center;
  margin-right: 5px;
  /*color: #FFBF05;*/
  color: #8abd35;
}
html body.body #main-content .container #sidebar #subject-topics {
  border: 1px solid #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #main-content .container #sidebar #stages {
  margin-top: -20px;
  padding-top: 0;
  width: auto;
  text-align: center;
  margin-bottom: 5px;
}
html body.body #main-content .container #sidebar #stages .current,
html body.body #main-content .container #sidebar #stages .total {
  display: none;
}
html body.body #main-content .container #sidebar #stages .stages {
  display: inline-block;
  text-align: center;
}
html body.body #main-content .container #sidebar #stages .stages .stage {
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: 18px;
  height: 6px;
  margin: 0px 3px;
}
html body.body #main-content .container #sidebar #stages .stages .stage.vat {
  vertical-align: top;
}
html body.body #main-content .container #sidebar #stages .stages .stage:hover {
  height: 17px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
html body.body #main-content .container #sidebar #stages .stages .stage.stage-before {
  background: #97bf51;
}
html body.body #main-content .container #sidebar #stages .stages .stage.stage-after {
  background: rgba(89,117,129,0.3);
}
html body.body #main-content .container #sidebar #stages .question-number {
  margin: 5px 0;
  padding: 5px 12px;
  border: 2px solid rgba(0,185,202,0.8);
  background: #fff;
  color: #999;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
html body.body #main-content .container #sidebar #stages .question-number b {
  color: #97bf51;
}
html body.body #main-content .container #sidebar .fulltime {
  padding: 0 20px;
}
html body.body #bottom {
  background: #eee;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#f5f5f5),color-stop(1,#e5e5e5));
  background: -ms-linear-gradient(bottom,#f5f5f5,#e5e5e5);
  background: -moz-linear-gradient(center bottom,#f5f5f5 0%,#e5e5e5 100%);
  background: -o-linear-gradient(#e5e5e5,#f5f5f5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f5f5f5', GradientType=0);
}
html body.body #call {
  background: rgba(0,185,202,0.1) url(../images/shadow.png) center top no-repeat;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  padding: 12px 0;
  position: relative;
}
html body.body #call:after {
  content: " ";
  position: absolute;
  bottom: -23px;
  left: 0%;
  height: 20px;
  width: 100%;
  background: url(../images/shadow.png) center top no-repeat;
}
html body.body #call .container {
  text-align: center;
}
html body.body #call .container a span {
  display: inline-block;
  vertical-align: middle;
  float: none;
  
  font-style: normal;
  font-size: 2.5em;
  color: #333;
}
html body.body #call .container a span.vat {
  vertical-align: top;
}
html body.body #call .container a .button {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-left: 15px;
  font-size: 1.25em;
  padding: 10px 24px;
}
html body.body #call .container a .button.vat {
  vertical-align: top;
}
html body.body #experts {
  padding: 50px 0;
  background: #fff;
}
html body.body #experts .container {
  position: relative;
  text-align: center;
}
html body.body #experts .container .title {
  color: #444;
  font-size: 2.5em;
}
html body.body #experts .container .expert {
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: 100px;
  margin: 20px;
}
html body.body #experts .container .expert.vat {
  vertical-align: top;
}
html body.body #experts .container .expert .img {
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
html body.body #experts .container .expert .img.vat {
  vertical-align: top;
}
html body.body #experts .container .expert .img img {
  position: absolute;
  top: -25%;
  top: 0;
  left: -40px;
  left: 0;
  width: 100px;
  max-width: none;
}
html body.body #experts .container .expert .name {
  font-style: normal;
  font-weight: normal;
  margin: 0;
  line-height: normal;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1;
  margin: 12px 0 8px;
  color: #555;
}
html body.body #experts .container .expert .name:first-line {
  font-weight: normal;
}
html body.body #experts .container .expert .desc {
  line-height: 1.2;
  font-size: 11px;
  color: #999;
}
html body.body #experts .container .arrows .arrow {
  position: absolute;
  top: 50%;
  color: #649e3d;
}
html body.body #experts .container .arrows .arrow.prev {
  left: 0;
}
html body.body #experts .container .arrows .arrow.next {
  right: 0;
}
html body.body #responses {
  padding: 40px 0;
}
html body.body #responses .container {
  position: relative;
  text-align: center;
  background: #fff;
  border: 1px solid #eee;
  padding: 20px 40px 30px;
}
html body.body #responses .container .title {
  text-align: left;
  color: #555;
  
  font-style: normal;
  font-weight: normal;
  margin: 0;
  line-height: normal;
  font-size: 30px;
}
html body.body #responses .container ul {
  margin: 30px 30px 0;
}
html body.body #responses .container ul li blockquote {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: relative;
  z-index: 2;
  padding: 10px 60px 10px 180px;
  margin-bottom: 10px;
}
html body.body #responses .container ul li blockquote a.img {
  position: absolute;
  left: 0;
  top: 20px;
  width: 120px;
  height: 120px;
  left: 25px;
}
html body.body #responses .container ul li blockquote a.img img {
  position: absolute;
  top: 0%;
  left: 0px;
  width: 120px;
  max-width: none;
}
html body.body #responses .container ul li blockquote .response-text {
  display: block;
  margin: 0 0 15px;
  color: #777;
}
html body.body #responses .container ul li blockquote .response-text * {
  font-size: 0.85em;
  line-height: 1.6;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #responses .container ul li blockquote .response-text *.vat {
  vertical-align: top;
}
html body.body #responses .container ul li blockquote .blockquote-author {
  margin: 10px;
  padding-right: 0px;
  display: block;
  text-align: right;
  
  font-style: normal;
  font-size: 1rem;
  color: #555;
}
html body.body #responses .container button {
  font-size: 1rem;
}
html body.body #responses .container .arrows .arrow {
  position: absolute;
  top: 150px;
  color: #649e3d;
  padding: 0px;
  cursor: pointer;
  border: 1px solid transparent;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
html body.body #responses .container .arrows .arrow:hover {
  color: #97bf51;
}
html body.body #responses .container .arrows .arrow:active {
  background: #97bf51;
}
html body.body #responses .container .arrows .arrow.prev {
  left: -70px;
}
html body.body #responses .container .arrows .arrow.next {
  right: -70px;
}
html body.body #footer {
  background: #fff;
  position: relative;
}
html body.body #footer .container {
  padding: 40px 0 20px;
  font-size: 0;
}
html body.body #footer .container:last-child {
  padding: 0;
  padding-bottom: 10px;
}
html body.body #footer .container >* {
  font-size: 12px;
}
html body.body #footer .container >div h5 {
  font-style: normal;
  margin: 0;
  line-height: normal;
  font-size: 18px;
  padding-left: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}
html body.body #footer .container >div .content {
  padding-left: 20px;
  position: relative;
}
html body.body #footer .container >div .content i {
  margin: 0 4px 0 -20px;
}
@media (max-width: 647px) {
    html body.body #footer .container >div .content i {
        margin: 0;
    }
}
html body.body #footer .container >div .content ul li {
  border-bottom: 1px dashed #ddd;
}
html body.body #footer .container >div .content ul li:last-child {
  border: 0;
}
html body.body #footer .container >div .content ul li a {
  display: block;
  padding: 8px 5px;
  color: #777;
  
  font-style: normal;
}
html body.body #footer .container >div .content ul li a:hover {
  color: #97bf51;
}
html body.body #footer .container >div .content ul li a i {
  margin-left: 0;
}
html body.body #footer .container >div .content .desc {
  line-height: 1.2;
  margin-bottom: 10px;
  
  font-style: normal;
}
html body.body #footer .container >div .content .button {
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
html body.body #footer .container >div .content .contact-form {
  display: none;
  position: absolute;
  background: #ffd96b;
  top: -365px;
  right: 90%;
  width: 330px;
  z-index: 100;
}
html body.body #footer .container >div .content .contact-form .title {
  border-color: rgba(255,255,255,0.5);
}
html body.body #footer .container >div .content .contact-form textarea,
html body.body #footer .container >div .content .contact-form input {
  width: 100%;
  padding: 8px;
  background: rgba(255,255,255,0.7);
  border: 0;
}
@media only screen and (max-width: 1200px) {
  html body.body .container {
    width: 100%;
  }
  html body.body #admin-menu {
    position: absolute;
  }
  html body.body #admin-menu > ul > li.admin-menu-account {
    display: none;
  }
  html body.body #header .container {
    width: 100%;
  }
  html body.body #header .container #logo {
    padding-right: 0;
  }
  html body.body #header .container nav #menu {
    margin-top: 5px;
  }
  html body.body #header .container nav #menu ul.nav li.parent ul {
    top: 45px;
  }
  html body.body #header .container nav #menu ul.nav li a {
    padding: 10px 10px;
  }
  html body.body #header .container .cabinet {
    padding-right: 0;
    margin-right: 0;
  }
  html body.body #header .container .cabinet .login {
    min-width: 0;
  }
  html body.body #header .container .cabinet .login.logged-in>.circle {
    display: none;
  }
  html body.body #header .container .cabinet .login.logged-out >.circle {
    display: inline-block;
    vertical-align: middle;
    float: none;
  }
  html body.body #header .container .cabinet .login.logged-out >.circle.vat {
    vertical-align: top;
  }
  html body.body #header .container .cabinet .login.logged-out .profile-dropdown {
    margin-top: 20px;
  }
  html body.body #header .container .cabinet .login > .profile-dropdown > a.img {
    margin: 12px 0 10px 0px;
    line-height: 1em;
    text-align: left;
    position: relative;
    display: block;
    padding-left: 12px;
  }
  html body.body #header .container .cabinet .login > .profile-dropdown > a.img img {
    display: inline-block;
    vertical-align: middle;
    float: none;
    width: 30px;
    margin: 0px 5px 0 -40px;
  }
  html body.body #header .container .cabinet .login > .profile-dropdown > a.img img.vat {
    vertical-align: top;
  }
  html body.body #header .container .cabinet .login > .profile-dropdown > a.img span {
    display: inline-block;
    vertical-align: middle;
    float: none;
  }
  html body.body #header .container .cabinet .login > .profile-dropdown > a.img span.vat {
    vertical-align: top;
  }
  html body.body #header .container .cabinet .login > .profile-dropdown .dropdown {
    right: 4px;
    top: 68px;
  }
  html body.body #header .container .cabinet .login > .profile-dropdown .dropdown .dropdown-header:after {
    right: 25px;
    left: auto;
    background: #f5f5f5;
  }
  html body.body #subheader .container {
    width: 100%;
  }
  html body.body #subheader .container .options {
    padding-right: 0;
    background: rgba(0,0,0,0.25);
  }
  html body.body #subheader .container .options .ask-wrapper {
    margin: 0;
  }
  html body.body #subheader .container .options .ask-wrapper a {
    background: none;
    padding-right: 15px;
    margin-right: 0;
  }
  html body.body #slideshow .slide img {
    max-width: none;
    margin-left: -25%;
  }
  html body.body #teasers {
    padding: 2px 0 0px;
  }
  html body.body #teasers .container .aside > div .box {
    padding: 30px 20px;
  }
  html body.body #teasers .container .aside > div .box.novice {
    padding: 27px 20px;
  }
  html body.body #teasers .container .aside > div .box .h4 {
    font-size: 1.5em;
  }
  html body.body #teasers .container .aside > div .box a {
    font-size: 0.85em;
    padding: 8px;
  }
  html body.body #main-content .breadcrumb {
    max-width: 100%;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap > .fa.icon {
    font-size: 6em;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way {
    width: 60px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.one .line {
    height: 110px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.two .line {
    height: 126px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.three .line {
    height: 290px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .circle {
    width: 60px;
    height: 60px;
    line-height: 52px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .line {
    top: 60px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .line:after {
    width: 30px;
    height: 30px;
    bottom: -15px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .line.first:after {
    right: -26px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .line.last:after {
    left: -26px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.one .line.first:before {
    width: 24px;
    top: -15px;
    right: 15px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.one .line.last:before {
    width: 24px;
    top: -15px;
    left: 15px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way .line:before {
    width: 10px;
    top: -15px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way .line:after {
    width: 30px;
    height: 30px;
    top: -15px;
  }
  html body.body #main-content .container #content #user-info .group #image-block {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 5;
    background: #fff;
  }
  html body.body #main-content .container #content #user-info .group .field label {
    min-width: 150px;
  }
  html body.body #main-content .container #content #user-info .group.yellow {
    margin-right: 150px;
  }
  html body.body #main-content .container #content #attempt-page #attempt-circle {
    width: 450px;
    max-width: 100%;
  }
  html body.body #main-content .container #sidebar > div #watches {
    width: auto;
  }
  html body.body #experts {
    padding: 40px 30px 40px;
  }
  html body.body #experts .container .experts {
    padding: 10px 20px;
    font-size: 0;
  }
  html body.body #experts .container .experts .expert {
    font-size: 12px;
    width: 22%;
    margin: 10px 1.5%;
  }
  html body.body #responses {
    padding: 25px 50px;
  }
  html body.body #responses .container .arrows .arrow.prev {
    left: -50px;
  }
  html body.body #responses .container .arrows .arrow.next {
    right: -50px;
  }
  html body.body #footer .container > div .content .button {
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 992px) {
  html body.body #header .container #logo {
    margin-top: 3px;
  }
  html body.body #header .container nav #menu ul.nav {
    float: none;
  }
  html body.body #header .container nav #menu ul.nav li {
    margin: 1px;
  }
  html body.body #header .container nav #menu ul.nav li.parent > a:after {
    margin-left: 5px;
    font-size: 8px;
    line-height: 1.2;
  }
  html body.body #header .container nav #menu ul.nav li.parent ul {
    top: 32px;
  }
  html body.body #header .container nav #menu ul.nav li a {
    font-size: 1em;
    padding: 5px 5px;
  }
  html body.body #header .container .cabinet {
    height: auto;
    padding: 0px 5px 0 15px;
  }
  html body.body #header .container .cabinet .login > .profile-dropdown > a.img img {
    min-height: 23px;
  }
  html body.body #header .container .cabinet .login > .profile-dropdown > a.img span {
    font-size: 11px;
  }
  html body.body #header .container .cabinet .login.logged-out >.circle {
    margin-top: -10px;
  }
  html body.body #header .container .cabinet .login.logged-out .profile-dropdown {
    margin-top: 0;
  }
  html body.body #subheader .container .logo-text {
    font-size: 9px;
  }
  html body.body #subheader .container .options .ask-wrapper a {
    padding: 5px 10px;
  }
  html body.body #subheader .container .options .ask-wrapper a span {
    display: none;
  }
  html body.body #subheader .container .s-menu a {
    padding: 4px 8px 3px;
    font-size: 10px;
  }
  html body.body #slideshow {
    margin-top: -27px;
  }
  html body.body #slideshow .slide .slide-desc {
    left: 10%;
    max-width: 80%;
    top: 60px;
  }
  html body.body #slideshow .slideshow-teaser .container a.fa {
    top: -50px;
    left: 40px;
    font-size: 4em;
    width: 70px;
    height: 70px;
    line-height: 58px;
    border-width: 8px;
  }
  html body.body #teasers .container .main {
    margin-bottom: 2px;
  }
  html body.body #call .container a span {
    font-size: 2em;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap {
    background-size: auto 100%;
    background-position: 25% 50%;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-man img {
    position: static;
    bottom: 0;
    left: 0;
    margin: 0 !important;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-man .desc {
    padding-left: 60px;
  }
  /*html body.body #main-content .container #content-features #bottom-features .square .wrap #features_target {*/
    /*overflow-y: scroll;*/
  /*}*/
  html body.body #main-content .container #content-features #bottom-features .square .wrap #features_target >div {
    padding: 0;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap #features_target::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
    height: 5px;
    background: rgba(100,158,61,0.3);
    transition: transform 1s;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap #features_target::-webkit-scrollbar-thumb {
    background-color: #649e3d;
    transition: transform 1s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap img {
    /*width: 80px;*/
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap .title {
    
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap .desc {
    font-size: 12px;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap > .fa.icon {
    font-size: 4em;
    position: absolute;
    right: 15px;
    top: 20px;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap > .fa.icon~.title {
    padding-right: 45px;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap .button {
    font-size: 16px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way {
    width: 50px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.one .line {
    height: 130px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way.two .line {
    height: 130px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .square .wrap .button {
    font-size: 16px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .circle {
    width: 50px;
    height: 50px;
    line-height: 42px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .line {
    top: 50px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .line:after {
    width: 20px;
    height: 20px;
    bottom: -10px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .line.first:after {
    right: -16px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_way .line.last:after {
    left: -16px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.one .line.first:before {
    width: 15px;
    right: 10px;
    top: -10px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.one .line.last:before {
    width: 15px;
    left: 10px;
    top: -10px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.two .line {
    height: 164px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way.three .line {
    height: 90px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .way .line:after {
    width: 20px;
    height: 20px;
    top: -10px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up .tree-up_root .circle-yellow a.button {
    font-size: 4em;
  }
  html body.body #main-content .container #content-features .structure #tree.three-branches > ul {
    padding-bottom: 10px;
  }
  html body.body #main-content .container #content >a.pull-right {
    padding: 5px 10px;
    font-size: 12px;
    margin-bottom: 10px;
  }
  html body.body #main-content .container #content form .box.yellow .vat {
    width: 100%;
    margin-bottom: 20px;
  }
  html body.body #main-content .container #content form .box.yellow .vat textarea {
    width: 100%;
  }
  html body.body #main-content .container #content form .box.yellow #answers {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    width: 100%;
  }
  html body.body #main-content .container #content form .box.yellow #answers .answer {
    font-size: 0;
  }
  html body.body #main-content .container #content form .box.yellow #answers .answer >* {
    font-size: 12px;
  }
  html body.body #main-content .container #content form .box.yellow #answers .answer [type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    width: 10%;
  }
  html body.body #main-content .container #content form .box.yellow #answers .answer [type="checkbox"].vat {
    vertical-align: top;
  }
  html body.body #main-content .container #content form .box.yellow #answers .answer [type="text"] {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    float: none;
  }
  html body.body #main-content .container #content form .box.yellow #answers .answer [type="text"].vat {
    vertical-align: top;
  }
  html body.body #main-content .container #content form .box.yellow #answers .answer .button {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: 12px;
    width: 20%;
  }
  html body.body #main-content .container #content form .box.yellow #answers .answer .button.vat {
    vertical-align: top;
  }
  html body.body #main-content .container #content .scroll-wrapper {
    width: 100%;
    height: auto;
    overflow-x: scroll;
    margin-bottom: 20px;
  }
  html body.body #main-content .container #content .scroll-wrapper::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
    height: 5px;
    background: rgba(100,158,61,0.3);
    transition: transform 1s;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  html body.body #main-content .container #content .scroll-wrapper::-webkit-scrollbar-thumb {
    background-color: #649e3d;
    transition: transform 1s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
  }
  html body.body #main-content .container #content .scroll-wrapper table {
    margin-bottom: 0;
  }
  html body.body #main-content .container #content #library-subjects .subject .subject-container .name {
    min-width: 120px;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > a {
    font-size: 1rem;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > a {
    font-size: 1rem;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li a.jstree-anchor {
    white-space: normal;
    max-width: 180px;
    min-width: 180px;
    font-size: 12px;
    padding: 5px;
    height: auto;
    line-height: normal;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li a.jstree-anchor i {
    height: auto;
    line-height: normal;
  }
  html body.body #main-content .container #content #attempt-page #attempt-circle {
    width: 200px;
  }
  html body.body #main-content .container #sidebar >div {
    width: 100%;
  }
  html body.body #main-content .container #sidebar >div#user-search form fieldset div input[type="text"] {
    width: 120px;
  }
  html body.body #footer .options {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  html body.body {
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  html body.body.padded-left {
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    margin-left: 200px;
    display: block;
  }
  html body.body.padded-left #menu {
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    left: 0;
  }
  html body.body.padded-left #menu > .button {
    display: block;
  }
  html body.body.padded-left #menu > .button a {
    margin: 0 -35px 0 0;
  }
  html body.body #admin-menu {
    display: none;
  }
  html body.body #admin-menu ~#header {
    padding-top: 0;
  }
  html body.body >#menu {
    z-index: 100;
    position: absolute;
    top: 0;
    left: -201px;
    width: 200px !important;
    height: 100%;
    background: #597581;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  html body.body >#menu >.button {
    left: 8px;
    position: fixed;
    z-index: 10;
    top: 8px;
    width: 36px;
    height: 36px;
    line-height: 38px;
    font-size: 24px;
  }
  html body.body >#menu >ul {
    display: block;
    width: 200px;
  }
  html body.body >#menu >ul >li {
    position: relative;
    display: block;
    border-bottom: 1px solid #638390;
  }
  html body.body >#menu >ul >li:last-of-type {
    border: 0;
  }
  /*html body.body >#menu >ul >li:last-child a {*/
    /*padding-bottom: 200px;*/
  /*}*/
  html body.body >#menu >ul >li.current >a {
    /*background: #FFBF05;*/
    background: #8abd35;
    color: #597581;
  }
  html body.body >#menu >ul >li.current >a:active {
    background: #d19b00;
  }
  html body.body >#menu >ul >li.current.parent >.fa {
    background: #d19b00;
    border-color: #b88900;
    color: #9e7600;
    margin-left: 1px;
  }
  html body.body >#menu >ul >li.current li.current >a {
    /*color: #FFBF05;*/
    color: #8abd35;
  }
  html body.body >#menu >ul >li.parent >.fa {
    z-index: 5;
    content: "\f0da";
    font-family: 'FontAwesome';
    position: absolute;
    text-align: center;
    right: 0;
    top: 0;
    height: 36px;
    width: 36px;
    line-height: 36px;
    background: #4f6772;
    /*color: #FFBF05;*/
    color: #8abd35;
    border-left: 1px dashed #638390;
  }
  html body.body >#menu >ul >li.disabled a {
    color: #7f9ba7;
  }
  html body.body >#menu >ul >li >a {
    z-index: 2;
    position: relative;
    color: #ddd;
    background: #597581;
    padding: 8px 12px;
    font-size: 12px;
  }
  html body.body >#menu >ul >li ul {
    position: absolute;
    width: 200px;
    top: 0;
    z-index: 1;
  }
  html body.body >#menu >ul >li ul li {
    background: rgba(89,117,129,0.95);
    border-bottom: 1px solid #638390;
  }
  html body.body >#menu >ul >li ul li.disabled a {
    color: #7f9ba7;
  }
  html body.body >#menu >ul >li ul li a {
    padding: 8px 12px;
    color: #ddd;
  }
  html body.body >#menu >ul >li ul li a:active,
  html body.body >#menu >ul >li ul li a:focus {
    /*background: #ffbf05;*/
    background: #8abd35;
    color: #597581 !important;
  }
  html body.body #header .container #logo {
    margin: 10px 0;
    padding-left: 60px;
    text-align: left;
  }
  html body.body #header .container nav {
    display: none;
  }
  html body.body #header .container nav #menu ul.nav {
    display: none;
  }
  html body.body #header .container nav #menu ul.nav > li:first-child {
    display: none;
  }
  html body.body #header .container nav #menu ul.nav li {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }
  html body.body #header .container nav #menu ul.nav li a {
    padding: 10px 5px;
  }
  html body.body #header .container .cabinet {
    padding-right: 0;
    margin-right: 0;
    padding: 10px 10px 10px 15px;
  }
  html body.body #header .container .cabinet .login > .profile-dropdown >.dropdown {
    z-index: 100;
    position: absolute;
  }
  html body.body #header .container .cabinet .login > .profile-dropdown > a.img span {
    font-size: 1rem;
  }
  html body.body #subheader .container >* {
    font-size: 9px;
    padding: 0 4px;
  }
  html body.body #subheader .container .logo-text {
    font-size: 12px;
    padding-left: 60px;
    text-align: left;
  }
  html body.body #subheader .container .options .ask-wrapper a {
    padding: 8px 10px;
  }
  html body.body #subheader .container .options .ask-wrapper a span {
    display: inline-block;
  }
  html body.body #slideshow {
    margin-top: -35px;
    height: 400px;
  }
  html body.body #slideshow .slide .slide-desc {
    max-width: 80%;
    left: 10%;
    padding-right: 140px;
  }
  html body.body #slideshow .slide .slide-desc h2 {
    /*font-size: 3em;*/
    font-size: 1.8em;
  }
  /*html body.body #slideshow .slide .slide-desc p {*/
    /*font-size: 1rem;*/
  /*}*/
  html body.body #slideshow .slide .slide-desc img.ava {
    margin-right: -110px;
    margin-top: 20px;
    margin-bottom: -20px;
  }
  html body.body #slideshow .slide .tac {
    top: 250px;
  }
  html body.body #slideshow .slideshow-circles {
    bottom: 130px;
    right: 0;
    left: auto;
  }
  html body.body #slideshow .slideshow-teaser {
    padding: 10px 0;
  }
  html body.body #slideshow .slideshow-teaser .container {
    /*padding: 0 80px;*/
  }
  html body.body #slideshow .slideshow-teaser .container a.fa {
    position: absolute;
    top: -40px;
    left: 25px;
    font-size: 3.5em;
    width: 74px;
    height: 74px;
    line-height: 58px;
  }
  html body.body #slideshow .slideshow-teaser .container .h2 {
    font-size: 1.5em;
  }
  html body.body #slideshow .slideshow-teaser .container a.button {
    font-size: 1em;
    padding: 8px 12px;
  }
  html body.body #call .container {
    padding: 0 30px;
  }
  html body.body #call .container a span {
    font-size: 1.5em;
  }
  html body.body #call .container a .button {
    font-size: 1em;
    margin-left: 8px;
    padding: 8px 12px;
  }
  html body.body #responses .container ul {
    margin: 15px 10px 0;
  }
  html body.body #responses .container ul li blockquote {
    padding: 10px 10px 10px 100px;
    font-size: 1rem;
  }
  html body.body #responses .container ul li blockquote a.img {
    width: 60px;
    height: 60px;
  }
  html body.body #responses .container ul li blockquote a.img img {
    width: 60px;
  }
  html body.body #main-content .container .structure {
    margin: 15px 0;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap .tree-up_way .button {
    font-size: 16px;
    line-height: 32px;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap .tree-up_way .circle-tooltip {
    display: none !important;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap .button {
    font-size: 10px;
    padding: 6px 10px;
  }
  html body.body #main-content .container #content-features #bottom-tree-up {
    padding: 30px 0;
  }
  html body.body #main-content .container #content .content-item.list >.pull-right {
    float: none !important;
    font-size: 12px;
  }
  html body.body #main-content .container #content .content-item.list >.pull-right a {
    color: #008a97;
  }
  html body.body #main-content .container #content #library-subjects .subject .subject-container .name {
    min-width: 0;
  }
  html body.body #main-content .container #content #user-info .group.yellow .field .text .font-pt {
    display: none;
  }
  html body.body #main-content .container #content #user-info .structure {
    display: none;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > a {
    font-size: 1rem;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li a.jstree-anchor {
    white-space: normal;
    max-width: 180px;
    min-width: 180px;
    font-size: 12px;
    padding: 5px;
    height: auto;
    line-height: normal;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li a.jstree-anchor i {
    height: auto;
    line-height: normal;
  }
}
@media only screen and (max-width: 647px) {
  html body.body .certificates .certificate .certificate-logo {
    position: relative;
    right: auto;
  }
  html body.body .certificates .certificate h3 {
    margin: 10px 0;
  }
  html body.body .certificates .certificate dl {
    width: 100%;
  }
  html body.body .certificates .certificate dl dt {
    margin: 5px 0;
    width: 90%;
    padding-right: 80px;
  }
  html body.body .certificates .certificate dl dd {
    width: 80px;
    text-align: center;
    position: absolute;
    right: 0;
    margin-top: -3px;
    font-size: 11px;
  }
  html body.body .certificates .certificate .buttons {
    margin: 20px 0 0;
    text-align: center;
  }
  html body.body .certificates .certificate .signs .sign {
    position: relative !important;
  }
  html body.body #menu {
    position: fixed;
  }
  html body.body #header .container {
    font-size: 0;
  }
  html body.body #header .container > * {
    font-size: 12px;
  }
  html body.body #header .container #logo,
  html body.body #header .container .cabinet {
    width: 50%;
  }
  html body.body #header .container #logo img,
  html body.body #header .container .cabinet img {
    max-width: none;
  }
  html body.body #subheader .container {
    font-size: 0;
  }
  html body.body #subheader .container >* {
    font-size: 12px;
  }
  html body.body #subheader .container .logo-text {
    width: 50%;
    font-size: 0;
  }
  html body.body #subheader .container .options {
    width: 50%;
  }
  html body.body #slideshow {
    margin-top: -35px;
    height: 360px;
  }
  html body.body #slideshow .slide .slide-desc {
    padding: 10px;
    max-width: 100%;
    left: 0;
    top: 36px;
  }
  html body.body #slideshow .slide .tac {
    top: 237px;
  }
  html body.body #slideshow .slideshow-teaser .container .h2 {
    font-size: 17px;
  }
  html body.body #slideshow .slide .slide-desc h2 {
    font-size: 2em;
  }
  html body.body #slideshow .slide .slide-desc p {
    font-size: 12px;
  }
  html body.body #slideshow .slide .slide-desc img.ava {
    width: 80px;
    border-width: 2px;
  }
  html body.body #slideshow .slide .tac {
    top: 210px;
  }
  html body.body #slideshow .slide .tac a {
    font-size: 14px;
  }
  html body.body #slideshow .slideshow-circles {
    margin: 0 30px;
    text-align: right;
  }
  html body.body #slideshow .slideshow-teaser .container {
    padding: 0 15px;
    font-size: 0;
  }
  html body.body #slideshow .slideshow-teaser .container .h2 {
    font-size: 17px;
    margin-bottom: 6px;
  }
  html body.body #slideshow .slideshow-teaser .container a.fa {
    font-size: 24px;
    top: -20px;
    left: 25px;
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-width: 5px;
    color: #fff;
  }
  html body.body #slideshow .slideshow-teaser .container .h2 {
    font-size: 16px;
    line-height: 1.2;
    display: block;
    clear: none;
    /*width: 240px;*/
    text-align: left;
    /*padding-left: 50px;*/
    /*margin-bottom: -2em;*/
  }
  html body.body #slideshow .slideshow-teaser .container a.button {
    /*float: right;*/
    font-size: 12px;
  }
  html body.body #teasers .container .aside {
    font-size: 0;
  }
  html body.body #teasers .container .aside > div {
    font-size: 14px;
    width: 50%;
  }
  html body.body #teasers .container .aside > div .box a {
    display: inline-block;
  }
  html body.body #teasers .container >.col-md-6 {
    width: 100%;
    margin-left: 2px;
    font-size: 14px;
  }
  html body.body #teasers .container >.col-md-6 >div.col-md-12 {
    margin-top: 2px;
    padding: 0;
    width: 100%;
  }
  html body.body #experts .container .experts .expert {
    width: 45%;
  }
  html body.body #responses .container .title {
    margin-right: 40px;
  }
  html body.body #responses .container ul {
    margin: 0;
  }
  html body.body #responses .container ul li {
    padding: 0;
  }
  html body.body #responses .container ul li blockquote {
    padding: 15px 0;
    margin: 15px 0;
  }
  html body.body #responses .container ul li blockquote a.img {
    position: absolute;
    top: -50px;
    right: 0;
    left: auto;
  }
  html body.body #main-content .container #content-features #bottom-features .square.w65,
  html body.body #main-content .container #content-features #bottom-features .square.w66 {
    width: 100%;
    padding: 10px 0;
  }
  html body.body #main-content .container #content-features #bottom-features .square.w33,
  html body.body #main-content .container #content-features #bottom-features .square.w35 {
    width: 50%;
    padding: 5px 5px;
  }
  html body.body #main-content .container #content-features #bottom-features .square.w33:last-of-type,
  html body.body #main-content .container #content-features #bottom-features .square.w35:last-of-type {
    width: 100%;
  }
  html body.body #main-content .container #content-features #bottom-features .square.h75.z2 {
    width: 100%;
    padding: 5px;
    height: 650px;
  }
  html body.body #main-content .container #content-features #bottom-features .square.h75.z2 .wrap {
    background-size: 100% 100% !important;
  }
  html body.body #main-content .container #content-features #bottom-features .square.current:before {
    content: none;
  }
  html body.body #main-content .container #content-features #bottom-features .square #features_target #steps {
    width: 600px;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap .button {
    display: inline-block;
    text-align: center;
  }
  html body.body #main-content .container #content-features .structure #tree.three-branches > ul > li {
    width: 50%;
  }
  html body.body #main-content .container #content-features .structure #tree.three-branches > ul > li .tests {
    padding-top: 10px;
    margin-top: -10px;
    width: 100%;
  }
  html body.body #main-content .container #content {
    width: 100%;
  }
  html body.body #main-content .container #content h1 {
    font-size: 1.25rem;
  }
  html body.body #main-content .container #content #library-subjects .subject {
    width: 50%;
  }
  html body.body #main-content .container #content #library-subjects .subject .subject-container {
    width: 100%;
    display: block;
  }
  html body.body #main-content .container #content #library-subjects .subject .subject-container .name {
    display: block;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li >a {
    width: 100%;
    white-space: normal;
    font-size: 14px;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li {
    position: relative;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li:before {
    content: none;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li a.jstree-anchor {
    max-width: 80%;
    min-width: 80%;
    text-align: left;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li > ul > li > ul.jstree-children:after {
    left: 24px;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li > ul > li > ul.jstree-children >li >a {
    text-align: left;
    line-height: 1;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li > ul > li > ul.jstree-children .button {
    width: 30px;
    padding: 8px 12px;
    overflow: hidden;
    display: block;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li > ul > li > ul.jstree-children .button:before {
    content: "\f054";
    font-family: 'FontAwesome';
    margin-right: 30px;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li .jstree-children >li {
    margin-left: 10px;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li .jstree-children >li >a {
    text-align: left;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li .jstree-children .button {
    width: 30px;
    padding: 8px 12px;
    overflow: hidden;
    display: block;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li .jstree-children .button:before {
    content: "\f054";
    font-family: 'FontAwesome';
    margin-right: 30px;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children .attempt-controls .button {
    width: 30px;
    padding: 8px 12px;
    overflow: hidden;
    display: block;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children .attempt-controls .button:before {
    content: "\f054";
    font-family: 'FontAwesome';
    margin-right: 30px;
  }
  html body.body #main-content .container #content #test-results {
    padding: 20px;
  }
  html body.body #main-content .container #content #test-results h2 {
    line-height: 1;
    margin-bottom: 10px;
  }
  html body.body #main-content .container #sidebar {
    padding-left: 0;
    width: 100%;
  }
  html body.body #footer .container .col-xs-4 {
    width: 100%;
    margin: 10px 0;
  }
  html body.body #footer .container .col-xs-4 h5 {
    border-bottom: 1px solid #ddd;
    padding: 0;
  }
  html body.body #footer .container .col-xs-4 .content {
    padding: 0;
    margin: 0px 0;
  }
  html body.body #footer .container .col-xs-4 .content i.fa-home {
    margin: 0;
  }
  html body.body #footer .container .col-xs-4 .content a {
    margin: 0 5px 0 0;
    font-size: 14px;
  }
  html body.body #footer .container .col-xs-4 .content a i {
    margin: 0;
  }
  html body.body #footer .container .col-xs-4 .content .button {
    display: inline-block;
    width: auto;
    font-size: 14px;
  }
  html body.body #footer .container .col-xs-4 br {
    /*display: none;*/
  }
  #features_target .col-md-6 {
    padding: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 425px) {
  html body.body .certificates .certificate-info .certificate {
    padding: 10px;
  }
  html body.body .certificates .certificate-info .certificate .certificate-logo {
    text-align: center;
  }
  html body.body .certificates .certificate-info .certificate .certificate-logo .logo {
    display: inline-block;
    vertical-align: middle;
    float: none;
    width: 138px;
    margin-bottom: 10px;
    position: relative;
  }
  html body.body .certificates .certificate-info .certificate .certificate-logo .logo.vat {
    vertical-align: top;
  }
  html body.body #main-content .container #content-features #bottom-features .square.w65 .wrap {
    padding: 20px;
  }
  html body.body .certificates .certificate-info .certificate .h1 {
    padding-bottom: 5px;
    color: #649e3d;
    font-size: 1.75em;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  html body.body .certificates .certificate-info .certificate .buttons {
    margin-top: 20px;
  }
  html body.body #header .container #logo {
    width: 100%;
  }
  html body.body #header .container .cabinet {
    width: 100%;
    padding: 0;
  }
  html body.body #header .container .cabinet .login {
    width: 100%;
    padding: 15px 20px;
  }
  html body.body #header .container .cabinet .login.logged-out > .circle {
    top: 0;
    left: 0;
    position: relative;
    margin: 0px;
  }
  html body.body #header .container .cabinet .login.logged-out >.profile-dropdown {
    display: inline-block;
    vertical-align: middle;
    float: none;
  }
  html body.body #header .container .cabinet .login.logged-out >.profile-dropdown.vat {
    vertical-align: top;
  }
  html body.body #header .container .cabinet .login > .profile-dropdown > a.img {
    margin: 0;
    padding: 0;
  }
  html body.body #header .container .cabinet .login > .profile-dropdown > a.img img {
    margin: 0px;
  }
  html body.body #slideshow {
    height: 400px;
  }
  html body.body #slideshow .slide .tac {
    top: 250px;
  }
  html body.body #slideshow .slideshow-circles {
    bottom: 130px;
  }
  html body.body #slideshow .slideshow-teaser .container .h2 {
    padding: 0 20px;
    width: 100%;
    margin: 0;
    text-align: center;
  }
  html body.body #slideshow .slideshow-teaser .container a.button {
    display: inline-block;
    vertical-align: middle;
    float: none;
    min-width: 100px;
    position: relative;
    margin: 5px 0 0;
  }
  html body.body #slideshow .slideshow-teaser .container a.button.vat {
    vertical-align: top;
  }
  html body.body #teasers .container:last-child {
    padding: 0 2px 0px;
  }
  html body.body #teasers .container > .col-md-6 {
    width: 100%;
    margin: 0px 0;
  }
  html body.body #teasers .container > .col-md-6 .box {
    margin: 0;
  }
  html body.body #teasers .container .aside > div {
    width: 100%;
    padding: 2px 2px 0;
  }
  html body.body #experts .container .experts {
    padding: 10px 0;
  }
  html body.body #responses {
    padding: 25px;
  }
  html body.body #responses .container .arrows .arrow {
    background: #fff;
  }
  html body.body #responses .container .arrows .arrow:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
  }
  html body.body #responses .container .arrows .arrow.prev {
    left: -25px;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  html body.body #responses .container .arrows .arrow.next {
    right: -25px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  html body.body #main-content .container #content-features #bottom-features .square {
    padding: 4px 4px 0 !important;
  }
  html body.body #main-content .container #content-features #bottom-features .square.w66.blockquote {
    height: auto;
  }
  html body.body #main-content .container #content-features #bottom-features .square.w66 .wrap {
    display: block;
    overflow: visible;
    padding: 25px;
  }
  html body.body #main-content .container #content-features #bottom-features .square.w33,
  html body.body #main-content .container #content-features #bottom-features .square.w35 {
    width: 100%;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap .desc {
    font-size: 14px;
  }
  html body.body #main-content .container #content .tabs-container {
    margin-top: 0;
  }
  html body.body #main-content .container #content .tabs-container .tabs-header ul {
    margin: 0;
    width: 100%;
  }
  html body.body #main-content .container #content .tabs-container .tabs-header ul li a {
    padding: 5px 10px;
    font-size: 12px;
  }
  html body.body #main-content .container #content [class^="span"],
  html body.body #main-content .container #content [class*="col-md-"] {
    width: 100%;
    padding: 0;
  }
  html body.body #main-content .container #content time {
    display: inline-block;
    float: none;
  }
  html body.body #main-content .container #content .image-teaser {
    width: 70px;
  }
  html body.body #main-content .container #content >#profile-page > ul.buttoned {
    float: none !important;
    text-align: right;
    font-size: 12px;
    margin: -10px 0 10px;
  }
  html body.body #main-content .container #content >#profile-page > ul.buttoned >li {
    display: inline-block;
    vertical-align: middle;
    float: none;
  }
  html body.body #main-content .container #content >#profile-page > ul.buttoned >li.vat {
    vertical-align: top;
  }
  html body.body #main-content .container #content >#profile-page > ul.buttoned >li a {
    padding: 4px 10px;
  }
  html body.body #main-content .container #content #profile-page .avatar {
    display: none;
  }
  html body.body #main-content .container #content #user-info .group.yellow {
    margin-right: 0;
  }
  html body.body #main-content .container #content .jstree {
    padding-right: 30px;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li >a {
    display: block;
    line-height: 1;
    margin-bottom: 5px;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li >a i {
    width: 16px;
    height: 16px;
    margin: -8px 8px 8px 0;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children {
    position: relative;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > .attempt-controls {
    margin-right: -30px;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li > ul > li > a.jstree-anchor {
    line-height: 1;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li > ul > li > a.jstree-anchor i {
    margin: -4px 4px 0 0;
    width: 16px;
    height: 16px;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li > ul > li > ul.jstree-children {
    margin-left: 25px;
    padding-left: 0;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li > ul > li > ul.jstree-children > li {
    margin-left: 0;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li > ul > li > ul.jstree-children > li > a {
    font-size: 11px;
    max-width: 85%;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li > ul > li > ul.jstree-children > li > a i {
    width: 12px;
    height: 12px;
    margin-top: -4px;
  }
  html body.body #main-content .container #content .jstree > ul.jstree-container-ul > li > ul.jstree-children > li > ul > li > ul.jstree-children .button {
    margin-right: -40px;
  }
  html body.body #main-content .container #content #attempt-page #attempt-circle {
    width: 100%;
    margin: 0 0 15px;
    padding: 0 0 12px;
    border: 0;
    border-bottom: 1px solid #ddd;
  }
  html body.body #main-content .container #content .subscriptions >a {
    text-align: center;
    margin-bottom: 5px;
    display: block;
    width: 100%;
  }
  html body.body #main-content .container #content #library-subjects .subject {
    width: 100%;
  }
  html body.body #main-content .container #content ul.subject-list li a i {
    margin-top: -5px;
  }
  html body.body #main-content .container #content ul.subject-list li a span {
    line-height: 1.2;
  }
  html body.body #main-content .container #content #test-results .num {
    width: 100%;
    text-align: left;
  }
  html body.body #main-content .container #content #test-results .num.total {
    margin: 0 0 20px;
  }
  html body.body #main-content .container #content #test-results .num.bg-cyan {
    margin: 0 0 10px;
  }
  html body.body #call .container a span {
    line-height: 1;
    margin-bottom: 5px;
  }
}
html body.body #footer:before{top: -29px;}
.school-image{width:200px;height: auto;float: left;padding-right: 20px;padding-bottom: 10px;}
html body.body #main-content .container #content form label.accept-label {
  display: inline-block;
  color: #333;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
[data-after-league="0"], html body.body .dib.vat[data-after-league="0"] {
  display: none;
}
.specialisation_select[disabled],
.profession_select[disabled] {
  cursor:wait;
}
html body.body #errors a {
  color: #97bf51;
}
[name="not_in_list"] + label {
  width: auto;
  min-width: auto;
}
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-yellow,
html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-yellow:hover {
  color: #000;
}

html body.body .content-text table {
  border: 2px solid #dae8c2;
  color: #333;
}

html body.body .content-text td {
  padding: 10px 20px;
}

html body.body #main-content .content-text h2 {
  margin-bottom: 15px;
}

html body.body #teasers .container .aside >div.video-row,
.video-row {
  padding: 0;
  line-height: 0;
}

@media only screen and (max-width: 1200px) {
  html body.body #main-content .container #content-features #bottom-features .square.w25 {
    width: 50%;
  }
  html body.body #main-content .container #content-features #bottom-features .square.pl0 {
    padding-left: 10px;
  }
  html body.body #main-content .container #content-features #bottom-features .square.pr0 {
    padding-right: 10px;
  }
}


@media only screen and (max-width: 1100px) {
  html body.body #slideshow .slideshow-teaser .container .h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 850px) {
  html body.body #slideshow .slideshow-progress {
    bottom: 88px;
  }
  html body.body #slideshow .slideshow-circles {
    bottom: 109px;
  }
  html body.body #slideshow .slide .tac {
    top: 336px;
  }
}


@media only screen and (max-width: 767px) {
  html body.body #slideshow .slide .tac {
    top: 280px;
  }
  html body.body #slideshow .slideshow-progress {
    bottom: 77px;
  }
  html body.body #slideshow .slideshow-circles {
    bottom: 105px;
  }
}

@media only screen and (max-width: 647px){
  html body.body #slideshow .slideshow-teaser .container .h2 {
    font-size: 17px;
    margin-bottom: 6px;
  }

  html body.body #slideshow .slide .tac {
    top: 237px;
  }
}

@media only screen and (max-width: 600px){
  html body.body #slideshow .slideshow-teaser .container .h2 {
    font-size: 18px;
    text-align: center;
  }
  html body.body #slideshow .slide .tac {
    top: 217px;
  }
  html body.body #slideshow .slideshow-progress {
    bottom: 101px;
  }
  html body.body #slideshow .slideshow-circles {
    bottom: 125px;
  }
  html body.body #main-content .container #content-features #bottom-features .square.w25 {
    width: 100%;
  }
  html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-yellow,
  html body.body #main-content .container #content-features #bottom-features .square .wrap.bg-yellow:hover {
    font-size: 14px;
  }
}

@media only screen and (max-width: 575px){
  html body.body #slideshow .slide .tac {
    text-align: left;
    padding: 0 15px;
  }
}

@media only screen and (max-width: 420px){
  html body.body #slideshow .slide .slide-desc h2 {
    font-size: 1.5em;
  }
}

.nav-secondary,
.nav-secondary-in {
  width: 100%;
}

.lang {
  float: right;
}

.nav-sidebar-lang .nav-sidebar-lang-item {
  display: inline-block;
  color: #bbb !important;
  padding-right: 0 !important;
}

.nav-sidebar-lang {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .nav-sidebar-lang {
    display: block !important;;
  }
}