/**********************************************************************************************************************/
/*** CSS RESET ********************************************************************************************************/
/**********************************************************************************************************************/
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  /*line-height: 1;*/
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
sup {
  vertical-align: super;
  font-size: 60%;
}
sub {
  vertical-align: sub;
  font-size: 60%;
}
.palBlack {
  color: #000000 !important;
}
.palX1 {
  color: #888888 !important;
}
.palX2 {
  color: #aaaaaa !important;
}
.palX3 {
  color: #cccccc !important;
}
.pal1,
.page-pal1 .pal {
  color: #269fd3 !important;
}
.pal1dark,
.page-pal1dark .pal {
  color: #0072bc !important;
}
.pal2,
.page-pal2 .pal {
  color: #f9a935 !important;
}
.pal3,
.page-pal3 .pal {
  color: #595959 !important;
}
.pal4,
.page-pal4 .pal {
  color: #cc2d30 !important;
}
.pal1-bg,
.page-pal1 .pal-bg {
  background-color: #eef8fc !important;
}
.pal2-bg,
.page-pal2 .pal-bg {
  background-color: #fde3c5 !important;
}
.pal3-bg,
.page-pal3 .pal-bg {
  background-color: #ebebeb !important;
}
.pal4-bg,
.page-pal4 .pal-bg {
  background-color: #cc2d30 !important;
}
/*.grid(@column: 60, @gutter: 20, @count: 12)
{
	width: @count * @column + (@count - 1) * @gutter;
}
.columns(@count)
{
	width: @count * @column + (@count - 1) * @gutter;
}*/
/**********************************************************************************************************************/
/*** MY RESET *********************************************************************************************************/
/**********************************************************************************************************************/
body {
  overflow-x: hidden;
}
.font-arial,
* {
  font-family: Arial, sans-serif;
}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
}
a {
  text-decoration: none;
  color: inherit;
}
b,
strong {
  font-weight: 600;
  /* 800 */
}
input,
select,
textarea,
button,
#body-wrapper .body.admin-menu a {
  font-family: Arial, sans-serif;
  font-size: inherit;
  padding: 0;
  margin: 0;
}
hr {
  border: 0;
  background-color: #0072bc;
  height: 1px;
  line-height: 1px;
  margin: 20px 0;
}
table > thead > th,
table > tbody > th,
table > tfoot > th,
table > thead > td,
table > tbody > td,
table > tfoot > td {
  text-align: left;
}
input[type="text"],
input[type="password"],
textarea,
select {
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  padding: 2px 5px;
  display: inline-block;
  height: 27px;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
.checkbox > input[type="checkbox"] + label:hover,
.checkbox-text > input[type="checkbox"] + label:hover {
  /*background-color: fade(@palWhite, 80%);*/
  box-shadow: 0 0 10px -5px #269fd3 inset;
}
input[type="text"][readonly],
input[type="password"][readonly],
textarea[readonly],
select[readonly] {
  background-color: #cccccc;
}
textarea {
  resize: none;
}
input.invalid,
select.invalid,
textarea.invalid {
  border-color: red !important;
}
.invalid > label {
  color: red;
}
.invalid input[type="text"],
.invalid input[type="password"],
.invalid textarea,
.invalid select {
  border-color: red;
}
.required > label {
  font-weight: 600;
}
.required > label:after {
  content: " *";
  color: red;
}
button,
input[type="button"],
input[type="submit"],
#body-wrapper .body.admin-menu a {
  display: inline-block;
  background-color: #269fd3;
  color: #ffffff;
  border: 0;
  cursor: pointer;
  font-weight: 600;
  position: relative;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
}
button:not([disabled]):hover,
input[type="button"]:not([disabled]):hover,
input[type="submit"]:not([disabled]):hover,
#body-wrapper .body.admin-menu a:not([disabled]):hover {
  text-decoration: none;
  color: #ffffff;
  box-shadow: 0 0 10px -2px #269fd3;
}
button[disabled],
input[type="button"][disabled],
input[type="submit"][disabled],
#body-wrapper .body.admin-menu a[disabled] {
  color: #cccccc;
  cursor: default;
  opacity: 0.5;
}
.combobox {
  /*border: 1px solid @palX2;
	overflow: hidden;
	position: relative;
	z-index: 2;

	> select
	{
		background: transparent;
		border: none;
		width: calc(100% + 40px) !important;
		z-index: 1;
	}
	
	&:after
	{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 20px;
		background-color: black;
		z-index: -1;
	}*/
}
.checkbox > input[type="checkbox"],
.checkbox-text > input[type="checkbox"] {
  display: none;
}
.checkbox > input[type="checkbox"] + label,
.checkbox-text > input[type="checkbox"] + label {
  width: 27px;
  height: 27px;
  border: 1px solid #aaaaaa;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.checkbox > input[type="checkbox"] + label:after,
.checkbox-text > input[type="checkbox"] + label:after {
  transition: opacity 100ms, background-size 100ms;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'100'%20height%3D'100'%20fill%3D'%23269fd3'%20stroke%3D'none'%3E%3Cpolygon%20points%3D'9.5,52.1%2021,40.7%2038.9,58.6%2079,18.5%2090.5,30%2038.9,81.5'/%3E%3C/svg%3E");
  background-size: 0 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.checkbox > input[type="checkbox"]:checked + label:after,
.checkbox-text > input[type="checkbox"]:checked + label:after {
  opacity: 1;
  background-size: 27px 27px;
}
.checkbox-text > input[type="text"] {
  display: inline-block;
}
.checkbox-text > input[type="checkbox"]:not(:checked) ~ input[type="text"] {
  display: none;
}
/**********************************************************************************************************************/
/*** COMMON CLASSES ***************************************************************************************************/
/**********************************************************************************************************************/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  height: 0;
  float: none !important;
}
.clear-left {
  clear: left;
  display: block;
  overflow: hidden;
  height: 0;
  float: none !important;
}
.clear-right {
  clear: right;
  display: block;
  overflow: hidden;
  height: 0;
  float: none !important;
}
.offscreen {
  position: absolute;
  z-index: -10000;
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  visibility: hidden;
  visibility: visible\9;
}
.underline {
  text-decoration: underline;
}
.nodisplay {
  display: none !important;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.text-small {
  font-size: 11px;
  line-height: 1.3;
}
.text-smaller {
  font-size: 14px;
}
.text-bigger {
  font-size: 20px;
}
.text-biggest {
  font-size: 24px;
}
.text-thin {
  font-weight: 300;
}
.text-italic {
  font-style: italic;
}
.vertical-middle {
  vertical-align: middle;
}
/* ELEMENTS */
/**********************************************************************************************************************/
/*** PAGE LAYOUT ******************************************************************************************************/
/**********************************************************************************************************************/
html,
body {
  background: #ffffff;
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  min-height: 100%;
  height: 100%;
  position: relative;
}
.page-main-panel,
#header,
#body-wrapper .auth-top,
#body-wrapper .body {
  width: 100%;
  min-width: 300px;
}
#header-wrapper {
  position: fixed;
  width: 100%;
  background-color: transparent;
  /*border-bottom: 1px solid @palR1;*/
  z-index: 1500;
  height: 95px;
  background-image: url('../images/header.png');
  background-repeat: repeat-x;
  background-position: 0 100%;
  /*transition: height 300ms;*/
  top: 0;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #header-wrapper {
    height: 95px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #header-wrapper {
    height: 95px;
  }
}
@media screen and (max-width: 459px) {
  #header-wrapper {
    height: 75px;
  }
}
#header {
  height: 80px;
  /*transition: height 300ms;*/
  background: #fff;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #header {
    height: 80px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #header {
    height: 80px;
  }
}
@media screen and (max-width: 459px) {
  #header {
    height: 60px;
  }
}
#header .logo {
  display: block;
  float: left;
  margin: 3px 10px 0 7px;
  width: 307px;
  /*transition: margin 300ms;*/
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #header .logo {
    margin-top: 13px;
    width: 224px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #header .logo {
    margin-top: 3px;
    width: 307px;
  }
}
@media screen and (max-width: 459px) {
  #header .logo {
    margin-top: 3px;
    width: 224px;
  }
}
#header .logo img {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
#header .menu-wrapper {
  float: left;
  /*transition: width 1ms;*/
  position: relative;
  font-size: 16px;
}
#header .menu-wrapper .button {
  display: block;
  margin-top: 6px;
  margin-right: 6px;
  width: 48px;
  height: 48px;
  background-color: gray;
  cursor: pointer;
  background: url('../images/menu-48.png');
  border: 1px solid #bdbec1;
  border-radius: 4px;
  z-index: 1100;
  position: relative;
}
@media screen and (min-width: 1000px) {
  #header .menu-wrapper .button {
    display: none;
  }
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #header .menu-wrapper .button {
    display: none;
  }
}
#header .menu-wrapper .button.open {
  border-radius: 4px 4px 0 0;
  border-width: 1px 1px 0 1px;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 1000px) {
  #header .menu-wrapper .menu {
    display: table;
  }
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #header .menu-wrapper .menu {
    display: table;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #header .menu-wrapper {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
  }
  #header .menu-wrapper .menu {
    display: none;
    position: absolute;
    top: 53px;
    right: 6px;
    border: 1px solid #bdbec1;
    border-radius: 4px 0 4px 4px;
    background: #fff;
    z-index: 1;
    transition: height 0s;
  }
  #header .menu-wrapper .menu.open {
    display: block;
  }
}
@media screen and (max-width: 459px) {
  #header .menu-wrapper {
    float: right;
  }
  #header .menu-wrapper .menu {
    display: none;
    position: absolute;
    top: 53px;
    right: 6px;
    border: 1px solid #bdbec1;
    border-radius: 4px 0 4px 4px;
    background: #fff;
    z-index: 1;
    transition: height 0s;
  }
  #header .menu-wrapper .menu.open {
    display: block;
  }
}
#header .menu {
  display: table;
  height: 80px;
  font-weight: 400;
  /*transition: height 300ms, margin 300ms;*/
  /*transition: width 1ms;*/
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #header .menu {
    height: 80px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #header .menu {
    display: block;
    height: auto;
    min-width: 250px;
  }
}
@media screen and (max-width: 459px) {
  #header .menu {
    display: block;
    height: auto;
    min-width: 250px;
  }
}
#header .menu > li {
  display: table-cell;
  padding-left: 7px;
  vertical-align: bottom;
  transition: width 0s;
}
@media screen and (min-width: 1000px) {
  #header .menu > li {
    padding-left: 0;
  }
  #header .menu > li + li {
    padding-left: 7px;
  }
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #header .menu > li + li {
    padding-left: 4px;
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #header .menu > li {
    display: block;
    font-size: 16px;
    padding-left: 0;
  }
}
@media screen and (max-width: 459px) {
  #header .menu > li {
    display: block;
    font-size: 16px;
    padding-left: 0;
  }
}
#header .menu > li:last-child {
  padding-right: 0;
}
#header .menu > li a {
  position: relative;
  display: table-cell;
  font-weight: 600;
  z-index: 1;
  width: 100%;
  height: 80px;
  padding: 0 10px 14px;
  vertical-align: bottom;
}
#header .menu > li a:before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #aa5511;
  /*pointer-events: none;*/
  transition: height 300ms, width 300ms, bottom 300ms;
  z-index: -1;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #header .menu > li a:before {
    display: none;
    height: auto;
    top: 2px;
    width: 4px;
    left: -8px;
    left: 5px;
    top: 3px;
    bottom: 3px;
  }
}
@media screen and (max-width: 459px) {
  #header .menu > li a:before {
    display: none;
    height: auto;
    top: 2px;
    width: 4px;
    left: -8px;
    left: 5px;
    top: 3px;
    bottom: 3px;
  }
}
#header .menu > li a:hover,
#header .menu > li a.active {
  text-decoration: underline;
}
@media screen and (min-width: 1000px) {
  #header .menu > li a {
    transition: color 300ms;
  }
  #header .menu > li a:hover,
  #header .menu > li a.active {
    text-decoration: none;
    color: #ffffff;
  }
  #header .menu > li a:hover:before,
  #header .menu > li a.active:before {
    height: 80px;
  }
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #header .menu > li a {
    transition: color 300ms;
  }
  #header .menu > li a:hover,
  #header .menu > li a.active {
    text-decoration: none;
    color: #ffffff;
  }
  #header .menu > li a:hover:before,
  #header .menu > li a.active:before {
    height: 80px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #header .menu > li a {
    display: block;
    padding: 5px 10px 5px 20px;
    height: auto;
  }
  #header .menu > li a br {
    display: none;
  }
  #header .menu > li a:hover:before,
  #header .menu > li a.active:before {
    display: block;
  }
}
@media screen and (max-width: 459px) {
  #header .menu > li a {
    display: block;
    padding: 5px 10px 5px 20px;
    height: auto;
  }
  #header .menu > li a br {
    display: none;
  }
  #header .menu > li a:hover:before,
  #header .menu > li a.active:before {
    display: block;
  }
}
#body-wrapper {
  transition: padding 300ms;
  position: fixed;
  bottom: 30px;
  top: 95px;
  left: 0;
  right: 0;
  overflow: auto;
  /*p + p, p + ul, ul + p, .force-margin-top, .clear + p, p + .half-left, p + .half-right, p + .half-left + .half-right
	{
		margin-top: 14px;
		
		&.force-no-margin
		{
			margin-top: 0;
		}
	}*/
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper {
    top: 95px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper {
    top: 95px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper {
    top: 75px;
  }
}
#body-wrapper a[name] {
  display: block;
  position: relative;
  top: -95px;
  visibility: hidden;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper a[name] {
    top: -95px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper a[name] {
    top: -115px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper a[name] {
    top: -95px;
  }
}
#body-wrapper h1,
#body-wrapper h2,
#body-wrapper h3,
#body-wrapper h4 {
  color: #0072bc;
  font-weight: 300;
}
#body-wrapper h1.force-small-margin,
#body-wrapper h2.force-small-margin,
#body-wrapper h3.force-small-margin,
#body-wrapper h4.force-small-margin {
  margin-bottom: 7px;
}
#body-wrapper h1.force-no-margin,
#body-wrapper h2.force-no-margin,
#body-wrapper h3.force-no-margin,
#body-wrapper h4.force-no-margin {
  margin-bottom: 0px;
}
#body-wrapper h1.h1,
#body-wrapper h2.h1,
#body-wrapper h3.h1,
#body-wrapper h4.h1 {
  font-size: 36px;
  margin-bottom: 14px;
  line-height: 1.2;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper h1.h1,
  #body-wrapper h2.h1,
  #body-wrapper h3.h1,
  #body-wrapper h4.h1 {
    font-size: 32px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper h1.h1,
  #body-wrapper h2.h1,
  #body-wrapper h3.h1,
  #body-wrapper h4.h1 {
    font-size: 28px;
  }
}
#body-wrapper h1.h1 > span,
#body-wrapper h2.h1 > span,
#body-wrapper h3.h1 > span,
#body-wrapper h4.h1 > span {
  /*color: @palXT2;
				margin-left: 15px;*/
}
#body-wrapper h1.h2,
#body-wrapper h2.h2,
#body-wrapper h3.h2,
#body-wrapper h4.h2 {
  font-size: 28px;
  margin-bottom: 14px;
  margin-top: 26px;
  line-height: 1.2;
}
#body-wrapper h1.h2:first-child,
#body-wrapper h2.h2:first-child,
#body-wrapper h3.h2:first-child,
#body-wrapper h4.h2:first-child {
  margin-top: 0;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper h1.h2,
  #body-wrapper h2.h2,
  #body-wrapper h3.h2,
  #body-wrapper h4.h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper h1.h2,
  #body-wrapper h2.h2,
  #body-wrapper h3.h2,
  #body-wrapper h4.h2 {
    font-size: 24px;
  }
}
#body-wrapper h1.h2 > span,
#body-wrapper h2.h2 > span,
#body-wrapper h3.h2 > span,
#body-wrapper h4.h2 > span {
  font-size: 24px;
  display: block;
  font-weight: 300;
  /*color: @palXT2;
				margin-left: 15px;*/
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper h1.h2 > span,
  #body-wrapper h2.h2 > span,
  #body-wrapper h3.h2 > span,
  #body-wrapper h4.h2 > span {
    font-size: 20px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper h1.h2 > span,
  #body-wrapper h2.h2 > span,
  #body-wrapper h3.h2 > span,
  #body-wrapper h4.h2 > span {
    font-size: 18px;
  }
}
#body-wrapper h1.h3,
#body-wrapper h2.h3,
#body-wrapper h3.h3,
#body-wrapper h4.h3 {
  font-size: 24px;
  margin-bottom: 14px;
  margin-top: 26px;
  line-height: 1.3;
}
#body-wrapper h1.h3:first-child,
#body-wrapper h2.h3:first-child,
#body-wrapper h3.h3:first-child,
#body-wrapper h4.h3:first-child {
  margin-top: 0;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper h1.h3,
  #body-wrapper h2.h3,
  #body-wrapper h3.h3,
  #body-wrapper h4.h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper h1.h3,
  #body-wrapper h2.h3,
  #body-wrapper h3.h3,
  #body-wrapper h4.h3 {
    font-size: 18px;
  }
}
#body-wrapper h1.h4,
#body-wrapper h2.h4,
#body-wrapper h3.h4,
#body-wrapper h4.h4 {
  font-size: 20px;
  margin-bottom: 6px;
  margin-top: 10px;
  line-height: 1.3;
}
#body-wrapper h1.h4:first-child,
#body-wrapper h2.h4:first-child,
#body-wrapper h3.h4:first-child,
#body-wrapper h4.h4:first-child {
  margin-top: 0;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper h1.h4,
  #body-wrapper h2.h4,
  #body-wrapper h3.h4,
  #body-wrapper h4.h4 {
    font-size: 16px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper h1.h4,
  #body-wrapper h2.h4,
  #body-wrapper h3.h4,
  #body-wrapper h4.h4 {
    font-size: 16px;
  }
}
#body-wrapper h1 a,
#body-wrapper h2 a,
#body-wrapper h3 a,
#body-wrapper h4 a {
  text-decoration: none !important;
}
#body-wrapper h1 a:hover,
#body-wrapper h2 a:hover,
#body-wrapper h3 a:hover,
#body-wrapper h4 a:hover {
  text-decoration: underline !important;
}
#body-wrapper h1 a.no-hover:hover,
#body-wrapper h2 a.no-hover:hover,
#body-wrapper h3 a.no-hover:hover,
#body-wrapper h4 a.no-hover:hover {
  text-decoration: none !important;
}
a[name]:first-child + #body-wrapper h1,
a[name]:first-child + #body-wrapper h2,
a[name]:first-child + #body-wrapper h3,
a[name]:first-child + #body-wrapper h4 {
  margin-top: 0;
}
#body-wrapper .two-columns {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -webkit-column-gap: 40px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 40px;
  /* Firefox */
  column-gap: 40px;
  orphans: 2;
  widows: 2;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .two-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .two-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
