.font-mu {
  font-family: 'Muli', sans-serif;
  font-style: normal;
}
.font-ca {
  font-family: 'Cantarell', sans-serif;
  font-style: normal;
}
.font-si {
  font-family: 'Signika', sans-serif;
  font-style: normal;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli'), url(/fonts/zscZFkjVRGyfQ_Pw-5exXPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U0000-00FF, U0131, U0152-0153, U02C 6, U02DA, U02DC, U2000-206F, U2074, U20AC, U2212, U2215, UE0FF, UEFFD, UF000;
}
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: local('Signika'), local('Signika-Regular'), url(/fonts/DgXTNsU4VcVVFTc7jwBZzwLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U0000-00FF, U0131, U0152-0153, U02C 6, U02DA, U02DC, U2000-206F, U2074, U20AC, U2212, U2215, UE0FF, UEFFD, UF000;
}
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 700;
  src: local('Signika-Bold'), url(/fonts/7M5kxD4eGxuhgFaIk95pBQzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
  unicode-range: U0000-00FF, U0131, U0152-0153, U02C 6, U02DA, U02DC, U2000-206F, U2074, U20AC, U2212, U2215, UE0FF, UEFFD, UF000;
}
@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  src: local('Cantarell Regular'), local('Cantarell-Regular'), url(/fonts/V86VyqXbc09Sss3BPsMj15Bw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U0000-00FF, U0131, U0152-0153, U02C 6, U02DA, U02DC, U2000-206F, U2074, U20AC, U2212, U2215, UE0FF, UEFFD, UF000;
}
.text-grey {
  color: #597581;
}
.text-green {
  color: #008061;
}
.text-yellow {
  color: #f8ba0d;
}
.text-red {
  color: #C21D04;
}
.text-cyan {
  color: #0092a5;
}
.bg-grey {
  background: #597581;
}
.bg-green {
  background: #008061;
}
.bg-yellow {
  background: #F9C126;
}
.bg-red {
  background: #C21D04;
}
.bg-cyan {
  background: #00A4B9;
}
html {
  background: #004673;
  width: 100%;
  overflow-x: hidden;
}
html body.body {
  background: #004673;
  font-size: 12px;
  font-family: 'Cantarell', sans-serif;
  font-style: normal;
  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: #00A4B9;
  text-decoration: none;
}
html body.body a:hover {
  color: #00606d;
  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-family: 'Muli', sans-serif;
  font-style: normal;
  text-shadow: none;
  font-weight: normal;
  margin: 0;
  line-height: normal;
}
html body.body h1,
html body.body .h1 {
  font-size: 2rem;
}
html body.body h2,
html body.body .h2 {
  font-size: 1.75rem;
}
html body.body h3,
html body.body .h3 {
  font-size: 1.5rem;
}
html body.body h4,
html body.body .h4 {
  font-size: 1.4rem;
}
html body.body h5,
html body.body .h5 {
  font-size: 1.125rem;
}
html body.body h6,
html body.body .h6 {
  font-size: 1rem;
}
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-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5);
  box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  height: auto;
  background: #fafafa;
  padding: 6px 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: 0;
  margin: 0;
  outline: none;
}
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 input[type="file"] {
  padding: 5px 10px;
  line-height: 1;
}
html body.body input[type="radio"] {
  float: left;
  margin: 0 8px 4px 0px;
}
html body.body input[type="checkbox"] {
  float: left;
  margin: 4px 8px 4px 0;
}
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: #008061;
  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: #F9C126;
  margin-right: 5px;
}
html body.body select[multiple] optgroup option[selected] {
  background-color: #00A4B9;
  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 .downloadbtn,
html body.body .button {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  font-weight: normal;
  outline: none;
  padding: 8px 16px;
  font-family: 'Muli', sans-serif;
  font-style: normal;
  font-size: 1em;
  line-height: normal;
  background: #00674e;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00674e),color-stop(1,#009a74));
  background: -ms-linear-gradient(bottom,#00674e,#009a74);
  background: -moz-linear-gradient(center bottom,#00674e 0%,#009a74 100%);
  background: -o-linear-gradient(#009a74,#00674e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009a74', endColorstr='#00674e', GradientType=0);
  text-transform: uppercase;
  border: 0;
  color: #fff;
  letter-spacing: 1px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.33);
  -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.33);
  box-shadow: 0px 1px 1px rgba(0,0,0,0.33);
  -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 .downloadbtn:hover,
html body.body .button:hover {
  color: #fff !important;
  text-decoration: none;
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
  -moz-box-shadow: 0 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 0 rgba(0,0,0,0);
  background: #00674e;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00674e),color-stop(1,#008061));
  background: -ms-linear-gradient(bottom,#00674e,#008061);
  background: -moz-linear-gradient(center bottom,#00674e 0%,#008061 100%);
  background: -o-linear-gradient(#008061,#00674e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008061', endColorstr='#00674e', 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 button:active,
html body.body input[type="submit"]:active,
html body.body input#id_submitbutton:active,
html body.body .downloadbtn: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 .downloadbtn.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 .downloadbtn.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 .downloadbtn.yellow,
html body.body .button.yellow {
  background: #e6aa06;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#e6aa06),color-stop(1,#F9C126));
  background: -ms-linear-gradient(bottom,#e6aa06,#F9C126);
  background: -moz-linear-gradient(center bottom,#e6aa06 0%,#F9C126 100%);
  background: -o-linear-gradient(#F9C126,#e6aa06);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9c126', endColorstr='#e6aa06', 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 .downloadbtn.yellow:hover,
html body.body .button.yellow:hover {
  background: #F9C126;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#F9C126),color-stop(1,#F9C126));
  background: -ms-linear-gradient(bottom,#F9C126,#F9C126);
  background: -moz-linear-gradient(center bottom,#F9C126 0%,#F9C126 100%);
  background: -o-linear-gradient(#F9C126,#F9C126);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9c126', endColorstr='#f9c126', GradientType=0);
}
html body.body button.blue,
html body.body input[type="submit"].blue,
html body.body input#id_submitbutton.blue,
html body.body .downloadbtn.blue,
html body.body .button.blue {
  background: #00365a;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00365a),color-stop(1,#003d64));
  background: -ms-linear-gradient(bottom,#00365a,#003d64);
  background: -moz-linear-gradient(center bottom,#00365a 0%,#003d64 100%);
  background: -o-linear-gradient(#003d64,#00365a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003d64', endColorstr='#00365a', GradientType=0);
}
html body.body button.blue:hover,
html body.body input[type="submit"].blue:hover,
html body.body input#id_submitbutton.blue:hover,
html body.body .downloadbtn.blue:hover,
html body.body .button.blue:hover {
  background: #00304f;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00304f),color-stop(1,#00365a));
  background: -ms-linear-gradient(bottom,#00304f,#00365a);
  background: -moz-linear-gradient(center bottom,#00304f 0%,#00365a 100%);
  background: -o-linear-gradient(#00365a,#00304f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00365a', endColorstr='#00304f', GradientType=0);
}
html body.body button.red,
html body.body input[type="submit"].red,
html body.body input#id_submitbutton.red,
html body.body .downloadbtn.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 .downloadbtn.red:hover,
html body.body .button.red:hover {
  background: #c21d04;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#a91903),color-stop(1,#c21d04));
  background: -ms-linear-gradient(bottom,#a91903,#c21d04);
  background: -moz-linear-gradient(center bottom,#a91903 0%,#c21d04 100%);
  background: -o-linear-gradient(#c21d04,#a91903);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c21d04', endColorstr='#a91903', GradientType=0);
}
html body.body button.i,
html body.body input[type="submit"].i,
html body.body input#id_submitbutton.i,
html body.body .downloadbtn.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 .btn {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  font-weight: normal;
  outline: none;
  padding: 8px 16px;
  font-family: 'Muli', sans-serif;
  font-style: normal;
  font-size: 1em;
  line-height: normal;
  background: #00674e;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00674e),color-stop(1,#009a74));
  background: -ms-linear-gradient(bottom,#00674e,#009a74);
  background: -moz-linear-gradient(center bottom,#00674e 0%,#009a74 100%);
  background: -o-linear-gradient(#009a74,#00674e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009a74', endColorstr='#00674e', GradientType=0);
  text-transform: uppercase;
  border: 0;
  color: #fff;
  letter-spacing: 1px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.33);
  -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.33);
  box-shadow: 0px 1px 1px rgba(0,0,0,0.33);
  -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:hover {
  color: #fff !important;
  text-decoration: none;
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
  -moz-box-shadow: 0 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 0 rgba(0,0,0,0);
  background: #00674e;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00674e),color-stop(1,#008061));
  background: -ms-linear-gradient(bottom,#00674e,#008061);
  background: -moz-linear-gradient(center bottom,#00674e 0%,#008061 100%);
  background: -o-linear-gradient(#008061,#00674e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008061', endColorstr='#00674e', 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 .btn: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 .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: #e6aa06;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#e6aa06),color-stop(1,#F9C126));
  background: -ms-linear-gradient(bottom,#e6aa06,#F9C126);
  background: -moz-linear-gradient(center bottom,#e6aa06 0%,#F9C126 100%);
  background: -o-linear-gradient(#F9C126,#e6aa06);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9c126', endColorstr='#e6aa06', GradientType=0);
}
html body.body .btn.yellow:hover {
  background: #F9C126;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#F9C126),color-stop(1,#F9C126));
  background: -ms-linear-gradient(bottom,#F9C126,#F9C126);
  background: -moz-linear-gradient(center bottom,#F9C126 0%,#F9C126 100%);
  background: -o-linear-gradient(#F9C126,#F9C126);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9c126', endColorstr='#f9c126', GradientType=0);
}
html body.body .btn.blue {
  background: #00365a;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00365a),color-stop(1,#003d64));
  background: -ms-linear-gradient(bottom,#00365a,#003d64);
  background: -moz-linear-gradient(center bottom,#00365a 0%,#003d64 100%);
  background: -o-linear-gradient(#003d64,#00365a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003d64', endColorstr='#00365a', GradientType=0);
}
html body.body .btn.blue:hover {
  background: #00304f;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00304f),color-stop(1,#00365a));
  background: -ms-linear-gradient(bottom,#00304f,#00365a);
  background: -moz-linear-gradient(center bottom,#00304f 0%,#00365a 100%);
  background: -o-linear-gradient(#00365a,#00304f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00365a', endColorstr='#00304f', 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: #c21d04;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#a91903),color-stop(1,#c21d04));
  background: -ms-linear-gradient(bottom,#a91903,#c21d04);
  background: -moz-linear-gradient(center bottom,#a91903 0%,#c21d04 100%);
  background: -o-linear-gradient(#c21d04,#a91903);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c21d04', endColorstr='#a91903', 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 .readmore {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  font-weight: normal;
  outline: none;
  padding: 8px 16px;
  font-family: 'Muli', sans-serif;
  font-style: normal;
  font-size: 1em;
  line-height: normal;
  background: #00674e;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00674e),color-stop(1,#009a74));
  background: -ms-linear-gradient(bottom,#00674e,#009a74);
  background: -moz-linear-gradient(center bottom,#00674e 0%,#009a74 100%);
  background: -o-linear-gradient(#009a74,#00674e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009a74', endColorstr='#00674e', GradientType=0);
  text-transform: uppercase;
  border: 0;
  color: #fff;
  letter-spacing: 1px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.33);
  -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.33);
  box-shadow: 0px 1px 1px rgba(0,0,0,0.33);
  -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: #008061;
}
html body.body .readmore:hover {
  color: #fff !important;
  text-decoration: none;
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
  -moz-box-shadow: 0 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 0 rgba(0,0,0,0);
  background: #00674e;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00674e),color-stop(1,#008061));
  background: -ms-linear-gradient(bottom,#00674e,#008061);
  background: -moz-linear-gradient(center bottom,#00674e 0%,#008061 100%);
  background: -o-linear-gradient(#008061,#00674e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008061', endColorstr='#00674e', 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 .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: #e6aa06;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#e6aa06),color-stop(1,#F9C126));
  background: -ms-linear-gradient(bottom,#e6aa06,#F9C126);
  background: -moz-linear-gradient(center bottom,#e6aa06 0%,#F9C126 100%);
  background: -o-linear-gradient(#F9C126,#e6aa06);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9c126', endColorstr='#e6aa06', GradientType=0);
}
html body.body .readmore.yellow:hover {
  background: #F9C126;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#F9C126),color-stop(1,#F9C126));
  background: -ms-linear-gradient(bottom,#F9C126,#F9C126);
  background: -moz-linear-gradient(center bottom,#F9C126 0%,#F9C126 100%);
  background: -o-linear-gradient(#F9C126,#F9C126);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9c126', endColorstr='#f9c126', GradientType=0);
}
html body.body .readmore.blue {
  background: #00365a;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00365a),color-stop(1,#003d64));
  background: -ms-linear-gradient(bottom,#00365a,#003d64);
  background: -moz-linear-gradient(center bottom,#00365a 0%,#003d64 100%);
  background: -o-linear-gradient(#003d64,#00365a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003d64', endColorstr='#00365a', GradientType=0);
}
html body.body .readmore.blue:hover {
  background: #00304f;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00304f),color-stop(1,#00365a));
  background: -ms-linear-gradient(bottom,#00304f,#00365a);
  background: -moz-linear-gradient(center bottom,#00304f 0%,#00365a 100%);
  background: -o-linear-gradient(#00365a,#00304f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00365a', endColorstr='#00304f', 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: #c21d04;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#a91903),color-stop(1,#c21d04));
  background: -ms-linear-gradient(bottom,#a91903,#c21d04);
  background: -moz-linear-gradient(center bottom,#a91903 0%,#c21d04 100%);
  background: -o-linear-gradient(#c21d04,#a91903);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c21d04', endColorstr='#a91903', 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 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.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: #F9C126;
  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: #008da0;
  font-family: 'Muli', sans-serif;
  font-style: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
html body.body ul.buttoned li a:hover {
  background: #F9C126;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  border-color: #f9bd17;
}
html body.body ul.buttoned li a.yellow {
  background: rgba(249,193,38,0.6);
}
html body.body ul.buttoned li a.green {
  background: #00ffc1;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  color: #fff;
}
html body.body ul.buttoned li a.grey {
  background: #adbfc6;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  color: #fff;
}
html body.body ul.buttoned li a.red {
  background: #fb4c31;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  color: #fff;
}
html body.body ul.buttoned li a.cyan {
  background: #00a4b9;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  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 {
  font-size: 12px;
}
html body.body table.table thead {
  background: #ddd;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ddd),color-stop(1,#e5e5e5));
  background: -ms-linear-gradient(bottom,#ddd,#e5e5e5);
  background: -moz-linear-gradient(center bottom,#ddd 0%,#e5e5e5 100%);
  background: -o-linear-gradient(#e5e5e5,#ddd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#dddddd', 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 #ccc;
  font-weight: bold;
}
html body.body table.table tr td {
  vertical-align: middle;
}
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 .form-group {
  margin: 10px 0 10px;
}
html body.body form .form-group label {
  margin: 0.5em 0 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}
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 .controls-row {
  display: block;
}
html body.body form .controls-row label {
  display: block;
}
html body.body form .controls-row input[type="text"],
html body.body form .controls-row textarea {
  width: 100%;
}
html body.body form .description {
  padding-left: 8px;
  font-style: italic;
}
html body.body form label.control-label {
  text-align: left;
  color: #008061;
  font-weight: bold;
  margin-bottom: 5px;
}
html body.body img {
  max-width: 100%;
}
html body.body mark,
html body.body .mark {
  background: rgba(0,164,185,0.15);
  background: #FFFDE3;
  color: #C21D04;
}
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-family: 'Muli', sans-serif;
  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-family: 'Muli', sans-serif;
  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: #00A4B9;
  margin-right: 0.25em;
}
html body.body time {
  font-size: 0.75rem;
  padding: 2px 8px 2px 6px;
  margin-left: 8px;
  border: 1px solid rgba(0,128,97,0.3);
  color: #008061;
  background: rgba(0,128,97,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(0,128,97,0.8);
  padding: 0 5px 0 0;
}
html body.body .container {
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
}
html body.body .container >* {
  font-size: 12px;
}
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 .bald {
  background: none;
  border: 0;
  box-shadow: none;
}
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: #C21D04;
}
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 .dib:last-child {
  border-right: 0px;
  padding-right: 0;
  margin-right: 0;
}
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;
  text-shadow: 1px 1px 2px #777;
  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: #F9C126;
}
html body.body .tag.red {
  background: #DC5252;
}
html body.body .tag.cyan {
  background: #00A4B9;
}
html body.body .tag.green {
  background: #008061;
}
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-box-shadow: 0 0 2px rgba(0,0,0,0.125);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.125);
  box-shadow: 0 0 2px rgba(0,0,0,0.125);
  -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;
  border: 1px solid #e1e1e1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: none;
}
html body.body .box.grey:hover {
  background: #eee;
}
html body.body .box.yellow {
  background: #FFFDE3;
  border: 1px solid #fffbca;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: none;
}
html body.body .box.yellow:hover {
  background: #FFFDE3;
}
html body.body .box:hover {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.125);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.125);
  box-shadow: 0 0 2px rgba(0,0,0,0.125);
  -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-family: 'Muli', sans-serif;
  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 .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;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
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;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
html body.body .nomargin {
  margin: 0;
}
html body.body .nopadding {
  padding: 0;
}
html body.body .nomargin-padding {
  margin: 0;
  padding: 0;
}
html body.body .padding5 {
  padding: 5px 10px;
}
html body.body .padding10 {
  padding: 10px 15px;
}
html body.body .margintb5 {
  margin: 5px 0;
}
html body.body .margin-auto {
  margin: 0 auto;
}
html body.body .m10 {
  margin: 10px;
}
html body.body .op075 {
  opacity: 0.75;
}
html body.body .alert-warning,
html body.body .alert {
  background: rgba(194,29,4,0.25);
  border: 2px solid rgba(194,29,4,0.3);
  color: rgba(194,29,4,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: #00333a;
  background: rgba(0,164,185,0.2);
  border: 1px solid rgba(0,164,185,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 {
  height: 100%;
  overflow-y: scroll;
  padding-right: 5px;
}
html body.body .scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
  height: 5px;
  background: rgba(0,128,97,0.3);
  transition: transform 1s;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
html body.body .scroll::-webkit-scrollbar-thumb {
  background-color: #008061;
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
  transition: transform 1s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
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 #trigger {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 50;
  display: none;
}
html body.body .triggered {
  z-index: 51;
}
html body.body .icons-set {
  background-image: url(../../images/icons-set.jpg);
  width: 34px;
  height: 34px;
  line-height: 34px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
html body.body .icons-set.green {
  background-position: 0 34px;
}
html body.body .icons-setXS {
  background-image: url(../../images/icons-setXS.jpg);
  width: 24px;
  height: 24px;
  line-height: 24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body .icons-setXS.green {
  background-position: 0 24px;
}
html body.body .fit {
  font-size: 0;
}
html body.body .fit >* {
  font-size: 12px;
}
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-family: 'Muli', sans-serif;
  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,164,185,0.5);
  color: #fff;
}
html body.body ul.pagination li.active span {
  background: #F9C126;
  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: #00a4b9;
}
html body.body #errors {
  position: relative;
  background: rgba(194,29,4,0.9);
  border: 1px solid rgba(194,29,4,0.95);
  margin: 0px 0 10px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-family: 'Muli', sans-serif;
  font-style: normal;
}
html body.body #errors:before {
  content: "\f071";
  font-family: 'FontAwesome';
  position: absolute;
  left: 12px;
  top: 2px;
  font-size: 2em;
  color: #fc7763;
}
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-family: 'Muli', sans-serif;
  font-style: normal;
}
html body.body .tabs-container .tabs-header .tabs-header_link {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
}
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: #fafafa;
  border-bottom-color: transparent;
  margin-bottom: 0px;
  border-bottom: 1px solid #fafafa;
  -webkit-box-shadow: inset 0 -1px 4px rgba(0,0,0,0);
  -moz-box-shadow: inset 0 -1px 4px rgba(0,0,0,0);
  box-shadow: inset 0 -1px 4px rgba(0,0,0,0);
}
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;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}
html body.body .tabs-container .tabs-header ul li a {
  display: inline-block;
  vertical-align: middle;
  float: none;
  line-height: 1;
  background: rgba(249,193,38,0.25);
  border-color: #ddd;
  padding: 12px 16px;
  border: 1px solid rgba(200,200,200,0.75);
  color: #00606d;
  -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(249,193,38,0.45);
}
html body.body .tabs-container .tabs-header ul li form {
  margin: 0;
}
html body.body .tabs-container .tabs-content {
  background: #f5f5f5;
  padding: 20px 20px;
}
html body.body .tabs-container .tabs-content form {
  display: block;
}
html body.body .tabs-container .tabs-content form input[type="password"],
html body.body .tabs-container .tabs-content form input[type="text"] {
  background: #e5e5e5;
}
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 .tabs-container.tabs-vert .tabs-content .tabs-content_item {
  display: none;
}
html body.body .tabs-container.tabs-vert .tabs-content .tabs-content_item.current {
  display: block;
}
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 #F9C126;
}
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 #F9C126;
}
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-family: 'Muli', sans-serif;
  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: #F9C126;
  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: left;
  float: none;
  top: 100px;
  right: 0;
  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:hover .box {
  opacity: 1;
}
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 #right_dynamic_menu .box {
  opacity: 0;
  background: #003d64;
  margin-top: -4px;
  padding: 10px;
}
html body.body #right_dynamic_menu .box ul {
  width: 186px;
  margin: 0 0 -10px;
  padding: 0;
}
html body.body #right_dynamic_menu .box ul li {
  list-style-type: none;
  padding-bottom: 6px;
  margin-bottom: 6px;
  border-bottom: 1px solid #00568d;
  clear: both;
  display: block;
}
html body.body #right_dynamic_menu .box ul li:last-of-type {
  border: 0;
}
html body.body #right_dynamic_menu .box ul li:nth-child(2) .icons-set {
  background-position: -34px 0;
}
html body.body #right_dynamic_menu .box ul li:nth-child(3) .icons-set {
  background-position: -68px 0;
}
html body.body #right_dynamic_menu .box ul li:nth-child(4) .icons-set {
  background-position: -102px 0;
}
html body.body #right_dynamic_menu .box ul li:nth-child(5) .icons-set {
  background-position: -136px 0;
}
html body.body #right_dynamic_menu .box ul li:nth-child(6) .icons-set {
  background-position: -170px 0;
}
// html body.body #right_dynamic_menu .box ul li:last-child .icons-set {
//   background-position: -204px 0;
// }
html body.body #right_dynamic_menu .box ul li .icons-set {
  float: left;
  margin-right: 10px;
}
html body.body #right_dynamic_menu .box ul li a {
  display: block;
  font-size: 1.125em;
  line-height: 1.25;
  min-height: 40px;
  font-family: 'Cantarell', sans-serif;
  font-style: normal;
}
html body.body #right_dynamic_menu .box ul li a:hover {
  color: #fff;
}
html body.body #ui-datepicker-div {
  margin-top: -1px;
  background: rgba(255,253,227,0.85);
  border: 1px solid #fff897;
  padding: 0;
  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;
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
html body.body #ui-datepicker-div .ui-datepicker-header .ui-corner-all {
  margin-top: 10px;
}
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;
  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 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: #00A4B9;
}
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: #F9C126;
  font-weight: normal;
  color: #fff;
}
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 .cke {
  background: none;
  border: 0;
  box-shadow: none;
  display: inline-block;
  border: 1px solid #ddd;
  max-width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid rgba(249,193,38,0.5);
}
html body.body .cke .cke_inner {
  min-width: 100%;
}
html body.body .cke .cke_top {
  background: rgba(249,193,38,0.5);
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(249,193,38,0.6)),color-stop(1,rgba(249,193,38,0.4)));
  background: -ms-linear-gradient(bottom,rgba(249,193,38,0.6),rgba(249,193,38,0.4));
  background: -moz-linear-gradient(center bottom,rgba(249,193,38,0.6) 0%,rgba(249,193,38,0.4) 100%);
  background: -o-linear-gradient(rgba(249,193,38,0.4),rgba(249,193,38,0.6));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(249,193,38,0.4)', endColorstr='rgba(249,193,38,0.6)', GradientType=0);
  box-shadow: none;
  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: #F9C126;
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
  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 {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.4);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.4);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.4);
  background: #FFFDE3;
}
html body.body .cke .cke_bottom {
  border-top: 0;
  background: rgba(249,193,38,0.5);
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(249,193,38,0.6)),color-stop(1,rgba(249,193,38,0.4)));
  background: -ms-linear-gradient(bottom,rgba(249,193,38,0.6),rgba(249,193,38,0.4));
  background: -moz-linear-gradient(center bottom,rgba(249,193,38,0.6) 0%,rgba(249,193,38,0.4) 100%);
  background: -o-linear-gradient(rgba(249,193,38,0.4),rgba(249,193,38,0.6));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(249,193,38,0.4)', endColorstr='rgba(249,193,38,0.6)', GradientType=0);
  box-shadow: none;
}
html body.body .cke a.cke_button {
  height: auto;
}
html body.body #contact-form {
  width: 100%;
  background: rgba(255,255,255,0.9);
  padding: 15px;
  -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;
  box-shadow: 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 #content > img {
  padding-top: 10px;
}
html body.body #content > img~ h1 {
  padding-top: 15px;
}
html body.body #content iframe[src="/media/interactive/content/01/emotion-and-triggers/index.html"] {
  margin-left: -62px !important;
}
html body.body #content iframe[src="/media/interactive/content/01/attitude/index.html"] {
  margin-left: 0px;
}
html body.body #content iframe[src="http://getready.fedcap.org/media/interactive/content/03/listening/index.html"] {
  margin-left: -152px;
}
html body.body #content iframe[src="/media/interactive/content/05/satfaqs/index.html"] {
  margin-left: -22px;
}
html body.body #content iframe[src="/media/interactive/content/05/whattobring/index.html"] {
  margin-left: -15px;
}
html body.body #content iframe[src="/media/interactive/content/04/resume/index.html"] {
  margin-left: 0px !important;
}
html body.body #content iframe[src="/media/interactive/content/05/essayideas/index.html"] {
  margin-bottom: 15px;
}
html body.body .cbg {
  background: url("/images/cbg3.png") no-repeat scroll 100% 100%;
  height: 217px;
  margin: 0 -40px -10px -20px;
}
html body.body .cbg #cbg1 {
  background: url("/sites/all/themes/sky1/images/pimg/1-Self- Awareness.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 145px 0 0 220px;
  position: absolute;
}
html body.body .cbg #cbg1:hover {
  background: url("/sites/all/themes/sky1/images/pimg/1-H-Self- Awareness.png") no-repeat;
}
html body.body .cbg #cbg2 {
  background: url("/sites/all/themes/sky1/images/pimg/1-How Do You Make  Decisions.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 60px 0 0 560px;
  position: absolute;
}
html body.body .cbg #cbg2:hover {
  background: url("/sites/all/themes/sky1/images/pimg/1-H-How Do You Make  Decisions.png") no-repeat;
}
html body.body .cbg #cbg2-1 {
  background: url("/sites/all/themes/sky2/images/pimg/2-The WRC Tests.png") no-repeat;
  height: 68px;
  width: 113px;
  margin: 145px 0 0 220px;
  position: absolute;
}
html body.body .cbg #cbg2-1:hover {
  background: url("/sites/all/themes/sky2/images/pimg/2-H-The WRC Tests.png") no-repeat;
}
html body.body .cbg #cbg2-2 {
  background: url("/sites/all/themes/sky2/images/pimg/2-Which Skills are Tested.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 75px 0 0 565px;
  position: absolute;
}
html body.body .cbg #cbg2-2:hover {
  background: url("/sites/all/themes/sky2/images/pimg/2-H-Which Skills are Tested.png") no-repeat;
}
html body.body .cbg #cbg2-3 {
  background: url("/sites/all/themes/sky2/images/pimg/2-Pre-Assessment of Work Readiness Skills.png") no-repeat;
  height: 78px;
  width: 176px;
  margin: 5px 0 0 325px;
  position: absolute;
}
html body.body .cbg #cbg2-3:hover {
  background: url("/sites/all/themes/sky2/images/pimg/2-H-Pre-Assessment of Work Readiness Skills.png") no-repeat;
}
html body.body .cbg #cbg2-4 {
  background: url("/sites/all/themes/sky2/images/pimg/2-What is the Work Readiness Credential.png") no-repeat;
  height: 68px;
  width: 113px;
  margin: 87px 0 0 445px;
  position: absolute;
}
html body.body .cbg #cbg2-4:hover {
  background: url("/sites/all/themes/sky2/images/pimg/2-H-What is the Work Readiness Credential.png") no-repeat;
}
html body.body .cbg #cbg2-5 {
  background: url("/sites/all/themes/sky2/images/pimg/2-Why should I take the WRC Tests.png") no-repeat;
  height: 68px;
  width: 113px;
  margin: -75px 0 0 550px;
  position: absolute;
}
html body.body .cbg #cbg2-5:hover {
  background: url("/sites/all/themes/sky2/images/pimg/2-H-Why should I take the WRC Tests.png") no-repeat;
}
html body.body .cbg #cbg3 {
  background: url("/sites/all/themes/sky1/images/pimg/1-Emotional Triggers and Situations.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 40px 0 0 330px;
  position: absolute;
}
html body.body .cbg #cbg3:hover {
  background: url("/sites/all/themes/sky1/images/pimg/1-H-Emotional Triggers and Situations.png") no-repeat;
}
html body.body .cbg #cbg3-1 {
  background: url("/sites/all/themes/sky3/images/pimg/3-Active Listening.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 145px 0 0 220px;
  position: absolute;
}
html body.body .cbg #cbg3-1:hover {
  background: url("/sites/all/themes/sky3/images/pimg/3-H-Active Listening.png") no-repeat;
}
html body.body .cbg #cbg3-2 {
  background: url("/sites/all/themes/sky3/images/pimg/3-Conflict  Resolution.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 60px 0 0 560px;
  position: absolute;
}
html body.body .cbg #cbg3-2:hover {
  background: url("/sites/all/themes/sky3/images/pimg/3-H-Conflict  Resolution.png") no-repeat;
}
html body.body .cbg #cbg3-3 {
  background: url("/sites/all/themes/sky3/images/pimg/3-Problem Solving.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 40px 0 0 330px;
  position: absolute;
}
html body.body .cbg #cbg3-3:hover {
  background: url("/sites/all/themes/sky3/images/pimg/3-H-Problem Solving.png") no-repeat;
}
html body.body .cbg #cbg3-4 {
  background: url("/sites/all/themes/sky3/images/pimg/3-Receiving Feedback.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 87px 0 0 460px;
  position: absolute;
}
html body.body .cbg #cbg3-4:hover {
  background: url("/sites/all/themes/sky3/images/pimg/3-H-Receiving Feedback.png") no-repeat;
}
html body.body .cbg #cbg3-5 {
  background: url("/sites/all/themes/sky3/images/pimg/3-Time Management.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: -80px 0 0 485px;
  position: absolute;
}
html body.body .cbg #cbg3-5:hover {
  background: url("/sites/all/themes/sky3/images/pimg/3-H-Time Management.png") no-repeat;
}
html body.body .cbg #cbg4 {
  background: url("/sites/all/themes/sky1/images/pimg/1-Define Your Values.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 85px 0 0 460px;
  position: absolute;
}
html body.body .cbg #cbg4:hover {
  background: url("/sites/all/themes/sky1/images/pimg/1-H-Define Your Values.png") no-repeat;
}
html body.body .cbg #cbg4-1 {
  background: url("/sites/all/themes/sky4/images/pimg/Module4-signs_14.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 140px 0 0 250px;
  position: absolute;
}
html body.body .cbg #cbg4-1:hover {
  background: url("/sites/all/themes/sky4/images/pimg/hover_Module4-signs_14.png") no-repeat;
}
html body.body .cbg #cbg4-2 {
  background: url("/sites/all/themes/sky4/images/pimg/Module4-signs_06.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 55px 0 0 560px;
  position: absolute;
}
html body.body .cbg #cbg4-2:hover {
  background: url("/sites/all/themes/sky4/images/pimg/hover_Module4-signs_06.png") no-repeat;
}
html body.body .cbg #cbg4-3 {
  background: url("/sites/all/themes/sky4/images/pimg/Module4-signs_10.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 35px 0 0 360px;
  position: absolute;
}
html body.body .cbg #cbg4-3:hover {
  background: url("/sites/all/themes/sky4/images/pimg/hover_Module4-signs_10.png") no-repeat;
}
html body.body .cbg #cbg4-4 {
  background: url("/sites/all/themes/sky4/images/pimg/Module4-signs_16.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 82px 0 0 460px;
  position: absolute;
}
html body.body .cbg #cbg4-4:hover {
  background: url("/sites/all/themes/sky4/images/pimg/hover_Module4-signs_17.png") no-repeat;
}
html body.body .cbg #cbg4-5 {
  background: url("/sites/all/themes/sky4/images/pimg/Module4-signs_03.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: -80px 0 0 485px;
  position: absolute;
}
html body.body .cbg #cbg4-5:hover {
  background: url("/sites/all/themes/sky4/images/pimg/hover_Module4-signs_03.png") no-repeat;
}
html body.body .cbg #cbg5 {
  background: url("/sites/all/themes/sky1/images/pimg/1-Your Attitude is Showing.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: -75px 0 0 485px;
  position: absolute;
}
html body.body .cbg #cbg5:hover {
  background: url("/sites/all/themes/sky1/images/pimg/1-H-Your Attitude is Showing.png") no-repeat;
}
html body.body .cbg #cbg5-1 {
  background: url("/sites/all/themes/sky5/images/pimg/5-Step by Step Guide to  College.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 75px 0 0 355px;
  position: absolute;
}
html body.body .cbg #cbg5-1:hover {
  background: url("/sites/all/themes/sky5/images/pimg/5-H-Step by Step Guide to  College.png") no-repeat;
}
html body.body .cbg #cbg5-2 {
  background: url("/sites/all/themes/sky5/images/pimg/5-Career Exploration.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 120px 0 0 490px;
  position: absolute;
}
html body.body .cbg #cbg5-2:hover {
  background: url("/sites/all/themes/sky5/images/pimg/5-H-Career Exploration.png") no-repeat;
}
html body.body .cbg #cbg5-3 {
  background: url("/sites/all/themes/sky5/images/pimg/5-Having the Proper Identification.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: -40px 0 0 555px;
  position: absolute;
}
html body.body .cbg #cbg5-3:hover {
  background: url("/sites/all/themes/sky5/images/pimg/5-H-Having the Proper Identification.png") no-repeat;
}
html body.body .cbg #cbg6-1 {
  background: url("/sites/all/themes/sky6/images/pimg/6-Starting Conversations.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 145px 0 0 250px;
  position: absolute;
}
html body.body .cbg #cbg6-1:hover {
  background: url("/sites/all/themes/sky6/images/pimg/6-H-Starting Conversations.png") no-repeat;
}
html body.body .cbg #cbg6-2 {
  background: url("/sites/all/themes/sky6/images/pimg/6-How to Network.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 99px 0 0 520px;
  position: absolute;
}
html body.body .cbg #cbg6-2:hover {
  background: url("/sites/all/themes/sky6/images/pimg/6-H-How to Network.png") no-repeat;
}
html body.body .cbg #cbg6-3 {
  background: url("/sites/all/themes/sky6/images/pimg/6-Find Someone to Mentor You.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 35px 0 0 380px;
  position: absolute;
}
html body.body .cbg #cbg6-3:hover {
  background: url("/sites/all/themes/sky6/images/pimg/6-H-Find Someone to Mentor You.png") no-repeat;
}
html body.body .cbg #cbg6-4 {
  background: url("/sites/all/themes/sky6/images/pimg/6-Permanency Pacts.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: -60px 0 0 520px;
  position: absolute;
}
html body.body .cbg #cbg6-4:hover {
  background: url("/sites/all/themes/sky6/images/pimg/6-H-Permanency Pacts.png") no-repeat;
}
html body.body .cbg #cbg7-1 {
  background: url("/sites/all/themes/sky7/resilience-blueprint.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: -10px 0 0 550px;
  position: absolute;
}
html body.body .cbg #cbg7-1:hover {
  background: url("/sites/all/themes/sky7/resilience-blueprint-hover.png") no-repeat;
}
html body.body .cbg #cbg7-2 {
  background: url("/sites/all/themes/sky7/7-cs.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 65px 0 0 400px;
  position: absolute;
}
html body.body .cbg #cbg7-2:hover {
  background: url("/sites/all/themes/sky7/7-cs-hover.png") no-repeat;
}
html body.body .cbg #cbg7-3 {
  background: url("/sites/all/themes/sky7/resilience-muscles.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 65px 0 0 560px;
  position: absolute;
}
html body.body .cbg #cbg7-3:hover {
  background: url("/sites/all/themes/sky7/resilience-muscles-hover.png") no-repeat;
}
html body.body .cbg #cbg7-4 {
  background: url("/sites/all/themes/sky7/resilience-facts.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 120px 0 0 520px;
  position: absolute;
}
html body.body .cbg #cbg7-4:hover {
  background: url("/sites/all/themes/sky7/resilience-facts-hover.png") no-repeat;
}
html body.body .cbg #cbg7-5 {
  background: url("/sites/all/themes/sky7/recognizing-resilience.png") no-repeat;
  height: 68px;
  width: 96px;
  margin: 100px 0 0 320px;
  position: absolute;
}
html body.body .cbg #cbg7-5:hover {
  background: url("/sites/all/themes/sky7/recognizing-resilience-hover.png") no-repeat;
}
html body.body .EDGE-3023705 {
  background: none;
  background-repeat: repeat;
  overflow: scroll;
  background-position: 0 0 transparent;
}
html body.body #admin-menu {
  position: fixed;
  z-index: 500;
  display: block;
  background: #445a63;
  width: 100%;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
  box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
