/*set "unknown" elements to act as a div (for backwards compatibility), but doesnt work in IE 6, 7, 8. Need modernizr for that. 
If this rule is not set, some older browsers will render unknown elements to display inline. */
header,
section,
aside,
nav,
footer,
figure,
figcaption {
  display: block;
}
.basefontStyle {
  font-family: Verdana, Arial, sans-serif;
}
.secondfontStyle {
  font-family: 'Open Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: bold;
}
.tmp {
  width: 100px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  float: left;
}
.tmp.popupbg {
  background-color: #757575;
}
.tmp.grey0 {
  background-color: #4d4d4d;
}
.tmp.grey1 {
  background-color: #929292;
}
.tmp.grey2 {
  background-color: #aeaeae;
}
.tmp.grey3 {
  background-color: #c5c5c5;
}
.tmp.grey4 {
  background-color: #dedede;
}
.tmp.grey5 {
  background-color: #f0f0f0;
}
.tmp.yellow {
  background-color: #ffcb08;
}
.tmp.green {
  background-color: #8dc63f;
}
.tmp.orange {
  background-color: #f36f21;
}
.tmp.purple {
  background-color: #5c2e91;
}
.tmp.pink {
  background-color: #ed0281;
}
.tmp.red {
  background-color: #ed1c24;
}
/*--------------- GENERAL MIXINS ---------------*/
.mobile-nav-bg {
  background: #d0d0d0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZDBkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmIyYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d0d0), color-stop(100%, #b2b2b2));
  background: -webkit-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
  background: -o-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
  background: -ms-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
  background: linear-gradient(to bottom, #d0d0d0 0%, #b2b2b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#b2b2b2', GradientType=0);
}
.mobile-nav-bg-invert {
  background: #b2b2b2;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2b2b2), color-stop(100%, #d0d0d0));
  background: -webkit-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
  background: -o-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
  background: -ms-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
  background: linear-gradient(to bottom, #b2b2b2 0%, #d0d0d0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2', endColorstr='#d0d0d0', GradientType=0);
}
.border-box {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.strip-ul ul {
  margin: 0;
  padding: 0;
}
.strip-ul ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.strip-ol ol {
  margin: 0;
  padding: 0;
}
.strip-ol ol li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.inside-ul-strip {
  margin: 0;
  padding: 0;
}
.inside-ul-strip li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.strip-table {
  width: 100% !important;
  height: auto !important;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  border-spacing: 0px;
}
.strip-table th,
.strip-table td {
  padding: 0;
}
.strip-table th p,
.strip-table td p,
.strip-table th ul,
.strip-table td ul {
  margin-bottom: 0;
}
.strip-table tbody td,
.strip-table tbody tr {
  vertical-align: top;
}
.text-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cancel-text-overflow {
  text-overflow: initial;
  overflow: initial;
  white-space: normal;
}
.clear-after:after {
  display: block;
  content: '';
  clear: both;
}
/*============= BUTTONS =================*/
button,
.button,
*[type="submit"]:not(.button2),
*[type="reset"] {
  display: inline-block;
  line-height: 20px;
  padding: 0.4em 1em;
  margin: 0.6em 0;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  text-decoration: none;
  color: #4d4d4d !important;
  font-size: 12px;
  cursor: pointer;
  color: #4d4d4d;
  background: #aeaeae;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2) !important;
  background: #ffffff;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNGQ2ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #ffffff 0%, #d4d6d5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d4d6d5));
  background: -webkit-linear-gradient(top, #ffffff 0%, #d4d6d5 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #d4d6d5 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #d4d6d5 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #d4d6d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d4d6d5', GradientType=0);
}
button:hover,
.button:hover,
*[type="submit"]:not(.button2):hover,
*[type="reset"]:hover,
button:active,
.button:active,
*[type="submit"]:not(.button2):active,
*[type="reset"]:active {
  color: black;
}
button:hover,
.button:hover,
*[type="submit"]:not(.button2):hover,
*[type="reset"]:hover {
  color: #333 !important;
  background: #d4d6d5;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDZkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #d4d6d5 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d6d5), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #d4d6d5 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #d4d6d5 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #d4d6d5 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #d4d6d5 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d6d5', endColorstr='#ffffff', GradientType=0);
}
button.inline,
.button.inline,
*[type="submit"]:not(.button2).inline,
*[type="reset"].inline {
  display: inline-block;
  margin-left: 10px;
}
button.center,
.button.center,
*[type="submit"]:not(.button2).center,
*[type="reset"].center {
  max-width: 80px;
  text-align: center;
  margin: auto;
}
button.large,
.button.large,
*[type="submit"]:not(.button2).large,
*[type="reset"].large {
  font-size: 16.8px;
  line-height: 18px;
}
button > .link-arrow,
.button > .link-arrow,
*[type="submit"]:not(.button2) > .link-arrow,
*[type="reset"] > .link-arrow {
  background-position: 0px center ;
}
button .icon,
.button .icon,
*[type="submit"]:not(.button2) .icon,
*[type="reset"] .icon {
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
}
button .icon.right,
.button .icon.right,
*[type="submit"]:not(.button2) .icon.right,
*[type="reset"] .icon.right {
  margin-left: 10px;
}
button .icon.left,
.button .icon.left,
*[type="submit"]:not(.button2) .icon.left,
*[type="reset"] .icon.left {
  margin-right: 10px;
}
button .icon.lock,
.button .icon.lock,
*[type="submit"]:not(.button2) .icon.lock,
*[type="reset"] .icon.lock {
  background-image: url('/static/img/icons_logos/lock_2x.png?123beaad2662');
  background-size: 11px 16px;
}
button.icon-pdf,
.button.icon-pdf,
*[type="submit"]:not(.button2).icon-pdf,
*[type="reset"].icon-pdf,
button.icon-msword,
.button.icon-msword,
*[type="submit"]:not(.button2).icon-msword,
*[type="reset"].icon-msword,
button.icon-download,
.button.icon-download,
*[type="submit"]:not(.button2).icon-download,
*[type="reset"].icon-download {
  padding: 0.4em 1em 0.4em 10px;
  position: relative;
  text-indent: 20px;
}
button.icon-pdf > span,
.button.icon-pdf > span,
*[type="submit"]:not(.button2).icon-pdf > span,
*[type="reset"].icon-pdf > span,
button.icon-msword > span,
.button.icon-msword > span,
*[type="submit"]:not(.button2).icon-msword > span,
*[type="reset"].icon-msword > span,
button.icon-download > span,
.button.icon-download > span,
*[type="submit"]:not(.button2).icon-download > span,
*[type="reset"].icon-download > span {
  display: block;
  border-radius: 4px 4px;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px 4px;
  -ms-border-radius: 4px 4px;
  -o-border-radius: 4px 4px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 7px center;
  background-size: auto 15px;
}
button.icon-pdf > span,
.button.icon-pdf > span,
*[type="submit"]:not(.button2).icon-pdf > span,
*[type="reset"].icon-pdf > span {
  background-image: url('/static/img/icons_logos/optionspanel/icon_pdf_2x.png?76e49d6d4f29');
}
button.icon-msword > span,
.button.icon-msword > span,
*[type="submit"]:not(.button2).icon-msword > span,
*[type="reset"].icon-msword > span {
  background-image: url('/static/img/icons_logos/optionspanel/icon_msword_2x.png?767cfc418bad');
}
button.icon-download > span,
.button.icon-download > span,
*[type="submit"]:not(.button2).icon-download > span,
*[type="reset"].icon-download > span {
  background-image: url('/static/img/icons_logos/optionspanel/icon_download_2x.png?bc754bacd2b9');
}
.button2 {
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 0 !important;
  box-shadow: none;
  border: none;
  text-shadow: none;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  text-align: left;
  padding: 0 10px !important;
  border-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #4d4d4d !important;
  cursor: pointer;
  background: #FFCB08;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWJhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2ZmY2IwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iI2ZmY2IwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNzg5MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #ffebaa 0%, #ffcb08 24%, #ffcb08 78%, #a78933 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffebaa), color-stop(24%, #ffcb08), color-stop(78%, #ffcb08), color-stop(100%, #a78933));
  background: -webkit-linear-gradient(top, #ffebaa 0%, #ffcb08 24%, #ffcb08 78%, #a78933 100%);
  background: -o-linear-gradient(top, #ffebaa 0%, #ffcb08 24%, #ffcb08 78%, #a78933 100%);
  background: -ms-linear-gradient(top, #ffebaa 0%, #ffcb08 24%, #ffcb08 78%, #a78933 100%);
  background: linear-gradient(to bottom, #ffebaa 0%, #ffcb08 24%, #ffcb08 78%, #a78933 100%);
  behavior: url('/static/js/PIE.htc?3b8fed93f46e');
}
.button2:hover {
  color: black !important;
}
.button2:active,
.button2 .selected {
  background: #FFCB08;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWJhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2ZmY2IwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2ZmY2IwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNzg5MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #ffebaa 0%, #ffcb08 14%, #ffcb08 86%, #a78933 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffebaa), color-stop(14%, #ffcb08), color-stop(86%, #ffcb08), color-stop(100%, #a78933));
  background: -webkit-linear-gradient(top, #ffebaa 0%, #ffcb08 14%, #ffcb08 86%, #a78933 100%);
  background: -o-linear-gradient(top, #ffebaa 0%, #ffcb08 14%, #ffcb08 86%, #a78933 100%);
  background: -ms-linear-gradient(top, #ffebaa 0%, #ffcb08 14%, #ffcb08 86%, #a78933 100%);
  background: linear-gradient(to bottom, #ffebaa 0%, #ffcb08 14%, #ffcb08 86%, #a78933 100%);
  behavior: url('/static/js/PIE.htc?3b8fed93f46e');
}
.arrow-imgs {
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_2x.png?fa695c545020');
  background-position: 5px top ;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 14px 14px;
}
.arrow-imgs.wht {
  background-image: url('/static/img/icons_logos/arrows/arrow_wht_2x.png?be654901f2e0');
}
.arrow-imgs:hover {
  background-image: url('/static/img/icons_logos/arrows/arrow_blk_2x.png?96dd38b36ad4');
}
.button-arrow {
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 0;
  font-size: 14px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  text-decoration: none !important;
  padding: 0 5px 0 32px;
  border-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_2x.png?fa695c545020');
  background-position: 5px top ;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 14px 14px;
  text-transform: uppercase;
}
.button-arrow.wht {
  background-image: url('/static/img/icons_logos/arrows/arrow_wht_2x.png?be654901f2e0');
}
.button-arrow:hover {
  background-image: url('/static/img/icons_logos/arrows/arrow_blk_2x.png?96dd38b36ad4');
}
.link-arrow {
  padding-left: 24px;
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_2x.png?fa695c545020');
  background-position: 5px top ;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 14px 14px;
  display: block;
  min-height: 15px;
}
.link-arrow.wht {
  background-image: url('/static/img/icons_logos/arrows/arrow_wht_2x.png?be654901f2e0');
}
.link-arrow:hover {
  background-image: url('/static/img/icons_logos/arrows/arrow_blk_2x.png?96dd38b36ad4');
}
.a-color-content {
  color: #929292;
}
.a-color-content:hover,
.a-color-content:active {
  color: black;
}
.a-color-box {
  color: #4d4d4d;
}
.a-color-box:hover,
.a-color-box:active {
  color: black;
}
.search-bar-button-style {
  height: 26px;
  width: 25px;
  border-radius: 0 2px 2px 0;
  border-top-left-radius: 0 2px 2px 0;
  border-top-right-radius: 0 2px 2px 0;
  border-bottom-left-radius: 0 2px 2px 0;
  border-bottom-right-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  -o-border-radius: 0 2px 2px 0;
  background: #aeaeae url('/static/img/icons_logos/search_2x.png?4f4cb2029b46') center no-repeat;
  background-size: 10px 10px;
  border: none;
  box-shadow: none;
  margin: 0;
  float: left;
  cursor: pointer;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  filter: none;
}
.search-bar-button-style:hover {
  background: url('/static/img/icons_logos/search_2x.png?4f4cb2029b46') center no-repeat !important;
  background-color: #929292 !important;
  background-size: 10px 10px !important;
  filter: none;
}
.arrow-button-style {
  margin: 0;
  font-size: 14px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  text-decoration: none !important;
  padding: 0 5px 0 32px;
  border-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_2x.png?fa695c545020');
  background-position: 5px top ;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 14px 14px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  height: 30px;
  line-height: 30px;
  background-color: #c5c5c5;
  cursor: pointer;
  text-decoration: none;
  color: #4d4d4d;
  background-position: 10px center;
}
.arrow-button-style.wht {
  background-image: url('/static/img/icons_logos/arrows/arrow_wht_2x.png?be654901f2e0');
}
.arrow-button-style:hover {
  background-image: url('/static/img/icons_logos/arrows/arrow_blk_2x.png?96dd38b36ad4');
}
.arrow-button-style:hover,
.arrow-button-style:active {
  color: black;
}
.arrow-button-style:hover {
  color: black;
}
body,
html {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.4em;
  height: 100%;
  color: #4d4d4d;
}
@media (min-width: 980px) {
  body {
    background: url('/static/img/structure/background.jpg?a5d325cb303a') no-repeat;
    background-position: center 90px;
  }
}
@media (max-width: 979px) {
  body {
    background: #fdfdfd;
  }
}
@media (min-width: 980px) {
  html {
    background: url('/static/img/structure/bg_tile.jpg?0f891d8c9433') repeat;
  }
}
a,
button,
.button,
.button2,
.mobile-button,
.side-nav-trigger {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no_support_alert {
  display: none;
}
noscript {
  display: block;
  text-align: center;
  background-color: #FCC;
  color: #000;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
.mobile-only {
  display: none !important;
}
@media (max-width: 767px) {
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .desktop-only {
    display: block;
  }
}
@media (min-width: 980px) {
  .header_bg {
    position: absolute;
    height: 90px;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 60px 1px #888;
  }
}
header {
  height: 90px;
  position: relative;
  background: #fff;
}
@media (max-width: 767px) {
  header {
    height: 60px;
  }
}
.section-logo {
  margin-left: 12px;
}
.section-logo img {
  margin: 24px 0 0 0;
  height: 25px;
  width: auto;
}
@media (min-width: 768px) and (max-width: 979px) {
  .section-logo img {
    height: 25px;
    margin: 24px 0 0 0;
  }
}
@media (max-width: 767px) {
  .section-logo img {
    height: 18px;
    margin: 23px 0 0 0px;
  }
}
.juta-logo {
  position: absolute;
  top: 13px;
  right: 15px;
}
.juta-logo img {
  width: auto;
  display: block;
  height: 25px;
  padding: 4px 0 0 0;
}
@media (min-width: 768px) {
  .juta-logo {
    top: 0;
    right: 10px;
  }
  .juta-logo img {
    width: auto;
    height: 43px;
    padding-top: 10px;
  }
}
.colour-bar {
  position: relative;
  z-index: 1;
  background-color: #ed1c24;
}
.colour-bar ul {
  margin: 0;
  padding: 0;
}
.colour-bar ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.colour-bar ul {
  width: 100%;
}
.colour-bar ul li {
  width: 16.66666%;
  height: 10px;
  float: left;
}
.colour-bar ul li.one {
  background-color: #ffcb08;
}
.colour-bar ul li.two {
  background-color: #f36f21;
}
.colour-bar ul li.three {
  background-color: #8dc63f;
}
.colour-bar ul li.four {
  background-color: #5c2e91;
}
.colour-bar ul li.five {
  background-color: #ed0281;
}
.colour-bar ul li.six {
  background-color: #ed1c24;
}
.colour-bar .shad1,
.colour-bar .shad2 {
  position: absolute;
  bottom: -35px;
  width: 257px;
  height: 35px;
  background-size: 257px 35px;
  background-repeat: no-repeat;
}
.colour-bar .shad1 {
  left: 0;
  background-image: url('/static/img/structure/banshad_bl.png?dc37a9c88a3d');
}
.colour-bar .shad2 {
  right: 0;
  background-image: url('/static/img/structure/banshad_br.png?b4d7b8f269a5');
}
/*============================= TOPNAV ===============================*/
@media (min-width: 768px) {
  button.menutrigger {
    display: none;
  }
  nav.dl-menuwrapper {
    margin-left: 15px;
    position: absolute;
    top: 50px;
    z-index: 1000;
  }
  nav.dl-menuwrapper ul {
    display: block;
    margin-bottom: 0;
    padding: 0;
  }
  nav.dl-menuwrapper ul li {
    list-style: none;
    float: left;
    margin-right: 14px;
  }
  nav.dl-menuwrapper ul li a {
    color: #4d4d4d;
    font-size: 13px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #c5c5c5;
  }
  nav.dl-menuwrapper ul li a:hover,
  nav.dl-menuwrapper ul li a:active,
  nav.dl-menuwrapper ul li a.active {
    color: #000;
    text-decoration: none;
  }
  nav.dl-menuwrapper ul li ul {
    display: none;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  nav.dl-menuwrapper ul li {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  /* Common styles of menus */
  .item-bg {
    background: #e8e8e8;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWMxYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top, #e8e8e8 0%, #c1c1c1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #c1c1c1));
    background: -webkit-linear-gradient(top, #e8e8e8 0%, #c1c1c1 100%);
    background: -o-linear-gradient(top, #e8e8e8 0%, #c1c1c1 100%);
    background: -ms-linear-gradient(top, #e8e8e8 0%, #c1c1c1 100%);
    background: linear-gradient(to bottom, #e8e8e8 0%, #c1c1c1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#c1c1c1', GradientType=0);
  }
  .item-bg-reverse {
    background: #c1c1c1;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYzFjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top, #c1c1c1 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1c1c1), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(top, #c1c1c1 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #c1c1c1 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #c1c1c1 0%, #e8e8e8 100%);
    background: linear-gradient(to bottom, #c1c1c1 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#e8e8e8', GradientType=0);
  }
  .dl-menuwrapper {
    width: 90%;
    left: 15px;
    position: relative;
    z-index: 1000;
  }
  .dl-menuwrapper.sticky {
    position: fixed;
    margin: 0;
    left: 15px;
    top: 0px;
  }
  .dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
    background: #c5c5c5;
  }
  .dl-menuwrapper li {
    position: relative;
    margin: 0;
  }
  .dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #4d4d4d !important;
    outline: none;
    background: #e8e8e8;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWMxYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top, #e8e8e8 0%, #c1c1c1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #c1c1c1));
    background: -webkit-linear-gradient(top, #e8e8e8 0%, #c1c1c1 100%);
    background: -o-linear-gradient(top, #e8e8e8 0%, #c1c1c1 100%);
    background: -ms-linear-gradient(top, #e8e8e8 0%, #c1c1c1 100%);
    background: linear-gradient(to bottom, #e8e8e8 0%, #c1c1c1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#c1c1c1', GradientType=0);
    text-decoration: none;
    border-bottom: 1px solid white;
    border-top: 1px solid #c5c5c5;
  }
  .dl-menuwrapper li a:active,
  .dl-menuwrapper li a:hover {
    background: #c1c1c1;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYzFjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top, #c1c1c1 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1c1c1), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(top, #c1c1c1 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #c1c1c1 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #c1c1c1 0%, #e8e8e8 100%);
    background: linear-gradient(to bottom, #c1c1c1 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#e8e8e8', GradientType=0);
  }
  .dl-menuwrapper li:last-child a {
    border-bottom: none;
  }
  .no-touch .dl-menuwrapper li a:hover {
    background: #f0f0f0;
  }
  .no-touch .dl-menuwrapper li a:active {
    background: #c1c1c1;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYzFjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top, #c1c1c1 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1c1c1), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(top, #c1c1c1 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #c1c1c1 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #c1c1c1 0%, #e8e8e8 100%);
    background: linear-gradient(to bottom, #c1c1c1 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#e8e8e8', GradientType=0);
  }
  .dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: rgba(0, 0, 0, 0.1);
  }
  .dl-menuwrapper li.dl-back:after,
  .dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    font-family: 'icomoon';
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\e000";
  }
  .dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212, 204, 198, 0.3);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15);
  }
  .dl-menuwrapper .dl-menu {
    margin: 125px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .dl-menuwrapper .dl-menu.sticky {
    margin: 55px 0 0 0;
  }
  .dl-menuwrapper .dl-menu.dl-menu-toggle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }
  /* Hide the inner submenus */
  .dl-menuwrapper li .dl-submenu {
    display: none;
  }
  /* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
  .dl-menu.dl-subview li,
  .dl-menu.dl-subview li.dl-subviewopen > a,
  .dl-menu.dl-subview li.dl-subview > a {
    display: none;
  }
  .dl-menu.dl-subview li.dl-subview,
  .dl-menu.dl-subview li.dl-subview .dl-submenu,
  .dl-menu.dl-subview li.dl-subviewopen,
  .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
  .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
  }
  /* Dynamically added submenu outside of the menu context */
  .dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
  }
  /* Animation classes for moving out and in */
  .dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    -moz-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
  }
  .dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    -moz-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
  }
  .dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    -moz-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
  }
  .dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    -moz-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
  }
  .dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    -moz-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
  }
  @-webkit-keyframes MenuAnimOut1 {
    50% {
      -webkit-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
      -webkit-transform: translateZ(-372.5px) rotateY(15deg);
      opacity: .5;
    }
    100% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }
  }
  @-webkit-keyframes MenuAnimOut2 {
    100% {
      -webkit-transform: translateX(-100%);
      opacity: 0;
    }
  }
  @-webkit-keyframes MenuAnimOut3 {
    100% {
      -webkit-transform: translateZ(300px);
      opacity: 0;
    }
  }
  @-webkit-keyframes MenuAnimOut4 {
    100% {
      -webkit-transform: translateZ(-300px);
      opacity: 0;
    }
  }
  @-webkit-keyframes MenuAnimOut5 {
    100% {
      -webkit-transform: translateY(40%);
      opacity: 0;
    }
  }
  @-moz-keyframes MenuAnimOut1 {
    50% {
      -moz-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
      -moz-transform: translateZ(-372.5px) rotateY(15deg);
      opacity: .5;
    }
    100% {
      -moz-transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }
  }
  @-moz-keyframes MenuAnimOut2 {
    100% {
      -moz-transform: translateX(-100%);
      opacity: 0;
    }
  }
  @-moz-keyframes MenuAnimOut3 {
    100% {
      -moz-transform: translateZ(300px);
      opacity: 0;
    }
  }
  @-moz-keyframes MenuAnimOut4 {
    100% {
      -moz-transform: translateZ(-300px);
      opacity: 0;
    }
  }
  @-moz-keyframes MenuAnimOut5 {
    100% {
      -moz-transform: translateY(40%);
      opacity: 0;
    }
  }
  @keyframes MenuAnimOut1 {
    50% {
      transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
      transform: translateZ(-372.5px) rotateY(15deg);
      opacity: .5;
    }
    100% {
      transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }
  }
  @keyframes MenuAnimOut2 {
    100% {
      transform: translateX(-100%);
      opacity: 0;
    }
  }
  @keyframes MenuAnimOut3 {
    100% {
      transform: translateZ(300px);
      opacity: 0;
    }
  }
  @keyframes MenuAnimOut4 {
    100% {
      transform: translateZ(-300px);
      opacity: 0;
    }
  }
  @keyframes MenuAnimOut5 {
    100% {
      transform: translateY(40%);
      opacity: 0;
    }
  }
  .dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    -moz-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
  }
  .dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    -moz-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
  }
  .dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    -moz-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
  }
  .dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    -moz-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
  }
  .dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    -moz-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
  }
  @-webkit-keyframes MenuAnimIn1 {
    0% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }
    20% {
      -webkit-transform: translateZ(-250px) rotateY(30deg);
      opacity: 0.5;
    }
    100% {
      -webkit-transform: translateZ(0px) rotateY(0deg);
      opacity: 1;
    }
  }
  @-webkit-keyframes MenuAnimIn2 {
    0% {
      -webkit-transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes MenuAnimIn3 {
    0% {
      -webkit-transform: translateZ(300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes MenuAnimIn4 {
    0% {
      -webkit-transform: translateZ(-300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes MenuAnimIn5 {
    0% {
      -webkit-transform: translateY(40%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      opacity: 1;
    }
  }
  @-moz-keyframes MenuAnimIn1 {
    0% {
      -moz-transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }
    20% {
      -moz-transform: translateZ(-250px) rotateY(30deg);
      opacity: 0.5;
    }
    100% {
      -moz-transform: translateZ(0px) rotateY(0deg);
      opacity: 1;
    }
  }
  @-moz-keyframes MenuAnimIn2 {
    0% {
      -moz-transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      -moz-transform: translateX(0px);
      opacity: 1;
    }
  }
  @-moz-keyframes MenuAnimIn3 {
    0% {
      -moz-transform: translateZ(300px);
      opacity: 0;
    }
    100% {
      -moz-transform: translateZ(0px);
      opacity: 1;
    }
  }
  @-moz-keyframes MenuAnimIn4 {
    0% {
      -moz-transform: translateZ(-300px);
      opacity: 0;
    }
    100% {
      -moz-transform: translateZ(0px);
      opacity: 1;
    }
  }
  @-moz-keyframes MenuAnimIn5 {
    0% {
      -moz-transform: translateY(40%);
      opacity: 0;
    }
    100% {
      -moz-transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes MenuAnimIn1 {
    0% {
      transform: translateZ(-500px) rotateY(0deg);
      opacity: 0;
    }
    20% {
      transform: translateZ(-250px) rotateY(30deg);
      opacity: 0.5;
    }
    100% {
      transform: translateZ(0px) rotateY(0deg);
      opacity: 1;
    }
  }
  @keyframes MenuAnimIn2 {
    0% {
      transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0px);
      opacity: 1;
    }
  }
  @keyframes MenuAnimIn3 {
    0% {
      transform: translateZ(300px);
      opacity: 0;
    }
    100% {
      transform: translateZ(0px);
      opacity: 1;
    }
  }
  @keyframes MenuAnimIn4 {
    0% {
      transform: translateZ(-300px);
      opacity: 0;
    }
    100% {
      transform: translateZ(0px);
      opacity: 1;
    }
  }
  @keyframes MenuAnimIn5 {
    0% {
      transform: translateY(40%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    -moz-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    -moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    -moz-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    -moz-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    -moz-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
  }
  @-webkit-keyframes SubMenuAnimIn1 {
    0% {
      -webkit-transform: translateX(50%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes SubMenuAnimIn2 {
    0% {
      -webkit-transform: translateX(100%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes SubMenuAnimIn3 {
    0% {
      -webkit-transform: translateZ(-300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes SubMenuAnimIn4 {
    0% {
      -webkit-transform: translateZ(300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes SubMenuAnimIn5 {
    0% {
      -webkit-transform: translateZ(-200px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
      opacity: 1;
    }
  }
  @-moz-keyframes SubMenuAnimIn1 {
    0% {
      -moz-transform: translateX(50%);
      opacity: 0;
    }
    100% {
      -moz-transform: translateX(0px);
      opacity: 1;
    }
  }
  @-moz-keyframes SubMenuAnimIn2 {
    0% {
      -moz-transform: translateX(100%);
      opacity: 0;
    }
    100% {
      -moz-transform: translateX(0px);
      opacity: 1;
    }
  }
  @-moz-keyframes SubMenuAnimIn3 {
    0% {
      -moz-transform: translateZ(-300px);
      opacity: 0;
    }
    100% {
      -moz-transform: translateZ(0px);
      opacity: 1;
    }
  }
  @-moz-keyframes SubMenuAnimIn4 {
    0% {
      -moz-transform: translateZ(300px);
      opacity: 0;
    }
    100% {
      -moz-transform: translateZ(0px);
      opacity: 1;
    }
  }
  @-moz-keyframes SubMenuAnimIn5 {
    0% {
      -moz-transform: translateZ(-200px);
      opacity: 0;
    }
    100% {
      -moz-transform: translateZ(0);
      opacity: 1;
    }
  }
  @keyframes SubMenuAnimIn1 {
    0% {
      transform: translateX(50%);
      opacity: 0;
    }
    100% {
      transform: translateX(0px);
      opacity: 1;
    }
  }
  @keyframes SubMenuAnimIn2 {
    0% {
      transform: translateX(100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0px);
      opacity: 1;
    }
  }
  @keyframes SubMenuAnimIn3 {
    0% {
      transform: translateZ(-300px);
      opacity: 0;
    }
    100% {
      transform: translateZ(0px);
      opacity: 1;
    }
  }
  @keyframes SubMenuAnimIn4 {
    0% {
      transform: translateZ(300px);
      opacity: 0;
    }
    100% {
      transform: translateZ(0px);
      opacity: 1;
    }
  }
  @keyframes SubMenuAnimIn5 {
    0% {
      transform: translateZ(-200px);
      opacity: 0;
    }
    100% {
      transform: translateZ(0);
      opacity: 1;
    }
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    -moz-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    -moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    -moz-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    -moz-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    -moz-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
  }
  @-webkit-keyframes SubMenuAnimOut1 {
    0% {
      -webkit-transform: translateX(0%);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(50%);
      opacity: 0;
    }
  }
  @-webkit-keyframes SubMenuAnimOut2 {
    0% {
      -webkit-transform: translateX(0%);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateX(100%);
      opacity: 0;
    }
  }
  @-webkit-keyframes SubMenuAnimOut3 {
    0% {
      -webkit-transform: translateZ(0px);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(-300px);
      opacity: 0;
    }
  }
  @-webkit-keyframes SubMenuAnimOut4 {
    0% {
      -webkit-transform: translateZ(0px);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(300px);
      opacity: 0;
    }
  }
  @-webkit-keyframes SubMenuAnimOut5 {
    0% {
      -webkit-transform: translateZ(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(-200px);
      opacity: 0;
    }
  }
  @-moz-keyframes SubMenuAnimOut1 {
    0% {
      -moz-transform: translateX(0%);
      opacity: 1;
    }
    100% {
      -moz-transform: translateX(50%);
      opacity: 0;
    }
  }
  @-moz-keyframes SubMenuAnimOut2 {
    0% {
      -moz-transform: translateX(0%);
      opacity: 1;
    }
    100% {
      -moz-transform: translateX(100%);
      opacity: 0;
    }
  }
  @-moz-keyframes SubMenuAnimOut3 {
    0% {
      -moz-transform: translateZ(0px);
      opacity: 1;
    }
    100% {
      -moz-transform: translateZ(-300px);
      opacity: 0;
    }
  }
  @-moz-keyframes SubMenuAnimOut4 {
    0% {
      -moz-transform: translateZ(0px);
      opacity: 1;
    }
    100% {
      -moz-transform: translateZ(300px);
      opacity: 0;
    }
  }
  @-moz-keyframes SubMenuAnimOut5 {
    0% {
      -moz-transform: translateZ(0);
      opacity: 1;
    }
    100% {
      -moz-transform: translateZ(-200px);
      opacity: 0;
    }
  }
  @keyframes SubMenuAnimOut1 {
    0% {
      transform: translateX(0%);
      opacity: 1;
    }
    100% {
      transform: translateX(50%);
      opacity: 0;
    }
  }
  @keyframes SubMenuAnimOut2 {
    0% {
      transform: translateX(0%);
      opacity: 1;
    }
    100% {
      transform: translateX(100%);
      opacity: 0;
    }
  }
  @keyframes SubMenuAnimOut3 {
    0% {
      transform: translateZ(0px);
      opacity: 1;
    }
    100% {
      transform: translateZ(-300px);
      opacity: 0;
    }
  }
  @keyframes SubMenuAnimOut4 {
    0% {
      transform: translateZ(0px);
      opacity: 1;
    }
    100% {
      transform: translateZ(300px);
      opacity: 0;
    }
  }
  @keyframes SubMenuAnimOut5 {
    0% {
      transform: translateZ(0);
      opacity: 1;
    }
    100% {
      transform: translateZ(-200px);
      opacity: 0;
    }
  }
  /* No JS Fallback */
  .no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
  .no-js .dl-menuwrapper li .dl-submenu {
    display: block;
  }
  .no-js .dl-menuwrapper li.dl-back {
    display: none;
  }
  .no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
  }
  .no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: '';
  }
  /* Colors for demos */
  /* Demo 1 */
  .demo-1 .dl-menuwrapper button {
    background: #c62860;
  }
  .demo-1 .dl-menuwrapper button:hover,
  .demo-1 .dl-menuwrapper button.dl-active,
  .demo-1 .dl-menuwrapper ul {
    background: #9e1847;
  }
  /* Demo 2 */
  .demo-2 .dl-menuwrapper button {
    background: #e86814;
  }
  .demo-2 .dl-menuwrapper button:hover,
  .demo-2 .dl-menuwrapper button.dl-active,
  .demo-2 .dl-menuwrapper ul {
    background: #D35400;
  }
  /* Demo 3 */
  .demo-3 .dl-menuwrapper button {
    background: #08cbc4;
  }
  .demo-3 .dl-menuwrapper button:hover,
  .demo-3 .dl-menuwrapper button.dl-active,
  .demo-3 .dl-menuwrapper ul {
    background: #00b4ae;
  }
  /* Demo 4 */
  .demo-4 .dl-menuwrapper button {
    background: #90b912;
  }
  .demo-4 .dl-menuwrapper button:hover,
  .demo-4 .dl-menuwrapper button.dl-active,
  .demo-4 .dl-menuwrapper ul {
    background: #79a002;
  }
  /* Demo 5 */
  .demo-5 .dl-menuwrapper button {
    background: #744783;
  }
  .demo-5 .dl-menuwrapper button:hover,
  .demo-5 .dl-menuwrapper button.dl-active,
  .demo-5 .dl-menuwrapper ul {
    background: #643771;
  }
}
/*============================= LEFTHAND SUBNAV ===============================*/
.left_panel_content #subnav {
  position: relative;
  margin-bottom: 20px;
}
.left_panel_content #subnav ul {
  margin: 0;
  padding: 0;
}
.left_panel_content #subnav ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.left_panel_content #subnav ul.accordian > li {
  border-bottom: 1px solid #aeaeae;
  text-align: left;
}
.left_panel_content #subnav ul.accordian > li > div > a,
.left_panel_content #subnav ul.accordian > li > div {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  color: #929292;
}
.left_panel_content #subnav ul.accordian > li > div > a:hover,
.left_panel_content #subnav ul.accordian > li > div:hover {
  background-color: #dedede;
  color: black;
}
.left_panel_content #subnav ul.accordian > li > div {
  padding: 3px 8px;
  margin: 3px 0;
}
.left_panel_content #subnav ul.accordian > li.notleaf > div,
.left_panel_content #subnav ul.accordian > li.down > div {
  background-position: 188px 4px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  cursor: pointer;
}
.left_panel_content #subnav ul.accordian > li.notleaf > div {
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_2x.png?fa695c545020');
}
.left_panel_content #subnav ul.accordian > li.down > div {
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_dwn_2x.png?b003d2e5271a');
}
.left_panel_content #subnav ul.accordian > li > ul.children {
  margin: 0;
  padding: 0 0 0 15px;
  display: none;
}
.left_panel_content #subnav ul.accordian > li > ul.children > li {
  display: block;
  list-style: none;
  text-align: left;
  padding: 0 0 3px 0;
}
.left_panel_content #subnav ul.accordian > li > ul.children > li a {
  display: block;
  text-transform: capitalize;
  padding: 3px 5px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.left_panel_content #subnav ul.accordian > li > ul.children > li a:hover {
  background-color: #dedede;
}
@media (max-width: 979px) {
  .left_panel_content #subnav {
    margin-top: 0px;
  }
  .left_panel_content #subnav ul.accordian > li > div {
    padding: 7px 8px;
  }
  .left_panel_content #subnav ul.accordian > li.notleaf > div,
  .left_panel_content #subnav ul.accordian > li.down > div {
    background-position: 221px center;
  }
  .left_panel_content #subnav ul.accordian > li > ul.children > li a {
    padding: 10px;
  }
}
@media (max-width: 979px) {
  .left_panel_content .side-nav-trigger {
    position: absolute;
    cursor: pointer;
    right: -33px;
    top: 3px;
    width: 32px;
    height: 45px;
    border-radius: 0 10px 10px 0;
    box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.4);
    border: 1px solid #c5c5c5;
    border-left: none;
    background: #d0d0d0;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZDBkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmIyYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d0d0), color-stop(100%, #b2b2b2));
    background: -webkit-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
    background: -o-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
    background: -ms-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
    background: linear-gradient(to bottom, #d0d0d0 0%, #b2b2b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#b2b2b2', GradientType=0);
  }
  .left_panel_content .side-nav-trigger span {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 7px;
    top: 12px;
    bound-position: center center;
    background-size: auto 18px;
    background-repeat: no-repeat;
    background-image: url('/static/img/icons_logos/mobile_navbar/leftmenu.png?2d1fa6c6947a');
  }
  .left_panel_content .side-nav-trigger:hover,
  .left_panel_content .side-nav-trigger.open {
    background: #b2b2b2;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2b2b2), color-stop(100%, #d0d0d0));
    background: -webkit-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
    background: -o-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
    background: -ms-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
    background: linear-gradient(to bottom, #b2b2b2 0%, #d0d0d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2', endColorstr='#d0d0d0', GradientType=0);
  }
}
/*============================= Search bar ===============================*/
.search_bar {
  position: absolute;
  right: 0;
  top: 120px;
  width: 200px;
  margin: 0 20px 0 10px;
  z-index: 1100;
}
.search_bar input[type="text"] {
  width: 170px;
  float: left;
  border: none;
}
.search_bar input[type="submit"] {
  height: 26px;
  width: 25px;
  border-radius: 0 2px 2px 0;
  border-top-left-radius: 0 2px 2px 0;
  border-top-right-radius: 0 2px 2px 0;
  border-bottom-left-radius: 0 2px 2px 0;
  border-bottom-right-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  -o-border-radius: 0 2px 2px 0;
  background: #aeaeae url('/static/img/icons_logos/search_2x.png?4f4cb2029b46') center no-repeat;
  background-size: 10px 10px;
  border: none;
  box-shadow: none;
  margin: 0;
  float: left;
  cursor: pointer;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  filter: none;
}
.search_bar input[type="submit"]:hover {
  background: url('/static/img/icons_logos/search_2x.png?4f4cb2029b46') center no-repeat !important;
  background-color: #929292 !important;
  background-size: 10px 10px !important;
  filter: none;
}
.search_bar .icon.home {
  float: left;
  margin: 0 5px 0 0;
}
@media (max-width: 979px) {
  .search_bar {
    right: auto;
    left: 0;
    top: 100px;
    width: 100%;
    height: 40px;
    display: none;
    background: #6D6D6D;
    margin: 0;
    box-shadow: 0 0 4px 0 #000000;
  }
  .search_bar .icon {
    display: none;
  }
  .search_bar input[type="text"] {
    width: 66%;
    max-width: 350px;
    float: none;
    position: absolute;
    top: 7px;
    right: 50px;
  }
  .search_bar input[type="submit"] {
    overflow: hidden;
    text-indent: 1000px;
    float: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 39px;
    height: 40px;
    border-left: 1px solid #444;
    box-shadow: inset 1px 0px 1px 0px #a7a4a4;
    background: #6d6d6d url('/static/img/icons_logos/mobile_navbar/search.png?fc318af401d9') center center no-repeat;
    background-size: auto 20px;
  }
  .search_bar input[type="submit"]:hover {
    background-color: #535353 !important;
    background-image: url('/static/img/icons_logos/mobile_navbar/search.png?fc318af401d9') !important;
    background-size: auto 20px !important;
  }
  .search_bar .close-search {
    left: 0;
    background: #6D6D6D;
    border-right: 1px solid #444;
    box-shadow: inset -1px 0px 1px 0px #a7a4a4;
  }
  .search_bar .close-search:hover,
  .search_bar .close-search:active {
    background: #535353 !important;
  }
  .search_bar.sticky {
    position: fixed;
    top: 0;
  }
}
@media (max-width: 979px) and (max-width: 767px) {
  .search_bar {
    top: 70px;
  }
}
/*============================= MOBILE NAV BAR ===============================*/
@media (max-width: 979px) {
  .mobile-navbar {
    position: relative;
    z-index: 3;
    height: 40px;
    width: 100%;
    border-bottom: 1px solid #fff;
    background: #d0d0d0;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZDBkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmIyYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d0d0), color-stop(100%, #b2b2b2));
    background: -webkit-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
    background: -o-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
    background: -ms-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
    background: linear-gradient(to bottom, #d0d0d0 0%, #b2b2b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#b2b2b2', GradientType=0);
  }
  .mobile-navbar.sticky {
    position: fixed;
    top: 0;
  }
  .mobile-navbar .log-buttons {
    position: absolute;
    left: 80px;
    top: 0;
  }
  .mobile-navbar .log-buttons .mobile-button {
    text-indent: 0;
    width: auto;
    padding-left: 12px;
    overflow: initial;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    border: none;
    box-shadow: none;
  }
  .mobile-navbar .log-buttons .mobile-button:hover,
  .mobile-navbar .log-buttons .mobile-button:active {
    background: #d0d0d0;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZDBkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmIyYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d0d0), color-stop(100%, #b2b2b2));
    background: -webkit-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
    background: -o-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
    background: -ms-linear-gradient(top, #d0d0d0 0%, #b2b2b2 100%);
    background: linear-gradient(to bottom, #d0d0d0 0%, #b2b2b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#b2b2b2', GradientType=0);
    text-decoration: none;
    color: #ffcb08;
  }
  .mobile-navbar .searchbar-trigger {
    position: absolute;
    top: 0px;
    right: 0;
  }
  .mobile-navbar .searchbar-trigger.mobile-button {
    border-right: none;
    border-left: 1px solid #afafaf;
    box-shadow: inset 1px 0px 1px 0px #f1f1f1;
  }
  .mobile-navbar .user-menu.mobile-button {
    border-right: none;
    border-left: 1px solid #afafaf;
    box-shadow: inset 1px 0px 1px 0px #f1f1f1;
  }
  .mobile-button {
    display: block;
    position: absolute;
    top: 0;
    overflow: hidden;
    text-indent: 1000px;
    width: 39px;
    height: 40px;
    border-right: 1px solid #afafaf;
    box-shadow: inset -1px 0px 1px 0px #f1f1f1;
    cursor: pointer;
  }
  .mobile-button.menutrigger {
    left: 25px;
    top: 70px;
  }
  .mobile-button.menutrigger.dl-active {
    background: #b2b2b2;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2b2b2), color-stop(100%, #d0d0d0));
    background: -webkit-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
    background: -o-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
    background: -ms-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
    background: linear-gradient(to bottom, #b2b2b2 0%, #d0d0d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2', endColorstr='#d0d0d0', GradientType=0);
  }
  .mobile-button.menutrigger.sticky {
    top: 0px;
  }
  .mobile-button:active {
    background: #b2b2b2;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2b2b2), color-stop(100%, #d0d0d0));
    background: -webkit-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
    background: -o-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
    background: -ms-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
    background: linear-gradient(to bottom, #b2b2b2 0%, #d0d0d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2', endColorstr='#d0d0d0', GradientType=0);
  }
  .mobile-button.float {
    float: right;
    position: relative;
    top: auto;
  }
  .mobile-button.ghost {
    box-shadow: none;
    border-color: transparent;
  }
  .mobile-button span.mobile-icon {
    display: block;
    width: 39px;
    height: 40px;
    overflow: hidden;
    text-indent: 1000px;
    background-position: center center;
    background-size: auto 20px;
    background-repeat: no-repeat;
  }
  .mobile-button span.mobile-icon.leftnav {
    background-image: url('/static/img/icons_logos/mobile_navbar/leftmenu.png?2d1fa6c6947a');
  }
  .mobile-button span.mobile-icon.mainnav {
    background-image: url('/static/img/icons_logos/mobile_navbar/menu.png?86b78ec685da');
  }
  .mobile-button span.mobile-icon.search {
    background-image: url('/static/img/icons_logos/mobile_navbar/search.png?fc318af401d9');
    background-size: auto 15px;
  }
  .mobile-button span.mobile-icon.close {
    background-image: url('/static/img/icons_logos/mobile_navbar/close.png?e8e541c5cc26');
    background-size: auto 15px;
  }
  .mobile-button span.mobile-icon.usermenu {
    background-image: url('/static/img/icons_logos/mobile_navbar/usermenu.png?5b7194fd99bc');
  }
  .mobile-button span.mobile-icon.cart {
    background-image: url('/static/img/icons_logos/mobile_navbar/cart.png?e3d77936cf60');
    background-size: auto 20px;
  }
  .mobile-button span.mobile-icon.login,
  .mobile-button span.mobile-icon.logout {
    overflow: initial;
    text-indent: initial;
    text-transform: uppercase;
    color: #4d4d4d;
    font-size: 15px;
    background: none;
    width: auto;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
  }
  .mobile-button span.mobile-icon.login:hover,
  .mobile-button span.mobile-icon.logout:hover,
  .mobile-button span.mobile-icon.login:active,
  .mobile-button span.mobile-icon.logout:active {
    color: black;
  }
}
@media (max-width: 979px) and (max-width: 768px) {
  .mobile-navbar .cart-trigger.mobile-button {
    border-right: none;
    border-left: 1px solid #afafaf;
    box-shadow: inset 1px 0px 1px 0px #f1f1f1;
  }
}
@media (max-width: 979px) and (min-width: 769px) {
  .mobile-navbar .cart-trigger.mobile-button {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .mobile-navbar .log-buttons {
    left: 40px;
  }
}
@media (min-width: 980px) {
  .mobile-button {
    display: none;
  }
}
body.no-touch .mobile-button:hover,
body.no-touch .mobile-button.menutrigger:hover {
  background: #b2b2b2;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2b2b2), color-stop(100%, #d0d0d0));
  background: -webkit-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
  background: -o-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
  background: -ms-linear-gradient(top, #b2b2b2 0%, #d0d0d0 100%);
  background: linear-gradient(to bottom, #b2b2b2 0%, #d0d0d0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2', endColorstr='#d0d0d0', GradientType=0);
}
/*============================= MAIN FRAME ===============================*/
.body_bg {
  height: auto !important;
  min-height: 100%;
  overflow-x: hidden;
}
@media (min-width: 980px) {
  .body_bg {
    background: url('/static/img/structure/mid-bg-tile.png?bd5544cfa7e1') center repeat-y;
  }
}
.outer-wrap {
  height: 100%;
  max-width: 980px;
  width: 100%;
  margin: auto;
  position: relative;
  transition: margin-left 0.3s;
  -webkit-transition: margin-left 0.3s;
  -moz-transition: margin-left 0.3s;
  -ms-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
}
.outer-wrap.menu-open {
  margin-left: 260px;
}
.bg-gradient {
  height: 150px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.left_panel {
  position: relative;
  float: left;
  background-color: #f0f0f0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.left_panel .padding {
  position: relative;
  padding: 20px 10px 10px 10px;
}
.left_panel section {
  position: relative;
  z-index: 1;
}
.left_panel .bg-gradient {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0YzRjNCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=');
  background: -moz-linear-gradient(top, rgba(196, 196, 196, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(196, 196, 196, 0.7)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(196, 196, 196, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, rgba(196, 196, 196, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, rgba(196, 196, 196, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(196, 196, 196, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3c4c4c4', endColorstr='#00ffffff', GradientType=0);
}
.left_panel .toggle-loginbox {
  display: none;
}
@media (min-width: 980px) {
  .left_panel {
    width: 230px;
    border-left: 4px solid white;
  }
}
@media (max-width: 979px) {
  .left_panel {
    width: 260px;
    position: absolute;
    height: 100%;
    top: 0;
    left: -310px;
    background: #ededee;
    z-index: 1100;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    box-shadow: 0px 0px 0px 0px #000;
  }
  .left_panel.menu-open {
    left: 0;
    box-shadow: 1px 0px 60px 0px #000;
  }
}
.main_wrap {
  position: relative;
  float: left;
  background-color: #fdfdfd;
}
@media (min-width: 980px) {
  .main_wrap {
    width: 750px;
  }
}
@media (max-width: 979px) {
  .main_wrap {
    float: none;
    width: 100%;
  }
}
.main_wrap .bg-gradient {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=');
  background: -moz-linear-gradient(top, rgba(221, 221, 221, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(221, 221, 221, 0.8)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(221, 221, 221, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, rgba(221, 221, 221, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, rgba(221, 221, 221, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(221, 221, 221, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccdddddd', endColorstr='#00ffffff', GradientType=0);
}
@media (min-width: 980px) and (max-width: 995px) {
  .no-touch .main_wrap {
    width: 735px;
  }
  .no-touch .main_wrap .main_content {
    width: 70%;
  }
  .no-touch .main_wrap .right_panel {
    width: 30%;
  }
}
.main_content {
  position: relative;
  float: left;
}
.main_content .padding {
  padding: 15px;
}
@media (min-width: 980px) {
  .main_content {
    width: 520px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .main_content {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .main_content {
    width: 100%;
    float: none;
  }
  .main_content .padding {
    padding: 10px;
  }
}
.right_panel {
  position: relative;
  float: right;
  margin-top: 34px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.right_panel > .padding {
  padding: 15px 20px 10px 10px;
}
@media (min-width: 980px) {
  .right_panel {
    width: 230px;
  }
}
@media (max-width: 979px) {
  .right_panel {
    margin-top: -10px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .right_panel {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .right_panel {
    width: 100%;
    float: none;
  }
  .right_panel .padding {
    padding: 10px;
  }
}
.right_panel aside {
  padding: 10px 15px 10px 10px;
}
/*============================= CONTENT ===============================*/
a {
  text-decoration: none;
}
a img {
  border: none;
}
img {
  border: none;
}
*:focus {
  outline: none;
}
h1,
.h1 {
  font-size: 22px;
  line-height: 26px;
  padding: 0;
  margin: 10px 0 15px 0;
  font-weight: normal;
}
h1 a,
.h1 a {
  color: #929292;
}
h1 a:hover,
.h1 a:hover,
h1 a:active,
.h1 a:active {
  color: black;
}
h2,
.h2 {
  font-size: 19px;
  padding: 0;
  margin: 5px 0 10px 0;
  font-weight: normal;
}
h2 a,
.h2 a {
  color: #929292;
}
h2 a:hover,
.h2 a:hover,
h2 a:active,
.h2 a:active {
  color: black;
}
h3 {
  font-size: 16px;
  padding: 0;
  margin: 2px 0 5px 0;
  font-weight: bold;
}
h3 a {
  color: #929292;
}
h3 a:hover,
h3 a:active {
  color: black;
}
h4,
h5,
h6 {
  font-size: 12px;
  padding: 0;
  margin: 0;
  line-height: 18px;
  font-weight: bold;
}
.p-li-style {
  line-height: 18px;
  margin: 0 0 10px 0;
  text-align: left;
  font-family: Verdana, Arial, sans-serif;
}
.p-li-style a {
  color: #929292;
}
.p-li-style a:hover,
.p-li-style a:active {
  color: black;
}
.li-style {
  margin: 3px 0;
}
.li-style p {
  margin: 0;
}
.li-style > a {
  color: #929292;
}
.li-style > a:hover,
.li-style > a:active {
  color: black;
}
p,
li,
pre {
  line-height: 18px;
  margin: 0 0 10px 0;
  text-align: left;
  font-family: Verdana, Arial, sans-serif;
}
p a,
li a,
pre a {
  color: #929292;
}
p a:hover,
li a:hover,
pre a:hover,
p a:active,
li a:active,
pre a:active {
  color: black;
}
li {
  margin: 3px 0;
}
li p {
  margin: 0;
}
li > a {
  color: #929292;
}
li > a:hover,
li > a:active {
  color: black;
}
ul.link-list {
  margin: 0;
  padding: 0;
}
ul.link-list li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
ul.link-list li a {
  padding-left: 24px;
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_2x.png?fa695c545020');
  background-position: 5px top ;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 14px 14px;
  display: block;
  min-height: 15px;
  line-height: 15px;
  background-position: 5px 5px;
  padding: 5px 3px 5px 25px;
  margin: 5px 0;
}
ul.link-list li a.wht {
  background-image: url('/static/img/icons_logos/arrows/arrow_wht_2x.png?be654901f2e0');
}
ul.link-list li a:hover {
  background-image: url('/static/img/icons_logos/arrows/arrow_blk_2x.png?96dd38b36ad4');
}
body.no-touch .tooltip {
  border: 1px solid #4d4d4d;
  width: 100px;
  height: auto;
  line-height: 18px;
  background: #aeaeae;
  color: #333;
  line-height: 20px;
  padding: 4px 8px;
  z-index: 9000;
  box-shadow: 2px 2px 4px #aeaeae;
}
.hide-inline {
  display: none;
}
.fancybox-inner .pop-up-box-wrap {
  width: 100%;
  max-width: 600px;
  background-color: #f0f0f0;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid transparent;
}
.fancybox-inner .pop-up-box-wrap h2,
.fancybox-inner .pop-up-box-wrap .box-header,
.fancybox-inner .pop-up-box-wrap h1 {
  padding: 10px;
  background: #ffcb08;
  margin: 0 0 10px 0;
  font-size: 16px;
}
.fancybox-inner .pop-up-box-wrap h2 + *,
.fancybox-inner .pop-up-box-wrap .box-header + *,
.fancybox-inner .pop-up-box-wrap h1 + * {
  padding: 10px;
}
.fancybox-inner .pop-up-box-wrap > form {
  padding: 10px;
}
.fancybox-inner .pop-up-box-wrap > p {
  padding: 0 10px;
}
.fancybox-inner .pop-up-box-wrap h1 ~ h2 {
  background: transparent;
}
.fancybox-inner .pop-up-box-wrap p,
.fancybox-inner .pop-up-box-wrap li {
  line-height: 18px;
  margin: 0 0 10px 0;
  text-align: left;
  font-family: Verdana, Arial, sans-serif;
}
.fancybox-inner .pop-up-box-wrap p a,
.fancybox-inner .pop-up-box-wrap li a {
  color: #929292;
}
.fancybox-inner .pop-up-box-wrap p a:hover,
.fancybox-inner .pop-up-box-wrap li a:hover,
.fancybox-inner .pop-up-box-wrap p a:active,
.fancybox-inner .pop-up-box-wrap li a:active {
  color: black;
}
.fancybox-inner .pop-up-box-wrap li {
  margin: 3px 0;
}
.fancybox-inner .pop-up-box-wrap li p {
  margin: 0;
}
.fancybox-inner .pop-up-box-wrap li > a {
  color: #929292;
}
.fancybox-inner .pop-up-box-wrap li > a:hover,
.fancybox-inner .pop-up-box-wrap li > a:active {
  color: black;
}
.fancybox-inner .pop-up-box-wrap:after {
  display: block;
  content: '';
  clear: both;
}
@media (min-width: 768px) {
  .fancybox-inner .pop-up-box-wrap {
    min-width: 600px;
  }
}
@media (max-width: 767px) {
  .fancybox-inner .pop-up-box-wrap {
    min-width: 380px;
  }
}
@media (max-width: 479px) {
  .fancybox-inner .pop-up-box-wrap {
    min-width: initial;
  }
  .fancybox-inner .pop-up-box-wrap .button,
  .fancybox-inner .pop-up-box-wrap button {
    float: left !important;
    margin-left: 15px;
  }
  .fancybox-inner .pop-up-box-wrap .button:first-child,
  .fancybox-inner .pop-up-box-wrap button:first-child {
    margin-left: 0;
  }
}
.welcome p {
  text-align: justify !important;
}
.welcome.home-bottom > .dynamic-block-wrapper {
  padding: 20px 0px 10px 0;
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  margin: 20px 0px;
}
.strip-rich-text,
.dynamic-block-wrapper,
.welcome {
  line-height: 18px !important;
  font-size: 12px !important;
  color: #4d4d4d !important;
}
.strip-rich-text p,
.dynamic-block-wrapper p,
.welcome p,
.strip-rich-text span,
.dynamic-block-wrapper span,
.welcome span,
.strip-rich-text ul,
.dynamic-block-wrapper ul,
.welcome ul,
.strip-rich-text li,
.dynamic-block-wrapper li,
.welcome li {
  line-height: 18px !important;
  margin: 0 0 15px 0 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 12px !important;
  color: #4d4d4d !important;
}
.strip-rich-text li,
.dynamic-block-wrapper li,
.welcome li {
  margin: 3px 0 !important;
}
.strip-rich-text li p,
.dynamic-block-wrapper li p,
.welcome li p {
  margin: 0 !important;
}
.strip-rich-text a,
.dynamic-block-wrapper a,
.welcome a,
.strip-rich-text a > span,
.dynamic-block-wrapper a > span,
.welcome a > span {
  color: #929292;
  font-weight: normal !important;
}
.strip-rich-text a:hover,
.dynamic-block-wrapper a:hover,
.welcome a:hover,
.strip-rich-text a > span:hover,
.dynamic-block-wrapper a > span:hover,
.welcome a > span:hover,
.strip-rich-text a:active,
.dynamic-block-wrapper a:active,
.welcome a:active,
.strip-rich-text a > span:active,
.dynamic-block-wrapper a > span:active,
.welcome a > span:active {
  color: black !important;
}
.strip-rich-text table p,
.dynamic-block-wrapper table p,
.welcome table p {
  margin: 0 !important;
}
.strip-rich-text table th,
.dynamic-block-wrapper table th,
.welcome table th,
.strip-rich-text table th p,
.dynamic-block-wrapper table th p,
.welcome table th p {
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
}
.strip-rich-text #orange-text-header,
.dynamic-block-wrapper #orange-text-header,
.welcome #orange-text-header,
.strip-rich-text #orange-text-header > p,
.dynamic-block-wrapper #orange-text-header > p,
.welcome #orange-text-header > p,
.strip-rich-text #teal-text-header,
.dynamic-block-wrapper #teal-text-header,
.welcome #teal-text-header,
.strip-rich-text #teal-text-header > p,
.dynamic-block-wrapper #teal-text-header > p,
.welcome #teal-text-header > p {
  font-size: 14.4px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase;
}
.strip-rich-text #orange-text-header,
.dynamic-block-wrapper #orange-text-header,
.welcome #orange-text-header,
.strip-rich-text #orange-text-header > p,
.dynamic-block-wrapper #orange-text-header > p,
.welcome #orange-text-header > p {
  color: #4d4d4d !important;
}
.strip-rich-text #teal-text-header,
.dynamic-block-wrapper #teal-text-header,
.welcome #teal-text-header,
.strip-rich-text #teal-text-header > p,
.dynamic-block-wrapper #teal-text-header > p,
.welcome #teal-text-header > p {
  color: #4d4d4d !important;
}
.strip-rich-text #orange-text-header,
.dynamic-block-wrapper #orange-text-header,
.welcome #orange-text-header,
.strip-rich-text #teal-text-header,
.dynamic-block-wrapper #teal-text-header,
.welcome #teal-text-header {
  border-bottom: 1px solid #c5c5c5 !important;
  padding-bottom: 2px !important;
  margin-bottom: 10px !important;
  margin-top: 20px !important;
}
.caps {
  text-transform: uppercase;
}
.arrow-icon {
  width: 15px;
  height: 15px;
  background-image: url('/static/img/icons_logos/icon_arrows_sprite_2x.png');
  background-repeat: no-repeat;
  background-size: 45px 30px;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.relative {
  position: relative;
}
.white {
  color: #FFF !important;
}
.divider,
hr {
  background-color: #c5c5c5;
  height: 1px;
  width: 100%;
  margin: 20px 0;
  border: none;
}
.form-wrap hr {
  background-color: #aeaeae;
}
table {
  width: 100% !important;
  height: auto !important;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  border-spacing: 0px;
  margin-bottom: 20px;
  background: #fdfdfd;
}
table th,
table td {
  padding: 0;
}
table th p,
table td p,
table th ul,
table td ul {
  margin-bottom: 0;
}
table tbody td,
table tbody tr {
  vertical-align: top;
}
table > thead tr th,
table > tbody:first-child tr:first-child td {
  margin: 0;
  padding: 8px 6px !important;
  background-color: #aeaeae !important;
  text-align: left;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
}
table > thead tr th:first-child,
table > tbody:first-child tr:first-child td:first-child {
  border-left: none !important;
}
table.no-header > tbody tr:first-child td,
table tbody tr td,
table tr td {
  background: #dedede !important;
  padding: 6px !important;
  vertical-align: middle;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-top: none;
  font-size: 12px;
  font-weight: normal;
  text-transform: initial;
}
table.no-header > tbody tr:first-child td:first-child,
table tbody tr td:first-child,
table tr td:first-child {
  border-left: none;
}
table.no-header > tbody tr:first-child td .button,
table tbody tr td .button,
table tr td .button,
table.no-header > tbody tr:first-child td button,
table tbody tr td button,
table tr td button {
  margin: 0 !important;
  min-width: 100px;
  text-align: center;
}
table.no-header > tbody tr:first-child td a,
table tbody tr td a,
table tr td a {
  color: #929292;
}
table.no-header > tbody tr:first-child td a:hover,
table tbody tr td a:hover,
table tr td a:hover,
table.no-header > tbody tr:first-child td a:active,
table tbody tr td a:active,
table tr td a:active {
  color: black;
}
table.no-header > tbody tr:first-child:nth-child(even) td,
table tbody tr:nth-child(even) td,
table tr:nth-child(even) td {
  background: #f0f0f0 !important;
}
table.clean,
table.strip,
table.mceLayout {
  background: transparent;
}
table.clean thead tr th,
table.strip thead tr th,
table.mceLayout thead tr th {
  background-color: transparent !important;
  border: none;
}
table.clean tbody tr td,
table.strip tbody tr td,
table.mceLayout tbody tr td,
table.clean > tbody:first-child tr:first-child td,
table.strip > tbody:first-child tr:first-child td,
table.mceLayout > tbody:first-child tr:first-child td {
  background-color: transparent !important;
  border: none;
  padding: 4px;
  font-weight: normal;
  vertical-align: top;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px !important;
  text-transform: initial !important;
}
table.clean tr:nth-child(even) td,
table.strip tr:nth-child(even) td,
table.mceLayout tr:nth-child(even) td {
  background: transparent;
}
table.strip {
  width: auto;
}
table.strip thead tr th,
table.strip tbody tr td {
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: normal;
  padding: 0 0 0 10px !important;
  line-height: 18px;
  text-transform: initial;
}
table.strip thead tr th a,
table.strip tbody tr td a {
  color: #929292;
}
table.strip thead tr th a:hover,
table.strip tbody tr td a:hover,
table.strip thead tr th a:active,
table.strip tbody tr td a:active {
  color: black;
}
.sharing {
  padding: 10px;
  background: #dedede;
  line-height: 14px;
  margin: 10px 0;
}
.box-wrap {
  padding: 5px;
  background-color: #fff;
  position: relative;
  margin-bottom: 15px;
}
.box-wrap ul {
  margin: 0;
  padding: 0;
}
.box-wrap ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.box-wrap ul li {
  text-align: left;
  border-bottom: 1px solid #c5c5c5;
}
.box-wrap ul li a {
  display: block;
  padding: 4px 2px 2px 2px;
  margin: 3px 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.box-wrap ul li a:hover,
.box-wrap ul li a:active {
  background-color: #dedede;
}
.box-wrap ul li a strong {
  font-weight: normal !important;
}
.box-wrap .box-header {
  font-size: 16px;
  margin: -10px -10px 15px -10px;
  padding: 5px 10px;
  background-color: #ffcb08;
}
.box-wrap .padding {
  background-color: #f0f0f0;
  padding: 10px;
}
.box-wrap .boxshad_r,
.box-wrap .boxshad_l,
.box-wrap .boxshad_br,
.box-wrap .boxshad_bl {
  position: absolute;
}
.box-wrap .boxshad_r,
.box-wrap .boxshad_l {
  height: 47px;
  width: 4px;
  bottom: 0;
}
.box-wrap .boxshad_r {
  right: -4px;
  background: url('/static/img/structure/boxshad_r.png?0ec68b12405d') no-repeat;
}
.box-wrap .boxshad_l {
  left: -4px;
  background: url('/static/img/structure/boxshad_l.png?7ea0b727c288') no-repeat;
}
.box-wrap .boxshad_br,
.box-wrap .boxshad_bl {
  width: 95px;
  height: 9px;
  bottom: -9px;
}
.box-wrap .boxshad_br {
  right: -7px;
  background: url('/static/img/structure/boxshad_br.png?6baf9e24ea40') no-repeat;
}
.box-wrap .boxshad_bl {
  left: -4px;
  background: url('/static/img/structure/boxshad_bl.png?ae349ed2a025') no-repeat;
}
.box-wrap a {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.box-wrap a:hover,
.box-wrap a:active {
  background-color: #dedede;
}
/*============================= BLOCK LAYOUT ===============================*/
.block-wrap {
  width: 100%;
  margin: 0 0 10px 0;
}
.block-wrap .padding {
  padding: 15px;
}
.block-wrap .quart-block {
  position: relative;
  width: 24.2%;
  float: left;
  margin-left: 1%;
  min-height: 1px;
}
.block-wrap .quart-block:first-child {
  margin-left: 0;
}
@media (max-width: 479px) {
  .block-wrap .quart-block {
    width: 100%;
    float: none;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.block-wrap .half-block {
  position: relative;
  width: 49%;
  float: left;
  margin-left: 2%;
  min-height: 1px;
}
.block-wrap .half-block:nth-child(odd),
.block-wrap .half-block:first-child {
  margin-left: 0;
}
.block-wrap .third-block {
  position: relative;
  width: 32%;
  float: left;
  margin-left: 2%;
  min-height: 1px;
}
.block-wrap .third-block:first-child {
  margin-left: 0;
}
.block-wrap .third-block.twothirds-block {
  width: 66%;
}
.block-wrap.connect-blocks > .half-block {
  width: 50%;
  margin-left: 0;
}
.block-wrap.connect-blocks > .third-block {
  width: 33%;
  margin-left: 0;
}
.block-wrap.connect-blocks > .third-block.twothirds-block {
  width: 67%;
}
.block-wrap.connect-below {
  margin-bottom: 0;
}
.block-wrap .border-left {
  border-left: 1px solid #c8c7c7;
}
.block-wrap .border-right {
  border-right: 1px solid #c8c7c7;
}
@media (max-width: 767px) {
  .block-wrap .half-block,
  .block-wrap .third-block,
  .block-wrap .third-block.twothirds-block {
    width: 100%;
    float: none;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .block-wrap.stay > .half-block {
    width: 48%;
    float: left;
    margin-left: 4% !important;
  }
  .block-wrap.stay > .half-block:first-child {
    margin-left: 0 !important;
  }
  .block-wrap.stay > .third-block {
    width: 32%;
    float: left;
  }
  .block-wrap.stay > .third-block:first-child {
    margin-left: 0;
  }
  .block-wrap.stay > .third-block.twothirds-block {
    width: 66% !important;
    margin-left: 2%;
    float: left;
  }
  .block-wrap.stay.connect-blocks > .half-block {
    width: 50%;
    margin-left: 0 !important;
  }
  .block-wrap.stay.connect-blocks > .third-block {
    width: 33%;
    margin-left: 0;
  }
  .block-wrap.stay.connect-blocks > .third-block.twothirds-block {
    width: 67%;
  }
  .block-wrap.connect-blocks > .half-block {
    width: 100%;
    margin-left: 0;
  }
  .block-wrap.connect-blocks > .third-block {
    width: 100%;
    margin-left: 0;
  }
  .block-wrap.connect-blocks > .third-block.twothirds-block {
    width: 100%;
  }
  .block-wrap .border-left,
  .block-wrap .border-right {
    border: none;
  }
}
/*============================= Slider ===============================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 40px;
  padding: 0;
  *zoom: 1;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.slide_head_gradient {
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e0e0e0));
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  background: linear-gradient(to bottom, #f8f8f8 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e0e0e0', GradientType=0);
}
.slider_wrap {
  position: relative;
  background-color: #fafafa;
  margin: 0 auto 35px auto;
}
.slider_wrap .feature_slider {
  margin: 0;
  padding: 0;
  height: 100%;
}
.slider_wrap .feature_slider li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.slider_wrap .feature_slider li {
  height: 100%;
}
.slider_wrap .feature_slider li .slide_head {
  height: 45px;
  margin: 0;
  line-height: 45px;
  padding-left: 15px;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e0e0e0));
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  background: linear-gradient(to bottom, #f8f8f8 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e0e0e0', GradientType=0);
}
.slider_wrap .feature_slider li .slide_head a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 95%;
  max-width: 395px;
  display: block;
  color: #4d4d4d !important;
  font-family: 'Open Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
}
.slider_wrap .feature_slider li .slide_head a:hover {
  color: black !important;
}
.slider_wrap .feature_slider .slide_body {
  padding: 10px 15px;
  background-color: #fafafa;
  position: relative;
}
.slider_wrap .feature_slider .slide_body .slide_content {
  line-height: 18px !important;
  font-size: 12px !important;
  color: #4d4d4d !important;
  min-height: 160px;
}
.slider_wrap .feature_slider .slide_body .slide_content p,
.slider_wrap .feature_slider .slide_body .slide_content span,
.slider_wrap .feature_slider .slide_body .slide_content ul,
.slider_wrap .feature_slider .slide_body .slide_content li {
  line-height: 18px !important;
  margin: 0 0 15px 0 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 12px !important;
  color: #4d4d4d !important;
}
.slider_wrap .feature_slider .slide_body .slide_content li {
  margin: 3px 0 !important;
}
.slider_wrap .feature_slider .slide_body .slide_content li p {
  margin: 0 !important;
}
.slider_wrap .feature_slider .slide_body .slide_content a,
.slider_wrap .feature_slider .slide_body .slide_content a > span {
  color: #929292;
  font-weight: normal !important;
}
.slider_wrap .feature_slider .slide_body .slide_content a:hover,
.slider_wrap .feature_slider .slide_body .slide_content a > span:hover,
.slider_wrap .feature_slider .slide_body .slide_content a:active,
.slider_wrap .feature_slider .slide_body .slide_content a > span:active {
  color: black !important;
}
.slider_wrap .feature_slider .slide_body .slide_content table p {
  margin: 0 !important;
}
.slider_wrap .feature_slider .slide_body .slide_content table th,
.slider_wrap .feature_slider .slide_body .slide_content table th p {
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
}
.slider_wrap .feature_slider .slide_body .slide_content #orange-text-header,
.slider_wrap .feature_slider .slide_body .slide_content #orange-text-header > p,
.slider_wrap .feature_slider .slide_body .slide_content #teal-text-header,
.slider_wrap .feature_slider .slide_body .slide_content #teal-text-header > p {
  font-size: 14.4px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase;
}
.slider_wrap .feature_slider .slide_body .slide_content #orange-text-header,
.slider_wrap .feature_slider .slide_body .slide_content #orange-text-header > p {
  color: #4d4d4d !important;
}
.slider_wrap .feature_slider .slide_body .slide_content #teal-text-header,
.slider_wrap .feature_slider .slide_body .slide_content #teal-text-header > p {
  color: #4d4d4d !important;
}
.slider_wrap .feature_slider .slide_body .slide_content #orange-text-header,
.slider_wrap .feature_slider .slide_body .slide_content #teal-text-header {
  border-bottom: 1px solid #c5c5c5 !important;
  padding-bottom: 2px !important;
  margin-bottom: 10px !important;
  margin-top: 20px !important;
}
.slider_wrap .feature_slider .slide_body .readmore img {
  height: 10px;
  width: 12px;
  border: none;
  margin: 4px 3px 3px 3px;
  float: left;
}
.slider_wrap .feature_slider .slide_body img {
  margin: 10px;
  width: 125px;
  float: right;
  border: 1px solid #333;
}
.bx-controls-direction {
  position: absolute;
  top: 0;
  right: 0;
  height: 45px;
  width: 80px;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e0e0e0));
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  background: linear-gradient(to bottom, #f8f8f8 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e0e0e0', GradientType=0);
}
.bx-controls-direction a.bx-next {
  right: 10px;
}
.bx-controls-direction a.bx-next span {
  background: url('/static/img/icons_logos/arrows/arrow_wht_2x.png?be654901f2e0') center center no-repeat;
  background-size: 15px 15px;
}
.bx-controls-direction a.bx-next span:active {
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_2x.png?fa695c545020');
}
.bx-controls-direction a.bx-prev {
  right: 47px;
}
.bx-controls-direction a.bx-prev span {
  background: url('/static/img/icons_logos/arrows/arrow_wht_left_2x.png?31ace855ddc6') center center no-repeat;
  background-size: 15px 15px;
}
.bx-controls-direction a.bx-prev span:active {
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_left_2x.png?33e770c68f17');
}
.bx-controls-direction a.bx-next,
.bx-controls-direction a.bx-prev {
  position: absolute;
  display: inline-block;
  line-height: 20px;
  padding: 0.4em 1em;
  margin: 0.6em 0;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  text-decoration: none;
  color: #4d4d4d !important;
  font-size: 12px;
  cursor: pointer;
  color: #4d4d4d;
  background: #aeaeae;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2) !important;
  background: #ffffff;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNGQ2ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #ffffff 0%, #d4d6d5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d4d6d5));
  background: -webkit-linear-gradient(top, #ffffff 0%, #d4d6d5 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #d4d6d5 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #d4d6d5 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #d4d6d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d4d6d5', GradientType=0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 0;
  margin: 0;
  width: 25px;
  height: 25px;
  top: 10px;
  overflow: hidden;
}
.bx-controls-direction a.bx-next:hover,
.bx-controls-direction a.bx-prev:hover,
.bx-controls-direction a.bx-next:active,
.bx-controls-direction a.bx-prev:active {
  color: black;
}
.bx-controls-direction a.bx-next:hover,
.bx-controls-direction a.bx-prev:hover {
  color: #333 !important;
  background: #d4d6d5;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDZkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #d4d6d5 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d6d5), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #d4d6d5 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #d4d6d5 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #d4d6d5 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #d4d6d5 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d6d5', endColorstr='#ffffff', GradientType=0);
}
.bx-controls-direction a.bx-next.inline,
.bx-controls-direction a.bx-prev.inline {
  display: inline-block;
  margin-left: 10px;
}
.bx-controls-direction a.bx-next.center,
.bx-controls-direction a.bx-prev.center {
  max-width: 80px;
  text-align: center;
  margin: auto;
}
.bx-controls-direction a.bx-next.large,
.bx-controls-direction a.bx-prev.large {
  font-size: 16.8px;
  line-height: 18px;
}
.bx-controls-direction a.bx-next > .link-arrow,
.bx-controls-direction a.bx-prev > .link-arrow {
  background-position: 0px center ;
}
.bx-controls-direction a.bx-next .icon,
.bx-controls-direction a.bx-prev .icon {
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
}
.bx-controls-direction a.bx-next .icon.right,
.bx-controls-direction a.bx-prev .icon.right {
  margin-left: 10px;
}
.bx-controls-direction a.bx-next .icon.left,
.bx-controls-direction a.bx-prev .icon.left {
  margin-right: 10px;
}
.bx-controls-direction a.bx-next .icon.lock,
.bx-controls-direction a.bx-prev .icon.lock {
  background-image: url('/static/img/icons_logos/lock_2x.png?123beaad2662');
  background-size: 11px 16px;
}
.bx-controls-direction a.bx-next.icon-pdf,
.bx-controls-direction a.bx-prev.icon-pdf,
.bx-controls-direction a.bx-next.icon-msword,
.bx-controls-direction a.bx-prev.icon-msword,
.bx-controls-direction a.bx-next.icon-download,
.bx-controls-direction a.bx-prev.icon-download {
  padding: 0.4em 1em 0.4em 10px;
  position: relative;
  text-indent: 20px;
}
.bx-controls-direction a.bx-next.icon-pdf > span,
.bx-controls-direction a.bx-prev.icon-pdf > span,
.bx-controls-direction a.bx-next.icon-msword > span,
.bx-controls-direction a.bx-prev.icon-msword > span,
.bx-controls-direction a.bx-next.icon-download > span,
.bx-controls-direction a.bx-prev.icon-download > span {
  display: block;
  border-radius: 4px 4px;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px 4px;
  -ms-border-radius: 4px 4px;
  -o-border-radius: 4px 4px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 7px center;
  background-size: auto 15px;
}
.bx-controls-direction a.bx-next.icon-pdf > span,
.bx-controls-direction a.bx-prev.icon-pdf > span {
  background-image: url('/static/img/icons_logos/optionspanel/icon_pdf_2x.png?76e49d6d4f29');
}
.bx-controls-direction a.bx-next.icon-msword > span,
.bx-controls-direction a.bx-prev.icon-msword > span {
  background-image: url('/static/img/icons_logos/optionspanel/icon_msword_2x.png?767cfc418bad');
}
.bx-controls-direction a.bx-next.icon-download > span,
.bx-controls-direction a.bx-prev.icon-download > span {
  background-image: url('/static/img/icons_logos/optionspanel/icon_download_2x.png?bc754bacd2b9');
}
.bx-controls-direction a.bx-next span,
.bx-controls-direction a.bx-prev span {
  display: block;
  width: 25px;
  height: 25px;
}
@media (max-width: 767px) {
  .bx-controls-direction {
    top: -41px;
    background: transparent;
  }
}
body.no-touch a.bx-next span:hover {
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_2x.png?fa695c545020');
}
body.no-touch a.bx-prev span:hover {
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_left_2x.png?33e770c68f17');
}
/* Slider corner shadows */
.banshad_r,
.banshad_l,
.banshad_br,
.banshad_bl {
  position: absolute;
}
.banshad_r,
.banshad_l {
  height: 64px;
  width: 11px;
  bottom: 0;
}
.banshad_r {
  right: -11px;
  background: url('/static/img/structure/banshad_r.png?c202e8e7521f') no-repeat;
}
.banshad_l {
  left: -11px;
  background: url('/static/img/structure/banshad_l.png?d07cd8939b78') no-repeat;
}
.banshad_br,
.banshad_bl {
  width: 257px;
  height: 17px;
  bottom: -17px;
}
.banshad_br {
  right: -11px;
  background: url('/static/img/structure/banshad_br.png?b4d7b8f269a5') no-repeat;
}
.banshad_bl {
  left: -11px;
  background: url('/static/img/structure/banshad_bl.png?dc37a9c88a3d') no-repeat;
}
/*============================= Legalbrief today ===============================*/
@media (max-width: 767px) {
  .legalbrief,
  .block_advert {
    display: none;
  }
}
.legalbrief {
  margin: 15px 0;
}
.legalbrief .box-wrap .box-header {
  margin-bottom: 5px;
}
.legalbrief .box-wrap .legalbrief-date {
  text-indent: 15px;
  line-height: 24px;
  height: 24px;
  margin-bottom: 15px;
  border-bottom: 1px solid #c5c5c5;
}
.legalbrief .box-wrap p {
  border-bottom: 1px solid #c5c5c5;
  float: right;
  width: 85%;
  text-align: left;
  padding-bottom: 0.6em;
}
.legalbrief .box-wrap p:last-child {
  border: none;
}
.legalbrief .box-wrap a {
  font-style: italic;
  display: block;
  padding: 3px;
}
.legalbrief .box-wrap div.speechbub {
  width: 15%;
  height: 50px;
  float: left;
  background: url('/static/img/icons_logos/icon_legalbrief_2x.png?c5c574db76be') no-repeat;
  background-size: 20px 20px;
  background-position: top left ;
}
/*============================= Login widget ===============================*/
#login_widget {
  z-index: 51;
  width: 206px;
  margin: 20px 0 0px 9px;
  display: block !important;
}
#login_widget ul {
  margin: 0;
  padding: 0;
}
#login_widget ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
#login_widget button {
  margin-bottom: 0;
}
#login_widget ul li {
  border-bottom: none;
}
#login_widget ul li a {
  line-height: 25px;
  display: block;
  margin: 0;
  padding: 0 0 0 2px;
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: 2px 5px;
}
#login_widget ul li a.profile {
  background-image: url('/static/img/icons_logos/profile/profile_2x.png?56398e89f9ac');
}
#login_widget ul li a.history {
  background-image: url('/static/img/icons_logos/profile/history_2x.png?f3c4ef8b7d96');
}
#login_widget ul li a.password {
  background-image: url('/static/img/icons_logos/profile/password_2x.png?1c47cbb2ff1d');
}
#login_widget ul li a.logout {
  background-image: url('/static/img/icons_logos/profile/logout_2x.png?3524976f86de');
}
#login_widget ul li a.admin {
  background-image: url('/static/img/icons_logos/profile/admin_2x.png?b01a1e96cb26');
}
#login_widget ul li a.ebooks {
  background-image: url('/static/img/icons_logos/profile/ebooks_2x.png?48812454451d');
}
#login_widget ul li a.jutastat {
  background-image: url('/static/img/icons_logos/profile/jutastat_2x.png?d84c7bc56e5f');
}
#login_widget .box-wrap .padding {
  min-height: 213px;
}
#login_widget.logged-in ul li a {
  line-height: 32px;
  padding-left: 30px;
}
@media (max-width: 979px) {
  #login_widget {
    display: none !important;
    position: relative;
    top: auto;
    left: auto;
    width: 256px;
  }
}
.fancybox-inner #login_widget {
  width: 400px;
  margin: 0;
  display: block !important;
}
@media (max-width: 479px) {
  .fancybox-inner #login_widget {
    width: 206px;
  }
}
.fancybox-inner #login_widget .box-wrap {
  padding: 0;
  background-color: transparent;
  margin-bottom: 0;
}
.fancybox-inner #login_widget .box-wrap .padding {
  background-color: transparent;
  padding: 0;
}
.fancybox-inner #login_widget .box-wrap .boxshad_r,
.fancybox-inner #login_widget .box-wrap .boxshad_l,
.fancybox-inner #login_widget .box-wrap .boxshad_br,
.fancybox-inner #login_widget .box-wrap .boxshad_bl {
  display: none;
}
.toggle-loginbox {
  display: none;
}
@media (max-width: 979px) {
  .toggle-loginbox {
    display: block;
  }
}
/*============================= Change Password ===============================*/
.change-password .block-wrap > .half-block + .half-block {
  clear: left;
  margin-left: 0;
  margin-right: 2%;
}
.change-password .block-wrap > .half-block + .half-block + .half-block {
  margin-right: 0;
  clear: none;
}
/*============================= Bread crumbs ===============================*/
.crumbs a {
  background: url('/static/img/icons_logos/arrows/arrow_wht_2x.png?be654901f2e0') center left no-repeat;
  background-size: 12px 12px;
  padding-left: 15px;
  margin-right: 5px;
  line-height: 20px;
  color: #dedede;
  display: block;
  float: left;
  max-width: 260px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: capitalize;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  color: #929292;
}
.crumbs a:first-child {
  margin-left: 0;
}
.crumbs a:hover,
.crumbs a:active {
  color: black;
}
/*============================= Generic category tree list - Right hand column ===============================*/
@media (max-width: 767px) {
  .categorylist,
  .widget-tree-list,
  .category-widget {
    display: none;
  }
}
.category-widget {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .widget-tree-list ul {
    margin: 0;
    padding: 0;
  }
  .widget-tree-list ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
  }
  .widget-tree-list a {
    display: block;
    color: #929292;
    text-decoration: none;
  }
  .widget-tree-list > ul > li {
    border-bottom: none;
  }
  .widget-tree-list > ul > li > a {
    display: none;
    /*padding: 6px 10px;
                    border-bottom: 1px solid @grey3;
                    text-transform: uppercase;
                    text-decoration: none;
                    .transition (all 0.3s);
                    strong {
                        color: @baseFontColor;
                    }
                    &:hover {
                        background-color: darken(@mainContentBg, 5%);
                        color: @baseFontColor;
                    }*/
  }
}
.detail_panel {
  margin-top: 15px;
}
.detail_panel ul {
  margin: 0;
  padding: 0;
}
.detail_panel ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.detail_panel ul li {
  border-bottom: none;
}
.detail_panel ul li a {
  line-height: 32px;
  display: block;
  margin: 0;
  padding: 0 0 0 27px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 15px auto;
}
.detail_panel ul li a.print {
  background-image: url('/static/img/icons_logos/optionspanel/icon_print_2x.png?748f4d6fb921');
}
.detail_panel ul li a.pdf {
  background-image: url('/static/img/icons_logos/optionspanel/icon_pdf_2x.png?76e49d6d4f29');
}
.detail_panel ul li a.email {
  background-image: url('/static/img/icons_logos/optionspanel/icon_email_2x.png?c16bf440e39c');
}
.detail_panel .like-wrap {
  line-height: 32px;
  padding-left: 27px;
  background: url('/static/img/icons_logos/optionspanel/icon_like_2x.png?6c7d5bf15e84') 5px center no-repeat;
  background-size: 15px auto;
}
.detail_panel .like-wrap .button {
  padding: 1px 7px;
  float: right;
  margin: 2px 0 0 0;
}
.detail_panel .like-wrap .button .icon.like {
  width: 15px;
  height: 15px;
  background: url('/static/img/icons_logos/optionspanel/icon_like_2x.png?6c7d5bf15e84') center left no-repeat;
  background-size: 15px auto;
  display: block;
  float: left;
  margin: 2px 7px 0 0;
}
.detail_panel .like-score {
  float: left;
}
.cartwidget {
  margin-top: 15px;
}
.cartwidget .cartitem {
  margin-bottom: 10px;
  border-bottom: 1px solid #c5c5c5;
}
.cartwidget .cartitem .product-title {
  text-align: left;
}
.cartwidget .cartitem .product-title a {
  display: block;
}
.cartwidget .cartitem .qty-label {
  float: left;
  margin: 5px 10px 0 15px;
}
.cartwidget .cartitem .qty-input input {
  width: 30px;
  float: left;
  margin-right: 10px;
  text-align: center;
  text-indent: 0;
  padding-left: 3px;
  padding-right: 3px;
}
.cartwidget .cartitem .qty-input span {
  float: left;
  font-weight: bold;
  margin: 7px 0 0 0;
}
.cartwidget.no-items {
  display: none;
}
.cartwidget .dots {
  text-align: center;
  position: absolute;
  bottom: 15px;
  margin-left: -15px;
  width: 100%;
}
#enquiry-form .cartitem {
  margin-bottom: 10px;
  border-bottom: 1px solid #c5c5c5;
}
#enquiry-form .cartitem .product-title a {
  color: #4d4d4d;
}
#enquiry-form .cartitem label {
  font-family: Verdana, Arial, sans-serif;
  text-transform: capitalize;
}
#enquiry-form .total {
  float: right;
  font-weight: bold;
  margin: 10px 0;
  font-size: 15.6px;
}
.delete_handle {
  display: block;
  float: right;
  text-indent: 1000px;
  width: 15px;
  height: 15px;
  overflow: hidden;
  cursor: pointer;
  background: url('/static/img/icons_logos/icon_remove_2x.png?0dab475066a2') top left no-repeat;
  background-size: 15px 15px;
  opacity: 0.6;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.delete_handle:hover {
  opacity: 1;
}
.enquiry-history table tbody tr td {
  vertical-align: top;
}
.enquiry-history table tbody tr td:first-child {
  font-weight: bold;
}
.related.no-items {
  display: none;
}
.related .section-wrap {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.related .section-wrap > a {
  display: block;
  color: #929292;
  padding: 5px 8px;
  margin: 3px 0;
  border-bottom: 1px solid #c5c5c5;
}
.related .section-wrap > a:hover,
.related .section-wrap > a:active {
  color: black;
}
.related .section-wrap ul {
  margin: 0;
  padding: 0 0 0 20px;
}
.related .section-wrap:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.support-widget {
  margin: 20px auto;
}
.support-widget ul li a {
  background: none;
}
.support-widget ul li a:hover {
  background: none;
}
.block_advert {
  margin: 15px 0;
}
.block_advert br {
  display: none;
}
@media (max-width: 767px) {
  .block_advert {
    display: none;
  }
}
.pagination {
  float: right;
  margin: 10px 0;
}
.pagination .button {
  padding: 0.2em 0.5em;
  display: inline-block;
  margin-left: 5px;
}
.pagination .button.next,
.pagination .button.previous {
  font-weight: bold;
}
.pagination .button.next > .link-arrow {
  padding: 0 20px 0 0;
  background-position: right center;
}
.pagination .button.previous > .link-arrow {
  padding: 0 0 0 20px;
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_left_2x.png?33e770c68f17');
}
.pagination .button.previous > .link-arrow:hover {
  background-image: url('/static/img/icons_logos/arrows/arrow_blk_left_2x.png?ff9449d37049');
}
.pagination .button.current {
  background: #c5c5c5;
  cursor: auto;
}
body.no-touch *[tooltip]:hover:after {
  content: attr(tooltip);
  padding: 4px 8px;
  line-height: 18px;
  color: #333;
  position: absolute;
  left: 0;
  bottom: 109%;
  white-space: nowrap;
  z-index: 20;
  box-shadow: 2px 2px 4px #aeaeae;
  background: #aeaeae;
  border: 1px solid #4d4d4d;
}
.no-fancybox {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: url('/static/css/images/fancybox_overlay.png?88efd8c8b1d4');
  display: none;
}
.no-fancybox .box-wrap {
  width: 80%;
  max-width: 500px;
  margin: 50px auto 0 auto;
}
.no-fancybox .box-wrap .overlay {
  display: none;
  width: 100% !important;
  position: relative !important;
  top: auto !important;
  left: 0 !important;
}
/*============================= Home page specific (?) - contact block at bottom ===============================*/
.home.block-wrap .half-block img {
  float: left;
  margin: 20px 10px 20px 0;
}
/*============================= Product Catalog List View - (Juta Law) ===============================*/
.adv-filt-wrap {
  background-color: #929292;
  margin: 0 0 20px 0;
  height: 30px;
}
.adv-filt-wrap a#advanced_filter_link {
  display: block;
  background-color: #929292;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
  color: #4d4d4d;
  background-position: 10px center;
  text-transform: uppercase;
}
.adv-filt-wrap a#advanced_filter_link:hover,
.adv-filt-wrap a#advanced_filter_link:active {
  color: black;
}
.pop-up-box-wrap#filter input[type="submit"] {
  float: right;
}
.pop-up-box-wrap#filter input[type="reset"] {
  float: left;
}
.catalogue-search-box.block-wrap {
  border-bottom: 1px solid white;
}
.catalogue-search-box.block-wrap .half-block a {
  margin: 0;
  font-size: 14px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  text-decoration: none !important;
  padding: 0 5px 0 32px;
  border-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_2x.png?fa695c545020');
  background-position: 5px top ;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 14px 14px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  height: 30px;
  line-height: 30px;
  background-color: #c5c5c5;
  cursor: pointer;
  text-decoration: none;
  color: #4d4d4d;
  background-position: 10px center;
}
.catalogue-search-box.block-wrap .half-block a.wht {
  background-image: url('/static/img/icons_logos/arrows/arrow_wht_2x.png?be654901f2e0');
}
.catalogue-search-box.block-wrap .half-block a:hover {
  background-image: url('/static/img/icons_logos/arrows/arrow_blk_2x.png?96dd38b36ad4');
}
.catalogue-search-box.block-wrap .half-block a:hover,
.catalogue-search-box.block-wrap .half-block a:active {
  color: black;
}
.catalogue-search-box.block-wrap .half-block a:hover {
  color: black;
}
.catalogue-search-box.block-wrap .half-block:first-child a {
  background-color: #aeaeae;
}
.pop-up-box-wrap .block-wrap .column {
  position: relative;
  width: 48%;
  float: left;
  margin-left: 4%;
}
.pop-up-box-wrap .block-wrap .column:first-child {
  margin-left: 0;
}
.pop-up-box-wrap select#id_categories {
  height: 280px;
}
.pop-up-box-wrap select#id_format {
  height: 159px;
}
@media (max-width: 767px) {
  .pop-up-box-wrap .block-wrap select#id_categories {
    height: 105px;
  }
  .pop-up-box-wrap .block-wrap select#id_format {
    height: 105px;
  }
  .pop-up-box-wrap .block-wrap .column {
    width: 100%;
    min-width: 500px;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) and (min-width: 550px) {
  .pop-up-box-wrap .block-wrap .column {
    min-width: 400px;
  }
}
@media (max-width: 767px) and (min-width: 450px) {
  .pop-up-box-wrap .block-wrap .column {
    min-width: 300px;
  }
}
@media (max-width: 767px) and (min-width: 320px) {
  .pop-up-box-wrap .block-wrap .column {
    min-width: 233px;
  }
}
.touch .pop-up-box-wrap .block-wrap select#id_categories {
  height: auto;
}
.touch .pop-up-box-wrap .block-wrap select#id_format {
  height: auto;
}
.object-wrap {
  position: relative;
  border-top: 1px solid #c5c5c5;
  margin-top: 20px;
}
.object-wrap #__GBS_Button0 {
  display: none;
}
.object-wrap .object {
  background: #f0f0f0;
  padding: 0 0 30px 0;
  margin-bottom: 20px;
  position: relative;
}
.object-wrap .object .title-wrap {
  background: #fdfdfd;
  padding: 5px;
  position: relative;
}
.object-wrap .object .title-wrap .title {
  display: block;
  margin: 0;
  line-height: 28px;
  font-family: 'Open Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
}
.object-wrap .object .title-wrap .subtitle {
  line-height: 16px;
}
.object-wrap .object .title-wrap .title,
.object-wrap .object .title-wrap .subtitle {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.object-wrap .object .title-wrap a.no-link {
  color: #4d4d4d;
  cursor: default;
}
.object-wrap .object .title-wrap a:not(.no-link) {
  color: #4d4d4d;
}
.object-wrap .object .title-wrap a:not(.no-link):hover,
.object-wrap .object .title-wrap a:not(.no-link):active {
  color: black;
}
.object-wrap .object .vert_shad {
  position: absolute;
  left: -10px;
  top: 0;
  height: 100%;
  width: 10px;
  background: url('/static/img/structure/mid_shad320.png?5deab6e0ffe3') center center no-repeat;
  background-size: 10px 125%;
  opacity: 0.6;
  display: block;
}
.object-wrap .object .left-box ul li .shadow {
  position: absolute;
  left: 0;
  bottom: -7px;
  top: auto;
  width: 100%;
  height: 7px;
  background: url('/static/img/structure/boxshad_bl.png?ae349ed2a025') top left no-repeat;
  background-size: 130% 7px;
  opacity: 0.7;
  z-index: 1;
}
.object-wrap .object > .block-wrap,
.object-wrap .object > div .block-wrap {
  border-bottom: 1px solid #c5c5c5;
  background: white;
  position: relative;
}
.object-wrap .object > .block-wrap .block-wrap,
.object-wrap .object > div .block-wrap .block-wrap {
  border: none;
}
.object-wrap .object > .block-wrap .block-wrap.object-buttons,
.object-wrap .object > div .block-wrap .block-wrap.object-buttons {
  margin-bottom: 0px;
  border-top: 1px solid #c5c5c5;
  background-color: #f0f0f0;
  position: absolute;
  right: 0;
  bottom: -31px;
}
.object-wrap .object > .block-wrap .block-wrap.object-buttons a,
.object-wrap .object > div .block-wrap .block-wrap.object-buttons a {
  color: #4d4d4d;
}
.object-wrap .object > .block-wrap .block-wrap.object-buttons a:hover,
.object-wrap .object > div .block-wrap .block-wrap.object-buttons a:hover,
.object-wrap .object > .block-wrap .block-wrap.object-buttons a:active,
.object-wrap .object > div .block-wrap .block-wrap.object-buttons a:active {
  color: black;
}
.object-wrap .object > .block-wrap .padding,
.object-wrap .object > div .block-wrap .padding {
  padding: 15px 7px 7px 7px;
}
.object-wrap .object > .block-wrap > .third-block.left-box > .shadow,
.object-wrap .object > div .block-wrap > .third-block.left-box > .shadow {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 7px;
  background: url('/static/img/structure/boxshad_bl.png?ae349ed2a025') top left no-repeat;
  background-size: 130% 7px;
  opacity: 0.7;
  z-index: 1;
}
.object-wrap .object > .block-wrap img,
.object-wrap .object > div .block-wrap img {
  width: 96%;
  height: auto;
  margin-left: 4%;
}
.object-wrap .object > .block-wrap p,
.object-wrap .object > div .block-wrap p {
  text-align: left;
}
.object-wrap .object > .block-wrap .min-height,
.object-wrap .object > div .block-wrap .min-height,
.object-wrap .object > .block-wrap.min-height,
.object-wrap .object > div .block-wrap.min-height,
.object-wrap .object > .block-wrap .min-height-plus-child > div:first-child,
.object-wrap .object > div .block-wrap .min-height-plus-child > div:first-child {
  min-height: 160px;
}
.object-wrap .object > .block-wrap .min-height-plus-child > div:first-child,
.object-wrap .object > div .block-wrap .min-height-plus-child > div:first-child {
  background-color: #f3f3f5;
}
.object-wrap .object > .block-wrap .ptitle,
.object-wrap .object > div .block-wrap .ptitle {
  font-weight: bold;
}
.object-wrap .bottom-shad {
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: -8px;
  left: 0;
  background: url('/static/img/structure/object-box-shadow.png?b0ccb301eaec') top left no-repeat;
  background-size: 100% 8px;
}
@media (max-width: 767px) {
  .object-wrap .object > .block-wrap .min-height,
  .object-wrap .object > .block-wrap.min-height,
  .object-wrap .object > .block-wrap .min-height-plus-child > div:first-child {
    min-height: 0px;
    border-top: 1px solid #E7E7E7;
  }
  .object-wrap .object > .block-wrap .min-height-plus-child > div:first-child {
    border-top: 1px solid #E7E7E7;
  }
  .object-wrap .object .vert_shad {
    display: none;
  }
}
.object-wrap.products .object .title-wrap .title-box {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.object-wrap.products .object .title-wrap .flag-box {
  position: absolute;
  top: 0;
  right: 0;
}
.object-wrap.products .object .title-wrap .flag {
  width: 65px;
  height: 52px;
  float: right;
  margin-top: -1px;
  margin-bottom: -20px;
  position: relative;
  z-index: 2;
  background-size: 65px auto;
  background-repeat: no-repeat;
  background-position: top left;
}
.object-wrap.products .object .title-wrap .flag.student {
  background-image: url('/static/img/icons_logos/flags/flag-student_2x.png?89efe8270862');
}
.object-wrap.products .object .title-wrap .flag.freetrial {
  background-image: url('/static/img/icons_logos/flags/flag-freetrial_2x.png?0195d1ce0f30');
}
.object-wrap.products .object .title-wrap .flag.material-lecturer {
  background-image: url('/static/img/icons_logos/flags/flag-support-lecturer_2x.png?5801aac80db8');
}
.object-wrap.products .object .title-wrap .flag.material-student {
  background-image: url('/static/img/icons_logos/flags/flag-support-student_2x.png?b0ae09d8781c');
}
.object-wrap.products .object .title-wrap .flag1 .title-box,
.object-wrap.products .object .title-wrap .flag2 .title-box,
.object-wrap.products .object .title-wrap .flag3 .title-box,
.object-wrap.products .object .title-wrap .flag4 .title-box {
  padding-right: 65px;
}
.object-wrap.products .object .title-wrap .flag1.flag2 .title-box,
.object-wrap.products .object .title-wrap .flag1.flag3 .title-box,
.object-wrap.products .object .title-wrap .flag1.flag4 .title-box,
.object-wrap.products .object .title-wrap .flag2.flag3 .title-box,
.object-wrap.products .object .title-wrap .flag2.flag4 .title-box,
.object-wrap.products .object .title-wrap .flag3.flag4 .title-box {
  padding-right: 130px;
}
.object-wrap.products .object .title-wrap .flag1.flag2.flag3 .title-box,
.object-wrap.products .object .title-wrap .flag1.flag2.flag4 .title-box,
.object-wrap.products .object .title-wrap .flag1.flag3.flag4 .title-box,
.object-wrap.products .object .title-wrap .flag2.flag3.flag4 .title-box {
  padding-right: 195px;
}
.object-wrap.products .object .title-wrap .flag1.flag2.flag3.flag4 .title-box {
  padding-right: 260px;
}
.object-wrap.products .object .attributes {
  background: white;
}
.object-wrap.products .object .attributes ul {
  margin: 0;
  padding: 0;
}
.object-wrap.products .object .attributes ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.object-wrap.products .object .attributes span {
  display: block;
}
.object-wrap.products .object .attributes > .format {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center center;
}
.object-wrap.products .object .attributes > .format.soft-cover {
  background-image: url('/static/img/icons_logos/catalogue/attribute_icons/icon_softcover_2x.png?cb5cb9a52861');
}
.object-wrap.products .object .attributes > .format.online {
  background-image: url('/static/img/icons_logos/catalogue/attribute_icons/icon_online_2x.png?853c3a97fc87');
}
.object-wrap.products .object .attributes > .format.pocket-size {
  background-image: url('/static/img/icons_logos/catalogue/attribute_icons/icon_pocket_2x.png?a43ac4e5db59');
}
.object-wrap.products .object .attributes > .format.loose-leaf {
  background-image: url('/static/img/icons_logos/catalogue/attribute_icons/icon_looseleaf_2x.png?4eac8ec13546');
}
.object-wrap.products .object .attributes > .format.hard-cover {
  background-image: url('/static/img/icons_logos/catalogue/attribute_icons/icon_hardcover_2x.png?d40e98eba186');
}
.object-wrap.products .object .attributes > .format.cd-rom,
.object-wrap.products .object .attributes > .format.dvd-rom {
  background-image: url('/static/img/icons_logos/catalogue/attribute_icons/icon_cd_2x.png?5017d2c268f4');
}
.object-wrap.products .object .attributes > .format.document {
  background-image: url('/static/img/icons_logos/catalogue/attribute_icons/icon_document_2x.png?5309ea480398');
}
.object-wrap.products .object .attributes > .format.poster {
  background-image: url('/static/img/icons_logos/catalogue/attribute_icons/icon_poster_2x.png?5309ea480398');
}
.object-wrap.products .object .attributes > .format.e-newsletter {
  background-image: url('/static/img/icons_logos/catalogue/attribute_icons/icon_e-newsletter_2x.png?fead0a2f8889');
}
.object-wrap.products .object .attributes > .format.ebook {
  background-image: url('/static/img/icons_logos/catalogue/attribute_icons/icon_ebook_2x.png?53dd6e7ef034');
}
.object-wrap.products .object .attributes ul li {
  position: relative;
  height: 32px;
  line-height: 33px;
}
.object-wrap.products .object .attributes ul li .icon {
  text-indent: 9999px;
  overflow: hidden;
  width: 30px;
  height: 28px;
  padding-top: 4px;
  border-right: 2px solid #bddee1;
  float: left;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center center;
}
.object-wrap.products .object .attributes ul li .icon.edition {
  background-image: url('/static/img/icons_logos/catalogue/attribute_icons/icon_edition_2x.png?253e46806e97');
}
.object-wrap.products .object .attributes ul li .icon.pagecount {
  background-image: url('/static/img/icons_logos/catalogue/attribute_icons/icon_pagecount_2x.png?6e7a5dbd332f');
}
.object-wrap.products .object .attributes ul li .icon.isbn,
.object-wrap.products .object .attributes ul li .icon.issn {
  background-image: url('/static/img/icons_logos/catalogue/attribute_icons/icon_isbn_2x.png?9fbf17880a0b');
}
.object-wrap.products .object .attributes ul li .icon.published {
  background-image: url('/static/img/icons_logos/catalogue/attribute_icons/icon_calender_2x.png?043d1504ddaa');
}
.object-wrap.products .object .attributes ul li:last-child .shadow {
  display: none;
}
.object-wrap.products .object .attributes ul li .value {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 2px;
}
@media (max-width: 767px) {
  .object-wrap.products .object .attributes {
    border-bottom: 1px solid transparent;
  }
}
@media (max-width: 479px) {
  .object-wrap.products .object .title-wrap .title {
    font-size: 18px;
  }
  .object-wrap.products .object .title-wrap .flag {
    width: 44px;
    height: 40px;
    background-size: 50px auto;
  }
  .object-wrap.products .object .title-wrap .flag1 .title-box,
  .object-wrap.products .object .title-wrap .flag2 .title-box,
  .object-wrap.products .object .title-wrap .flag3 .title-box,
  .object-wrap.products .object .title-wrap .flag4 .title-box {
    padding-right: 44px;
  }
  .object-wrap.products .object .title-wrap .flag1.flag2 .title-box,
  .object-wrap.products .object .title-wrap .flag1.flag3 .title-box,
  .object-wrap.products .object .title-wrap .flag1.flag4 .title-box,
  .object-wrap.products .object .title-wrap .flag2.flag3 .title-box,
  .object-wrap.products .object .title-wrap .flag2.flag4 .title-box,
  .object-wrap.products .object .title-wrap .flag3.flag4 .title-box {
    padding-right: 88px;
  }
  .object-wrap.products .object .title-wrap .flag1.flag2.flag3 .title-box,
  .object-wrap.products .object .title-wrap .flag1.flag2.flag4 .title-box,
  .object-wrap.products .object .title-wrap .flag1.flag3.flag4 .title-box,
  .object-wrap.products .object .title-wrap .flag2.flag3.flag4 .title-box {
    padding-right: 132px;
  }
  .object-wrap.products .object .title-wrap .flag1.flag2.flag3.flag4 .title-box {
    padding-right: 176px;
  }
}
.product-detail p {
  text-align: justify !important;
}
.product-detail .pop-up-box-wrap {
  max-width: none;
  background: initial;
}
.product-detail.pricing-toggle-box {
  margin: -20px 0 20px 0;
  padding-bottom: 5px;
  background: #f0f0f0;
  height: 0;
  overflow: hidden;
}
.product-detail.pricing-toggle-box.selected {
  height: 100%;
}
.product-detail.pricing-toggle-box .pricing {
  background: #f0f0f0;
}
.product-detail.pricing-toggle-box .pricing .h2 {
  line-height: 21px;
}
.product-detail.pricing-toggle-box table tbody td {
  background: #dedede !important;
}
.pricing {
  background: #fdfdfd;
  margin: 0px auto 20px auto;
  padding: 0 4%;
  color: #4d4d4d;
}
.pricing .title {
  display: none;
}
.pricing.pop-up-box-wrap {
  min-width: 400px;
}
.pricing .normal-pricing {
  margin: 0 -4%;
}
.pricing .normal-pricing > form > table {
  width: 101% !important;
  background: transparent;
}
.pricing .normal-pricing > form > table thead tr th {
  width: 33.33%;
  font-family: 'Open Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  height: 20px;
  line-height: 20px;
}
.pricing .normal-pricing > form > table tbody tr td {
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
}
.pricing .normal-pricing > form > table tbody tr td:first-child {
  border-left: none;
}
.pricing .normal-pricing > form > table tbody tr td input[type="text"] {
  width: 40px;
  margin: auto;
  padding: 5px 3px;
  text-align: center;
  text-indent: 0;
}
.pricing .normal-pricing > form > table tbody tr td .button2 {
  width: 100%;
}
.pricing .normal-pricing > form > table tbody tr:last-child {
  background: #f0f0f0;
}
.pricing .normal-pricing > form > table tbody tr:last-child td {
  padding: 0 !important;
  background: transparent !important;
  border: none;
}
.pricing .normal-pricing .disc-pricing + input.button2 {
  width: 25%;
}
.pricing .normal-pricing .disc-pricing .disc-pricing-block {
  float: left;
  width: 25%;
}
.pricing .normal-pricing .disc-pricing .disc-pricing-block .title {
  margin: 0;
  padding: 9px 6px;
  background-color: #aeaeae;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
  font-family: 'Open Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  height: 20px;
  line-height: 20px;
  display: block;
}
.pricing .normal-pricing .disc-pricing .disc-pricing-block .title.first-child {
  border-left: 1px solid #FFF;
}
.pricing .normal-pricing .disc-pricing .disc-pricing-block.first .title {
  border-left: none;
}
.pricing .normal-pricing .disc-pricing .disc-pricing-block.first .content {
  border-left: none;
}
.pricing .normal-pricing .disc-pricing .disc-pricing-block .content {
  padding: 6px;
  vertical-align: middle;
  text-align: center;
  background-color: #dedede;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
  position: relative;
  line-height: 26px;
  height: 26px;
}
.pricing .normal-pricing .disc-pricing .disc-pricing-block .content:first-child {
  border-left: 1px solid #FFF;
}
.pricing .normal-pricing .disc-pricing .disc-pricing-block .content .styled-select {
  margin-bottom: 0;
}
.pricing .normal-pricing .disc-pricing .disc-pricing-block .errorlist {
  margin: 0 !important;
  position: absolute;
  top: 40px;
  width: 130px;
}
.pricing .normal-pricing .disc-pricing .disc-pricing-block .errorlist li {
  line-height: 14px;
}
@media (max-width: 479px) {
  .pricing .normal-pricing .disc-pricing .disc-pricing-block {
    float: none;
    width: 100%;
    height: 39px;
    border: none;
    margin: 0;
  }
  .pricing .normal-pricing .disc-pricing .disc-pricing-block:last-child {
    border-bottom: none;
  }
  .pricing .normal-pricing .disc-pricing .disc-pricing-block:last-child .title,
  .pricing .normal-pricing .disc-pricing .disc-pricing-block:last-child .content {
    border-bottom: none;
  }
  .pricing .normal-pricing .disc-pricing .disc-pricing-block .title,
  .pricing .normal-pricing .disc-pricing .disc-pricing-block .content {
    border-left: none;
    margin: auto;
    float: left;
    text-align: left;
    overflow: hidden;
  }
  .pricing .normal-pricing .disc-pricing .disc-pricing-block .title {
    padding-left: 2% !important;
    padding-right: 2% !important;
    width: 37%;
  }
  .pricing .normal-pricing .disc-pricing .disc-pricing-block .content {
    padding-left: 2% !important;
    padding-right: 2% !important;
    width: 54%;
  }
  .pricing .normal-pricing .disc-pricing .disc-pricing-block.has-error .title {
    height: 39px;
  }
  .pricing .normal-pricing .disc-pricing .disc-pricing-block.has-error .content {
    height: auto;
  }
  .pricing .normal-pricing .disc-pricing .disc-pricing-block.has-error .errorlist {
    position: relative;
    top: auto;
    margin: 3px 0 0 0 !important;
    width: auto;
  }
}
@media (max-width: 479px) {
  .pricing .normal-pricing .disc-pricing + input.button2 {
    width: 41%;
  }
}
.pricing .normal-pricing p {
  margin-right: 4%;
  margin-left: 4%;
  margin-top: 10px;
  text-align: left !important;
}
.catalog-detail .object-buttons {
  display: none !important;
}
.catalog-detail .object-wrap .object {
  padding: 0 0 5px 0;
}
.catalog-detail .object-wrap .object .title-wrap .title,
.catalog-detail .object-wrap .object .title-wrap .subtitle {
  text-overflow: initial;
  overflow: initial;
  white-space: normal;
}
.catalog-detail .pricing-toggle-box {
  height: auto;
}
.catalog-detail .products.training .object-buttons {
  display: block !important;
}
.catalog-detail .products.training .object-buttons .rm {
  display: none !important;
}
.catalog-detail .products.training.object-wrap .object {
  padding: 0 0 30px 0;
}
.catalog-detail #__GBS_Button0 {
  display: block;
}
.catalog-detail #__GBS_Button0 img {
  width: 88px;
}
/*=============================EVENTS List View - (Juta Law) ===============================*/
.object-wrap.event {
  margin-top: 35px;
}
.object-wrap.event ul {
  margin: 0;
  padding: 0;
}
.object-wrap.event ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.object-wrap.event .disabled_button {
  display: block;
  height: 30px;
}
.object-wrap.event .left-box .event-details ul li {
  text-align: left;
  position: relative;
  padding: 7px 5px 7px 10px;
}
.object-wrap.event .left-box .event-details ul li span {
  float: right;
  width: 67%;
  display: block;
}
.object-wrap.event .left-box .event-details ul li span.title {
  width: 33%;
  float: left;
  font-weight: bold;
}
.event-detail .rm {
  display: none !important;
}
.event-detail .object-wrap .object .title-wrap .title,
.event-detail .object-wrap .object .title-wrap .subtitle {
  text-overflow: initial;
  overflow: initial;
  white-space: normal;
}
/*============================= CONTACT PAGE SEARCH RESULTS / FAQ - (Juta Law) ===============================*/
.toggle-box {
  display: none;
}
.toggle-link {
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_toggle_2x.png?27ec0e0778fd');
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: auto 14px;
  line-height: 18px;
  cursor: pointer;
  background-position: right 5px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.toggle-link.selected {
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_dwn_toggle_2x.png?dfc8fce4c4bc');
  color: black;
}
.toggle-link:hover {
  background-color: #f0f0f0;
}
.toggle-link.no-link {
  cursor: auto;
  background: none;
}
.toggle-box-style {
  padding: 10px 25px 1px 25px;
  margin: 0;
  background: #f0f0f0 !important;
}
.toggle-box-style a {
  color: #929292;
  font-weight: normal !important;
}
.toggle-box-style a:hover,
.toggle-box-style a:active {
  color: black;
}
.toggle-box-style a.button {
  color: #4d4d4d;
}
.toggle-box-style a.button:hover,
.toggle-box-style a.button:active {
  color: black;
}
.toggle-box-style table {
  margin-bottom: 10px;
}
.toggle-box-style table tr td {
  padding: 5px !important;
}
@media (min-width: 479px) {
  .toggle-box-style table tr td:first-child {
    min-width: 110px;
  }
}
@media (max-width: 479px) {
  .toggle-box-style {
    padding: 10px 10px 1px 10px;
  }
}
.accordion-box {
  border-bottom: 1px solid #dedede;
}
.accordion-box .toggle-link,
.accordion-box .toggle-external-link {
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_toggle_2x.png?27ec0e0778fd');
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: auto 14px;
  line-height: 18px;
  cursor: pointer;
  background-position: right 5px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  padding: 4px 25px 4px 3px;
  margin: 3px 0;
}
.accordion-box .toggle-link.selected,
.accordion-box .toggle-external-link.selected {
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_dwn_toggle_2x.png?dfc8fce4c4bc');
  color: black;
}
.accordion-box .toggle-link:hover,
.accordion-box .toggle-external-link:hover {
  background-color: #f0f0f0;
}
.accordion-box .toggle-link.no-link,
.accordion-box .toggle-external-link.no-link {
  cursor: auto;
  background: none;
}
.accordion-box .toggle-link a,
.accordion-box .toggle-external-link a {
  color: #929292 !important;
  display: block;
}
.accordion-box .toggle-link a:hover,
.accordion-box .toggle-external-link a:hover,
.accordion-box .toggle-link a:active,
.accordion-box .toggle-external-link a:active {
  color: black !important;
}
.accordion-box .toggle-box {
  line-height: 18px !important;
  font-size: 12px !important;
  color: #4d4d4d !important;
  padding: 10px 25px 1px 25px;
  margin: 0;
  background: #f0f0f0 !important;
}
.accordion-box .toggle-box p,
.accordion-box .toggle-box span,
.accordion-box .toggle-box ul,
.accordion-box .toggle-box li {
  line-height: 18px !important;
  margin: 0 0 15px 0 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 12px !important;
  color: #4d4d4d !important;
}
.accordion-box .toggle-box li {
  margin: 3px 0 !important;
}
.accordion-box .toggle-box li p {
  margin: 0 !important;
}
.accordion-box .toggle-box a,
.accordion-box .toggle-box a > span {
  color: #929292;
  font-weight: normal !important;
}
.accordion-box .toggle-box a:hover,
.accordion-box .toggle-box a > span:hover,
.accordion-box .toggle-box a:active,
.accordion-box .toggle-box a > span:active {
  color: black !important;
}
.accordion-box .toggle-box table p {
  margin: 0 !important;
}
.accordion-box .toggle-box table th,
.accordion-box .toggle-box table th p {
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
}
.accordion-box .toggle-box #orange-text-header,
.accordion-box .toggle-box #orange-text-header > p,
.accordion-box .toggle-box #teal-text-header,
.accordion-box .toggle-box #teal-text-header > p {
  font-size: 14.4px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase;
}
.accordion-box .toggle-box #orange-text-header,
.accordion-box .toggle-box #orange-text-header > p {
  color: #4d4d4d !important;
}
.accordion-box .toggle-box #teal-text-header,
.accordion-box .toggle-box #teal-text-header > p {
  color: #4d4d4d !important;
}
.accordion-box .toggle-box #orange-text-header,
.accordion-box .toggle-box #teal-text-header {
  border-bottom: 1px solid #c5c5c5 !important;
  padding-bottom: 2px !important;
  margin-bottom: 10px !important;
  margin-top: 20px !important;
}
.accordion-box .toggle-box a {
  color: #929292;
  font-weight: normal !important;
}
.accordion-box .toggle-box a:hover,
.accordion-box .toggle-box a:active {
  color: black;
}
.accordion-box .toggle-box a.button {
  color: #4d4d4d;
}
.accordion-box .toggle-box a.button:hover,
.accordion-box .toggle-box a.button:active {
  color: black;
}
.accordion-box .toggle-box table {
  margin-bottom: 10px;
}
.accordion-box .toggle-box table tr td {
  padding: 5px !important;
}
@media (min-width: 479px) {
  .accordion-box .toggle-box table tr td:first-child {
    min-width: 110px;
  }
}
@media (max-width: 479px) {
  .accordion-box .toggle-box {
    padding: 10px 10px 1px 10px;
  }
}
.accordion-box span {
  display: block;
  font-style: italic;
}
/*============================= PRESS ROOM (ARTICLES) (Juta Law) ===============================*/
.object-wrap.articles .overview {
  line-height: 18px !important;
  font-size: 12px !important;
  color: #4d4d4d !important;
}
.object-wrap.articles .overview p,
.object-wrap.articles .overview span,
.object-wrap.articles .overview ul,
.object-wrap.articles .overview li {
  line-height: 18px !important;
  margin: 0 0 15px 0 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 12px !important;
  color: #4d4d4d !important;
}
.object-wrap.articles .overview li {
  margin: 3px 0 !important;
}
.object-wrap.articles .overview li p {
  margin: 0 !important;
}
.object-wrap.articles .overview a,
.object-wrap.articles .overview a > span {
  color: #929292;
  font-weight: normal !important;
}
.object-wrap.articles .overview a:hover,
.object-wrap.articles .overview a > span:hover,
.object-wrap.articles .overview a:active,
.object-wrap.articles .overview a > span:active {
  color: black !important;
}
.object-wrap.articles .overview table p {
  margin: 0 !important;
}
.object-wrap.articles .overview table th,
.object-wrap.articles .overview table th p {
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
}
.object-wrap.articles .overview #orange-text-header,
.object-wrap.articles .overview #orange-text-header > p,
.object-wrap.articles .overview #teal-text-header,
.object-wrap.articles .overview #teal-text-header > p {
  font-size: 14.4px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase;
}
.object-wrap.articles .overview #orange-text-header,
.object-wrap.articles .overview #orange-text-header > p {
  color: #4d4d4d !important;
}
.object-wrap.articles .overview #teal-text-header,
.object-wrap.articles .overview #teal-text-header > p {
  color: #4d4d4d !important;
}
.object-wrap.articles .overview #orange-text-header,
.object-wrap.articles .overview #teal-text-header {
  border-bottom: 1px solid #c5c5c5 !important;
  padding-bottom: 2px !important;
  margin-bottom: 10px !important;
  margin-top: 20px !important;
}
.object-wrap.articles .object-buttons .button2 {
  width: 50%;
  float: right;
}
.object-wrap.articles .right-box p {
  text-align: justify;
}
.article-detail {
  margin-top: 30px;
}
.article-detail h2 {
  font-family: 'Open Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
}
.article-detail .article-content {
  line-height: 18px !important;
  font-size: 12px !important;
  color: #4d4d4d !important;
  text-align: justify !important;
}
.article-detail .article-content p,
.article-detail .article-content span,
.article-detail .article-content ul,
.article-detail .article-content li {
  line-height: 18px !important;
  margin: 0 0 15px 0 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 12px !important;
  color: #4d4d4d !important;
}
.article-detail .article-content li {
  margin: 3px 0 !important;
}
.article-detail .article-content li p {
  margin: 0 !important;
}
.article-detail .article-content a,
.article-detail .article-content a > span {
  color: #929292;
  font-weight: normal !important;
}
.article-detail .article-content a:hover,
.article-detail .article-content a > span:hover,
.article-detail .article-content a:active,
.article-detail .article-content a > span:active {
  color: black !important;
}
.article-detail .article-content table p {
  margin: 0 !important;
}
.article-detail .article-content table th,
.article-detail .article-content table th p {
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
}
.article-detail .article-content #orange-text-header,
.article-detail .article-content #orange-text-header > p,
.article-detail .article-content #teal-text-header,
.article-detail .article-content #teal-text-header > p {
  font-size: 14.4px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase;
}
.article-detail .article-content #orange-text-header,
.article-detail .article-content #orange-text-header > p {
  color: #4d4d4d !important;
}
.article-detail .article-content #teal-text-header,
.article-detail .article-content #teal-text-header > p {
  color: #4d4d4d !important;
}
.article-detail .article-content #orange-text-header,
.article-detail .article-content #teal-text-header {
  border-bottom: 1px solid #c5c5c5 !important;
  padding-bottom: 2px !important;
  margin-bottom: 10px !important;
  margin-top: 20px !important;
}
.article-detail .article-content p {
  text-align: justify !important;
}
/*============================= AUTHORS DETAIL (Juta Law) ===============================*/
.object-social-links div {
  float: left;
  margin-right: 5px;
}
.object-social-links a {
  color: #4d4d4d;
  line-height: 20px;
}
.object-social-links a:hover,
.object-social-links a:active {
  color: black;
}
.object-social-links a img {
  width: 30px;
  height: 30px;
}
.authors .author-alphabeth .button {
  padding: 0.2em 0.5em;
  margin: 0 5px 5px 0;
  width: 12px;
  text-align: center;
}
.authors .author-alphabeth .button.alpha {
  background: #c5c5c5;
}
.authors .author-alphabeth .button.showall {
  width: auto;
}
/*============================= MY PROFILE / MY AUTHORS PROFILE ===============================*/
.profile-settings .form-bg-wrap {
  background-color: #c5c5c5;
  padding: 10px;
  margin-top: -15px;
  text-align: left;
}
.profile-settings .form-bg-wrap .half-block {
  width: 100%;
  margin: 0 0 10px 0;
}
.profile_radio {
  margin-top: 12px;
}
.my-coms-wrap {
  margin-top: 10px;
}
.my-coms-wrap ul {
  margin: 0;
  padding: 0;
}
.my-coms-wrap ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.my-coms-wrap ul {
  margin-top: 5px;
}
.my-coms-wrap ul li {
  text-align: left;
}
.my-coms-wrap div > label {
  font-weight: bold;
}
.my-coms-wrap .pane {
  display: none;
}
.my-coms-wrap .hide_item {
  display: none;
}
.my-coms-wrap .accordion-box .toggle-link {
  color: #4d4d4d !important;
}
.my-coms-wrap .accordion-box span {
  font-style: normal;
  display: inline;
}
.my-coms-wrap .accordion-box .toggle-box {
  padding: 5px;
  margin: 0;
  background: #dedede !important;
}
.my-coms-wrap .accordion-box .toggle-box .block-wrap {
  margin: 0;
}
.my-coms-wrap .accordion-box .toggle-box .block-wrap .full_width .ctrlHolder {
  padding: 5px;
}
.my-coms-wrap .accordion-box .toggle-box .block-wrap .column {
  width: 47%;
  float: left;
  padding-left: 10px;
}
.my-coms-wrap .accordion-box .toggle-box .block-wrap .column-2 {
  border-left: thin solid #c5c5c5;
}
@media (max-width: 479px) {
  .my-coms-wrap .accordion-box .toggle-box .block-wrap .column {
    float: none;
    width: 98%;
    margin-bottom: 10px;
  }
}
/*============================= SUPPORT MATERIAL ===============================*/
.arrow-button {
  margin: 0;
  font-size: 14px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  text-decoration: none !important;
  padding: 0 5px 0 32px;
  border-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background-image: url('/static/img/icons_logos/arrows/arrow_grey_2x.png?fa695c545020');
  background-position: 5px top ;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 14px 14px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  height: 30px;
  line-height: 30px;
  background-color: #c5c5c5;
  cursor: pointer;
  text-decoration: none;
  color: #4d4d4d;
  background-position: 10px center;
  background-color: #aeaeae;
}
.arrow-button.wht {
  background-image: url('/static/img/icons_logos/arrows/arrow_wht_2x.png?be654901f2e0');
}
.arrow-button:hover {
  background-image: url('/static/img/icons_logos/arrows/arrow_blk_2x.png?96dd38b36ad4');
}
.arrow-button:hover,
.arrow-button:active {
  color: black;
}
.arrow-button:hover {
  color: black;
}
#support-material-registration-box .block-wrap .quart-block label {
  padding-top: 13px;
}
@media (max-width: 479px) {
  #support-material-registration-box .block-wrap .quart-block label {
    padding-top: 0px;
  }
}
.user-institution-form {
  position: relative;
}
.user-institution-form .del {
  display: block;
  float: right;
  text-indent: 1000px;
  width: 15px;
  height: 15px;
  overflow: hidden;
  cursor: pointer;
  background: url('/static/img/icons_logos/icon_remove_2x.png?0dab475066a2') top left no-repeat;
  background-size: 15px 15px;
  opacity: 0.6;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  position: absolute;
  top: 5px;
  right: 5px;
}
.user-institution-form .del:hover {
  opacity: 1;
}
.user-institution-form .half-block:nth-child(odd),
.user-institution-form .half-block:first-child {
  clear: left;
}
#user-institution-forms ul li {
  float: left;
  padding-right: 10px;
}
.hidden-label,
.institution-input {
  display: none;
}
/*============================= eBooks ===============================*/
.my-ebooks table {
  margin-bottom: 0;
}
.my-ebooks .ebook-img {
  width: 100px;
}
.my-ebooks .ebook-img img {
  width: 100px;
}
.my-ebooks h2 {
  line-height: 22px;
  margin-top: 0;
}
.my-ebooks p {
  margin-bottom: 10px;
}
@media (max-width: 479px) {
  .my-ebooks .ebook-img {
    width: 70px;
  }
  .my-ebooks .ebook-img img {
    width: 70px;
  }
}
.bookshelf-downloads table {
  border-left: 1px solid #ffffff;
}
.bookshelf-downloads h1,
.bookshelf-downloads table {
  min-width: 367px;
}
.bookshelf-downloads h1 {
  box-sizing: border-box;
}
.bookshelf-downloads .icon-download {
  text-align: left;
}
.bookshelf-downloads .button {
  display: block;
  margin: auto;
}
/*============================= JUTA Corporate ===============================*/
.coza header .section-logo img {
  display: none;
}
.coza .main_content iframe {
  width: 100% !important;
  max-width: 320px !important;
}
.coza .left_panel_content #subnav {
  margin-top: 0;
  z-index: 1;
}
.coza .left_panel .bg-gradient {
  display: none;
}
.coza .log-buttons,
.coza .user-menu {
  display: none;
}
@media (max-width: 380px) {
  .learning header .section-logo img {
    height: 14px;
    margin: 28px 0 0 0px;
  }
}
/*============== FORMS ================*/
label {
  display: block;
  color: #4d4d4d;
  margin-bottom: 4px;
}
label[for="id_1-tos"] {
  margin-bottom: 25px;
}
:focus {
  outline: none;
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
  display: block;
  background-color: #fff;
  border: 1px solid #c5c5c5;
  height: 14px;
  font-size: 12px;
  line-height: 12px;
  color: #4d4d4d;
  margin: 0 0 20px 0;
  padding: 6px 0;
  width: 100%;
  text-indent: 6px;
  transition: box-shadow linear 0.2s;
  box-shadow: none;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
textarea:focus {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
}
input:disabled,
textarea:disabled,
select:disabled {
  background-color: #f3f3f3;
  color: #888888;
}
.ctrlHolder {
  margin-bottom: 15px;
}
.minifilter .ctrlHolder {
  margin-bottom: 0px;
}
input[type="checkbox"] {
  vertical-align: middle;
  float: left;
  margin-right: 5px;
}
textarea {
  min-height: 100px;
  resize: none;
  padding: 2%;
  width: 96%;
  text-indent: 0px;
}
select:not([multiple="multiple"]) {
  background: none;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 112% !important;
  max-width: 112% !important;
  margin: 0;
  padding: 5px 0;
  border-radius: 0;
  /*height: 26px;
    line-height: 26px;*/
  overflow: hidden;
  font-size: 12px;
  color: #4d4d4d;
  outline: none;
  text-indent: 5px;
}
select[multiple="multiple"] {
  border: 1px solid #c5c5c5;
  width: 100%;
  padding: 3px;
  margin-bottom: 15px;
}
.styled-select {
  height: 26px;
  width: 100%;
  background: #ffffff url('/static/img/icons_logos/arrows/minif_arrow_grey_dwn_2x.png?f8eef58b216d') right center no-repeat;
  background-size: auto 14px;
  border: 1px solid #c5c5c5;
  overflow: hidden;
  margin-bottom: 20px;
}
.styled-select ~ p.errorField {
  position: relative;
  margin: 0 !important;
}
ul.errorlist,
.pricing form .error,
.errorField {
  margin: 0;
  padding: 0;
  color: #de1219;
  margin: 0 !important;
  margin: -20px 0 2px 0 !important;
  font-size: 11px;
}
ul.errorlist li,
.pricing form .error li,
.errorField li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
label[for="id_terms"] + .errorField {
  margin-top: 0 !important;
}
#errorMsg {
  margin-bottom: 10px;
  color: #de1219;
  font-size: 11px;
}
#errorMsg ol {
  margin: 0;
  padding: 0;
}
#errorMsg ol li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
span.required,
span.asteriskField {
  color: #de1219;
}
.form-title-style {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  background: #aeaeae;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  text-indent: 10px;
  color: #4d4d4d;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 320px) {
  .form-title-style {
    text-indent: 5px;
  }
}
.form-wrap {
  background: #c5c5c5;
  padding: 10px;
  margin: 15px 0;
  /*input[type="text"],
    input[type="password"],
    input[type="email"],
    .styled-select,
    textarea {
        margin:0; 
        &#id_message {
            margin-bottom: 15px;
        }
    }*/
}
.form-wrap .form-title {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  background: #aeaeae;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  text-indent: 10px;
  color: #4d4d4d;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: -10px -10px 20px -10px;
  position: relative;
}
@media (max-width: 320px) {
  .form-wrap .form-title {
    text-indent: 5px;
  }
}
.form-wrap .form-title .form-loader {
  width: 24px;
  height: 24px;
  padding: 3px;
  background: url('/static/img/icons_logos/form-loader.gif?4793d472258d') center center no-repeat;
  background-color: #aeaeae;
  position: absolute;
  top: 0;
  right: 8px;
  background-size: 20px 20px;
  display: none;
}
.form-wrap p,
.form-wrap li {
  text-align: left;
}
.form-wrap input[type="submit"] {
  float: right;
}
.form-wrap h3 {
  padding-bottom: 4px;
  margin-bottom: 15px;
  border-bottom: 1px solid #9a9a9a;
  font-weight: normal;
  font-size: 15.6px;
}
.form-wrap button,
.form-wrap .button,
.form-wrap *[type="submit"]:not(.button2),
.form-wrap *[type="reset"] {
  border: 1px solid #8F8F8F;
}
.form-wrap .instition_row {
  padding: 5px 5px 10px 5px;
  margin-bottom: 15px;
  background-color: #dedede;
}
.pop-up-box-wrap .form-wrap {
  margin-bottom: 0;
}
img.captcha {
  height: 27px;
  width: 68px;
  float: left;
  margin-right: 10px;
}
img.captcha + input[type="text"],
#id_captcha_1,
#id_1-captcha_1 {
  width: 200px;
}
/*============== General messages ================*/
ul.messages {
  margin: 10px 0 20px 0;
  padding: 0;
  position: relative;
  z-index: 2;
}
ul.messages li {
  padding: 5px 5px 5px 29px;
  margin: 0 0 15px 0;
  display: block;
  list-style: none;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: auto 17px;
  border: 1px solid;
  position: relative;
}
ul.messages li a {
  text-decoration: underline;
}
ul.messages li.error {
  color: #ed1c24;
  background-image: url('/static/img/icons_logos/messages/error.png?2930e8c9cbc5');
}
ul.messages li.error a {
  color: #ed1c24 !important;
}
ul.messages li.success {
  color: #80b636;
  background-image: url('/static/img/icons_logos/messages/success.png?d42e8156e5e7');
}
ul.messages li.success a {
  color: #80b636 !important;
}
ul.messages li span.close-messages {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: -13px;
  right: -13px;
  cursor: pointer;
  background: url('/static/css/images/fancybox_sprite.png?783d4031fe50') no-repeat;
  background-size: 30px auto;
}
/*============== MINIFILTER FORM ================*/
.minifilter.block-wrap {
  background-color: #dedede;
  position: relative;
}
.minifilter.block-wrap label {
  display: none;
}
.minifilter.block-wrap .ctrlHolder {
  float: left;
  height: 26px;
  margin: 0 0 0 8px;
  padding: 6px 0 7px 0;
  width: 41%;
  position: relative;
}
.minifilter.block-wrap .ctrlHolder:first-child {
  background: none;
  width: 50%;
  margin-left: 0;
}
.minifilter.block-wrap .ctrlHolder:first-child:before {
  content: '';
  position: absolute;
  left: 3%;
  right: 3%;
  top: 7px;
  bottom: 7px;
  display: block;
  background: white !important;
}
.minifilter.block-wrap .ctrlHolder:first-child .styled-select {
  width: 94%;
  margin: auto;
  position: relative;
}
.minifilter.block-wrap .ctrlHolder.error {
  margin-bottom: 20px !important;
}
.minifilter.block-wrap .ctrlHolder.error p {
  position: absolute;
  top: 36px;
  left: 10px;
  color: #ed1c24;
}
.minifilter.block-wrap .ctrlHolder .styled-select {
  width: 100%;
}
.minifilter.block-wrap input[type="submit"] {
  height: 26px;
  width: 25px;
  border-radius: 0 2px 2px 0;
  border-top-left-radius: 0 2px 2px 0;
  border-top-right-radius: 0 2px 2px 0;
  border-bottom-left-radius: 0 2px 2px 0;
  border-bottom-right-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  -o-border-radius: 0 2px 2px 0;
  background: #aeaeae url('/static/img/icons_logos/search_2x.png?4f4cb2029b46') center no-repeat;
  background-size: 10px 10px;
  border: none;
  box-shadow: none;
  margin: 0;
  float: left;
  cursor: pointer;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  filter: none;
  margin: 6px 0 7px 0;
  height: 28px;
  box-shadow: none !important;
}
.minifilter.block-wrap input[type="submit"]:hover {
  background: url('/static/img/icons_logos/search_2x.png?4f4cb2029b46') center no-repeat !important;
  background-color: #929292 !important;
  background-size: 10px 10px !important;
  filter: none;
}
@media (max-width: 479px) {
  .minifilter.block-wrap .ctrlHolder {
    width: 87%;
    margin: 0 0 0 2%;
  }
  .minifilter.block-wrap .ctrlHolder .styled-select {
    width: 100%;
  }
  .minifilter.block-wrap .ctrlHolder:first-child {
    width: 96%;
    float: none;
    margin: auto;
  }
  .minifilter.block-wrap .ctrlHolder:first-child:before {
    left: 0;
    right: 0;
    top: 8px;
  }
  .minifilter.block-wrap .ctrlHolder:first-child .styled-select {
    width: 100%;
  }
  .minifilter.block-wrap input[type="submit"] {
    width: 9%;
  }
}
.single_field .minifilter.block-wrap .ctrlHolder {
  width: 91%;
  margin-left: 6px;
  float: left;
}
.single_field .minifilter.block-wrap .ctrlHolder .styled-select {
  width: 100%;
}
@media (max-width: 979px) {
  .single_field .minifilter.block-wrap .ctrlHolder {
    width: 93%;
  }
}
@media (max-width: 850px) {
  .single_field .minifilter.block-wrap .ctrlHolder {
    width: 91%;
  }
}
@media (max-width: 479px) {
  .single_field .minifilter.block-wrap .ctrlHolder {
    width: 86%;
  }
}
.form-tabs ul {
  margin: 0;
  padding: 0;
}
.form-tabs ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.form-tabs ul {
  width: 100%;
  height: 30px;
}
.form-tabs ul li {
  float: left;
  height: 30px;
}
.form-tabs ul li a {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  background: #aeaeae;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  text-indent: 10px;
  color: #4d4d4d;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background: #dedede;
  width: 95%;
  cursor: pointer;
}
@media (max-width: 320px) {
  .form-tabs ul li a {
    text-indent: 5px;
  }
}
.form-tabs ul li a.current {
  color: #4d4d4d !important;
  color: black !important;
  background: #c5c5c5;
}
.form-tabs ul li a:hover {
  color: black;
}
.form-tabs ul li:last-child a {
  width: auto;
}
.form-panes ul {
  margin: 0;
  padding: 0;
}
.form-panes ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.form-panes ul {
  margin-bottom: 10px;
}
.form-panes p,
.form-panes li {
  text-align: left;
}
.form-panes .delegates-wrap .formset {
  padding: 7px 7px 25px 7px;
  margin-bottom: 10px;
  background: #aeaeae;
}
.form-panes .delegates-wrap .formset p {
  margin: 0;
  float: left;
  width: 48%;
}
.form-panes .delegates-wrap .formset p:first-child {
  margin-right: 4%;
}
.form-panes .delegates-wrap .formset p:last-child {
  float: none;
  width: auto;
}
.form-panes .delegates-wrap a {
  text-decoration: none;
}
.form-panes .delegates-wrap .add-row,
.form-panes .delegates-wrap .delete-row {
  display: block;
  height: 16px;
  line-height: 16px;
  text-transform: capitalize;
  color: #4d4d4d;
}
.form-panes .delegates-wrap .add-row:hover,
.form-panes .delegates-wrap .delete-row:hover {
  color: #676767;
}
.form-panes .delegates-wrap .add-row {
  background: url('/static/img/icons_logos/icon_add_2x.png?f37c19ed3316') no-repeat left center;
  background-size: 16px 16px;
  padding-left: 22px;
  margin-bottom: 15px;
}
.form-panes .delegates-wrap .delete-row {
  background: url('/static/img/icons_logos/icon_minus_2x.png?bb70111b45fd') no-repeat right center;
  background-size: 16px 16px;
  float: right;
  padding-right: 22px;
}
@media (max-width: 767px) {
  .form-panes .delegates-wrap .formset p {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
}
/*============== SITE SEARCH FORM ================*/
.form-wrap.site-search ul {
  margin: 0;
  padding: 0;
}
.form-wrap.site-search ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.form-wrap.site-search ul {
  margin-top: 5px;
}
.form-wrap.site-search ul li {
  margin-right: 10px;
}
.form-wrap.site-search input[type="text"] {
  margin: 0 0 15px 0;
}
.ctrlHolder {
  margin: 0 1%;
}
@media (max-width: 479px) {
  .ctrlHolder {
    width: 96%;
  }
}
.formRow .ctrlHolder {
  width: 48%;
  float: left;
}
@media (max-width: 479px) {
  .formRow .ctrlHolder {
    width: 96%;
  }
}
/*============== CONFIRM PAYMENT FORM ================*/
.payment_method_form .payment_method_form_title {
  padding: 10px;
  border-bottom: 2px solid #c5c5c5;
}
.payment_method_form .payment_method_form_title p {
  float: left;
  margin-bottom: 0;
}
.payment_method_form .payment_method_form_title img {
  float: right;
}
.payment_method_form .payment_method_form_title:after {
  display: block;
  content: '';
  clear: both;
}
.payment_method_form form {
  padding: 20px 10px;
}
.payment_method_form form label {
  vertical-align: middle;
  margin-bottom: 15px;
  margin-left: 10px;
}
.payment_method_form form label input,
.payment_method_form form label img {
  vertical-align: middle;
}
.payment_method_form form label img {
  margin-left: 20px;
}
.payment_method_form form label input[type="radio"] {
  margin-right: 20px;
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
}
.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: #929292;
  position: relative;
}
.jspDrag {
  background: #ffcb08;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspArrow {
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  background-color: #aeaeae;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8px auto;
  opacity: 0.8;
}
.jspArrow:hover {
  opacity: 1;
}
.jspArrowUp {
  background-image: url('/static/img/icons_logos/arrows/arrow_blk_up_2x.png?73dc8bacdaef');
}
.jspArrowDown {
  background-image: url('/static/img/icons_logos/arrows/arrow_blk_dwn_2x.png?20819dadb6ac');
}
.jspArrowLeft {
  background-image: url('/static/img/icons_logos/arrows/arrow_blk_left_2x.png?ff9449d37049');
}
.jspArrowRight {
  background-image: url('/static/img/icons_logos/arrows/arrow_blk_2x.png?96dd38b36ad4');
}
.jspArrow.jspDisabled {
  opacity: 0.5;
  cursor: default;
}
.jspVerticalBar .jspArrow {
  height: 14px;
}
.jspHorizontalBar .jspArrow {
  width: 14px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #fff;
  color: #4d4d4d;
  padding: 7px !important;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('/static/css/images/fancybox_sprite.png?783d4031fe50');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/static/css/images/fancybox_loading.gif?c6f1ad4957e5') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
/*.fancybox-close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 26px;
	height: 26px;
	cursor: pointer;
	z-index: 8040;
	background-image: url('/static/img/icons_logos/close-popup_2x.png?86e487581c7c');
	background-size: 26px 26px;
}*/
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/static/css/images/blank.gif?325472601571');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('/static/css/images/fancybox_overlay.png?88efd8c8b1d4');
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*============================= FOOTER ===============================*/
.footer-spacer {
  height: 40px;
}
footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  height: 40px;
  box-shadow: inset 0px 4px 10px 1px rgba(0, 0, 0, 0.3);
  background: #666666 url('/static/img/structure/footer_tile.png?794541978fe1') repeat;
  z-index: 110;
}
footer nav ul {
  margin: 0;
  padding: 0;
}
footer nav ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
footer nav ul li {
  float: left;
}
footer nav ul li a {
  color: #fff !important;
  display: block;
  padding: 0 8px;
  line-height: 40px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
footer nav ul li a:hover,
footer nav ul li a:active,
footer nav ul li a.active {
  color: #c5c5c5 !important;
}
footer p.copy {
  color: #fff;
  padding: 0 0 0 10px;
  line-height: 40px;
}
@media (max-width: 979px) {
  .footer-spacer {
    height: 0px;
  }
  footer {
    padding-top: 10px;
    position: relative;
    bottom: auto;
    height: auto;
  }
  footer nav ul li a {
    line-height: 30px;
  }
  footer p.copy {
    line-height: 30px;
  }
}
.touch .footer-spacer {
  height: 0px;
}
.touch footer {
  padding-top: 10px;
  position: relative;
  bottom: auto;
  height: auto;
}
.touch footer nav ul li a {
  line-height: 30px;
}
.touch footer p.copy {
  line-height: 30px;
}