#body-wrapper .two-columns .no-break {
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  break-inside: avoid;
  /* IE 10+ */
}
#body-wrapper h2 + h3 {
  margin-top: -3px;
}
#body-wrapper .body > * + p,
#body-wrapper .two-columns > * + p,
#body-wrapper .half-left > * + p,
#body-wrapper .half-right > * + p,
#body-wrapper .thirds_2_3-left > * + p,
#body-wrapper .quarters_3_4-left > * + p,
#body-wrapper .thirds_2_3-right > * + p,
#body-wrapper .quarters_3_4-right > * + p,
#body-wrapper .body > * + ul,
#body-wrapper .two-columns > * + ul,
#body-wrapper .half-left > * + ul,
#body-wrapper .half-right > * + ul,
#body-wrapper .thirds_2_3-left > * + ul,
#body-wrapper .quarters_3_4-left > * + ul,
#body-wrapper .thirds_2_3-right > * + ul,
#body-wrapper .quarters_3_4-right > * + ul,
#body-wrapper .body > * + .two-columns,
#body-wrapper .two-columns > * + .two-columns,
#body-wrapper .half-left > * + .two-columns,
#body-wrapper .half-right > * + .two-columns,
#body-wrapper .thirds_2_3-left > * + .two-columns,
#body-wrapper .quarters_3_4-left > * + .two-columns,
#body-wrapper .thirds_2_3-right > * + .two-columns,
#body-wrapper .quarters_3_4-right > * + .two-columns,
#body-wrapper .body .force-margin-top,
#body-wrapper .two-columns .force-margin-top,
#body-wrapper .half-left .force-margin-top,
#body-wrapper .half-right .force-margin-top,
#body-wrapper .thirds_2_3-left .force-margin-top,
#body-wrapper .quarters_3_4-left .force-margin-top,
#body-wrapper .thirds_2_3-right .force-margin-top,
#body-wrapper .quarters_3_4-right .force-margin-top,
#body-wrapper .body > * + .half-left,
#body-wrapper .two-columns > * + .half-left,
#body-wrapper .half-left > * + .half-left,
#body-wrapper .half-right > * + .half-left,
#body-wrapper .thirds_2_3-left > * + .half-left,
#body-wrapper .quarters_3_4-left > * + .half-left,
#body-wrapper .thirds_2_3-right > * + .half-left,
#body-wrapper .quarters_3_4-right > * + .half-left,
#body-wrapper .body > * + .half-left + .half-right,
#body-wrapper .two-columns > * + .half-left + .half-right,
#body-wrapper .half-left > * + .half-left + .half-right,
#body-wrapper .half-right > * + .half-left + .half-right,
#body-wrapper .thirds_2_3-left > * + .half-left + .half-right,
#body-wrapper .quarters_3_4-left > * + .half-left + .half-right,
#body-wrapper .thirds_2_3-right > * + .half-left + .half-right,
#body-wrapper .quarters_3_4-right > * + .half-left + .half-right,
#body-wrapper .body > * + .bubble-box,
#body-wrapper .two-columns > * + .bubble-box,
#body-wrapper .half-left > * + .bubble-box,
#body-wrapper .half-right > * + .bubble-box,
#body-wrapper .thirds_2_3-left > * + .bubble-box,
#body-wrapper .quarters_3_4-left > * + .bubble-box,
#body-wrapper .thirds_2_3-right > * + .bubble-box,
#body-wrapper .quarters_3_4-right > * + .bubble-box {
  margin-top: 14px;
}
#body-wrapper .body > * + p.force-no-margin,
#body-wrapper .two-columns > * + p.force-no-margin,
#body-wrapper .half-left > * + p.force-no-margin,
#body-wrapper .half-right > * + p.force-no-margin,
#body-wrapper .thirds_2_3-left > * + p.force-no-margin,
#body-wrapper .quarters_3_4-left > * + p.force-no-margin,
#body-wrapper .thirds_2_3-right > * + p.force-no-margin,
#body-wrapper .quarters_3_4-right > * + p.force-no-margin,
#body-wrapper .body > * + ul.force-no-margin,
#body-wrapper .two-columns > * + ul.force-no-margin,
#body-wrapper .half-left > * + ul.force-no-margin,
#body-wrapper .half-right > * + ul.force-no-margin,
#body-wrapper .thirds_2_3-left > * + ul.force-no-margin,
#body-wrapper .quarters_3_4-left > * + ul.force-no-margin,
#body-wrapper .thirds_2_3-right > * + ul.force-no-margin,
#body-wrapper .quarters_3_4-right > * + ul.force-no-margin,
#body-wrapper .body > * + .two-columns.force-no-margin,
#body-wrapper .two-columns > * + .two-columns.force-no-margin,
#body-wrapper .half-left > * + .two-columns.force-no-margin,
#body-wrapper .half-right > * + .two-columns.force-no-margin,
#body-wrapper .thirds_2_3-left > * + .two-columns.force-no-margin,
#body-wrapper .quarters_3_4-left > * + .two-columns.force-no-margin,
#body-wrapper .thirds_2_3-right > * + .two-columns.force-no-margin,
#body-wrapper .quarters_3_4-right > * + .two-columns.force-no-margin,
#body-wrapper .body .force-margin-top.force-no-margin,
#body-wrapper .two-columns .force-margin-top.force-no-margin,
#body-wrapper .half-left .force-margin-top.force-no-margin,
#body-wrapper .half-right .force-margin-top.force-no-margin,
#body-wrapper .thirds_2_3-left .force-margin-top.force-no-margin,
#body-wrapper .quarters_3_4-left .force-margin-top.force-no-margin,
#body-wrapper .thirds_2_3-right .force-margin-top.force-no-margin,
#body-wrapper .quarters_3_4-right .force-margin-top.force-no-margin,
#body-wrapper .body > * + .half-left.force-no-margin,
#body-wrapper .two-columns > * + .half-left.force-no-margin,
#body-wrapper .half-left > * + .half-left.force-no-margin,
#body-wrapper .half-right > * + .half-left.force-no-margin,
#body-wrapper .thirds_2_3-left > * + .half-left.force-no-margin,
#body-wrapper .quarters_3_4-left > * + .half-left.force-no-margin,
#body-wrapper .thirds_2_3-right > * + .half-left.force-no-margin,
#body-wrapper .quarters_3_4-right > * + .half-left.force-no-margin,
#body-wrapper .body > * + .half-left + .half-right.force-no-margin,
#body-wrapper .two-columns > * + .half-left + .half-right.force-no-margin,
#body-wrapper .half-left > * + .half-left + .half-right.force-no-margin,
#body-wrapper .half-right > * + .half-left + .half-right.force-no-margin,
#body-wrapper .thirds_2_3-left > * + .half-left + .half-right.force-no-margin,
#body-wrapper .quarters_3_4-left > * + .half-left + .half-right.force-no-margin,
#body-wrapper .thirds_2_3-right > * + .half-left + .half-right.force-no-margin,
#body-wrapper .quarters_3_4-right > * + .half-left + .half-right.force-no-margin,
#body-wrapper .body > * + .bubble-box.force-no-margin,
#body-wrapper .two-columns > * + .bubble-box.force-no-margin,
#body-wrapper .half-left > * + .bubble-box.force-no-margin,
#body-wrapper .half-right > * + .bubble-box.force-no-margin,
#body-wrapper .thirds_2_3-left > * + .bubble-box.force-no-margin,
#body-wrapper .quarters_3_4-left > * + .bubble-box.force-no-margin,
#body-wrapper .thirds_2_3-right > * + .bubble-box.force-no-margin,
#body-wrapper .quarters_3_4-right > * + .bubble-box.force-no-margin {
  margin-top: 0;
}
#body-wrapper a img.hover {
  display: none;
}
#body-wrapper a img.nohover {
  display: inline-block;
}
#body-wrapper a:hover img.hover {
  display: inline-block;
}
#body-wrapper a:hover img.nohover {
  display: none;
}
#body-wrapper p {
  line-height: 1.5;
}
#body-wrapper p img {
  max-width: 100%;
}
#body-wrapper p em {
  color: #269fd3;
}
#body-wrapper p a > em,
#body-wrapper p em > a {
  text-decoration: underline;
}
#body-wrapper p a:hover > em,
#body-wrapper p em > a:hover {
  text-decoration: underline;
}
#body-wrapper p.video-16-9,
#body-wrapper p .video-16-9 {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  /*padding-top: 25px;*/
  height: 0;
}
#body-wrapper p.video-16-9 iframe,
#body-wrapper p .video-16-9 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#body-wrapper table {
  width: 100%;
  border-collapse: collapse;
  border-width: 2px;
  border-style: solid;
}
#body-wrapper table > tbody > tr > th {
  text-transform: uppercase;
  color: #269fd3;
  background-color: #eef8fc;
}
#body-wrapper table > tbody > tr > th,
#body-wrapper table > tbody > tr > td {
  border-width: 2px;
  border-style: solid;
  padding: 2px 5px;
  border-color: #269fd3;
}
#body-wrapper .auth-top-full {
  width: 100%;
  position: relative;
  margin-bottom: 0;
  top: -29px;
  background-image: url('../images/customer-section-title.png');
  background-size: cover;
  background-position: 50% 50%;
  height: 80px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .auth-top-full {
    height: 60px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .auth-top-full {
    height: 30px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .auth-top-full {
    height: 20px;
  }
}
#body-wrapper .auth-top {
  background: 50% 50% url('../images/customer-section-title.png');
  height: 53px;
  margin-bottom: 20px;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .auth-top {
    height: 43px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .auth-top {
    height: 33px;
    margin-bottom: 10px;
  }
}
#body-wrapper .body {
  margin-bottom: 40px;
  position: relative;
  /*&:first-child
		{
			margin-top: 0;
		}*/
}
#body-wrapper .body.merge-body-margin {
  margin-top: -26px;
}
#body-wrapper .body.force-small-margin {
  margin-bottom: 20px;
}
#body-wrapper .body.force-no-margin {
  margin-bottom: 5px;
}
#body-wrapper .body .padding-10 {
  padding: 10px;
}
#body-wrapper .body .margin-top-10 {
  margin-top: 10px;
}
#body-wrapper .body .bigger {
  font-size: 20px;
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .bigger {
    font-size: 18px;
  }
}
#body-wrapper .body .biggest {
  font-size: 24px;
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .biggest {
    font-size: 20px;
  }
}
#body-wrapper .body .superbig {
  font-size: 40px;
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .superbig {
    font-size: 30px;
  }
}
#body-wrapper .body .bold {
  font-weight: 600;
}
#body-wrapper .body .bolder {
  font-weight: 400;
}
#body-wrapper .body a {
  text-decoration: underline;
}
#body-wrapper .body a:hover {
  color: #269fd3;
}
#body-wrapper .body a.download {
  display: inline-block;
  padding: 10px 15px 6px 52px;
  /*background-image: url('@{images}/download-27.png');
				background-repeat: no-repeat;
				background-position: 15px 8px;*/
  position: relative;
  min-height: 43px;
  font-size: 22px;
  font-weight: 600;
  color: #269fd3;
  border: 2px dotted #269fd3;
  border-radius: 9px;
  text-decoration: none;
  transition: all 300ms;
}
#body-wrapper .body a.download:after,
#body-wrapper .body a.download:before {
  position: absolute;
  content: url('../images/download-27-hover.png');
  display: block;
  width: 27px;
  height: 27px;
  opacity: 0;
  top: 8px;
  left: 15px;
  transition: opacity 300ms;
}
#body-wrapper .body a.download:before {
  content: url('../images/download-27.png');
  opacity: 1;
}
#body-wrapper .body a.download:empty {
  padding-left: 32px;
  min-height: 43px;
  padding-right: 10px;
  /*background-position: 10px 8px;
					background-image: url('@{images}/download-22.png');*/
}
#body-wrapper .body a.download:empty:after,
#body-wrapper .body a.download:empty:before {
  left: 5px;
  top: 4px;
  content: url('../images/download-22-hover.png');
}
#body-wrapper .body a.download:empty:before {
  content: url('../images/download-22.png');
}
#body-wrapper .body a.download:hover,
#body-wrapper .body a.download:focus,
#body-wrapper .body a.download:active {
  border-color: #f9a935;
  color: #f9a935;
  text-decoration: none;
}
#body-wrapper .body a.download:hover:after,
#body-wrapper .body a.download:focus:after,
#body-wrapper .body a.download:active:after {
  opacity: 1;
}
#body-wrapper .body a.download:hover:before,
#body-wrapper .body a.download:focus:before,
#body-wrapper .body a.download:active:before {
  opacity: 0;
}
#body-wrapper .body form.login {
  background-color: #eef8fc;
  padding: 20px 20px 12px;
  margin: 40px auto;
  width: 300px;
}
#body-wrapper .body form.login .error {
  color: #cc2d30;
}
#body-wrapper .body form.login label {
  display: block;
  font-size: 14px;
  margin: 10px 0 0;
}
#body-wrapper .body form.login input[type=text],
#body-wrapper .body form.login input[type=password] {
  display: block;
  margin: 10px 0 0;
  width: 100%;
}
#body-wrapper .body form.login input[type=submit] {
  background-color: #269fd3;
  font-size: 14px;
  color: #ffffff;
  border: 0;
  margin: 12px 0 0;
  padding: 5px 15px;
  cursor: pointer;
}
#body-wrapper .body form.logout {
  margin: 40px auto;
  width: 300px;
}
#body-wrapper .body form.logout input[type=submit] {
  background: #269fd3;
  width: 100%;
}
#body-wrapper .body form.data {
  margin-left: -10px;
}
#body-wrapper .body form.data .errors {
  margin: 10px 0 20px 10px;
  color: red;
}
#body-wrapper .body form.data .success {
  margin: 10px 0 20px 10px;
  color: green;
}
#body-wrapper .body form.data p {
  margin: 20px 0 0 10px;
  border-bottom: 1px solid #888888;
  padding: 5px 5px;
  background-color: rgba(136, 136, 136, 0.1);
  font-style: italic;
}
#body-wrapper .body form.data div.item {
  display: block;
  margin: 10px 0 0 10px;
  float: left;
}
#body-wrapper .body form.data div.item input[type="text"],
#body-wrapper .body form.data div.item input[type="password"],
#body-wrapper .body form.data div.item textarea,
#body-wrapper .body form.data div.item select,
#body-wrapper .body form.data div.item button,
#body-wrapper .body form.data div.item input[type="button"],
#body-wrapper .body form.data div.item input[type="submit"],
#body-wrapper .body form.data div.item #body-wrapper .body.admin-menu a {
  width: 100%;
}
#body-wrapper .body form.data div.item .checkbox-text > input[type="checkbox"] ~ input[type="text"] {
  width: calc(100% - 33px);
  margin-left: 6px;
}
#body-wrapper .body form.data div.item > label {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 2px;
}
#body-wrapper .body form.data .col10 {
  width: 890px;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body form.data .col10 {
    max-width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body form.data .col10 {
    width: 300px;
  }
}
#body-wrapper .body form.data .col9 {
  width: 800px;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body form.data .col9 {
    max-width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body form.data .col9 {
    width: 300px;
  }
}
#body-wrapper .body form.data .col8 {
  width: 710px;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body form.data .col8 {
    max-width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body form.data .col8 {
    width: 300px;
  }
}
#body-wrapper .body form.data .col7 {
  width: 620px;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body form.data .col7 {
    max-width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body form.data .col7 {
    width: 300px;
  }
}
#body-wrapper .body form.data .col6 {
  width: 530px;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body form.data .col6 {
    max-width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body form.data .col6 {
    width: 300px;
  }
}
#body-wrapper .body form.data .col5 {
  width: 440px;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body form.data .col5 {
    max-width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body form.data .col5 {
    width: 300px;
  }
}
#body-wrapper .body form.data .col4 {
  width: 350px;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body form.data .col4 {
    max-width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body form.data .col4 {
    width: 300px;
  }
}
#body-wrapper .body form.data .col3 {
  width: 260px;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body form.data .col3 {
    max-width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body form.data .col3 {
    width: 300px;
  }
}
#body-wrapper .body form.data .col2 {
  width: 170px;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body form.data .col2 {
    max-width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body form.data .col2 {
    width: 300px;
  }
}
#body-wrapper .body form.data .col1 {
  width: 80px;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body form.data .col1 {
    max-width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body form.data .col1 {
    width: 300px;
  }
}
#body-wrapper .body form.data div.break {
  clear: both;
}
#body-wrapper .body.admin-menu {
  width: 300px;
  margin: 0 auto;
}
#body-wrapper .body.admin-menu a {
  width: 100%;
  margin-top: 30px;
}
#body-wrapper .body.content {
  padding: 10px;
}
#body-wrapper .body ul.users {
  margin-top: -8px;
  margin-left: -8px;
}
#body-wrapper .body ul.users > li {
  display: inline-block;
  margin-top: 8px;
  margin-left: 8px;
}
#body-wrapper .body ul.users > li > a {
  display: block;
  padding-left: 25px;
  background-image: url('../images/list-user.png');
  background-repeat: no-repeat;
  background-position: 0 2px;
  width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #000000;
  text-decoration: none;
}
#body-wrapper .body ul.users > li > a > b {
  color: #595959;
  font-size: 18px;
  font-weight: 400;
  display: block;
  letter-spacing: -1px;
  text-overflow: ellipsis;
  overflow: hidden;
  /*&:hover
						{
							text-decoration: underline;
						}*/
}
#body-wrapper .body ul.users > li > a > b > span {
  font-weight: 300;
}
#body-wrapper .body ul.users > li > a:hover {
  background-color: rgba(38, 159, 211, 0.2);
}
#body-wrapper .body ul.users > li > a:hover > b {
  text-decoration: underline;
}
#body-wrapper .body ul.users > li > a > span {
  display: block;
  font-size: 12px;
}
#body-wrapper .body ul.users > li form {
  margin: 2px 0 0;
}
#body-wrapper .body ul.users > li form input[type="submit"] {
  background-color: #269fd3;
  color: #ffffff;
  border: 0;
  padding: 2px 5px;
  cursor: pointer;
}
#body-wrapper .body .half-left {
  float: left;
  width: 450px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body .half-left {
    width: 360px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body .half-left {
    float: none;
    width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .half-left {
    float: none;
    width: 300px;
  }
}
#body-wrapper .body .half-right {
  float: right;
  width: 450px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body .half-right {
    width: 360px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body .half-right {
    float: none;
    width: 460px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .half-right {
    float: none;
    width: 300px;
    margin-top: 20px;
  }
}
#body-wrapper .body .thirds_2_3-left {
  float: left;
  width: 630px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body .thirds_2_3-left {
    width: 460px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body .thirds_2_3-left {
    float: none;
    width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .thirds_2_3-left {
    float: none;
    width: 300px;
  }
}
#body-wrapper .body .thirds_2_3-right {
  float: right;
  width: 630px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body .thirds_2_3-right {
    width: 460px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body .thirds_2_3-right {
    float: none;
    width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .thirds_2_3-right {
    float: none;
    width: 300px;
  }
}
#body-wrapper .body .thirds_1_3-right {
  float: right;
  width: 290px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body .thirds_1_3-right {
    width: 260px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body .thirds_1_3-right {
    float: none;
    width: 460px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .thirds_1_3-right {
    float: none;
    width: 300px;
    margin-top: 20px;
  }
}
#body-wrapper .body .thirds_1_3-left {
  float: left;
  width: 290px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body .thirds_1_3-left {
    width: 260px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body .thirds_1_3-left {
    float: none;
    width: 460px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .thirds_1_3-left {
    float: none;
    width: 300px;
    margin-top: 20px;
  }
}
#body-wrapper .body .quarters_3_4-left {
  float: left;
  width: 700px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body .quarters_3_4-left {
    width: 460px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body .quarters_3_4-left {
    float: none;
    width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .quarters_3_4-left {
    float: none;
    width: 300px;
  }
}
#body-wrapper .body .quarters_3_4-right {
  float: right;
  width: 700px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body .quarters_3_4-right {
    width: 460px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body .quarters_3_4-right {
    float: none;
    width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .quarters_3_4-right {
    float: none;
    width: 300px;
  }
}
#body-wrapper .body .quarters_1_4-right {
  float: right;
  width: 270px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body .quarters_1_4-right {
    width: 280px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body .quarters_1_4-right {
    float: none;
    width: 460px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .quarters_1_4-right {
    float: none;
    width: 300px;
    margin-top: 20px;
  }
}
#body-wrapper .body .quarters_1_4-left {
  float: left;
  width: 270px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body .quarters_1_4-left {
    width: 280px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body .quarters_1_4-left {
    float: none;
    width: 460px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .quarters_1_4-left {
    float: none;
    width: 300px;
    margin-top: 20px;
  }
}
#body-wrapper .body .fifths_1_5-left {
  float: left;
  width: 200px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body .fifths_1_5-left {
    width: 148px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body .fifths_1_5-left {
    float: none;
    width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .fifths_1_5-left {
    float: none;
    width: 300px;
  }
}
#body-wrapper .body .fifths_1_5-right {
  float: right;
  width: 200px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body .fifths_1_5-right {
    width: 148px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body .fifths_1_5-right {
    float: none;
    width: 460px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .fifths_1_5-right {
    float: none;
    width: 300px;
  }
}
#body-wrapper .body .fifths_4_5-right {
  float: right;
  width: 800px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body .fifths_4_5-right {
    width: 592px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body .fifths_4_5-right {
    float: none;
    width: 460px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .fifths_4_5-right {
    float: none;
    width: 300px;
    margin-top: 20px;
  }
}
#body-wrapper .body .fifths_4_5-left {
  float: left;
  width: 800px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body .fifths_4_5-left {
    width: 592px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body .fifths_4_5-left {
    float: none;
    width: 460px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body .fifths_4_5-left {
    float: none;
    width: 300px;
    margin-top: 20px;
  }
}
#body-wrapper .body ul.thirds {
  margin: -30px 0 0 -35px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body ul.thirds {
    margin-left: -25px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body ul.thirds {
    margin-left: 0;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body ul.thirds {
    margin-left: 0;
  }
}
#body-wrapper .body ul.thirds > li {
  margin: 30px 0 0 35px;
  width: 310px;
  height: 280px;
  display: block;
  float: left;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body ul.thirds > li {
    width: 230px;
    margin-left: 25px;
    height: 320px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body ul.thirds > li {
    width: 460px;
    margin-left: 0;
    height: auto;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body ul.thirds > li {
    width: 300px;
    margin-left: 0;
    height: auto;
  }
}
#body-wrapper .body ul.thirds > li.double {
  width: 655px;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body ul.thirds > li.double {
    width: 350px;
    margin-left: 40px;
    width: 485px;
    margin-left: 25px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body ul.thirds > li.double {
    width: 460px;
    margin-left: 0;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body ul.thirds > li.double {
    width: 300px;
    margin-left: 0;
  }
}
#body-wrapper .body ul.thirds > li.link {
  background-color: #eef8fc;
  color: #269fd3;
}
#body-wrapper .body ul.thirds > li.link > a {
  display: block;
  width: 100%;
  /*height: 280px;*/
  padding: 15px;
  text-decoration: none;
  text-align: right;
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body ul.thirds > li.link > a {
    height: auto;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body ul.thirds > li.link > a {
    height: auto;
  }
}
#body-wrapper .body ul.thirds > li.link > a > span {
  display: block;
  width: 100%;
  height: 95px;
  background-color: #ffffff;
  padding: 5px 0;
}
#body-wrapper .body ul.thirds > li.link > a > span > img {
  zoom: 1;
  display: block;
  margin: auto;
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: 100%;
}
#body-wrapper .body ul.thirds > li.link > a > p {
  margin: 10px 0 10px 0;
  padding-left: 12px;
  height: 110px;
  position: relative;
  text-align: left;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #body-wrapper .body ul.thirds > li.link > a > p {
    height: 150px;
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #body-wrapper .body ul.thirds > li.link > a > p {
    height: auto;
  }
}
@media screen and (max-width: 459px) {
  #body-wrapper .body ul.thirds > li.link > a > p {
    height: auto;
  }
}
#body-wrapper .body ul.thirds > li.link > a > p:before {
  content: url('../images/thirds-arrow.png');
  position: absolute;
  display: block;
  top: 1px;
  left: 0;
}
#body-wrapper .body ul.thirds > li.link > a:after {
  content: attr(data-detail);
  display: inline-block;
  text-align: right;
  border: 1px solid #269fd3;
  font-size: 12px;
  padding: 1px 5px;
}
#body-wrapper .body ul.thirds > li.link > a:hover:after {
  background-color: #269fd3;
  color: #ffffff;
}
#body-wrapper .body ul.thirds > li.text > p {
  color: #595959;
  font-size: 18px;
}
#body-wrapper .body ul.thirds > li.text > span {
  display: block;
  text-align: right;
  margin-top: 10px;
  font-size: 14px;
}
#body-wrapper .body ul.thirds:after {
  content: "";
  display: block;
  clear: both;
}
#body-wrapper div.paging {
  margin-top: 20px;
  color: #269fd3;
  height: 30px;
  word-spacing: 5px;
  line-height: 30px;
  cursor: default;
  text-align: center;
}
#body-wrapper div.paging > a {
  display: inline-block;
  min-width: 30px;
  height: 30px;
  padding: 0 5px;
  text-align: center;
  background-color: #eef8fc;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 6px;
}
#body-wrapper div.paging > a:hover {
  font-weight: 400;
  border: 1px dotted #269fd3;
}
#body-wrapper div.paging > span {
  display: inline-block;
  min-width: 30px;
  height: 30px;
  padding: 0 5px;
  text-align: center;
  background-color: #eef8fc;
  cursor: default;
  border: 1px solid transparent;
  border-radius: 6px;
}
#body-wrapper div.paging .disabled {
  opacity: 0.4;
}
#body-wrapper div.paging .spacer {
  background: transparent;
  margin: 0 5px;
}
#body-wrapper div.paging .page-actual {
  border: 1px dotted #269fd3;
}
#body-wrapper div.paging .page-first {
  background-image: url('../images/paging-first.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#body-wrapper div.paging .page-last {
  background-image: url('../images/paging-last.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#body-wrapper div.paging .page-prev {
  background-image: url('../images/paging-prev.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#body-wrapper div.paging .page-next {
  background-image: url('../images/paging-next.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#body-wrapper .search_result:hover {
  color: #5bc6c9;
}
#iframe {
  position: fixed;
  top: 95px;
  bottom: 30px;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(100% - 125px);
}
@media screen and (min-width: 840px) and (max-width: 999px) {
  #iframe {
    top: 95px;
    height: calc(100% - 125px);
  }
}
@media screen and (min-width: 460px) and (max-width: 839px) {
  #iframe {
    top: 95px;
    height: calc(100% - 125px);
  }
}
@media screen and (max-width: 459px) {
  #iframe {
    top: 75px;
    height: calc(100% - 105px);
  }
}
#copyright-wrapper {
  padding: 6px 12px;
  background-color: #a1a1a1;
  width: 100%;
  position: fixed;
  bottom: 0;
  height: 30px;
}
#copyright {
  /*&:extend(.page-main-panel);*/
  text-align: right;
  color: #ffffff;
  font-size: 13px;
}


ul.list
{
  display: list;
  list-style-type: disc;
  list-style-position: outside;
  margin: 5px 0 10px;
}

ul.list li
{
  margin-left: 40px;
}

ul.list ul.list
{
  list-style-type: circle;
}