html body.body #admin-menu~#header {
  padding-top: 26px;
}
html body.body #admin-menu >ul {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 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: #008061;
  -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: #008061;
}
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: #F9C126;
}
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;
  -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
}
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: #008061;
}
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: #F9C126;
}
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 >.container.body {
  border: 10px solid #002740;
  background: #9CCAB8;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
html body.body #header #logo {
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding-top: 20px;
}
html body.body #header #logo.vat {
  vertical-align: top;
}
html body.body #header .search {
  float: right;
  padding-top: 25px;
}
html body.body #header .search form {
  margin: 10px 5px;
  position: relative;
}
html body.body #header .search form .fa {
  position: absolute;
  left: 10px;
  top: 10px;
}
html body.body #header .search form .fa~input[type="text"] {
  padding-left: 30px;
}
html body.body #header .search form input[type="text"] {
  width: 200px;
  height: 31px;
}
html body.body #header .search form .button {
  margin-left: -15px;
}
html body.body #menu {
  position: relative;
  z-index: 5;
  display: block;
  width: 980px;
  background: #008061;
  margin: 10px -20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #menu >ul {
  display: block;
  padding: 0;
  margin: 0 0 0 20px;
}
html body.body #menu >ul >li {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html body.body #menu >ul >li.vat {
  vertical-align: top;
}
html body.body #menu >ul >li.last {
  float: right;
  margin-right: 10px;
}
html body.body #menu >ul >li a {
  display: block;
  padding: 8px 16px;
  margin: 10px 0;
  line-height: 1.2;
  font-size: 1.5em;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Signika', sans-serif;
  font-style: normal;
}
html body.body #menu >ul >li a:hover {
  color: #00A4B9;
}
html body.body #slideshow {
  position: relative;
  height: 329px;
  z-index: 1;
  margin: -67px 0 0;
  display: block;
}
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: 72px;
  left: 20%;
  max-width: 700px;
  color: rgba(255,255,255,0.75);
  color: rgba(89,117,129,0.95);
  text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
}
html body.body #slideshow .slide .tac {
  position: absolute;
  top: 310px;
  width: 100%;
  left: 0;
}
html body.body #slideshow .slide .tac a {
  font-size: 1.5em;
}
html body.body #slideshow .slideshow-circles {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0;
  padding: 5px 0 10px;
  background: #002740;
  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;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  -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: #F9C126;
  -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-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  -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: #F9C126;
  cursor: pointer;
  border-color: #F9C126;
  -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 #main-content {
  margin: 0px 10px 10px;
  border: 5px solid #9CCAB8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #main-content.home {
  border: 0;
  margin: 0 0 0px;
}
html body.body #main-content.home .container #content {
  max-width: 100%;
  padding: 0;
}
html body.body #main-content .container {
  margin: 0px auto;
  padding: 0;
  background: none;
  font-size: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #main-content .container >* {
  font-size: 12px;
}
html body.body #main-content .container h1,
html body.body #main-content .container h2 {
  color: #555;
  padding-bottom: 15px;
  font-family: 'Signika', sans-serif;
  font-style: normal;
}
html body.body #main-content .container .breadcrumb {
  background: none;
  border: 0;
  box-shadow: none;
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
}
html body.body #main-content .container #messages {
  padding-left: 40px;
  position: relative;
  background: #4dffd4;
  border: 1px solid #1affc8;
  color: #008061;
}
html body.body #main-content .container #messages .fa {
  position: absolute;
  left: 10px;
  top: 4px;
  font-size: 2em;
  color: rgba(0,128,97,0.8);
}
html body.body #main-content .container #course-header {
  padding-bottom: 10px;
}
html body.body #main-content .container #content {
  font-size: 14px;
  padding: 10px 15px;
  max-width: 920px;
  background: #fff;
  min-height: 365px;
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
  box-shadow: 0 0 2px rgba(0,0,0,0.1);
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html body.body #main-content .container #content >.buttoned {
  position: absolute;
  top: 20px;
  right: 40px;
}
html body.body #main-content .container #content >.buttoned a {
  padding: 2px 5px;
}
html body.body #main-content .container #content #modules {
  background: url(/images/fp-bg.jpg);
  margin: 0;
  padding: 30px 40px;
  height: 714px;
  position: relative;
}
html body.body #main-content .container #content #modules ul {
  display: block;
  position: relative;
  height: 100%;
  margin: 0;
}
html body.body #main-content .container #content #modules ul li {
  position: absolute;
}
html body.body #main-content .container #content #modules ul li:hover a.hover {
  opacity: 1;
}
html body.body #main-content .container #content #modules ul li:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 20px;
  width: 20px;
  height: 20px;
  background: #000;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #996847;
  background: -moz-linear-gradient(left,#996847 0%,#704325 100%);
  background: -webkit-linear-gradient(left,#996847 0%,#704325 100%);
  background: linear-gradient(to right,#996847 0%,#704325 100%);
}
html body.body #main-content .container #content #modules ul li:after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 20px;
  width: 20px;
  height: 20px;
  background: #000;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #996847;
  background: -moz-linear-gradient(left,#996847 0%,#704325 100%);
  background: -webkit-linear-gradient(left,#996847 0%,#704325 100%);
  background: linear-gradient(to right,#996847 0%,#704325 100%);
}
html body.body #main-content .container #content #modules ul li:nth-child(1) {
  left: 100px;
  bottom: 15px;
}
html body.body #main-content .container #content #modules ul li:nth-child(1) a {
  background: #008061;
}
html body.body #main-content .container #content #modules ul li:nth-child(1) a span[id^="module"] {
  background: url(/images/blocks.jpg) center left no-repeat;
  background-position: -1195px 0;
}
html body.body #main-content .container #content #modules ul li:nth-child(2) {
  right: -10px;
  bottom: 185px;
}
html body.body #main-content .container #content #modules ul li:nth-child(2) a {
  background: #E57726;
}
html body.body #main-content .container #content #modules ul li:nth-child(2) a span[id^="module"] {
  background: url(/images/blocks.jpg) center left no-repeat;
  background-position: -956px 0;
}
html body.body #main-content .container #content #modules ul li:nth-child(2) a .name {
  font-size: 1.2rem;
}
html body.body #main-content .container #content #modules ul li:nth-child(3) {
  right: 300px;//260px;
  bottom: 245px;//225px;
}
html body.body #main-content .container #content #modules ul li:nth-child(3) a {
  background: #38237A;
}
html body.body #main-content .container #content #modules ul li:nth-child(3) a span[id^="module"] {
  background: url(/images/blocks.jpg) center left no-repeat;
  background-position: -717px 0;
}
html body.body #main-content .container #content #modules ul li:nth-child(4) {
  left: 0px;
  bottom: 340px;
}
html body.body #main-content .container #content #modules ul li:nth-child(4) a {
  background: #F9C126;
}
html body.body #main-content .container #content #modules ul li:nth-child(4) a span[id^="module"] {
  background: url(/images/blocks.jpg) center left no-repeat;
  background-position: 0px 0;
}
html body.body #main-content .container #content #modules ul li:nth-child(5) {
  right: -10px;
  top: 16px;
}
html body.body #main-content .container #content #modules ul li:nth-child(5) a {
  background: #C21D04;
}
html body.body #main-content .container #content #modules ul li:nth-child(5) a span[id^="module"] {
  background: url(/images/blocks.jpg) center left no-repeat;
  background-position: -478px 0;
}
html body.body #main-content .container #content #modules ul li:nth-child(6) {
  left: 255px;//335px;
  top: 10px;//90px;
}
html body.body #main-content .container #content #modules ul li:nth-child(6) a {
  background: #00A4B9;
}
html body.body #main-content .container #content #modules ul li:nth-child(6) a span[id^="module"] {
  background: url(/images/blocks.jpg) center left no-repeat;
  background-position: -239px 0;
}
html body.body #main-content .container #content #modules ul li:nth-child(7) {
  left: 50px;
  top: 0px;
}
html body.body #main-content .container #content #modules ul li:nth-child(7) a {
  background: #1773c0;
}
html body.body #main-content .container #content #modules ul li:nth-child(7) a span[id^="module"] {
  background: url(/images/blocks.jpg) center left no-repeat;
  background-position: -1434px 0;
}
html body.body #main-content .container #content #modules ul li a {
  display: block;
  width: 249px;
  height: 146px;
  padding-top: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  z-index: 2;
}
html body.body #main-content .container #content #modules ul li a span.name {
  width: 100%;
  text-align: right;
  position: absolute;
  bottom: 6px;
  left: 0px;
  padding: 0 10px;
  color: #fff;
  line-height: 1;
  font-size: 1.5rem;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
html body.body #main-content .container #content #modules ul li a span[id^="module"] {
  position: relative;
  width: 239px;
  overflow: hidden;
  height: 116px;
  display: block;
  margin: 0 5px;
  color: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
html body.body #main-content .container #content #modules ul li a.hover {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(0,0,0,0.6);
  width: 239px;
  height: 116px;
  padding: 12px 16px;
  margin: 5px;
  color: #fff;
  font-size: 1em;
  line-height: 1.3;
  font-style: italic;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  z-index: 3;
  opacity: 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 #courses {
  font-size: 0;
}
html body.body #main-content .container #content #courses >* {
  font-size: 14px;
}
html body.body #main-content .container #content #courses .course {
  width: 33.3%;
  display: inline-block;
  vertical-align: top;
  float: none;
}
html body.body #main-content .container #content #courses .course:nth-child(2) .icons-setXS {
  background-position: -24px 0;
}
html body.body #main-content .container #content #courses .course:nth-child(3) .icons-setXS {
  background-position: -48px 0;
}
html body.body #main-content .container #content #courses .course:nth-child(4) .icons-setXS {
  background-position: -72px 0;
}
html body.body #main-content .container #content #courses .course:nth-child(5) .icons-setXS {
  background-position: -96px 0;
}
html body.body #main-content .container #content #courses .course:nth-child(6) .icons-setXS {
  background-position: -120px 0;
}
// html body.body #main-content .container #content #courses .course:last-child .icons-setXS {
//   background-position: -144px 0;
// }
html body.body #main-content .container #content #courses .course h4 {
  font-size: 1.125em;
}
html body.body #main-content .container #content #courses .course h4 .icons-setXS {
  float: left;
  margin-right: 10px;
}
html body.body #main-content .container #content #courses .course h4 .name {
  display: block;
  min-height: 40px;
  line-height: 1.2;
}
html body.body #main-content .container #content #courses .course >ul {
  margin: 5px 0 30px 35px;
  padding: 0;
  list-style-type: none;
  font-size: 1.25rem;
}
html body.body #main-content .container #content #courses .course >ul >li a {
  line-height: 1.2;
  display: block;
  padding: 0px 0 0;
}
html body.body #main-content .container #content #courses .course >ul >li ul {
  padding-left: 16px;
  margin: 0 0 10px;
}
html body.body #main-content .container #content #courses .course >ul >li ul:empty {
  display: none;
}
html body.body #main-content .container #content #courses .course >ul >li ul li {
  list-style-type: disc;
  line-height: 1;
}
html body.body #main-content .container #content iframe {
  overflow: hidden;
}
html body.body #main-content .container #sidebar {
  padding: 0 0 0 10px;
  font-family: 'Cantarell', sans-serif;
  font-style: normal;
}
html body.body #main-content .container #sidebar >div {
  background: #fff;
  padding: 16px 15px 20px;
  margin-bottom: 10px;
  position: relative;
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
  box-shadow: 0 0 2px rgba(0,0,0,0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
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);
  text-shadow: none;
  font-size: 1.5rem;
}
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.menu,
html body.body #main-content .container #sidebar >div ol.menu {
  padding: 0;
  margin: 0 0px;
}
html body.body #main-content .container #sidebar >div ul.menu >li,
html body.body #main-content .container #sidebar >div ol.menu >li {
  display: block;
  position: relative;
}
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.current > a,
html body.body #main-content .container #sidebar >div ol.menu >li.current > a {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  background: rgba(0,128,97,0.8);
}
html body.body #main-content .container #sidebar >div ul.menu >li >.fa,
html body.body #main-content .container #sidebar >div ol.menu >li >.fa {
  position: absolute;
  padding: 6px;
  right: -6px;
  top: 6px;
  z-index: 10;
  font-size: 1rem;
  color: #F9C126;
  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 >.fa:hover,
html body.body #main-content .container #sidebar >div ol.menu >li >.fa:hover {
  color: #f8ba0d;
  cursor: pointer;
}
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: 8px 24px 8px 12px;
  margin: 0 -12px;
  font-size: 1.125em;
  line-height: 1.2;
  position: relative;
  background: none;
  margin-bottom: 4px;
  color: #555;
  background: #fff;
  z-index: 2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: 'Muli', sans-serif;
  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;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  background: rgba(0,128,97,0.8);
}
html body.body #main-content .container #sidebar >div ul.menu >li >ul,
html body.body #main-content .container #sidebar >div ol.menu >li >ul {
  position: relative;
  padding-left: 0px;
  margin: 0px 0 8px;
  display: block;
  z-index: 1;
  display: none;
}
html body.body #main-content .container #sidebar >div ul.menu >li >ul:empty,
html body.body #main-content .container #sidebar >div ol.menu >li >ul:empty {
  display: none !important;
}
html body.body #main-content .container #sidebar >div ul.menu >li >ul >li,
html body.body #main-content .container #sidebar >div ol.menu >li >ul >li {
  list-style-type: disc !important;
  display: block;
}
html body.body #main-content .container #sidebar >div ul.menu >li >ul >li.current a,
html body.body #main-content .container #sidebar >div ol.menu >li >ul >li.current a {
  background: none;
  color: #009a74;
  font-weight: bold;
}
html body.body #main-content .container #sidebar >div ul.menu >li >ul >li a,
html body.body #main-content .container #sidebar >div ol.menu >li >ul >li a {
  font-size: 1em;
  border: 0;
  margin: 0 0 5px;
  padding: 4px 8px 4px 14px;
  background: none;
  box-shadow: none;
}
html body.body #main-content .container #sidebar >div ul.menu >li >ul >li a:before,
html body.body #main-content .container #sidebar >div ol.menu >li >ul >li a:before {
  content: "- ";
}
html body.body #main-content .container #sidebar .content {
  margin: 0;
  padding: 0 10px;
}
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,164,185,0.3);
  border: 1px solid rgba(0,164,185,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;
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
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: #008061;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  -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-size: 1.125em;
  font-family: 'Muli', sans-serif;
  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: #008061;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  -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: #F9C126;
}
html body.body #footer {
  background: #eee;
  position: relative;
  margin: 30px auto 30px;
  background: none;
  text-align: center;
}
html body.body #footer ul {
  display: block;
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
}
html body.body #footer ul li {
  display: inline-block;
  vertical-align: middle;
  float: none;
  border-right: 1px solid rgba(255,255,255,0.2);
}
html body.body #footer ul li.vat {
  vertical-align: top;
}
html body.body #footer ul li:last-of-type {
  border: 0;
}
html body.body #footer ul li a {
  font-family: 'Muli', sans-serif;
  font-style: normal;
  font-size: 1.25em;
  padding: 8px 12px;
}
html body.body #footer .copyright {
  color: #aaa;
}
@media only screen and (max-width: 992px) {
  html body.body #header .search form input[type="text"] {
    width: 120px;
  }
  html body.body #menu {
    width: 100%;
    margin: 10px 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  html body.body #slideshow {
    height: auto;
    margin: 0px 0 0px;
    position: relative;
  }
  html body.body #slideshow .slide {
    display: none;
    position: relative !important;
    height: auto;
  }
  html body.body #slideshow .slide.active {
    display: block;
  }
  html body.body #slideshow .slide.active img {
    display: block;
    position: relative;
  }
  html body.body #slideshow .slide img {
    margin-top: 0px;
    height: auto;
  }
  html body.body #slideshow .slideshow-circles {
    position: relative;
  }
  html body.body #main-content .container #content {
    overflow: scroll;
    width: 100%;
  }
  html body.body #main-content .container #content .tabs-container {
    width: 100%;
  }
  html body.body #main-content .container #content #modules {
    background-size: 100% 100%;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(1) {
    left: 5%;
    bottom: 2%;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(2) {
    right: 0%;
    bottom: 32%;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(3) {
    right: 35%;
    bottom: 32%;
    z-index: 2;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(4) {
    left: 0%;
    bottom: 40%;
    z-index: 1;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(5) {
    right: 0%;
    top: 2%;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(6) {
    left: 34%;
    top: 22%;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(7) {
    left: 2%;
    top: 2%;
  }
  html body.body #main-content .container #sidebar {
    width: 100%;
    padding: 0;
    margin: 10px 0 0;
  }
  html body.body #main-content .container #sidebar #course-menu {
    background: #eee;
  }
  html body.body #main-content .container #sidebar #course-menu ul li i.fa {
    right: 6px;
  }
  html body.body #main-content .container #sidebar #course-menu ul li a {
    margin: 4px 0;
  }
  html body.body #right_dynamic_menu {
    top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  html body.body #header #logo {
    max-width: 330px;
  }
  html body.body #slideshow {
    height: auto;
  }
  html body.body #slideshow .slide {
    position: relative;
  }
  html body.body #main-content .container #content #modules {
    height: 475px;
    background-size: 100% auto;
  }
  html body.body #main-content .container #content #modules ul li:before,
  html body.body #main-content .container #content #modules ul li:after {
    width: 12px;
    height: 12px;
    bottom: -12px;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(1) a span[id^="module"] {
    background-position: -600px 0;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(2) a span[id^="module"] {
    background-position: -480px 0;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(3) a span[id^="module"] {
    background-position: -360px 0;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(4) a span[id^="module"] {
    background-position: 0px 0;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(5) a span[id^="module"] {
    background-position: -240px 0;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(6) a span[id^="module"] {
    background-position: -120px 0;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(7) a span[id^="module"] {
    background-position: -720px 0;
  }
  html body.body #main-content .container #content #modules ul li a {
    width: 130px;
    height: 95px;
  }
  html body.body #main-content .container #content #modules ul li a span.name {
    font-size: 11px !important;
  }
  html body.body #main-content .container #content #modules ul li a span[id^="module"] {
    background: url(/images/blocks.jpg) center left no-repeat;
    background-size: 840px 58px !important;
    width: 120px;
    height: 58px;
  }
}
@media only screen and (max-width: 646px) {
  html body.body #admin-menu #admin-menu-account li.admin-menu-account {
    display: none;
  }
  html body.body #admin-menu #admin-menu-account li:last-child {
    height: auto;
    font-size: 0;
  }
  html body.body #admin-menu #admin-menu-account li:last-child a {
    width: 26px;
    overflow: hidden;
    margin-right: 5px;
    height: auto;
    padding: 0;
  }
  html body.body #admin-menu #admin-menu-account li:last-child a:before {
    display: block;
    height: auto;
    line-height: 1.7;
    font-size: 12px;
    content: "\f023";
    font-family: 'FontAwesome';
    padding: 3px 12px;
  }
  html body.body #header {
    text-align: center;
  }
  html body.body #header .header-inner>* {
    display: inline-block;
    float: none;
    padding-top: 10px;
  }
  html body.body #menu > ul {
    margin-left: 10px;
  }
  html body.body #menu > ul > li.last {
    margin: 0 5px 0 0;
    position: absolute;
    top: 0;
    right: 0;
  }
  html body.body #menu > ul > li.last a {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    font-size: 10px;
    padding: 5px 10px;
  }
  html body.body #slideshow {
    margin-top: -10px;
  }
  html body.body #slideshow .slide.active {
    display: block;
  }
  html body.body #main-content .container #content {
    min-height: 0;
    overflow: inherit;
  }
  html body.body #main-content .container #content #modules {
    overflow: hidden;
    height: 227px;
    background-size: 100% 100%;
    padding: 10px;
  }
  html body.body #main-content .container #content #modules ul li:before,
  html body.body #main-content .container #content #modules ul li:after {
    width: 8px;
    height: 8px;
    bottom: -8px;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(1) {
    left: 5%;
    bottom: 2%;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(1) a span[id^="module"] {
    background-position: -400px 0;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(2) {
    right: 0%;
    bottom: 28%;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(2) a span[id^="module"] {
    background-position: -320px 0;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(3) {
    right: 34%;
    bottom: 35%;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(3) a span[id^="module"] {
    background-position: -240px 0;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(4) a span[id^="module"] {
    background-position: 0px 0;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(5) {
    right: 0%;
    top: 0;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(5) a span[id^="module"] {
    background-position: -160px 0;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(6) {
    left: 34%;
    top: -3%;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(6) a span[id^="module"] {
    background-position: -80px 0;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(7) {
    left: 0%;
    top: -3%;
  }
  html body.body #main-content .container #content #modules ul li:nth-child(7) a span[id^="module"] {
    background-position: -480px 0;
  }
  html body.body #main-content .container #content #modules ul li a {
    width: 90px;
    height: 64px;
  }
  html body.body #main-content .container #content #modules ul li a.hover {
    width: 80px;
    height: 36px;
    font-size: 7px;
    display: none;
  }
  html body.body #main-content .container #content #modules ul li a span.name {
    font-size: 7px !important;
  }
  html body.body #main-content .container #content #modules ul li a span[id^="module"] {
    background: url(/images/blocks.jpg) center left no-repeat;
    background-size: 560px 40px !important;
    width: 80px;
    height: 36px;
  }
  html body.body #main-content .container #content #courses .course {
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-top: 20px;
  }
  html body.body #main-content .container #content #courses .course:last-of-type {
    border: 0;
  }
  html body.body #main-content .container #content .cbg {
    display: none;
  }
  html body.body #main-content .container #content .iframe-wrapper,
  html body.body #main-content .container #content .table-wrapper {
    position: relative;
    padding-bottom: 90%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  html body.body #main-content .container #content .iframe-wrapper::-webkit-scrollbar,
  html body.body #main-content .container #content .table-wrapper::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    background: #eee;
    border: 1px solid #ddd;
    transition: transform 1s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
  }
  html body.body #main-content .container #content .iframe-wrapper::-webkit-scrollbar-thumb,
  html body.body #main-content .container #content .table-wrapper::-webkit-scrollbar-thumb {
    background-color: #F9C126;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
    transition: transform 1s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
  }
  html body.body #main-content .container #content .iframe-wrapper iframe,
  html body.body #main-content .container #content .table-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
  }
}