@import url(//fonts.googleapis.com/css?family=Lato:400,900,400italic,900italic);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,300,400,600,700);
/*=======================================================
| name:main.less
| use: DE UK Promo
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_promo/
| author: Richard Oliver/Yorick Brown
| cmsRef: DEV: c1598.css PRODUCTION: c1631.css
========================================================*/
/* ======================
DISCOVERY EDUCATION UK PROMO SITE
=======================*/
/* fonts */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

/* ===============
de-us-view.css 
==============*/
@viewport {
  zoom: 1.0;
  width: extend-to-zoom;
}
@-ms-viewport {
  width: extend-to-zoom;
  zoom: 1.0;
}
.header-container {
  width: 1170px;
  position: relative;
}
@media (min-width: 992px) {
  .header-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .header-container {
    width: 1170px;
  }
}
#page-header {
  z-index: 100000;
  position: relative;
  padding: 0 0;
  width: 100%;
  background-color: #0e629e;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
  /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
  font-size: 14px;
  text-align: left;
}
#page-header .header-dropdown-content a,
#page-header .header-dropdown-content a:hover,
#page-header .header-dropdown-content a:active,
#page-header .header-dropdown-content a:focus {
  color: #33779E;
  text-decoration: none;
}
#page-header .header-form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.header-container {
  line-height: 1.428571429;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.header-content {
  padding: 12px 0;
}
#header-tophat {
  padding: 2px 0;
  background: #121212;
  background: rgba(0, 0, 0, 0.8);
  position: relative;
  z-index: 4;
}
#de-header-main {
  position: relative;
  z-index: 3;
}
#de-header-search {
  position: relative;
  z-index: 2;
}
#header-tophat span a {
  color: #7fb0d3;
  text-decoration: none;
  font-size: 13px;
  margin-right: 12px;
}
#header-tophat span a:hover {
  text-decoration: none;
  color: #ccc;
}
.dropdown-menu {
  display: none;
}
#de-logo img {
  width: 216px;
}
#main-navigation {
  margin: 0;
  padding: 12px 0 0 18px;
}
#main-navigation > li {
  float: left;
  list-style: none;
  margin: 0 0 0 0;
  padding: 5px 12px;
  position: relative;
  cursor: pointer;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
  border-radius: 4px;
}
#main-navigation > li:hover {
  background: #094170;
}
#main-navigation > li > a {
  color: #f4f4f4;
  font-size: 1.15em;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  text-decoration: none;
  position: relative;
}
#main-navigation li.main-nav-item {
  float: left;
  position: relative;
}
#main-navigation .header-dropdown-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  padding: 40px 0 0 0;
}
#main-navigation .active .header-dropdown-menu {
  display: block;
}
#main-navigation .header-dropdown-menu ul {
  padding: 3px 0;
  width: 230px;
  list-style: none;
}
.header-dropdown-content {
  box-shadow: 0 0 56px rgba(0, 0, 0, 0.4);
  background: #fff;
  position: relative;
}
#main-navigation .header-dropdown-menu a {
  padding: 6px 12px;
  display: block;
}
#main-navigation .header-dropdown-menu .sub-nav-item > a:hover,
#main-navigation .header-dropdown-menu .sub-nav-item.sub-active > a {
  background: #0e4071;
  color: #fff;
  text-decoration: none;
}
#main-navigation .sub-nav-content a:hover {
  background: #0e4071;
  color: #fff;
  text-decoration: none;
}
#main-navigation .nav-aro {
  width: 19px;
  height: 9px;
  position: absolute;
  top: 24px;
  left: 10px;
  display: none;
}
#main-navigation .active .header-dropdown-menu .nav-aro {
  display: block;
}
#main-navigation .sub-nav-content {
  position: absolute;
  right: -230px;
  top: 0px;
  display: none;
  background: #fff;
  min-height: 180px;
  border-left: 1px #ddd solid;
  border-left: 1px rgba(0, 0, 0, 0.2) solid;
}
#main-navigation .sub-active .sub-nav-content {
  display: block;
}
.main-navigation-subtitle {
  position: absolute;
  top: -14px;
  left: 12px;
  color: #9ec7ea;
  font-weight: normal;
  font-size: 0.9em;
  width: 100%;
}
#page-header form {
  display: block;
  margin-top: 0em;
  position: relative;
}
#de-login-helper {
  position: absolute;
  bottom: -30px;
  right: 30px;
  background: rgba(0, 0, 0, 0.2);
  padding: 3px 12px 3px 6px;
  border-radius: 4px;
  color: #ddd;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 11px;
}
#de-login-helper img {
  position: absolute;
  right: -8px;
  bottom: 1px;
}
#page-header .header-form-control {
  line-height: normal;
  border: 0;
  padding: 0;
  outline: none;
}
#page-header .header-form-control {
  -webkit-appearance: textfield;
  padding: 1px;
  background-color: white;
  border: 2px inset;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  cursor: auto;
}
#page-header .header-form-control {
  margin: 0em;
  font: -webkit-small-control;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
}
:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#page-header .header-form-control {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
#page-header .header-form-control {
  color: inherit;
  font: inherit;
  margin: 0;
}
#page-header .header-form-control {
  display: block;
  width: 100%;
  height: 26px;
  padding: 0px 6px;
  font-size: 14px;
  /*line-height: 1.42857143;*/
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#page-header .header-form-inline .header-form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
#page-header .header-form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.sr-only {
  display: none;
}
#page-header .header-form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
#page-header .header-form-control:-ms-input-placeholder {
  color: #999;
}
#page-header .header-form-control::-webkit-input-placeholder {
  color: #999;
}
.header-form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.header-form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.header-form-inline .input-group > .form-control {
  width: 100%;
}
.header-form-inline .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}
.header-form-inline .radio,
.header-form-inline .checkbox {
  display: inline-block;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.header-form-inline .radio input[type="radio"],
.header-form-inline .checkbox input[type="checkbox"] {
  float: none;
  margin-left: 0;
}
.header-form-inline .has-feedback .form-control-feedback {
  top: 0;
}
.header-btn {
  display: inline-block;
  background: #ccc;
  padding: 3px 10px;
  background: #37b1ff;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
}
.header-btn:focus,
.header-btn:active:focus,
.header-btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.header-btn:hover,
.header-btn:focus {
  color: #fff;
  background: #15a4ff;
  text-decoration: none;
}
.header-btn:active,
.header-btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.header-btn.disabled,
.header-btn[disabled],
fieldset[disabled] .header-btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
.clearfix:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.header-pull-right {
  float: right !important;
}
.header-pull-left {
  float: left !important;
}
#header-tophat .btn-continue {
  background: #428bca;
  border-color: #357ebd;
  color: #f4f4f4;
  padding: 3px 7px;
}
#header-tophat .btn-continue:hover {
  color: #fff;
  background: #357ebd;
}
#header-tophat .btn-continue .glyphicon-chevron-right {
  color: #fff;
}
#btn-nav-collapse {
  padding: 2px 8px 5px;
  margin: 0 12px 0 0;
}
/*footer*/
#footer-default {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #555;
  font-size: 14px;
  text-align: left;
}
#footer-linkset1 {
  background: #555;
  text-align: center;
  border-top: 1px #464646 solid;
  border-bottom: 1px #464646 solid;
  font-size: 1.1em;
}
#footer-linkset1 a {
  color: #ccc;
  text-decoration: none;
  display: inline-block;
  margin: 0 0 0 -4px;
  padding: 10px 10px;
  border-right: 1px #444 solid;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#footer-linkset1 a:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}
#footer-linkset1 a:last-of-type {
  border-right: none;
}
#footer-linkset2 {
  padding: 0 0 18px 0;
  font-size: 13px;
}
#footer-linkset2 .footer-item {
  width: 19%;
  padding: 18px 8px 0 0;
}
#footer-linkset2 ul {
  margin: 12px 0 0 0;
  padding: 0;
}
#footer-linkset2 li {
  list-style: none;
}
#footer-linkset2 a {
  color: #ccc;
  border-radius: 4px;
  text-decoration: none;
  padding: 0 6px;
  line-height: 28px;
  display: block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#footer-linkset2 a:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}
#footer-copyright {
  text-align: center;
  padding: 36px 0;
  background: #444;
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.3);
  font-size: 1.2em;
  color: #ccc;
  line-height: 26px;
}
.footer-link-main {
  font-size: 1.2em;
}
.accessible-anchors {
  display: none;
}
.header-sm {
  display: none;
}
.user-status {
  color: #999;
}
.user-status strong {
  color: #ccc;
}
.user-status span {
  color: #555;
  padding: 0 10px;
}
#header-login-form {
  position: relative;
}
#header-error {
  position: absolute;
  top: 35px;
  right: 0;
  background: #fff;
  width: 240px;
  border-radius: 4px;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.8);
  padding: 12px;
  line-height: 22px;
}
#header-error ul {
  border-top: 1px  #f4f4f4 solid;
  padding: 16px 0 0 0;
  margin: 0;
  list-style: none;
  font-size: 0.95em;
}
/*overwrites*/
#page-header #de-search {
  right: 14px;
  bottom: -32px;
}
/*overwrites*/
#page-header #de-search #de-search-input input {
  width: 100%;
}
#globalBase #main-navigation .nav-aro {
  top: 31px;
}
/*Some pages outside of www.de.com rely on these global styles*/
.clear {
  clear: both;
}
#de-header,
#footer-default,
#bCrumbs {
  font-size: 11px;
  color: #323232;
  font-family: Arial, Verdana, sans-serif, "Lucida Grande", "Lucida Sans Unicode";
  line-height: 1;
}
body,
html {
  margin: 0;
  padding: 0;
}
#globalBase {
  width: 100%;
  height: 100%;
}
#globalStage {
  width: 980px;
}
#shell-top-links a,
div.fBot a {
  font-weight: normal;
}
#bCrumbs {
  font-size: 11px;
}
#de-content {
  position: relative;
}

/* ===============
de-us-responsive.css 
==============*/
.de-body-content {
  position: relative;
}
@media (min-width: 300px) {
  .header-container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .header-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .header-container {
    width: 1170px;
  }
}
@media (max-width: 992px) {
  /*#header-tophat {
      display: none;
    }*/
  #de-logo img {
    width: 150px;
  }
  .header-content {
    padding: 5px 0;
  }
  .header-sm {
    display: block;
  }
  .de-mobile-nav {
    height: 100%;
    overflow: hidden;
  }
  .de-body-content {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    left: 0;
  }
  .de-mobile-nav .de-body-content {
    left: 200px;
  }
  .de-mobile-nav #header-navigation {
    display: block;
  }
  #header-navigation {
    display: block;
    position: absolute;
    left: -200px;
    top: 0;
    float: none;
    background: #232323;
    width: 200px;
    overflow-y: scroll;
  }
  #main-navigation .header-dropdown-menu a {
    color: #57a4d0;
  }
  #main-navigation {
    padding: 0;
  }
  #main-navigation li.main-nav-item {
    float: none;
  }
  #main-navigation > li > a {
    padding: 8px 6px 8px 12px;
    display: block;
  }
  .main-navigation-subtitle {
    position: relative;
    top: 0;
    left: 0;
    padding: 3px 6px 3px 12px;
    background: #121212;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
  }
  #main-navigation > li {
    padding: 0;
  }
  #main-navigation .active .header-dropdown-menu .nav-aro {
    display: none;
  }
  .header-dropdown-toggle,
  .header-dropdown-link {
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
  }
  .header-dropdown-toggle span,
  .header-dropdown-link span {
    position: absolute;
    right: 12px;
    top: 18px;
  }
  .header-dropdown-toggle span.glyphicon-chevron-right,
  .header-dropdown-link span.glyphicon-chevron-right {
    top: 12px;
    color: #454545;
  }
  #main-navigation .header-dropdown-menu {
    /*display: block;*/
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
  }
  #main-navigation .sub-nav-content {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    height: auto;
    min-height: 1px;
  }
  #main-navigation .header-dropdown-menu ul {
    width: auto;
  }
  .header-dropdown-content {
    background: none;
  }
  #footer-linkset1 a {
    text-align: left;
    padding: 4px 6px;
    font-size: 0.75em;
  }
  #footer-linkset2 {
    display: none;
  }
  #footer-copyright {
    font-size: 0.9em;
    line-height: 18px;
  }
}

/* ===============
de-us-style.css 
==============*/
#www-breadcrumbs {
  display: none;
}
#de-body {
  position: relative;
  /*background: #121212 url(http://discoveryeducation.com/static/img/home/general/bg.png);*/
  overflow: hidden;
}
#de-body a:hover {
  text-decoration: none;
}
.imageHolder {
  z-index: 80;
  background: #ffffff;
}
h2 {
  font-size: 2.3em;
}
#de-container {
  width: 100%;
  margin: auto;
  position: relative;
  background: #ffffff;
}
.img-holder {
  background: #ffffff;
}
#de-container .container {
  position: relative;
}
#de-body .modal-dialog {
  margin-top: 60px;
}
.modal-dark .modal-content {
  background: #121212;
}
.modal-dark .modal-header {
  border-bottom: 1px #333333 solid;
}
.modal-dark .modal-title {
  color: #f4f4f4;
}
.modal-dark .close {
  color: #fff;
  position: absolute;
  right: 5px;
  top: -1px;
}
#community-modal .modal-dialog,
#professional-development-modal .modal-dialog,
#streaming-plus-modal .modal-dialog,
#techbooks-modal .modal-dialog {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.modal-dialog .video-container {
  width: 100%;
  height: 370px;
}
#horizon-nav {
  background: #121212;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  position: absolute;
  left: 0;
  top: 411px;
  width: 100%;
  z-index: 20;
}
#horizon-nav .container {
  position: relative;
}
#horizon-nav a {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  color: #ccc;
  display: inline-block;
  padding: 10px 7px;
  margin-right: -4px;
  position: relative;
  -webkit-transition: background 0.2s ease-in;
  -moz-transition: background 0.2s ease-in;
  -o-transition: background 0.2s ease-in;
  transition: background 0.2s ease-in;
}
#horizon-nav a:hover {
  background: #444;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  text-decoration: none;
}
#horizon-nav a.active {
  background: #333;
  color: #fff;
  text-decoration: none;
}
#horizon-nav a:active {
  background: #000;
  text-decoration: none;
}
#horizon-nav.affix {
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  bottom: auto;
  top: 0;
  z-index: 10000;
}
#horizon-nav .indicator {
  display: none;
  position: absolute;
  left: 45%;
  bottom: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 13px 0;
  border-color: #333 transparent transparent;
  border-color: #333333 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
#horizon-nav a.return-to-top {
  display: none;
  text-transform: none;
  position: absolute;
  left: 0;
  border-radius: 4px;
  top: 5px;
  padding: 4px 10px;
  background: rgba(0, 0, 0, 0.3);
}
.section {
  background: #fff;
  padding: 50px 0 70px;
  min-height: 320px;
  position: relative;
  overflow: hidden;
}
.section:last-of-type {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.section-text {
  font-size: 1.4em;
  line-height: 28px;
  padding-bottom: 12px;
}
.background-item-wrap {
  position: relative;
  height: 540px;
  width: 100%;
}
.background-item {
  height: 100%;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-box-shadow: inset 0 4px 33px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 4px 33px rgba(0, 0, 0, 0.4);
  background-position-x: 50%;
}
.background-shuttle {
  background-position-x: 30%;
}
.de-devices {
  position: relative;
}
.screens-devices {
  position: relative;
  z-index: 2;
}
.rotate-screens {
  background: #000000;
}
.rotate-screens img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.down {
  background: url(/servlet/file/store396/item727722/sprites.png);
  display: block;
  position: absolute;
  left: 49%;
  bottom: 8px;
  width: 32px;
  height: 22px;
  z-index: 11;
  opacity: 0.3;
}
.down.inverse {
  background: url(/servlet/file/store396/item727722/sprites.png);
}
.down.flipped {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
.down:hover {
  opacity: 0.6;
}
.has-error {
  border: 1px solid #ff0000;
}
#section-main {
  z-index: 10;
  position: relative;
  overflow: hidden;
  background-position: 50% 0;
  background-repeat: no-repeat;
  height: 450px;
  background-attachment: fixed;
  background-color: #121212;
  -webkit-transition: background-image 0.4s ease-in-out;
  -moz-transition: background-image 0.4s ease-in-out;
  -o-transition: background-image 0.4s ease-in-out;
  transition: background-image 0.4s ease-in-out;
}
#section-main .down {
  bottom: 45px;
  opacity: 1;
}
#section-main canvas {
  position: absolute;
  top: 0;
  left: -20px;
}
/* #section-main h2,#section-main h3 {
    color: #fff;
    position: relative;
    margin-top: 0;
    opacity: .9;
    text-shadow: 0 0 10px #000,0 0 20px #000,0 0 30px #000,0 0 40px #000,0 0 50px #000
} */
#section-main h2,
#section-main h3 {
  position: relative;
  margin-top: 0;
}
.de-home #section-main h2,
.de-home #section-main h3 {
  color: #fff;
  opacity: .9;
  text-shadow: 0 0 10px #000000, 0 0 20px #000000, 0 0 30px #000000, 0 0 40px #000000, 0 0 50px #000000;
}
#section-main h3 {
  font-size: 2.6em;
  font-weight: 100;
  left: 106px;
}
#section-main h2 {
  font-size: 3.9em;
  font-weight: 800;
  left: 31px;
  margin-bottom: 3px;
  margin-top: 84px;
}
#section-main .headline-1 {
  position: absolute;
  top: 0px;
  width: 100%;
  left: 0;
}
#section-main .video-backdrop {
  background: #121212;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#section-main .video-container {
  width: 840px;
  height: 443px;
  margin: 3px auto;
  position: relative;
  z-index: 11;
  display: none;
  background: #121212;
  -webkit-box-shadow: 0 0 23px #000000, 0 0 43px #000000, 0 0 63px #000000;
  box-shadow: 0 0 23px #000000, 0 0 43px #000000, 0 0 63px #000000;
}
#section-main .video-container a {
  position: absolute;
  top: 2px;
  right: -22px;
  color: #fff;
  font-weight: 700;
  z-index: 2;
}
#section-main .play-video {
  display: block;
  position: relative;
  margin: 160px auto 0;
  width: 122px;
  height: 122px;
  z-index: 11;
  opacity: 0.7;
}
#section-main .play-video:hover {
  opacity: 1;
}
#section-de .screens-devices {
  width: 458px;
  height: 292px;
}
#section-de .screens-laptop {
  position: absolute;
  z-index: 1;
  left: 266px;
  top: 137px;
  width: 209px;
}
#section-de .screens-desktop {
  position: absolute;
  z-index: 1;
  left: 49px;
  top: 14px;
  width: 312px;
}
#section-de .screens-tablet {
  position: absolute;
  z-index: 1;
  left: 25px;
  top: 129px;
  width: 107px;
}
#section-techbooks .techbook-feature {
  position: absolute;
  width: 550px;
  height: 405px;
}
#section-techbooks .techbook-screens {
  position: absolute;
  left: 0;
  top: 0;
}
#section-techbooks .rotate-screens {
  position: absolute;
  left: 110px;
  top: 37px;
}
#section-streaming-plus .de-devices {
  margin-top: 18px;
  margin-left: 50px;
}
#section-streaming-plus .screens-desktop-big {
  position: absolute;
  z-index: 1;
  left: 18px;
  top: 18px;
}
#section-streaming-plus .screens-devices {
  width: 408px;
  height: 356px;
}
#section-professional-development .feature-pd {
  position: absolute;
  left: 0;
  top: 0;
  background: #121212;
  width: 450px;
  height: 239px;
}
#section-community .community-tweets {
  padding-top: 12px;
  width: 470px;
  height: 360px;
}
#section-community .community-tweets .carousel-control {
  display: none;
}
#section-community .community-tweets .carousel-indicators {
  top: -8px;
}
#section-community .community-tweets .carousel-indicators li {
  cursor: pointer;
  background: #cccccc;
}
#section-community .community-tweets .carousel-indicators .active,
#section-community .community-tweets .carousel-indicators li:active {
  background: #92c30e;
}
#section-latest-updates {
  display: none;
  position: absolute;
  width: 100%;
  font-size: 1.2em;
  z-index: 110;
}
#section-latest-updates .feature-content {
  display: none;
  font-size: .9em;
  z-index: 1;
  background: #323232;
  background: rgba(50, 50, 50, 0.98);
  padding: 0 0 40px;
}
#section-latest-updates .feature-top {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  padding: 12px 0;
  position: relative;
  z-index: 2;
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
}
#section-latest-updates.open .feature-top {
  background: #000;
  background: rgba(0, 0, 0, 0.95);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
}
#section-latest-updates h4 {
  padding: 3px 0 0;
  margin: 0;
  line-height: 24px;
  color: #cccccc;
}
#section-latest-updates .feature-media-main h4 {
  font-size: 1.6em;
  line-height: 34px;
}
#section-latest-updates .main-feature-content img {
  width: 100%;
}
#section-latest-updates .feature-content .media {
  border-bottom: 1px #f4f4f4 solid;
  padding: 0 0 16px;
}
#section-latest-updates .feature-content .row {
  background: #fff;
  background: rgba(255, 255, 255, 0.98);
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
  padding: 16px 0 64px;
  border-left: 1px rgba(0, 0, 0, 0.4) solid;
  border-right: 1px rgba(0, 0, 0, 0.4) solid;
  border-bottom: 1px rgba(0, 0, 0, 0.4) solid;
}
#section-latest-updates .feature-content h4 {
  font-weight: 700;
}
#section-latest-updates .feature-thumbnail {
  float: left;
  margin-right: 12px;
}
#section-latest-updates .feature-thumbnail img {
  width: 120px;
  -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
}
#section-latest-updates .feature-content {
  position: relative;
}
#section-latest-updates .feature-body {
  font-size: 16px;
  color: #888;
  position: relative;
  width: 100%;
  padding: 4px 0 0 8px;
}
#section-latest-updates .feature-heading-text {
  display: inline-block;
  max-width: 80%;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #cccccc;
}
#section-latest-updates .feature-heading-anchor-wrapper {
  display: inline-block;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 0 8px;
}
#section-latest-updates .feature-heading-anchor-wrapper a {
  color: #62b2f7;
}
#section-latest-updates .feature-heading-anchor-wrapper a:hover {
  color: #f4f4f4;
}
#section-latest-updates .media-heading {
  margin-bottom: 8px;
  color: #145c93;
}
#section-latest-updates .feature-extra-content .muted {
  color: #555555;
}
.de-connect {
  position: fixed;
  top: 173px;
  left: 0;
  z-index: 10000;
  background: url(/static/img/home/general/connect.jpg) no-repeat;
  width: 46px;
  height: 364px;
}
.de-connect .de-connect-btns {
  padding: 5px 0 0;
  position: relative;
}
.de-connect .de-connect-btns > a {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  position: relative;
  margin: 7px 10px 0;
}
.de-connect .de-connect-btns > a:hover {
  background: rgba(255, 255, 255, 0.3);
}
.de-connect .popover {
  width: 300px;
}
.de-connect-content {
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  top: 8px;
  left: 46px;
  display: none;
}
.de-connect-content ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 240px;
}
.de-connect-content li {
  position: relative;
  border-bottom: 1px #f4f4f4 solid;
}
.de-connect-content a {
  padding: 5px 12px;
  display: block;
}
.de-connect-content a:hover {
  background: #dddddd;
}
.de-connect-content li:hover span {
  color: #666666;
}
.de-connect-content li span {
  position: absolute;
  top: 6px;
  right: 4px;
  color: #cccccc;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section .section-imagery {
    right: 10px;
  }
  .section {
    font-size: 0.95em;
  }
}
@media (min-width: 800px) and (max-width: 1199px) {
  .section .section-imagery {
    right: -40px;
  }
  .section {
    font-size: 0.95em;
  }
  #section-community .community-tweets {
    width: 400px;
  }
}
@media (max-width: 992px) {
  .de-connect {
    position: relative;
    top: auto;
    left: 0;
    background: #f4f4f4;
    width: 100%;
    height: auto;
  }
  .de-connect-content {
    display: block;
    background: 0 0;
    position: relative;
    top: auto;
    left: auto;
  }
  .de-connect .de-connect-btns > a {
    display: none;
  }
  .de-connect-content ul {
    width: auto;
  }
  .de-connect-content ul li {
    border-bottom: none;
  }
  .de-connect-content ul li a {
    padding: 18px;
    border-bottom: 0;
    color: #fff;
    font-weight: 700;
    font-size: 1.3em;
  }
  .de-connect-content ul li a:hover {
    background: #121212;
  }
  .de-connect .social-fb {
    background: #3b5998;
  }
  .de-connect .social-twtr {
    background: #4099ff;
  }
  .de-connect .social-de,
  .de-connect .social-events {
    background: #0e629e;
    border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
  }
  .de-connect-content li span {
    top: 35%;
    right: 28px;
    color: #ffffff;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section {
    min-height: 240px;
  }
  #horizon-nav a {
    font-size: 0.85em;
  }
  .background-item-wrap {
    height: 400px;
  }
  #community-modal .modal-dialog,
  #professional-development-modal .modal-dialog,
  #streaming-plus-modal .modal-dialog,
  #techbooks-modal .modal-dialog {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
  .modal-dialog .video-container {
    width: 100%;
    height: 370px;
  }
  #section-main {
    background-position-x: 60%;
  }
  .background-item {
    background-size: 120% auto;
    background-repeat: no-repeat;
    background-position-x: 60%;
  }
  .background-shuttle {
    background-position-x: 30%;
  }
  #section-latest-updates .feature-top .container {
    width: auto;
  }
  #section-latest-updates .feature-body {
    padding: 4px 0 0 8px;
    font-size: 14px;
  }
  #section-main h2 {
    font-size: 2.3em;
    text-shadow: 0 0 10px #000000, 0 0 10px #000000, 0 0 10px #000000;
  }
  #section-main h3 {
    font-size: 3.2em;
    text-shadow: 0 0 10px #000000, 0 0 10px #000000, 0 0 10px #000000;
  }
  #section-main .headline-1 {
    top: 0;
  }
  #section-main h2,
  #section-main h3 {
    text-align: center;
    left: 0;
  }
  #section-main .play-video {
    margin-top: 190px;
  }
  .section {
    font-size: 0.8em;
  }
  .section h2 {
    line-height: 0.9em;
  }
  #section-latest-updates h4 {
    font-size: 1em;
  }
  #section-main .video-container {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .section {
    min-height: 240px;
    font-size: 0.8em;
  }
  #community-modal .modal-dialog,
  #professional-development-modal .modal-dialog,
  #streaming-plus-modal .modal-dialog,
  #techbooks-modal .modal-dialog {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .modal-dialog .video-container {
    width: 100%;
    height: 380px;
  }
  .background-item-wrap {
    height: 400px;
  }
  #section-main {
    background-position-x: 70%;
  }
  .background-item,
  .section-main {
    background-size: 160% auto;
    background-position-x: 90%;
  }
  .background-shuttle {
    background-position-x: 30%;
  }
  #section-main .headline-1 {
    top: 0;
  }
  #section-latest-updates .feature-top .container {
    width: auto;
  }
  #section-latest-updates .feature-body {
    padding: 4px 0 0 8px;
    font-size: 14px;
  }
  #section-main h2 {
    font-size: 2em;
    text-align: center;
    left: 0;
  }
  #section-main h3 {
    font-size: 2.6em;
    text-align: center;
    left: 0;
  }
  #section-main .play-video {
    margin-top: 190px;
  }
  #section-latest-updates h4 {
    font-size: 0.9em;
  }
  #section-main .video-container {
    width: 100%;
  }
}
@media (max-width: 554px) {
  #community-modal .modal-dialog,
  #professional-development-modal .modal-dialog,
  #streaming-plus-modal .modal-dialog,
  #techbooks-modal .modal-dialog {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .modal-dialog .video-container {
    width: 100%;
    height: 200px;
  }
  #section-main .video-container {
    width: 95%;
    height: 200px;
  }
  .section h2 {
    font-size: 1.75em;
  }
  .section .btn {
    font-size: 1.2em;
    padding: 6px;
  }
  #section-main h3 {
    font-size: 2.2em;
  }
  .background-item-wrap {
    height: 250px;
  }
  .background-item {
    background-size: 170% auto;
    background-position-x: 90%;
  }
  .background-shuttle {
    background-position-x: 30%;
  }
  #section-latest-updates .media-object {
    width: 60px;
    height: 45px;
  }
}
a span.aro {
  background-image: url(/servlet/file/store396/item727722/sprites.png);
  background-position: -378px -197px;
}
.login-bg {
  background-image: url(/servlet/file/store396/item727722/sprites.png);
  background-position: 0 0;
}
#www-passcode {
  background-image: url(/servlet/file/store396/item727722/sprites.png);
  background-position: -276px 0;
}
.down.inverse {
  background-image: url(/servlet/file/store396/item727722/sprites.png);
  background-position: -305px -197px;
}
.down {
  background-image: url(/servlet/file/store396/item727722/sprites.png);
  background-position: -339px -197px;
}
.inputWrap {
  background-image: url(/servlet/file/store396/item727722/sprites.png);
  background-position: -122px -243px;
}
.inputWrapPasscode {
  background-image: url(/servlet/file/store396/item727722/sprites.png);
  background-position: -345px -243px;
}
.login-top-btn {
  background-image: url(/servlet/file/store396/item727722/sprites.png);
  background-position: -460px -243px;
}
.login-top-btn:hover {
  background-image: url(/servlet/file/store396/item727722/sprites.png);
  background-position: -460px -274px;
}
a.drop-aro span {
  background-image: url(/servlet/file/store396/item727722/sprites.png);
  background-position: -276px -197px;
}
a.drop-aro:hover span {
  background-image: url(/servlet/file/store396/item727722/sprites.png);
  background-position: -276px -210px;
}
a.drop-aro.on span {
  background-image: url(/servlet/file/store396/item727722/sprites.png);
  background-position: -276px -223px;
}
#section-main .play-video {
  background-image: url(/servlet/file/store396/item727722/sprites.png);
  background-position: 0 -243px;
}
.anchor {
  position: relative;
  top: -60px;
}

/*=======================================================
| name:de-uk-styles.less
| use: DE UK Promo Site
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_promo/
| author: Richard Oliver
========================================================*/
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
#de-body .header-breadcrumb .bc:before,
#de-body .header-breadcrumb .bc:after,
#de-body .header-breadcrumb .bc:before,
#de-body .header-breadcrumb .bc:after,
.page .de-section-hero:before,
.page .de-section-hero:after,
.page .de-section-hero .hero-container:before,
.page .de-section-hero .hero-container:after,
.de-section-parent-full-width .container .row .textual-content-parent:before,
.de-section-parent-full-width .container .row .textual-content-parent:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after,
#de-body .header-breadcrumb .bc:after,
#de-body .header-breadcrumb .bc:after,
.page .de-section-hero:after,
.page .de-section-hero .hero-container:after,
.de-section-parent-full-width .container .row .textual-content-parent:after {
  clear: both;
}
/* ======================
DISCOVERY EDUCATION UK PROMO SITE
=======================*/
/* fonts using documents store */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/servlet/file/store66/item664793/glyphicons-halflings-regular.eot');
  src: url('/servlet/file/store66/item664793/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/servlet/file/store66/item664801/glyphicons-halflings-regular.woff') format('woff'), url('/servlet/file/store66/item664797/glyphicons-halflings-regular.ttf') format('truetype'), url('/servlet/file/store66/item664795/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
body,
#horizon-nav a {
  font-family: Lato, sans-serif;
}
/* breaks up long links to next line, especially on mobile, instead of getting cut off */
a {
  word-wrap: break-word;
  white-space: pre-line;
}
/* remove link underline on focus */
a:focus {
  text-decoration: none;
}
/* GENERAL */
ul,
ol,
li {
  margin: 0;
  padding: 0;
}
* p,
ul,
ol,
table {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #181818;
  margin: 1.125em 0;
}
* p {
  margin-top: 0;
}
.link-more {
  font-size: 15px;
}
.desc {
  margin-right: 10px;
}
.section-news p:last-child,
.link-more,
.desc {
  display: inline;
}
/* home page */
.de-home p {
  font-size: 18px;
}
/* remove padding for home page headings - yb 21-10-2014*/
.de-home h3 {
  padding-top: 0;
  padding-left: 0;
}
/* cookie tool */
div#cccwr p {
  font-size: 11px;
  /* override the override above */
}
/* main menu - dropdown */
/* tweaks to make menu items flush with container */
#main-navigation .header-dropdown-menu ul {
  margin: 0;
  padding: 0;
}
#main-navigation .header-dropdown-menu .sub-nav-item.active .sub-nav-content {
  display: block;
}
#main-navigation .sub-nav-content li a:before {
  display: block;
  content: " ";
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #57a4d0;
  margin-top: 5px;
  margin-left: -10px;
  float: left;
}
#main-navigation .header-dropdown-menu .sub-nav-item.active > a {
  background: #0e4071;
  color: #fff;
  text-decoration: none;
}
#btn-nav-collapse.btn-menu {
  background-color: #37b1ff;
  padding: 5px 2px 1px 6px;
}
.icon-menu {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.icon-menu:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0px;
  width: 100%;
  border-top: 2px solid #fff;
}
/* content area */
#de-body ul,
#de-body ol,
#de-body ul ul,
#de-body ol ol,
#de-body ol ul,
#de-body ul ol {
  margin-left: 1.5em;
}
.masthead > .container > .row,
.section > .container > .row > * {
  padding-left: 60px;
  padding-right: 60px;
}
/* optional web page breadcrumb */
#de-body .header-breadcrumb {
  background-color: #fff;
}
#de-body .header-breadcrumb .bc {
  margin-left: -15px;
  margin-right: -15px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  #de-body .header-breadcrumb .bc {
    width: 750px;
  }
}
@media (min-width: 992px) {
  #de-body .header-breadcrumb .bc {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  #de-body .header-breadcrumb .bc {
    width: 1170px;
  }
}
#de-body .header-breadcrumb .bc > .navbar-header,
#de-body .header-breadcrumb .bc > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  #de-body .header-breadcrumb .bc > .navbar-header,
  #de-body .header-breadcrumb .bc > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
#de-body .header-breadcrumb .bc ul {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  margin-left: 0;
  margin-top: 40px;
}
#de-body .header-breadcrumb .bc ul > li {
  display: inline-block;
}
#de-body .header-breadcrumb .bc ul > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
#de-body .header-breadcrumb .bc ul > .active {
  color: #777777;
}
#de-body .header-breadcrumb .bc li:last-child {
  visibility: hidden;
}
@media (min-width: 991px) {
  #de-body .header-breadcrumb .bc li:last-child {
    visibility: visible;
  }
}
@media (min-width: 991px) {
  #de-body .header-breadcrumb .bc {
    padding: 0 60px 0;
  }
}
/* announcements */
.announce {
  padding-left: 0;
}
.link-index {
  margin-bottom: 20px;
}
/* fix padding for headings at the top of the page which are not parents/mastheads etc */
.page .section:first-child .container .row h2 {
  padding-bottom: 0;
  padding-top: 45px;
}
.ann-img img {
  max-width: 200px;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
/* gray background for pages */
.page #de-body {
  background: #999;
}
.page .section,
.page #de-container {
  background: none;
}
.page .section .container {
  background: #fff;
}
/* header */
.header-content {
  padding: 14px 45px;
}
/* feature-top */
#section-latest-updates .feature-body {
  padding: 0 45px;
  /* override c1512.css */
}
/* fix for backend unify to enable to display portlets */
#page- #page-header {
  position: static;
}
/* section - parent/child textual content items - h1-h7 styles */
h1,
h2,
h3,
h4,
h5,
h6,
.h7 {
  margin: 0 0 0.5em 0;
}
.h7 {
  padding: 0.5em 0 0 0;
}
h1 {
  font-size: 30pt;
  font-weight: bold;
  color: #002c76;
}
h2 {
  font-size: 22pt;
  font-weight: bold;
  color: #002c76;
}
h3 {
  font-size: 25pt;
  font-weight: normal;
  color: #333333;
}
h4 {
  font-size: 25pt;
  font-weight: normal;
  color: #333333;
  border-bottom: 1px solid #e9e9e9;
}
h5 {
  font-size: 15pt;
  font-weight: bold;
  color: #002c76;
}
h6 {
  font-size: 16pt;
  font-weight: normal;
  color: #f1aa1e;
}
.h7 {
  font-size: 15pt;
  font-weight: bold;
  color: #ffffff;
  background: #002c76;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
table {
  border-collapse: collapse;
}
th,
td {
  padding: 2px 4px;
  text-align: left;
  vertical-align: top;
}
hr.style1 {
  border-color: #002c76;
}
/* button links */
.btns {
  margin-top: 20px;
}
.btn-primary {
  margin-right: 10px;
  margin-bottom: 10px;
}
.btn-group-vertical > .btn {
  margin-bottom: 0px;
  text-align: left;
}
.btn-default:hover a,
.btn-default:focus a,
.btn-default:active a,
.btn-default.active a {
  color: #2a6496;
}
.main .btn-group-vertical {
  width: 80%;
}
aside .btn-group-vertical {
  width: 100%;
}
.main .btn-group-vertical a {
  font-size: 14px;
}
.btn-s1 {
  background-color: #f0ad4e;
  border: 1px solid transparent;
}
.btn-s1:hover {
  background-color: #ed9c28;
  border: 1px solid #d58512;
}
.btn .glyphicon {
  margin-left: 10px;
}
/* masthead - homepage & sub pages (slight variations) including width 100% of page */
.full-width {
  padding: 0;
}
.bg-fade .full-width {
  border: 1px solid transparent;
  /*fixes positioning of text block in masthead! */
}
.de-home .masthead,
.full-width {
  width: 100%;
}
.masthead.full-width {
  background-size: cover;
}
.masthead h1,
.masthead h2,
.masthead h3,
.masthead h4,
.masthead h5,
.masthead h6,
.masthead .h7 {
  margin: 0 0 10px 0;
  padding: 10px 0;
}
.masthead h2 + h6 {
  padding-top: 0;
  margin-top: -20px;
}
.de-home .masthead .headline-1 {
  color: #fff;
  position: relative;
  margin-top: 0;
  opacity: .9;
  text-shadow: 0 0 10px #000000, 0 0 20px #000000, 0 0 30px #000000, 0 0 40px #000000, 0 0 50px #000000;
}
/* reset style from 1512.css */
.de-home #section-main h3 {
  left: 0;
}
.masthead > .container {
  background-position: 100% 90%;
  /* center masthead image horizontally and mostly up to the right edge */
  background-repeat: no-repeat;
}
#section-main h2 {
  /* Override CSS in c1512.css */
  font-size: 29px;
  text-shadow: none;
  left: 0;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: left;
}
.masthead h6 {
  font-size: 16px;
  font-size: 1.6em;
  font-size: 1.6rem;
  color: #f1aa1e;
}
.de-home .masthead h2 {
  font-size: 3.9em;
  font-size: 3.9rem;
  font-weight: 800;
  left: 31px;
  margin-bottom: 3px;
  margin-top: 84px;
}
/* extra padding not needed on masthead */
.remove-padding {
  padding: 0;
}
.remove-padding .content {
  min-width: 350px;
  padding: 0;
}
.page #section-main {
  background-color: transparent;
  background-attachment: inherit;
}
.page #section-main .video-container {
  max-width: 612px;
  max-height: 343px;
}
/* for IE8-9 */
.no-cssgradients .page #section-main .play-video {
  margin-left: 400px;
}
.page #section-main .play-video {
  margin: 110px auto 0;
}
.page .section {
  padding: 0;
  min-height: 0;
}
.page div.row {
  padding-bottom: 15px;
}
#de-logo img {
  width: 195px;
  height: 45px;
}
body.de-home .masthead,
body.de-home .masthead .container {
  height: 450px;
}
/* .masthead but needs to override ID rule in c1512.css */
body.page #section-main,
.masthead .container,
.bg-fade {
  height: 350px;
  background-repeat: no-repeat;
}
#section-main .bg-fade .headline-1 {
  width: 41%;
  z-index: 11;
}
.de-home .masthead,
.masthead .container {
  z-index: 10;
  position: relative;
  -webkit-transition: background-image 0.4s ease-in-out;
  -moz-transition: background-image 0.4s ease-in-out;
  -o-transition: background-image 0.4s ease-in-out;
  transition: background-image 0.4s ease-in-out;
}
/*.page .masthead .container {
	background-position: 100% 50%;
	background-repeat: no-repeat;
}*/
.caption {
  text-align: right;
  font-size: 10pt;
  font-style: italic;
}
/* masthead white gradient overlay */
.bg-fade {
  background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 400px, rgba(255, 255, 255, 0) 850px, rgba(255, 255, 255, 0) 80%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(400px, #ffffff), color-stop(850px, rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 400px, rgba(255, 255, 255, 0) 850px, rgba(255, 255, 255, 0) 80%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ffffff 0%, #ffffff 400px, rgba(255, 255, 255, 0) 850px, rgba(255, 255, 255, 0) 80%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 400px, rgba(255, 255, 255, 0) 850px, rgba(255, 255, 255, 0) 80%);
  /* IE10+ */
  background: linear-gradient(to right, #ffffff 0%, #ffffff 400px, rgba(255, 255, 255, 0) 800px, rgba(255, 255, 255, 0) 80%);
  /* W3C */
}
/* hide attached image on desktop */
.showOnMobile {
  display: none;
}
/* video player */
#section-main .video-container {
  max-width: 768px;
  background: #000;
}
#section-main .video-container {
  height: auto;
}
#section-main .video-backdrop {
  right: 0;
  bottom: 0;
}
.de-home #section-main .headline-1 {
  top: 78px;
}
/* responsive iframe for embedded video etc */
.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* side content */
.content-side h3 {
  margin-top: 0;
}
aside article {
  padding-bottom: 30px;
}
/* parallax scroll on home page */
.de-home .container {
  position: relative;
  z-index: 2;
}
#de-container .img-holder {
  height: 45vw;
  overflow: hidden;
}
#de-container .img-holder img {
  padding: 0;
  width: 100%;
  max-width: none;
}
/* anchored page navigation */
#horizon-nav a {
  vertical-align: middle;
}
#horizon-nav .navbar-collapse {
  text-align: center;
}
#horizon-nav .nav-justified {
  max-width: 1170px;
  text-align: center;
  margin: 0 auto;
}
#horizon-nav .active a {
  color: #fff;
}
/* adjust padding on to accommodate totop link*/
#horizon-nav .nav-justified {
  padding-left: 35px;
}
#horizon-nav a.return-to-top {
  padding: 4px 5px;
}
.anchor {
  position: initial;
}
/*#horizon-nav, #horizon-nav.affix {background: rgba(0,0,0,.7);}*/
#horizon-nav li.active,
#horizon-nav li:hover {
  -webkit-transition: background 0.2s ease-in;
  -moz-transition: background 0.2s ease-in;
  -o-transition: background 0.2s ease-in;
  transition: background 0.2s ease-in;
}
#horizon-nav li:hover {
  /*background: rgba(0, 44, 118, 1); */
  cursor: pointer;
  color: #fff;
}
/* reset 1512.css */
/*#horizon-nav li:hover, #horizon-nav li:hover a {border-bottom: 3px solid #62b2f7;}*/
#horizon-nav li:hover a {
  color: #fff;
  background: rgba(255, 255, 255, 0);
}
#horizon-nav li a,
#horizon-nav li a:hover,
#horizon-nav li:hover a {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
#horizon-nav li.active {
  /*background: rgba(0,44,118, 1);*/
  border-bottom: 3px solid #f0ad4e;
}
#horizon-nav li.active a {
  color: #fff;
}
/*#horizon-nav li.active a:hover {background: rgba(0,44,118, 1);}*/
#horizon-nav .indicator {
  border-color: #ffffff transparent transparent;
  display: none !important;
}
/* news ticker */
#section-latest-updates .feature-heading-text {
  max-width: 100%;
  margin-right: 8px;
}
#section-latest-updates .feature-heading-anchor-wrapper {
  margin: 0;
}
/* service logos */
.div-logo {
  text-indent: -99999px;
  margin: 20px 0 10px 0;
  height: 42px;
}
.icon-cll {
  background: url('/servlet/file/store9/item731990/fileservice233/logo.jpg') top left no-repeat;
  width: 203px;
  height: 78px;
}
.icon-pd {
  background: url('/servlet/file/store9/item729079/fileservice233/logo.jpg') top left no-repeat;
  /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/servlet/file/store9/item729079/fileservice233/logo.jpg', sizingMethod='scale');	
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/servlet/file/store9/item729079/fileservice233/logo.jpg', sizingMethod='scale')";*/
}
.icon-den {
  background: url('/servlet/file/store9/item731992/fileservice233/logo.jpg') top left no-repeat;
}
.icon-coding {
  background: url('/servlet/file/store9/item731994/fileservice233/logo.jpg') top left no-repeat;
}
.icon-secondary {
  background: url('/servlet/file/store9/item731996/fileservice233/logo.jpg') top left no-repeat;
}
.icon-espresso {
  background: url('/servlet/file/store9/item729081/fileservice233/logo.jpg') top left no-repeat;
}
.div-logo {
  max-width: 300px;
  background-size: 100%;
}
.no-backgroundsize .div-logo {
  width: 300px;
}
/* ======== announcements pages ===========*/
.padding-top-md,
#de-container > .section:first-child > .container > .row > .main {
  padding-top: 15px;
}
#de-container .section:last-child .container {
  padding-bottom: 60px;
}
/*#de-container .section:first-child .container .row {padding-bottom: 0;}*/
#de-container .section:first-child .container h3,
.announce {
  padding: 0;
}
/* remove paddding for About us page, which has no masthead or title */
#page-728851 .section:first-child .container {
  padding-top: 0;
}
/* engage widget */
.de-connect {
  background: url(/servlet/file/store396/item744025/de_connect.jpg) no-repeat;
}
.de-connect-content a {
  padding: 4px 12px;
}
.de-connect-content a:hover {
  text-decoration: none;
}
@media (min-width: 992px) {
  .de-connect-content {
    top: 10px;
  }
}
/*home page image 

#page-719453 .masthead .content {
	background: rgba(255, 255, 255, 0.75);
	padding: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin-top: 78px;
	min-width: 500px ;
}

#page-719453 .masthead .content h2 {
	text-shadow:none;
	color: #b9161b;
}
*/
/* ================
bootstrap grid with less variables 
instead of generic classes
=================*/
/* make tc column 8 */
.textual-content {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .textual-content {
    float: left;
    width: 66.66666667%;
  }
}
.textual-content-child {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .textual-content-child {
    float: left;
    width: 33.33333333%;
  }
}
/* tc highlights - push pull content for desktop / mobile */
@media (min-width: 768px) {
  .tc-highlight {
    right: 33.33333333%;
  }
}
.tc-highlight-aside {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .tc-highlight-aside {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .tc-highlight-aside {
    left: 66.66666667%;
  }
}
.textual-content-aside {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .textual-content-aside {
    float: left;
    width: 33.33333333%;
  }
}
#de-body {
  /* main content area */
  /* side content area */
  /* fix padding issue on full width sections */
}
#de-body .textual-content-parent {
  padding-right: 15px;
}
#de-body .textual-content-aside {
  padding-left: 15px;
}
@media (min-width: 992px) {
  #de-body .de-section-parent-full-width .textual-content-parent {
    padding-right: 30px;
  }
}
.page .de-section-hero {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  padding: 60px 0;
  margin-left: -15px;
  margin-right: -15px;
}
.page .de-section-hero .hero-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 15px;
}
@media (min-width: 768px) {
  .page .de-section-hero .hero-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .page .de-section-hero .hero-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .page .de-section-hero .hero-container {
    width: 1170px;
  }
}
.page .de-section-hero .hero-container > .navbar-header,
.page .de-section-hero .hero-container > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .page .de-section-hero .hero-container > .navbar-header,
  .page .de-section-hero .hero-container > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .page .de-section-hero .hero-container {
    margin: 0 auto;
    padding: 0 60px;
  }
}
.page .de-section-hero .hero-container h1,
.page .de-section-hero .hero-container p {
  color: #fff;
}
.page .de-section-hero .hero-container p {
  font-size: 16px;
}
.page .de-section-hero .hero-container .hero-logo img {
  width: 90%;
}
@media (min-width: 992px) {
  .page .de-section-hero .hero-container .hero-logo img {
    width: 50%;
  }
}
.page .de-section-hero.de-section-centre-align-content {
  text-align: center;
  position: relative;
}
.page .de-section-hero.de-section-centre-align-content .hero-container,
.page .de-section-hero.de-section-centre-align-content .hero-logo {
  margin: 0 auto;
}
.de-section-parent-full-width {
  /*.de-article-social-widgets { 
		.de-body, .container-widget {
			.make-sm-column(6);
		}
	}*/
}
.de-section-parent-full-width .container .row .textual-content-parent {
  margin-left: -15px;
  margin-right: -15px;
  /*@media (min-width:@screen-sm-min) {padding-right:0;}*/
}
.de-section-parent-full-width .textual-content-parent > p {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .de-section-parent-full-width .textual-content-parent > p {
    float: left;
    width: 100%;
  }
}
.de-section-parent-full-width .textual-content {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .de-section-parent-full-width .textual-content {
    float: left;
    width: 100%;
  }
}
.de-section-parent-full-width .textual-content article {
  margin-bottom: 60px;
}
.de-section-parent-full-width h3 {
  font-size: 24px;
}
.de-section-parent-full-width .h7 {
  background: none;
  color: #007a94;
}
.de-section-parent-full-width .col-no-2 article {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .de-section-parent-full-width .col-no-2 article {
    float: left;
    width: 50%;
  }
}
.de-section-parent-full-width .col-no-3 article {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .de-section-parent-full-width .col-no-3 article {
    float: left;
    width: 33.33333333%;
  }
}
.de-section-parent-full-width .col-no-4 article {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .de-section-parent-full-width .col-no-4 article {
    float: left;
    width: 25%;
  }
}
.de-section-parent-full-width .col-no-6 article,
.de-section-parent-full-width .col-no-5 article {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .de-section-parent-full-width .col-no-6 article,
  .de-section-parent-full-width .col-no-5 article {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .de-section-parent-full-width .col-no-6 article,
  .de-section-parent-full-width .col-no-5 article {
    float: left;
    width: 16.66666667%;
  }
}
@media (max-width: 991px) {
  .de-section-parent-full-width .col-no-6 article,
  .de-section-parent-full-width .col-no-5 article {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .de-section-parent-full-width .col-no-6 article,
  .de-section-parent-full-width .col-no-5 article {
    width: 100%;
  }
}
.de-section-parent-full-width .de-article-centre-align-content {
  text-align: center;
  justify-content: center;
}
.de-section-parent-full-width .de-article-centre-align-content img,
.de-section-parent-full-width .de-article-centre-align-content a img {
  margin: 0 auto;
}
/* panel styles */
.de-article-panel h5 {
  color: #007a94;
}
.de-article-panel p {
  font-size: 13px;
}
.de-article-panel .link-desc {
  font-size: 80%;
  color: #777;
  margin-bottom: 0;
}
.de-article-panel .link a {
  font-weight: bold;
  font-size: 14px;
}
#de-body {
  /* add panel styles to article if tax'd*/
  /* social widgets like twitter */
}
#de-body .de-article-panel {
  /* override default list style */
  /*@media (min-width:@screen-sm-min) {padding-right:0;}*/
}
#de-body .de-article-panel ul {
  list-style-type: none;
  margin-left: 0;
}
#de-body .de-article-panel .content-area {
  width: 100%;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border-color: #dddddd;
  margin-bottom: 0;
  /*.icon-service {
		  		position:absolute; 
		  		bottom:15px; 
		  		margin-left: auto;
				margin-right: auto;
				margin-top:15px;
				left: 0;
				right: 0;
			}*/
}
#de-body .de-article-panel .content-area > .list-group,
#de-body .de-article-panel .content-area > .panel-collapse > .list-group {
  margin-bottom: 0;
}
#de-body .de-article-panel .content-area > .list-group .list-group-item,
#de-body .de-article-panel .content-area > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
#de-body .de-article-panel .content-area > .list-group:first-child .list-group-item:first-child,
#de-body .de-article-panel .content-area > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
#de-body .de-article-panel .content-area > .list-group:last-child .list-group-item:last-child,
#de-body .de-article-panel .content-area > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
#de-body .de-article-panel .content-area > .table,
#de-body .de-article-panel .content-area > .table-responsive > .table,
#de-body .de-article-panel .content-area > .panel-collapse > .table {
  margin-bottom: 0;
}
#de-body .de-article-panel .content-area > .table caption,
#de-body .de-article-panel .content-area > .table-responsive > .table caption,
#de-body .de-article-panel .content-area > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
#de-body .de-article-panel .content-area > .table:first-child,
#de-body .de-article-panel .content-area > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
#de-body .de-article-panel .content-area > .table:first-child > thead:first-child > tr:first-child,
#de-body .de-article-panel .content-area > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
#de-body .de-article-panel .content-area > .table:first-child > tbody:first-child > tr:first-child,
#de-body .de-article-panel .content-area > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#de-body .de-article-panel .content-area > .table:first-child > thead:first-child > tr:first-child td:first-child,
#de-body .de-article-panel .content-area > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
#de-body .de-article-panel .content-area > .table:first-child > tbody:first-child > tr:first-child td:first-child,
#de-body .de-article-panel .content-area > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
#de-body .de-article-panel .content-area > .table:first-child > thead:first-child > tr:first-child th:first-child,
#de-body .de-article-panel .content-area > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
#de-body .de-article-panel .content-area > .table:first-child > tbody:first-child > tr:first-child th:first-child,
#de-body .de-article-panel .content-area > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
#de-body .de-article-panel .content-area > .table:first-child > thead:first-child > tr:first-child td:last-child,
#de-body .de-article-panel .content-area > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
#de-body .de-article-panel .content-area > .table:first-child > tbody:first-child > tr:first-child td:last-child,
#de-body .de-article-panel .content-area > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
#de-body .de-article-panel .content-area > .table:first-child > thead:first-child > tr:first-child th:last-child,
#de-body .de-article-panel .content-area > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
#de-body .de-article-panel .content-area > .table:first-child > tbody:first-child > tr:first-child th:last-child,
#de-body .de-article-panel .content-area > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
#de-body .de-article-panel .content-area > .table:last-child,
#de-body .de-article-panel .content-area > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
#de-body .de-article-panel .content-area > .table:last-child > tbody:last-child > tr:last-child,
#de-body .de-article-panel .content-area > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
#de-body .de-article-panel .content-area > .table:last-child > tfoot:last-child > tr:last-child,
#de-body .de-article-panel .content-area > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#de-body .de-article-panel .content-area > .table:last-child > tbody:last-child > tr:last-child td:first-child,
#de-body .de-article-panel .content-area > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
#de-body .de-article-panel .content-area > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
#de-body .de-article-panel .content-area > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
#de-body .de-article-panel .content-area > .table:last-child > tbody:last-child > tr:last-child th:first-child,
#de-body .de-article-panel .content-area > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
#de-body .de-article-panel .content-area > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
#de-body .de-article-panel .content-area > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
#de-body .de-article-panel .content-area > .table:last-child > tbody:last-child > tr:last-child td:last-child,
#de-body .de-article-panel .content-area > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
#de-body .de-article-panel .content-area > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
#de-body .de-article-panel .content-area > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
#de-body .de-article-panel .content-area > .table:last-child > tbody:last-child > tr:last-child th:last-child,
#de-body .de-article-panel .content-area > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
#de-body .de-article-panel .content-area > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
#de-body .de-article-panel .content-area > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
#de-body .de-article-panel .content-area > .panel-body + .table,
#de-body .de-article-panel .content-area > .panel-body + .table-responsive,
#de-body .de-article-panel .content-area > .table + .panel-body,
#de-body .de-article-panel .content-area > .table-responsive + .panel-body {
  border-top: 1px solid #dddddd;
}
#de-body .de-article-panel .content-area > .table > tbody:first-child > tr:first-child th,
#de-body .de-article-panel .content-area > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
#de-body .de-article-panel .content-area > .table-bordered,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered {
  border: 0;
}
#de-body .de-article-panel .content-area > .table-bordered > thead > tr > th:first-child,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > thead > tr > th:first-child,
#de-body .de-article-panel .content-area > .table-bordered > tbody > tr > th:first-child,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > tbody > tr > th:first-child,
#de-body .de-article-panel .content-area > .table-bordered > tfoot > tr > th:first-child,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
#de-body .de-article-panel .content-area > .table-bordered > thead > tr > td:first-child,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > thead > tr > td:first-child,
#de-body .de-article-panel .content-area > .table-bordered > tbody > tr > td:first-child,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > tbody > tr > td:first-child,
#de-body .de-article-panel .content-area > .table-bordered > tfoot > tr > td:first-child,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
#de-body .de-article-panel .content-area > .table-bordered > thead > tr > th:last-child,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > thead > tr > th:last-child,
#de-body .de-article-panel .content-area > .table-bordered > tbody > tr > th:last-child,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > tbody > tr > th:last-child,
#de-body .de-article-panel .content-area > .table-bordered > tfoot > tr > th:last-child,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
#de-body .de-article-panel .content-area > .table-bordered > thead > tr > td:last-child,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > thead > tr > td:last-child,
#de-body .de-article-panel .content-area > .table-bordered > tbody > tr > td:last-child,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > tbody > tr > td:last-child,
#de-body .de-article-panel .content-area > .table-bordered > tfoot > tr > td:last-child,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
#de-body .de-article-panel .content-area > .table-bordered > thead > tr:first-child > td,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > thead > tr:first-child > td,
#de-body .de-article-panel .content-area > .table-bordered > tbody > tr:first-child > td,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > tbody > tr:first-child > td,
#de-body .de-article-panel .content-area > .table-bordered > thead > tr:first-child > th,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > thead > tr:first-child > th,
#de-body .de-article-panel .content-area > .table-bordered > tbody > tr:first-child > th,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
#de-body .de-article-panel .content-area > .table-bordered > tbody > tr:last-child > td,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > tbody > tr:last-child > td,
#de-body .de-article-panel .content-area > .table-bordered > tfoot > tr:last-child > td,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
#de-body .de-article-panel .content-area > .table-bordered > tbody > tr:last-child > th,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > tbody > tr:last-child > th,
#de-body .de-article-panel .content-area > .table-bordered > tfoot > tr:last-child > th,
#de-body .de-article-panel .content-area > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
#de-body .de-article-panel .content-area > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
#de-body .de-article-panel .content-area > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
#de-body .de-article-panel .content-area > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
#de-body .de-article-panel .content-area > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
#de-body .de-article-panel .content-area > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
#de-body .de-article-panel .content-area .de-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
  background-color: transparent;
  padding: 15px;
}
#de-body .de-article-panel .content-area .de-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
#de-body .de-article-panel .content-area .de-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
#de-body .de-article-panel .content-area .de-body {
  padding: 15px;
}
@media (min-width: 992px) {
  #de-body .col-no-2 .de-article-social-widgets .de-body,
  #de-body .col-no-2 .de-article-social-widgets .container-widget {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  #de-body .col-no-2 .de-article-social-widgets .de-body,
  #de-body .col-no-2 .de-article-social-widgets .container-widget {
    float: left;
    width: 50%;
  }
}
#de-body .de-article-social-widgets {
  /*.de-body {
			.links-group {
				@media(min-width:@screen-md-min){
					margin-bottom:4em;
				}
			}
		}*/
}
#de-body .de-article-social-widgets .de-body,
#de-body .de-article-social-widgets .container-widget {
  padding: 15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  #de-body .de-article-social-widgets .de-body,
  #de-body .de-article-social-widgets .container-widget {
    float: left;
    width: 100%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #de-body .de-article-social-widgets .de-body,
  #de-body .de-article-social-widgets .container-widget {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-width: 992px) {
  #de-body .de-article-social-widgets .de-body,
  #de-body .de-article-social-widgets .container-widget {
    float: left;
    width: 100%;
  }
}
/* add title strip */
#de-container .de-section-title-strip {
  margin-bottom: 30px;
  padding: 15px 0;
}
#de-container .de-section-title-strip h5 {
  font-size: 24px;
  color: #333;
  padding-right: 0;
}
#de-container .de-section-title-strip div.row {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  #de-container .de-section-title-strip h5 {
    float: left;
    margin: 5px 0 0;
  }
  #de-container .de-section-title-strip .sharing {
    float: right;
    padding-left: 5px;
  }
}
/* links with images  */
.de-section-parent-full-width {
  /* reset previous styles */
}
.de-section-parent-full-width div.row {
  padding-bottom: 0;
}
.de-section-parent-full-width .link-images {
  /*text-align:center;*/
}
.de-section-parent-full-width .link-images a img {
  margin-bottom: 10px;
  display: block;
  max-width: 100%;
  height: auto;
}
.de-section-parent-full-width .link-images .de-media,
.de-section-parent-full-width .link-images .de-media-body {
  overflow: visible;
  clear: both;
}
.de-section-parent-full-width .link-images .login-button a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
  padding: 6px 12px;
  margin: 6px 0 16px;
  color: #ffffff;
  border-width: 0;
}
.de-section-parent-full-width .link-images .login-button a:focus,
.de-section-parent-full-width .link-images .login-button a:active:focus,
.de-section-parent-full-width .link-images .login-button a.active:focus,
.de-section-parent-full-width .link-images .login-button a.focus,
.de-section-parent-full-width .link-images .login-button a:active.focus,
.de-section-parent-full-width .link-images .login-button a.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.de-section-parent-full-width .link-images .login-button a:hover,
.de-section-parent-full-width .link-images .login-button a:focus,
.de-section-parent-full-width .link-images .login-button a.focus {
  color: #333333;
  text-decoration: none;
}
.de-section-parent-full-width .link-images .login-button a:active,
.de-section-parent-full-width .link-images .login-button a.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.de-section-parent-full-width .link-images .login-button a.disabled,
.de-section-parent-full-width .link-images .login-button a[disabled],
fieldset[disabled] .de-section-parent-full-width .link-images .login-button a {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.de-section-parent-full-width .link-images .login-button a:hover,
.de-section-parent-full-width .link-images .login-button a:focus,
.de-section-parent-full-width .link-images .login-button a.focus,
.de-section-parent-full-width .link-images .login-button a:active,
.de-section-parent-full-width .link-images .login-button a.active,
.open > .dropdown-toggle.de-section-parent-full-width .link-images .login-button a {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.de-section-parent-full-width .link-images .login-button a:active,
.de-section-parent-full-width .link-images .login-button a.active,
.open > .dropdown-toggle.de-section-parent-full-width .link-images .login-button a {
  background-image: none;
}
.de-section-parent-full-width .link-images .login-button a.disabled,
.de-section-parent-full-width .link-images .login-button a[disabled],
fieldset[disabled] .de-section-parent-full-width .link-images .login-button a,
.de-section-parent-full-width .link-images .login-button a.disabled:hover,
.de-section-parent-full-width .link-images .login-button a[disabled]:hover,
fieldset[disabled] .de-section-parent-full-width .link-images .login-button a:hover,
.de-section-parent-full-width .link-images .login-button a.disabled:focus,
.de-section-parent-full-width .link-images .login-button a[disabled]:focus,
fieldset[disabled] .de-section-parent-full-width .link-images .login-button a:focus,
.de-section-parent-full-width .link-images .login-button a.disabled.focus,
.de-section-parent-full-width .link-images .login-button a[disabled].focus,
fieldset[disabled] .de-section-parent-full-width .link-images .login-button a.focus,
.de-section-parent-full-width .link-images .login-button a.disabled:active,
.de-section-parent-full-width .link-images .login-button a[disabled]:active,
fieldset[disabled] .de-section-parent-full-width .link-images .login-button a:active,
.de-section-parent-full-width .link-images .login-button a.disabled.active,
.de-section-parent-full-width .link-images .login-button a[disabled].active,
fieldset[disabled] .de-section-parent-full-width .link-images .login-button a.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.de-section-parent-full-width .link-images .login-button a .badge {
  color: #ffffff;
  background-color: #333333;
}
.de-section-parent-full-width .link-images .de-links-twitter-id a img {
  border-radius: 50%;
  height: 100px;
}
.de-section-parent-full-width .link-images .de-links-twitter-id .de-media-body .tweet-button {
  margin-left: auto;
  margin-right: auto;
}
.de-section-parent-full-width.de-section-parent-grid {
  /*article{width:300px;}*/
  /* centered content */
}
.de-section-parent-full-width.de-section-parent-grid h5 {
  height: 2em;
  font-size: 16px;
  color: #0077C0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.de-section-parent-full-width.de-section-parent-grid .link-content p {
  padding-bottom: 4em;
}
.de-section-parent-full-width.de-section-parent-grid .link-content p:first-child {
  height: 2em;
}
@media (max-width: 767px) {
  .de-section-parent-full-width.de-section-parent-grid .link-content p:first-child {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .de-section-parent-full-width.de-section-parent-grid .link-content p {
    padding-bottom: 4em;
  }
}
.de-section-parent-full-width.de-section-parent-grid .de-article-centre-align-content h5 {
  justify-content: center;
  /* align horizontal */
}
.de-section-parent-full-width.de-section-parent-grid .de-article-centre-align-content .link-images a img {
  margin: 0 auto 10px;
}
.de-section-parent-full-width.de-section-parent-grid .de-links-twitter-id .link-content p {
  margin-bottom: 0;
  padding-bottom: 3em;
}
@media (min-width: 768px) {
  .de-section-parent-full-width.de-section-parent-grid .de-links-twitter-id .link-content p {
    padding-bottom: 3em;
  }
}
@media (min-width: 1200px) {
  .de-section-parent-full-width.de-section-parent-grid .de-links-twitter-id .link-content p {
    padding-bottom: 5em;
  }
}
.de-section-parent-full-width .textual-content .de-article-detail {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .de-section-parent-full-width .textual-content .de-article-detail {
    float: left;
    width: 100%;
  }
}
.de-section-parent-full-width .textual-content .de-article-detail .content-area {
  width: 100%;
}
@media (min-width: 480px) {
  .de-section-parent-full-width .textual-content .de-article-detail .img-link {
    float: left;
    width: 200px;
    margin-right: 15px;
  }
  .de-section-parent-full-width .textual-content .de-article-detail .img-link img {
    border-radius: 10px;
  }
}
/* override previous style for last section on page */
#de-container .de-section-parent-full-width:last-child .container {
  padding-bottom: 0;
}
/*==== text links - simple links and inline links ====*/
.links-group {
  margin-bottom: 1em;
}
.links-group li {
  border-bottom: 1px solid #eaeaea;
  padding: 5px 0;
}
.links-group li:last-child {
  border-bottom: 0px solid #fff;
}
.links-group-inline {
  border-top: 1px solid #a9a9a9;
  margin-top: 25px;
  padding-top: 5px;
}
.links-group-inline a {
  color: #007894;
}
.links-group-inline a:hover {
  color: #006276;
}
.links-group-inline p {
  margin: 0;
}
.de-link-display-inline,
.de-link-display-inline .link-content,
.de-link-display-inline a {
  display: inline-block;
}
/*=== service icons === */
.icon-service {
  text-indent: -99999px;
  background-size: 60%;
  height: 3em;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .icon-service {
    background-size: 90%;
  }
}
#icon-espresso {
  background-image: url('/servlet/file/store396/item893276/');
}
#icon-coding {
  background-image: url('/servlet/file/store396/item893282/');
}
#icon-secondary {
  background-image: url('/servlet/file/store396/item893278/');
}
.page #de-body.de-body-white {
  background: #ffffff;
}
.page .de-section-row-background-colour,
.page .de-section-parent-row-background-colour {
  padding-top: 60px;
  margin-bottom: 60px;
  background-color: #ebebeb;
}
.page .de-section-row-background-colour .container,
.page .de-section-parent-row-background-colour .container {
  background: none;
}
/* hide/show elements in tc cms content */
.remove-from-coding {
  display: block;
}
.remove-from-promo {
  display: none;
}
.remove-from-coding.inline {
  display: inline;
}
/* ============== media queries ============*/
@media (min-width: 768px) {
  body {
    background: #444444;
  }
  .anchor {
    top: 0;
  }
  .no-cssgradients .page .masthead .masthead-fixed,
  .no-cssgradients .page .masthead .headline-1,
  .no-cssgradients #section-main .bg-fade .headline-1,
  .no-cssgradients .masthead .content {
    background: #fff;
    padding: 0 60px;
    margin: 0 -60px;
    width: 520px;
    height: 350px;
  }
  .masthead .masthead-fixed {
    width: 400px;
  }
  .padding-top-sm,
  .page .section:first-child .container .row h2,
  #de-container > .section:first-child > .container > .row > .main,
  #de-container > .section:first-child > .container > .row > aside,
  .announce #de-container > .section:first-child > .container > .row > aside {
    padding-top: 15px;
  }
  #btn-nav-collapse.btn-menu span {
    font-size: 12px;
  }
  .icon-menu {
    line-height: 2;
  }
  .links-wrapper .de-media .img-link {
    float: left;
    margin-right: 10px;
  }
  .links-wrapper .de-media .img-link img {
    border-radius: 6px;
  }
  .de-section-parent-full-width .textual-content-children {
    clear: both;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .de-section-parent-full-width .textual-content-children article {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
  }
  /* content areas needing panel styles */
  #de-body {
    /* grid panels eg image links on community page */
  }
  #de-body .de-section-parent-grid .de-article-panel .content-area .de-body {
    padding: 8px;
  }
  .links-group {
    margin-bottom: 4em;
  }
  .links-group-inline {
    width: 87%;
    position: absolute;
    bottom: 0;
  }
}
@media (min-width: 980px) {
  .anchor {
    top: 0;
  }
}
@media (min-width: 992px) {
  #section-main .video-container {
    width: 768px;
  }
  #main-navigation .sub-nav-content li a:before {
    display: none;
  }
  #main-navigation .has-child > a:after {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #57a4d0;
    margin-top: 5px;
    margin-left: -10px;
    float: right;
  }
  #main-navigation .has-child > a:hover:after {
    border-left-color: #fff;
  }
  .padding-top-md,
  #de-container > .section:first-child > .container > .row > .main,
  #de-container > .section:first-child > .container > .row > aside,
  .de-general .section:first-child .container {
    padding-top: 60px;
  }
  .announce #de-container > .section:first-child > .container > .row > .main,
  .announce #de-container > .section:first-child > .container > .row > aside {
    padding-top: 0;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  #section-main .play-video {
    margin-top: 160px;
  }
  #section-main h2 {
    text-align: left;
  }
}
@media (max-width: 830px) {
  #section-main .video-container {
    width: 95%;
  }
}
@media (max-width: 1170px) and (min-width: 937px) {
  #horizon-nav {
    top: 413px;
  }
  #horizon-nav li a {
    font-size: .85em;
  }
}
@media (max-width: 1199px) {
  #page-728845 .bg-fade .content {
    min-width: 375px;
  }
}
@media (max-width: 992px) {
  #de-body aside ul,
  #de-body aside ol {
    margin-left: 1.2em;
  }
  #section-latest-updates .feature-body {
    padding: 4px 0;
  }
  .page #section-main.masthead .container,
  .page .section .container,
  .de-home .section .container {
    width: 100%;
  }
  .container {
    width: 100%;
  }
  .img-responsive,
  .thumbnail > img,
  .thumbnail a > img,
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    margin: 0;
  }
  .de-home .img-responsive {
    margin: 0 auto;
  }
  .btns {
    margin: 20px auto;
  }
  .header-content {
    padding: 5px 0;
  }
  #de-logo img {
    width: 150px;
    height: auto;
  }
  .masthead > .container > .row,
  .section > .container > .row > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  #section-main {
    background-position-x: 60%;
  }
  .de-connect {
    background: #f4f4f4;
  }
  .de-connect li a {
    background: #0e629e;
  }
  .de-connect-content ul li a {
    padding: 18px 45px 18px 18px;
  }
  .de-connect li a[href*=facebook] {
    background-color: #3B5998;
  }
  .de-connect li a[href*=twitter] {
    background-color: #4099FF;
  }
  .login-btn a {
    margin-bottom: 5px;
    float: right;
  }
  #main-navigation ul.sub-nav-content {
    display: block;
    font-size: 0.8em;
    background: transparent;
  }
  #main-navigation .sub-nav-content li a {
    padding: 0 0 0 32px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  #horizon-nav {
    top: 413px;
  }
}
@media (max-width: 767px) {
  .page #section-main.masthead .container,
  .de-home-dev #section-main.masthead {
    background-image: none !important;
    background-color: #fff;
    height: auto;
  }
  .de-home-dev .masthead .content {
    margin: 0;
    padding: 0;
  }
  #section-main .headline-1,
  #section-main .bg-fade .headline-1 {
    position: relative;
    width: auto;
  }
  .no-cssgradients .page #section-main .play-video {
    margin: 110px auto 0;
  }
  #section-main {
    /*background-image: none !important;*/
    background-position-x: 60%;
  }
  #section-main h2 {
    font-size: 27px;
    text-align: left;
    left: 0px;
  }
  .de-home #section-main .container {
    height: 450px;
  }
  .img-responsive,
  .thumbnail > img,
  .thumbnail a > img,
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img,
  .thumbnail > img,
  .thumbnail a > img,
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    width: 100%;
  }
  .masthead .img-responsive {
    width: 100%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
  #horizon-nav .indicator {
    display: none;
  }
  .de-home .img-holder {
    display: none;
  }
  #section-latest-updates .feature-body {
    padding: 0;
  }
  * p,
  ul {
    font-size: 12pt;
  }
  h1 {
    font-size: 18pt;
  }
  h3 {
    font-size: 20pt;
  }
  h2,
  h4 {
    font-size: 16pt;
  }
  h5 {
    font-size: 15pt;
  }
  h6,
  .h7 {
    font-size: 14pt;
  }
  .masthead > .container > .row,
  .section > .container > .row > * {
    padding-left: 15px;
    padding-right: 15px;
    clear: both;
  }
  #de-container .section:last-child .container {
    padding-bottom: 15px;
  }
  /*th, td {display: block;	}*/
  .page #section-main .play-video,
  .page #section-main .close-video,
  #de-login-helper {
    display: none !important;
  }
  #section-main .play-video {
    margin-top: 90px;
  }
  .anchor {
    top: 0;
  }
  .touch #section-main {
    background-attachment: scroll;
    background-position: 65% 50%;
  }
  .down,
  .return-to-top {
    display: none;
  }
  body.page #section-main,
  .bg-fade {
    height: auto;
  }
  .bg-fade {
    background: #fff;
    filter: none;
  }
  .remove-padding .content,
  #page-728845 .bg-fade .content {
    min-width: 100%;
  }
  aside {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #de-login-helper {
    bottom: -15px;
  }
  .page #section-main .video-container {
    display: block !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .de-home #section-main .video-container {
    margin-top: 50px;
  }
  .section {
    font-size: initial;
  }
}
@media (max-width: 554px) {
  .section .btn {
    font-size: 18px;
    /* dirty override of c1512.css */
    padding: 10px 16px;
    white-space: normal;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .section .btn {
    width: 100%;
  }
  .main .btn-group-vertical,
  .btn-group-vertical {
    width: 100%;
  }
  .btn .glyphicon {
    float: right;
  }
  .login-btn a {
    font-size: 10px;
    float: right;
    clear: right;
    margin-bottom: 4px;
    margin-right: 0;
    min-width: 7em;
  }
  #de-header-main {
    padding: 0 3px;
  }
  .header-content {
    padding: 5px 0;
  }
  #de-login-helper {
    bottom: -22px;
    right: 9px;
  }
  .masthead > .container > .row {
    padding: 0;
  }
  .remove-padding {
    padding: 0 15px;
  }
}
@media (max-width: 320px) {
  .de-media .headline,
  .media .headline {
    float: none !important;
  }
}
/* fix for 1510.css query for min-width 300px*/
@media (max-width: 299px) {
  .header-container {
    width: 100%;
  }
}
/* bespoke textual content items */
#item-728968 + article img,
#art-728968 img {
  width: 320px;
}
/* fix for flipped arrow issue (c1512.css - line 231) in IE9 */
.flipped.down {
  -ms-transform: rotate(180deg);
  -ms-filter: initial;
}
/* removed dotted white line in ie8*/
.video-container object {
  outline: 0;
}
/* dev-test video pages */
.dev-test.vid-player {
  background: #fff;
}
.dev-test.vid-player .vid-container {
  width: 50%;
  display: inline-block;
}
/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak],
[ng-cloak],
.ng-cloak {
  display: none !important;
}
/* community page - specific styles */
#page-888088 .de-article-panel .content-area {
  border-color: #007894;
}
#page-888088 .de-article-panel .content-area .de-heading {
  background-color: #007894;
}
#page-888088 .de-article-panel .content-area h3 {
  margin-bottom: 0;
  color: #ffffff;
}
#page-888088 .links-group .link a {
  color: #ef7700;
}
#page-888088 .links-group .link a:hover {
  color: #006276;
}
#page-888088 .login-button a {
  background-color: #007894;
}
#page-888088 .login-button a:hover {
  background-color: #006276;
  color: #ffffff;
}
#page-888088 #sec-889724 img {
  width: 60%;
}
#page-888088 #sec-889724 img article {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #page-888088 #sec-889724 img {
    width: 90%;
  }
  #page-888088 #sec-889724 img article {
    margin-bottom: 60px;
  }
}
#page-888088 #sec-726511 {
  background-color: #fff;
}
@media (max-width: 767px) {
  #page-888088 .de-section-hero {
    background-image: none !important;
  }
}
#page-888088 .hero-content p {
  color: #333333;
}
#page-888088 #sec-888099 {
  padding-bottom: 20px;
}
#page-888088 #sec-888099 p {
  font-size: 18px;
}
#page-888088 #sec-888174 h3,
#page-888088 #sec-889552 h3 {
  font-weight: bold;
  color: #007894;
}
@media (max-width: 991px) {
  #page-888088 #sec-888174 article,
  #page-888088 #sec-894802 article,
  #page-888088 #sec-889572 article {
    margin-bottom: 15px;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  #page-888088 #sec-888174,
  #page-888088 #sec-894802,
  #page-888088 #sec-889572 {
    padding-right: 10px;
  }
}
#page-888088 #sec-888174 h5 a,
#page-888088 #sec-894802 h5 a,
#page-888088 #sec-889572 h5 a {
  color: #EF7700;
}
#page-888088 #sec-888174 h5 a:hover,
#page-888088 #sec-894802 h5 a:hover,
#page-888088 #sec-889572 h5 a:hover {
  color: #006276;
}
#page-888088 .de-section-full-width,
#page-888088 .de-section-parent-full-width {
  /* add margin bottom to sections if full width - risk to older format */
  padding-bottom: 60px;
}
#page-888088 .de-section-full-width .row,
#page-888088 .de-section-parent-full-width .row {
  padding-bottom: 0;
}
#page-888088 .de-section-full-width p > a,
#page-888088 .de-section-parent-full-width p > a {
  color: #007894;
  text-decoration: underline;
}
#page-888088 .de-section-full-width p > a:hover,
#page-888088 .de-section-parent-full-width p > a:hover {
  color: #006276;
  text-decoration: none;
}
#page-888088 #de-container .de-section-title-strip {
  padding: 15px 0;
}
#page-888088 .de-section-parent-remove-row-bottom-margin,
#page-888088 .de-section-parent-row-background-colour,
#page-888088 .de-section-remove-row-bottom-margin,
#page-888088 .section:last-of-type {
  padding-bottom: 0;
}
#page-888088 .de-section-remove-row-bottom-margin .row {
  padding-bottom: 15px;
}
#page-888088.de-body-theme .de-section-full-width {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  #page-888088 .section:last-of-type {
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) and (min-width: 480px) {
  #page-888088 #de-body .de-article-remove-row-bottom-margin {
    padding-bottom: 15px;
  }
}
/* racing extinction page - temporary - move to 1629 */
#sec-881701 .container {
  padding: 0;
}
#art-881701 {
  background: #802b62;
  padding: 40px 80px;
}

/*=======================================================
| name:de-uk-login.less
| use: DE UK login
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_promo/
| author: Richard Oliver
========================================================*/
/*@import (reference) "../bower_components/bootstrap/less/mixins.less";
@import (reference) "../bower_components/bootstrap/less/utilities.less";
@import (reference) "../bower_components/bootstrap/less/responsive-utilities.less";
@import (reference) "../bower_components/bootstrap/less/buttons.less";
@import (reference) "../bower_components/bootstrap/less/grid.less";
@import (reference) "../bower_components/bootstrap/less/forms.less";*/
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
.page-login .outer-wrapper #loginDiv:before,
.page-login .outer-wrapper #loginDiv:after,
.ptype-login .outer-wrapper #loginDiv:before,
.ptype-login .outer-wrapper #loginDiv:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after,
.page-login .outer-wrapper #loginDiv:after,
.ptype-login .outer-wrapper #loginDiv:after {
  clear: both;
}
.page-login .msg-form-failed.active,
.ptype-login .msg-form-failed.active {
  background-color: #f2dede;
  padding: 10px;
  max-width: 1050px;
  margin: 0 auto;
}
.page-login .msg-form-failed.active:before,
.ptype-login .msg-form-failed.active:before,
.page-login .msg-form-failed.active:after,
.ptype-login .msg-form-failed.active:after {
  content: " ";
  display: table;
}
.page-login .msg-form-failed.active:after,
.ptype-login .msg-form-failed.active:after {
  clear: both;
}
.page-login .msg-form-failed.active:before,
.ptype-login .msg-form-failed.active:before,
.page-login .msg-form-failed.active:after,
.ptype-login .msg-form-failed.active:after {
  content: " ";
  display: table;
}
.page-login .msg-form-failed.active:after,
.ptype-login .msg-form-failed.active:after {
  clear: both;
}
a.page-login .msg-form-failed.active:hover,
a.ptype-login .msg-form-failed.active:hover {
  background-color: #e4b9b9;
}
@media (min-width: 768px) {
  .page-login .msg-form-failed.active,
  .ptype-login .msg-form-failed.active {
    margin-bottom: 20px;
    padding: 30px;
    border-radius: 6px 6px;
  }
}
.page-login .msg-form-failed.active a,
.ptype-login .msg-form-failed.active a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
  text-decoration: none;
}
.page-login .msg-form-failed.active a:focus,
.ptype-login .msg-form-failed.active a:focus,
.page-login .msg-form-failed.active a:active:focus,
.ptype-login .msg-form-failed.active a:active:focus,
.page-login .msg-form-failed.active a.active:focus,
.ptype-login .msg-form-failed.active a.active:focus,
.page-login .msg-form-failed.active a.focus,
.ptype-login .msg-form-failed.active a.focus,
.page-login .msg-form-failed.active a:active.focus,
.ptype-login .msg-form-failed.active a:active.focus,
.page-login .msg-form-failed.active a.active.focus,
.ptype-login .msg-form-failed.active a.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.page-login .msg-form-failed.active a:hover,
.ptype-login .msg-form-failed.active a:hover,
.page-login .msg-form-failed.active a:focus,
.ptype-login .msg-form-failed.active a:focus,
.page-login .msg-form-failed.active a.focus,
.ptype-login .msg-form-failed.active a.focus {
  color: #333333;
  text-decoration: none;
}
.page-login .msg-form-failed.active a:active,
.ptype-login .msg-form-failed.active a:active,
.page-login .msg-form-failed.active a.active,
.ptype-login .msg-form-failed.active a.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
}
.page-login .msg-form-failed.active a.disabled,
.ptype-login .msg-form-failed.active a.disabled,
.page-login .msg-form-failed.active a[disabled],
.ptype-login .msg-form-failed.active a[disabled],
fieldset[disabled] .page-login .msg-form-failed.active a,
fieldset[disabled] .ptype-login .msg-form-failed.active a {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
}
.page-login .msg-form-failed.active a:hover,
.ptype-login .msg-form-failed.active a:hover,
.page-login .msg-form-failed.active a:focus,
.ptype-login .msg-form-failed.active a:focus,
.page-login .msg-form-failed.active a.focus,
.ptype-login .msg-form-failed.active a.focus,
.page-login .msg-form-failed.active a:active,
.ptype-login .msg-form-failed.active a:active,
.page-login .msg-form-failed.active a.active,
.ptype-login .msg-form-failed.active a.active,
.open > .dropdown-toggle.page-login .msg-form-failed.active a,
.open > .dropdown-toggle.ptype-login .msg-form-failed.active a {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.page-login .msg-form-failed.active a:active,
.ptype-login .msg-form-failed.active a:active,
.page-login .msg-form-failed.active a.active,
.ptype-login .msg-form-failed.active a.active,
.open > .dropdown-toggle.page-login .msg-form-failed.active a,
.open > .dropdown-toggle.ptype-login .msg-form-failed.active a {
  background-image: none;
}
.page-login .msg-form-failed.active a.disabled,
.ptype-login .msg-form-failed.active a.disabled,
.page-login .msg-form-failed.active a[disabled],
.ptype-login .msg-form-failed.active a[disabled],
fieldset[disabled] .page-login .msg-form-failed.active a,
fieldset[disabled] .ptype-login .msg-form-failed.active a,
.page-login .msg-form-failed.active a.disabled:hover,
.ptype-login .msg-form-failed.active a.disabled:hover,
.page-login .msg-form-failed.active a[disabled]:hover,
.ptype-login .msg-form-failed.active a[disabled]:hover,
fieldset[disabled] .page-login .msg-form-failed.active a:hover,
fieldset[disabled] .ptype-login .msg-form-failed.active a:hover,
.page-login .msg-form-failed.active a.disabled:focus,
.ptype-login .msg-form-failed.active a.disabled:focus,
.page-login .msg-form-failed.active a[disabled]:focus,
.ptype-login .msg-form-failed.active a[disabled]:focus,
fieldset[disabled] .page-login .msg-form-failed.active a:focus,
fieldset[disabled] .ptype-login .msg-form-failed.active a:focus,
.page-login .msg-form-failed.active a.disabled.focus,
.ptype-login .msg-form-failed.active a.disabled.focus,
.page-login .msg-form-failed.active a[disabled].focus,
.ptype-login .msg-form-failed.active a[disabled].focus,
fieldset[disabled] .page-login .msg-form-failed.active a.focus,
fieldset[disabled] .ptype-login .msg-form-failed.active a.focus,
.page-login .msg-form-failed.active a.disabled:active,
.ptype-login .msg-form-failed.active a.disabled:active,
.page-login .msg-form-failed.active a[disabled]:active,
.ptype-login .msg-form-failed.active a[disabled]:active,
fieldset[disabled] .page-login .msg-form-failed.active a:active,
fieldset[disabled] .ptype-login .msg-form-failed.active a:active,
.page-login .msg-form-failed.active a.disabled.active,
.ptype-login .msg-form-failed.active a.disabled.active,
.page-login .msg-form-failed.active a[disabled].active,
.ptype-login .msg-form-failed.active a[disabled].active,
fieldset[disabled] .page-login .msg-form-failed.active a.active,
fieldset[disabled] .ptype-login .msg-form-failed.active a.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.page-login .msg-form-failed.active a .badge,
.ptype-login .msg-form-failed.active a .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.page-login .outer-wrapper,
.ptype-login .outer-wrapper {
  margin: 0;
}
@media (min-width: 768px) {
  .page-login .outer-wrapper,
  .ptype-login .outer-wrapper {
    margin: 20px 20px 70px;
  }
}
.page-login .outer-wrapper .de-public-container,
.ptype-login .outer-wrapper .de-public-container {
  max-width: 1050px;
  margin: 0 auto;
}
.page-login .outer-wrapper #loginDiv,
.ptype-login .outer-wrapper #loginDiv {
  margin-left: -15px;
  margin-right: -15px;
}
.page-login .outer-wrapper #loginDiv .form-group,
.ptype-login .outer-wrapper #loginDiv .form-group {
  margin-bottom: 15px;
}
.page-login .outer-wrapper #loginDiv .form-group input,
.ptype-login .outer-wrapper #loginDiv .form-group input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  box-sizing: border-box;
  font-size: 16px;
}
.page-login .outer-wrapper #loginDiv .form-group input:focus,
.ptype-login .outer-wrapper #loginDiv .form-group input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
}
.page-login .outer-wrapper #loginDiv .form-group input::-moz-placeholder,
.ptype-login .outer-wrapper #loginDiv .form-group input::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.page-login .outer-wrapper #loginDiv .form-group input:-ms-input-placeholder,
.ptype-login .outer-wrapper #loginDiv .form-group input:-ms-input-placeholder {
  color: #999999;
}
.page-login .outer-wrapper #loginDiv .form-group input::-webkit-input-placeholder,
.ptype-login .outer-wrapper #loginDiv .form-group input::-webkit-input-placeholder {
  color: #999999;
}
.page-login .outer-wrapper #loginDiv .form-group input[disabled],
.ptype-login .outer-wrapper #loginDiv .form-group input[disabled],
.page-login .outer-wrapper #loginDiv .form-group input[readonly],
.ptype-login .outer-wrapper #loginDiv .form-group input[readonly],
fieldset[disabled] .page-login .outer-wrapper #loginDiv .form-group input,
fieldset[disabled] .ptype-login .outer-wrapper #loginDiv .form-group input {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.page-login .outer-wrapper #loginDiv .form-group input,
textarea.ptype-login .outer-wrapper #loginDiv .form-group input {
  height: auto;
}
.page-login .outer-wrapper .de-public-container,
.ptype-login .outer-wrapper .de-public-container {
  padding: 10px;
}
@media (min-width: 768px) {
  .page-login .outer-wrapper .de-public-container,
  .ptype-login .outer-wrapper .de-public-container {
    border: 1px #ddd solid;
    background: #fff;
    border-radius: 6px 6px;
    padding: 30px;
  }
}
.page-login .outer-wrapper .de-public-container #loginText,
.ptype-login .outer-wrapper .de-public-container #loginText {
  margin-bottom: 15px;
}
.page-login .outer-wrapper .de-public-container #loginText .service-select,
.ptype-login .outer-wrapper .de-public-container #loginText .service-select {
  font-size: 16px;
  /* set size to prevent zoom on iOS Safari */
}
.page-login .outer-wrapper .de-public-container #userNameLogin,
.ptype-login .outer-wrapper .de-public-container #userNameLogin {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 24px;
}
.page-login .outer-wrapper .de-public-container #userNameLogin:nth-child(n),
.ptype-login .outer-wrapper .de-public-container #userNameLogin:nth-child(n) {
  width: auto;
  float: none;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .page-login .outer-wrapper .de-public-container #userNameLogin:nth-child(n),
  .ptype-login .outer-wrapper .de-public-container #userNameLogin:nth-child(n) {
    float: left;
    width: 50%;
  }
}
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer .form-links,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer .form-links {
  float: left !important;
  list-style: none;
}
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer .form-links li,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer .form-links li {
  display: inline-block;
  margin-right: 10px;
}
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .page-login .outer-wrapper .de-public-container #userNameLogin #loginForm,
  .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm {
    float: left;
    width: 83.33333333%;
  }
}
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm input,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm input {
  font-size: 16px;
}
.page-login .outer-wrapper .de-public-container #userNameLogin .dropdown-menu li .glyphicon,
.ptype-login .outer-wrapper .de-public-container #userNameLogin .dropdown-menu li .glyphicon {
  display: none;
}
.page-login .outer-wrapper .de-public-container #userNameLogin .dropdown-menu li[data-original-index="0"],
.ptype-login .outer-wrapper .de-public-container #userNameLogin .dropdown-menu li[data-original-index="0"] {
  display: none;
}
.page-login .outer-wrapper .de-public-container #userNameLogin .msg-form-failed,
.ptype-login .outer-wrapper .de-public-container #userNameLogin .msg-form-failed {
  background-color: #f2dede;
  padding: 10px;
  margin-bottom: 10px;
}
a.page-login .outer-wrapper .de-public-container #userNameLogin .msg-form-failed:hover,
a.ptype-login .outer-wrapper .de-public-container #userNameLogin .msg-form-failed:hover {
  background-color: #e4b9b9;
}
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button {
  margin-top: 10px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: right !important;
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:active:focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:active:focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:active:focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:active:focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.active:focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.active:focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.active:focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.active:focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:active.focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:active.focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:active.focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:active.focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.active.focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.active.focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.active.focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:hover,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:hover,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:hover,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:hover,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.focus {
  color: #333333;
  text-decoration: none;
}
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
}
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.disabled,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.disabled,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.disabled,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.disabled,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button[disabled],
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button[disabled],
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button[disabled],
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button[disabled],
fieldset[disabled] .page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button,
fieldset[disabled] .page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
}
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:hover,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:hover,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:hover,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:hover,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.active,
.open > .dropdown-toggle.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button,
.open > .dropdown-toggle.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button,
.open > .dropdown-toggle.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button,
.open > .dropdown-toggle.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.active,
.open > .dropdown-toggle.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button,
.open > .dropdown-toggle.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button,
.open > .dropdown-toggle.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button,
.open > .dropdown-toggle.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button {
  background-image: none;
}
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.disabled,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.disabled,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.disabled,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.disabled,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button[disabled],
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button[disabled],
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button[disabled],
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button[disabled],
fieldset[disabled] .page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button,
fieldset[disabled] .page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.disabled:hover,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.disabled:hover,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.disabled:hover,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.disabled:hover,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button[disabled]:hover,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button[disabled]:hover,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button[disabled]:hover,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button[disabled]:hover,
fieldset[disabled] .page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:hover,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:hover,
fieldset[disabled] .page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:hover,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:hover,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.disabled:focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.disabled:focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.disabled:focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.disabled:focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button[disabled]:focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button[disabled]:focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button[disabled]:focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button[disabled]:focus,
fieldset[disabled] .page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:focus,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:focus,
fieldset[disabled] .page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:focus,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.disabled.focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.disabled.focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.disabled.focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.disabled.focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button[disabled].focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button[disabled].focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button[disabled].focus,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button[disabled].focus,
fieldset[disabled] .page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.focus,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.focus,
fieldset[disabled] .page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.focus,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.focus,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.disabled:active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.disabled:active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.disabled:active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.disabled:active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button[disabled]:active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button[disabled]:active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button[disabled]:active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button[disabled]:active,
fieldset[disabled] .page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:active,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button:active,
fieldset[disabled] .page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:active,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button:active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.disabled.active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.disabled.active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.disabled.active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.disabled.active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button[disabled].active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button[disabled].active,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button[disabled].active,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button[disabled].active,
fieldset[disabled] .page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.active,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button.active,
fieldset[disabled] .page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.active,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.page-login .outer-wrapper .de-public-container #userNameLogin #loginForm button .badge,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginForm button .badge,
.page-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button .badge,
.ptype-login .outer-wrapper .de-public-container #userNameLogin #loginButtonContainer button .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.page-login .outer-wrapper .de-public-container #sign-up,
.ptype-login .outer-wrapper .de-public-container #sign-up {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.page-login .outer-wrapper .de-public-container #sign-up:nth-child(n),
.ptype-login .outer-wrapper .de-public-container #sign-up:nth-child(n) {
  width: auto;
  float: none;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .page-login .outer-wrapper .de-public-container #sign-up:nth-child(n),
  .ptype-login .outer-wrapper .de-public-container #sign-up:nth-child(n) {
    float: left;
    width: 50%;
  }
}
.page-login .outer-wrapper .de-public-container #sign-up ul,
.ptype-login .outer-wrapper .de-public-container #sign-up ul {
  padding: 10px 24px 28px;
}
.page-login .outer-wrapper .de-public-container #product-list,
.ptype-login .outer-wrapper .de-public-container #product-list {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.page-login .outer-wrapper .de-public-container #product-list:before,
.ptype-login .outer-wrapper .de-public-container #product-list:before,
.page-login .outer-wrapper .de-public-container #product-list:after,
.ptype-login .outer-wrapper .de-public-container #product-list:after {
  content: " ";
  display: table;
}
.page-login .outer-wrapper .de-public-container #product-list:after,
.ptype-login .outer-wrapper .de-public-container #product-list:after {
  clear: both;
}
.page-login .outer-wrapper .de-public-container #product-list:before,
.ptype-login .outer-wrapper .de-public-container #product-list:before,
.page-login .outer-wrapper .de-public-container #product-list:after,
.ptype-login .outer-wrapper .de-public-container #product-list:after {
  content: " ";
  display: table;
}
.page-login .outer-wrapper .de-public-container #product-list:after,
.ptype-login .outer-wrapper .de-public-container #product-list:after {
  clear: both;
}
.page-login .outer-wrapper .de-public-container #product-list:nth-child(n),
.ptype-login .outer-wrapper .de-public-container #product-list:nth-child(n) {
  width: auto;
  float: none;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .page-login .outer-wrapper .de-public-container #product-list:nth-child(n),
  .ptype-login .outer-wrapper .de-public-container #product-list:nth-child(n) {
    float: left;
    width: 50%;
  }
}
.page-login .outer-wrapper .de-public-container #product-list ul,
.ptype-login .outer-wrapper .de-public-container #product-list ul {
  padding: 10px 24px 28px;
  margin: 0 auto;
  list-style: none;
  max-width: 350px;
}
.page-login .outer-wrapper .de-public-container #product-list ul li,
.ptype-login .outer-wrapper .de-public-container #product-list ul li {
  margin-top: 30px;
}
.page-login .outer-wrapper .de-public-container #product-list ul li img,
.ptype-login .outer-wrapper .de-public-container #product-list ul li img {
  width: 100%;
}
@media (max-width: 992px) {
  .page-login .outer-wrapper .de-public-container #product-list,
  .ptype-login .outer-wrapper .de-public-container #product-list {
    clear: both;
  }
}
.page-login .outer-wrapper .de-public-container small,
.ptype-login .outer-wrapper .de-public-container small {
  float: right !important;
  margin-top: 15px;
  text-align: center;
  width: 100%;
  color: #555;
}
.page-login .outer-wrapper .de-public-container a,
.ptype-login .outer-wrapper .de-public-container a {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
  border: red solid 2px;
}
.page-login .outer-wrapper .de-public-container a,
.ptype-login .outer-wrapper .de-public-container a,
.page-login .outer-wrapper .de-public-container a:active,
.ptype-login .outer-wrapper .de-public-container a:active,
.page-login .outer-wrapper .de-public-container a.active,
.ptype-login .outer-wrapper .de-public-container a.active,
.page-login .outer-wrapper .de-public-container a[disabled],
.ptype-login .outer-wrapper .de-public-container a[disabled],
fieldset[disabled] .page-login .outer-wrapper .de-public-container a,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container a {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
}
.page-login .outer-wrapper .de-public-container a,
.ptype-login .outer-wrapper .de-public-container a,
.page-login .outer-wrapper .de-public-container a:hover,
.ptype-login .outer-wrapper .de-public-container a:hover,
.page-login .outer-wrapper .de-public-container a:focus,
.ptype-login .outer-wrapper .de-public-container a:focus,
.page-login .outer-wrapper .de-public-container a:active,
.ptype-login .outer-wrapper .de-public-container a:active {
  border-color: transparent;
}
.page-login .outer-wrapper .de-public-container a:hover,
.ptype-login .outer-wrapper .de-public-container a:hover,
.page-login .outer-wrapper .de-public-container a:focus,
.ptype-login .outer-wrapper .de-public-container a:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.page-login .outer-wrapper .de-public-container a[disabled]:hover,
.ptype-login .outer-wrapper .de-public-container a[disabled]:hover,
fieldset[disabled] .page-login .outer-wrapper .de-public-container a:hover,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container a:hover,
.page-login .outer-wrapper .de-public-container a[disabled]:focus,
.ptype-login .outer-wrapper .de-public-container a[disabled]:focus,
fieldset[disabled] .page-login .outer-wrapper .de-public-container a:focus,
fieldset[disabled] .ptype-login .outer-wrapper .de-public-container a:focus {
  color: #777777;
  text-decoration: none;
}
@media (min-width: 768px) {
  .page-login #footer-default,
  .ptype-login #footer-default {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
  }
  .page-login #footer-default .navbar-collapse,
  .ptype-login #footer-default .navbar-collapse {
    max-height: 340px;
  }
}
@media (min-width: 768px) and (max-device-width: 480px) and (orientation: landscape) {
  .page-login #footer-default .navbar-collapse,
  .ptype-login #footer-default .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .page-login #footer-default,
  .ptype-login #footer-default {
    border-radius: 0;
  }
}
#shib {
  position: absolute;
  left: -99999px;
}
#de-login-helper {
  background: rgba(0, 0, 0, 0.4);
  right: 15px;
}

/*=======================================================
| name:de-uk-tophat.less
| use: DE UK tophat
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_promo/
| author: Richard Oliver
========================================================*/
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
#header-tophat {
  height: 0;
  padding: 0;
  background-color: #121212;
  float: right !important;
}
@media (min-width: 768px) {
  #header-tophat {
    height: auto;
    padding: 2px 0;
    float: none !important;
  }
}
#header-tophat .header-container {
  /*.notification-message{
			display: none;
			color: white;
			margin: 0 15px;
			.pull-right();
			.hidden-xs();
			span{
				.glyphicon();
				.glyphicon-check();
				margin-right: 5px;
			}
			&.show-notification{
				display: block;
			}
		}*/
  padding-top: 5px;
  padding-right: 2px;
  padding-bottom: 2px;
}
#header-tophat .header-container:before,
#header-tophat .header-container:after {
  content: " ";
  display: table;
}
#header-tophat .header-container:after {
  clear: both;
}
#header-tophat .header-container:before,
#header-tophat .header-container:after {
  content: " ";
  display: table;
}
#header-tophat .header-container:after {
  clear: both;
}
#header-tophat .header-container .eha.header-form-inline,
#header-tophat .header-container .de.header-form-inline {
  display: none;
}
@media (min-width: 992px) {
  #header-tophat .header-container {
    padding-top: 2px;
  }
}
@media (min-width: 480px) {
  #header-tophat .header-container {
    padding-right: 15px;
  }
}
#header-tophat .header-container .bootstrap-select {
  width: 55px;
}
@media (min-width: 768px) {
  #header-tophat .header-container .bootstrap-select {
    width: auto;
  }
}
#header-tophat .header-container .bootstrap-select .dropdown-toggle {
  margin-bottom: 0;
  height: 26px;
  padding-top: 3px;
}
#header-tophat .header-container .dropdown-menu li .glyphicon {
  display: none;
}
#header-tophat .header-container .dropdown-menu li[data-original-index="0"] {
  display: none;
}
#header-tophat .header-container .header-form-inline {
  float: right;
}
@media (max-width: 767px) {
  #header-tophat .header-container .header-form-inline span {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #header-tophat .header-container .header-form-inline span {
    display: none !important;
  }
}
#header-tophat .header-container .header-form-inline span a {
  color: #fff;
}
#header-tophat .header-container .header-form-inline span a:hover {
  color: #f0ad4e;
}
#header-tophat .header-container .header-form-inline li[data-original-index="0"] {
  display: none;
}
#header-tophat .header-container .header-form-inline .btn-login {
  margin-right: 4px;
}
@media (max-width: 767px) {
  #header-tophat .header-container .header-form-inline .btn-login {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #header-tophat .header-container .header-form-inline .form-group {
    display: none !important;
  }
}
#header-tophat .header-container .header-form-inline .form-group .header-form-control {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font: inherit;
  margin: 0;
  display: block;
  width: 100%;
  height: 26px;
  padding: 0px 6px;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#header-tophat .header-container .header-form-inline .form-group .header-form-control .header-form-inline {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
#header-tophat .header-container .service-select {
  font-size: 16px;
  /* set size to prevent zoom on iOS Safari */
}
#header-tophat .header-container .service-select .selectpicker .glyphicon {
  float: none;
  margin-left: 0;
}

/*=======================================================
| name:de-uk-footer.less
| use: DE UK footer
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_promo/
| author: Richard Oliver
========================================================*/
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
#footer-default {
  clear: both;
  font-size: 11px;
  color: #ccc;
  line-height: 1;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #555;
  text-align: left;
}
#footer-default:before,
#footer-default:after {
  content: " ";
  display: table;
}
#footer-default:after {
  clear: both;
}
#footer-default:before,
#footer-default:after {
  content: " ";
  display: table;
}
#footer-default:after {
  clear: both;
}
#footer-default #footer-linkset1 {
  background: #555555;
  text-align: center;
  border-top: 1px #464646 solid;
  border-bottom: 1px #464646 solid;
}
#footer-default #footer-linkset1 a {
  color: #ccc;
  text-decoration: none;
  display: inline-block;
  margin: 0 0 0 -4px;
  padding: 10px 10px;
  border-right: 1px #444 solid;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-size: 1.0em;
}
#footer-default #footer-linkset1 a:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}
#footer-default #footer-linkset1 a:last-child {
  border-right: none;
}
#footer-default #footer-copyright {
  background: #444444;
  padding: 0;
  box-shadow: none;
}
#footer-default #footer-copyright p {
  font-size: 10pt;
  font-weight: normal;
  line-height: 26px;
  color: #ccc;
  text-align: center;
  padding: 0;
  margin: 0;
}

/*=======================================================
| name:de-uk-pd.less
| use: PD catalogue course pages
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_promo/
| author: Yorick Brown
========================================================*/
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.cat-masthead .container {
  padding: 30px 15px 15px;
}
.cat-masthead .container.bg-image {
  background-repeat: no-repeat;
}
.page .section.cat-masthead .container > .row h2 {
  padding: 0;
  font-size: 29px;
}
#de-body .section-theme ul {
  padding-left: 0;
  list-style: none;
  margin-top: 0;
  margin-left: 0;
  font-size: 14px;
}
.section-theme li {
  margin-bottom: 10px;
}
.pd-cat-course #de-container > .section > .container > .row:first-child > aside {
  padding-top: 0;
}
.pd-cat-course .row:first-child > aside {
  display: none !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pd-cat-course .row:first-child > aside {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .pd-cat-course .row:first-child > aside {
    display: block !important;
  }
}
.link-full {
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991px) {
  .link-full {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .link-full {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .link-full {
    display: none !important;
  }
}
.section-theme .col-md-12 .row {
  margin-top: 20px;
}
.section-theme .col-md-12 .row:first-child {
  margin-top: 0;
}
/* media queries */
@media (min-width: 992px) {
  .section-theme li {
    margin-bottom: 5px;
  }
  .cat-masthead .container .content p:last-child {
    margin: 0;
  }
}
@media (max-width: 554px) {
  .section .link-full a {
    text-align: center;
  }
  .cat-masthead .container.bg-image {
    background-size: cover;
  }
}

/*=======================================================
| name:de-uk-support.less
| use: Technical support pages
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_promo/
| author: Yorick Brown 
========================================================*/
.tableborders {
  border: 1px solid black;
  padding: 4px;
  text-align: left;
}
.support {
  padding-bottom: 40px;
}
.support .state_good,
.support .state_good a {
  color: #ffffff;
  background-color: #04a004;
}
.support .state_warn {
  background-color: #f4f411;
}
.support .state_error,
.support .state_error a {
  color: #ffffff;
  background-color: #dd2323;
}
.support #detect_table {
  border-collapse: collapse;
}
.support #detect_table th,
.support #detect_table td {
  border: 1px solid black;
  padding: 4px;
  text-align: left;
}
.support #key {
  border-collapse: collapse;
}
.support #key th,
.support #key td {
  border: 1px solid black;
  padding: 4px;
  text-align: left;
}
.support #key th {
  padding: 4px;
}

/*=======================================================
| name:de-uk-video.less
| use: DE UK custom video pages plus index
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_promo/
| author: Yorick Brown
========================================================*/
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
.vid #de-body #de-container .section:before,
.vid #de-body #de-container .section:after,
.vid #de-body #de-container header h2:before,
.vid #de-body #de-container header h2:after,
.vid #de-body #de-container header .bc-video:before,
.vid #de-body #de-container header .bc-video:after,
.vid #de-body #de-container header .vid-tabs ul:before,
.vid #de-body #de-container header .vid-tabs ul:after,
.vid #de-body #de-container header .vid-tabs ul:before,
.vid #de-body #de-container header .vid-tabs ul:after,
.vid #de-body #de-container .content-masthead:before,
.vid #de-body #de-container .content-masthead:after,
.vid #de-body #de-container .content-extra:before,
.vid #de-body #de-container .content-extra:after,
.vid #de-body #de-container .section-listing .content-main:before,
.vid #de-body #de-container .section-listing .content-main:after,
.vid #de-body #de-container .section-listing aside:before,
.vid #de-body #de-container .section-listing aside:after,
.vid .vid-wrapper:before,
.vid .vid-wrapper:after,
.vid .credits:before,
.vid .credits:after,
.esol h1:before,
.esol h1:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after,
.vid #de-body #de-container .section:after,
.vid #de-body #de-container header h2:after,
.vid #de-body #de-container header .bc-video:after,
.vid #de-body #de-container header .vid-tabs ul:after,
.vid #de-body #de-container header .vid-tabs ul:after,
.vid #de-body #de-container .content-masthead:after,
.vid #de-body #de-container .content-extra:after,
.vid #de-body #de-container .section-listing .content-main:after,
.vid #de-body #de-container .section-listing aside:after,
.vid .vid-wrapper:after,
.vid .credits:after,
.esol h1:after {
  clear: both;
}
/* video page */
/* breadcrumb separator - declared globally */
.vid {
  /* Vid container - including API AddThis */
  /* presenter cite image */
  /* join button */
}
.vid #de-body #de-container {
  background: #fff;
}
.vid #de-body #de-container .section {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .vid #de-body #de-container .section {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .vid #de-body #de-container .section {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .vid #de-body #de-container .section {
    width: 1170px;
  }
}
.vid #de-body #de-container .section > .navbar-header,
.vid #de-body #de-container .section > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .vid #de-body #de-container .section > .navbar-header,
  .vid #de-body #de-container .section > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.vid #de-body #de-container .section .vid-tabs-content .tab-pane {
  display: block;
  visibility: visible;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .vid #de-body #de-container .section .vid-tabs-content .tab-pane h3:first-child {
    display: none;
  }
}
@media (min-width: 991px) {
  .vid #de-body #de-container .section {
    padding: 0 60px 60px;
  }
  .vid #de-body #de-container .section .vid-tabs-content > .tab-pane {
    display: none;
    visibility: hidden;
  }
  .vid #de-body #de-container .section .vid-tabs-content > .active {
    display: block;
    visibility: visible;
  }
  .vid #de-body #de-container .section .vid-tabs-content .tab-pane {
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    left: -99999px;
    padding-bottom: 0;
  }
  .vid #de-body #de-container .section .vid-tabs-content .active {
    width: auto;
    height: auto;
    position: relative;
    left: 0;
  }
}
.vid #de-body #de-container header {
  background-color: #fbfbfb;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
}
.vid #de-body #de-container header h2 {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  color: #002c76;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .vid #de-body #de-container header h2 {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .vid #de-body #de-container header h2 {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .vid #de-body #de-container header h2 {
    width: 1170px;
  }
}
.vid #de-body #de-container header h2 > .navbar-header,
.vid #de-body #de-container header h2 > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .vid #de-body #de-container header h2 > .navbar-header,
  .vid #de-body #de-container header h2 > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 991px) {
  .vid #de-body #de-container header h2 {
    padding: 0 60px 20px;
  }
}
.vid #de-body #de-container header .bc-video {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .vid #de-body #de-container header .bc-video {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .vid #de-body #de-container header .bc-video {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .vid #de-body #de-container header .bc-video {
    width: 1170px;
  }
}
.vid #de-body #de-container header .bc-video > .navbar-header,
.vid #de-body #de-container header .bc-video > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .vid #de-body #de-container header .bc-video > .navbar-header,
  .vid #de-body #de-container header .bc-video > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.vid #de-body #de-container header .bc-video .bc-name {
  visibility: hidden;
}
@media (min-width: 991px) {
  .vid #de-body #de-container header .bc-video .bc-name {
    visibility: visible;
  }
}
@media (min-width: 991px) {
  .vid #de-body #de-container header .bc-video {
    padding: 0 60px 20px;
  }
}
.vid #de-body #de-container header .bc-video ul {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  background-color: #fbfbfb;
  padding: 8px 0;
  margin-bottom: 0;
  margin-left: 0   ;
  font-size: 12px;
}
.vid #de-body #de-container header .bc-video ul > li {
  display: inline-block;
}
.vid #de-body #de-container header .bc-video ul > li + li:before {
  content: ">\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.vid #de-body #de-container header .bc-video ul > .active {
  color: #777777;
}
.vid #de-body #de-container header .bc-video ul li a {
  white-space: normal;
}
.vid #de-body #de-container header .vid-tabs ul {
  display: none !important;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #dddddd;
  font-size: 12px;
  border-bottom: 0px solid #fff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .vid #de-body #de-container header .vid-tabs ul {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .vid #de-body #de-container header .vid-tabs ul {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .vid #de-body #de-container header .vid-tabs ul {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .vid #de-body #de-container header .vid-tabs ul {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .vid #de-body #de-container header .vid-tabs ul {
    width: 1170px;
  }
}
.vid #de-body #de-container header .vid-tabs ul > .navbar-header,
.vid #de-body #de-container header .vid-tabs ul > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .vid #de-body #de-container header .vid-tabs ul > .navbar-header,
  .vid #de-body #de-container header .vid-tabs ul > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.vid #de-body #de-container header .vid-tabs ul > li {
  position: relative;
  display: block;
}
.vid #de-body #de-container header .vid-tabs ul > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.vid #de-body #de-container header .vid-tabs ul > li > a:hover,
.vid #de-body #de-container header .vid-tabs ul > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.vid #de-body #de-container header .vid-tabs ul > li.disabled > a {
  color: #777777;
}
.vid #de-body #de-container header .vid-tabs ul > li.disabled > a:hover,
.vid #de-body #de-container header .vid-tabs ul > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.vid #de-body #de-container header .vid-tabs ul .open > a,
.vid #de-body #de-container header .vid-tabs ul .open > a:hover,
.vid #de-body #de-container header .vid-tabs ul .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.vid #de-body #de-container header .vid-tabs ul .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.vid #de-body #de-container header .vid-tabs ul > li > a > img {
  max-width: none;
}
.vid #de-body #de-container header .vid-tabs ul > li {
  float: left;
  margin-bottom: -1px;
}
.vid #de-body #de-container header .vid-tabs ul > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.vid #de-body #de-container header .vid-tabs ul > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.vid #de-body #de-container header .vid-tabs ul > li.active > a,
.vid #de-body #de-container header .vid-tabs ul > li.active > a:hover,
.vid #de-body #de-container header .vid-tabs ul > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.vid #de-body #de-container header .vid-tabs ul.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.vid #de-body #de-container header .vid-tabs ul.nav-justified > li {
  float: none;
}
.vid #de-body #de-container header .vid-tabs ul.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.vid #de-body #de-container header .vid-tabs ul.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .vid #de-body #de-container header .vid-tabs ul.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .vid #de-body #de-container header .vid-tabs ul.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.vid #de-body #de-container header .vid-tabs ul.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.vid #de-body #de-container header .vid-tabs ul.nav-justified > .active > a,
.vid #de-body #de-container header .vid-tabs ul.nav-justified > .active > a:hover,
.vid #de-body #de-container header .vid-tabs ul.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .vid #de-body #de-container header .vid-tabs ul.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .vid #de-body #de-container header .vid-tabs ul.nav-justified > .active > a,
  .vid #de-body #de-container header .vid-tabs ul.nav-justified > .active > a:hover,
  .vid #de-body #de-container header .vid-tabs ul.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
@media (min-width: 991px) {
  .vid #de-body #de-container header .vid-tabs ul {
    padding: 0 60px;
  }
}
.vid #de-body #de-container .content-masthead {
  margin-left: -15px;
  margin-right: -15px;
}
.vid #de-body #de-container .content-masthead .content-main {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .vid #de-body #de-container .content-masthead .content-main {
    float: left;
    width: 66.66666667%;
  }
}
.vid #de-body #de-container .content-masthead .content-main .meta-container {
  border-bottom: 1px solid #e1e8ed;
  padding: 0 15px 15px;
}
.vid #de-body #de-container .content-masthead .content-main .meta {
  display: inline-block;
  margin-right: 10px;
  font-size: 15px;
}
.vid #de-body #de-container .content-masthead .content-main .meta span {
  font-weight: bold;
  margin-right: 5px;
}
.vid #de-body #de-container .content-masthead aside {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  /*@media (min-width: @screen-md-min){
                        padding-left: 45px;
                    }*/
}
@media (min-width: 992px) {
  .vid #de-body #de-container .content-masthead aside {
    float: left;
    width: 33.33333333%;
  }
}
@media (max-width: 1199px) {
  .vid #de-body #de-container .content-masthead aside {
    padding-bottom: 20px;
  }
}
.vid #de-body #de-container .content-masthead aside .meta {
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 0.9em;
  font-size: 1.2rem;
}
.vid #de-body #de-container .content-extra {
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .vid #de-body #de-container .content-extra {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 992px) {
  .vid #de-body #de-container .content-extra {
    padding-right: 0;
  }
}
.vid #de-body #de-container .section-listing .content-main {
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .vid #de-body #de-container .section-listing .content-main {
    float: left;
    width: 66.66666667%;
  }
}
.vid #de-body #de-container .section-listing .content-main .item {
  margin-left: 0;
}
.vid #de-body #de-container .section-listing .content-main .item li {
  list-style: none;
  margin-bottom: 40px;
  position: relative;
  border-radius: 4px;
  padding: 10px 10px 40px;
  border: 1px solid #ddd;
}
.vid #de-body #de-container .section-listing .content-main .item li p {
  font-size: 14px;
}
.vid #de-body #de-container .section-listing .content-main .item li img {
  margin-bottom: 10px;
}
.vid #de-body #de-container .section-listing .content-main .item li h3 {
  font-size: 14px;
  margin: 0 0 10px;
  font-weight: bold;
}
.vid #de-body #de-container .section-listing .content-main .item li .content {
  margin: 10px 0;
}
.vid #de-body #de-container .section-listing .content-main .item li .meta {
  font-size: 12px;
  display: inline-block;
  margin-right: 10px;
}
.vid #de-body #de-container .section-listing .content-main .item li .meta-label {
  font-weight: bold;
}
.vid #de-body #de-container .section-listing .content-main .item li .item-content {
  padding: 0;
}
.vid #de-body #de-container .section-listing .content-main .item .cta-watch {
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 40px;
  left: 0;
  padding: 6px 12px;
  z-index: 2;
  color: #fff;
  text-align: center;
  background: #428bca;
  border-color: #357ebd;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  /*#gradient > .vertical(#f3f3f3, rgba(51, 122, 183,0.75));*/
}
.vid #de-body #de-container .section-listing .content-main .item .cta-watch:hover {
  background-color: #3276b1;
  border-color: #285e8e;
}
.vid #de-body #de-container .section-listing .content-main .item-more li {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 12px;
  padding-bottom: 52px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
@media (min-width: 992px) {
  .vid #de-body #de-container .section-listing .content-main .item-more li {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .vid #de-body #de-container .section-listing .content-main .item-more li {
    height: auto;
  }
}
@media (min-width: 992px) {
  .vid #de-body #de-container .section-listing .content-main .item-more li {
    width: 49% !important;
    height: 312px;
  }
  .vid #de-body #de-container .section-listing .content-main .item-more li .meta {
    display: block;
  }
}
@media (min-width: 992px) {
  .vid #de-body #de-container .section-listing .content-main .item-more li:nth-child(odd) {
    margin-right: 2%;
  }
}
@media (min-width: 1200px) {
  .vid #de-body #de-container .section-listing .content-main .item-more li {
    height: 350px;
  }
}
.vid #de-body #de-container .section-listing .content-main .item-more li:nth-child(odd) {
  clear: left;
}
.vid #de-body #de-container .section-listing .content-main .item-more li .item-content {
  padding: 0;
}
.vid #de-body #de-container .section-listing .content-main .item img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 554px) {
  .vid #de-body #de-container .section-listing .content-main h2 {
    font-size: 16pt;
  }
}
.vid #de-body #de-container .section-listing aside {
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .vid #de-body #de-container .section-listing aside {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 992px) {
  .vid #de-body #de-container .section-listing aside {
    padding: 0 0 0 75px;
  }
}
.vid #de-body #de-container .section-listing aside .btn {
  white-space: pre-wrap;
}
.vid .panel {
  border: 1px solid #e1e8ed;
}
.vid .vid-wrapper {
  border: 1px solid #e1e8ed;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 10px;
}
.vid .vid-wrapper .btn-row {
  margin-top: 10px;
}
.vid .vid-wrapper .btn-row .btn-download {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.vid .vid-wrapper .btn-row .btn-download:focus,
.vid .vid-wrapper .btn-row .btn-download:active:focus,
.vid .vid-wrapper .btn-row .btn-download.active:focus,
.vid .vid-wrapper .btn-row .btn-download.focus,
.vid .vid-wrapper .btn-row .btn-download:active.focus,
.vid .vid-wrapper .btn-row .btn-download.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.vid .vid-wrapper .btn-row .btn-download:hover,
.vid .vid-wrapper .btn-row .btn-download:focus,
.vid .vid-wrapper .btn-row .btn-download.focus {
  color: #333333;
  text-decoration: none;
}
.vid .vid-wrapper .btn-row .btn-download:active,
.vid .vid-wrapper .btn-row .btn-download.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.vid .vid-wrapper .btn-row .btn-download.disabled,
.vid .vid-wrapper .btn-row .btn-download[disabled],
fieldset[disabled] .vid .vid-wrapper .btn-row .btn-download {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.vid .vid-wrapper .btn-row .btn-download:hover,
.vid .vid-wrapper .btn-row .btn-download:focus,
.vid .vid-wrapper .btn-row .btn-download.focus,
.vid .vid-wrapper .btn-row .btn-download:active,
.vid .vid-wrapper .btn-row .btn-download.active,
.open > .dropdown-toggle.vid .vid-wrapper .btn-row .btn-download {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.vid .vid-wrapper .btn-row .btn-download:active,
.vid .vid-wrapper .btn-row .btn-download.active,
.open > .dropdown-toggle.vid .vid-wrapper .btn-row .btn-download {
  background-image: none;
}
.vid .vid-wrapper .btn-row .btn-download.disabled,
.vid .vid-wrapper .btn-row .btn-download[disabled],
fieldset[disabled] .vid .vid-wrapper .btn-row .btn-download,
.vid .vid-wrapper .btn-row .btn-download.disabled:hover,
.vid .vid-wrapper .btn-row .btn-download[disabled]:hover,
fieldset[disabled] .vid .vid-wrapper .btn-row .btn-download:hover,
.vid .vid-wrapper .btn-row .btn-download.disabled:focus,
.vid .vid-wrapper .btn-row .btn-download[disabled]:focus,
fieldset[disabled] .vid .vid-wrapper .btn-row .btn-download:focus,
.vid .vid-wrapper .btn-row .btn-download.disabled.focus,
.vid .vid-wrapper .btn-row .btn-download[disabled].focus,
fieldset[disabled] .vid .vid-wrapper .btn-row .btn-download.focus,
.vid .vid-wrapper .btn-row .btn-download.disabled:active,
.vid .vid-wrapper .btn-row .btn-download[disabled]:active,
fieldset[disabled] .vid .vid-wrapper .btn-row .btn-download:active,
.vid .vid-wrapper .btn-row .btn-download.disabled.active,
.vid .vid-wrapper .btn-row .btn-download[disabled].active,
fieldset[disabled] .vid .vid-wrapper .btn-row .btn-download.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.vid .vid-wrapper .btn-row .btn-download .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.vid .vid-wrapper .btn-row .sharing {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: right;
}
.vid .vid-wrapper .btn-row .sharing:focus,
.vid .vid-wrapper .btn-row .sharing:active:focus,
.vid .vid-wrapper .btn-row .sharing.active:focus,
.vid .vid-wrapper .btn-row .sharing.focus,
.vid .vid-wrapper .btn-row .sharing:active.focus,
.vid .vid-wrapper .btn-row .sharing.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.vid .vid-wrapper .btn-row .sharing:hover,
.vid .vid-wrapper .btn-row .sharing:focus,
.vid .vid-wrapper .btn-row .sharing.focus {
  color: #333333;
  text-decoration: none;
}
.vid .vid-wrapper .btn-row .sharing:active,
.vid .vid-wrapper .btn-row .sharing.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.vid .vid-wrapper .btn-row .sharing.disabled,
.vid .vid-wrapper .btn-row .sharing[disabled],
fieldset[disabled] .vid .vid-wrapper .btn-row .sharing {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.vid .credits {
  border: 1px solid #e1e8ed;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 10px;
}
.vid .credits article {
  padding: 0;
}
.vid .credits img {
  width: 50px;
  height: 50px;
  border-radius: 35px;
  float: left;
  margin-right: 5px;
}
.vid .credits .content p {
  margin: 0 0 0 60px;
  font-size: 12px;
  font-size: 1.2em;
  font-size: 1.2rem;
}
.vid .cta-join {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
}
@media (min-width: 992px) {
  .vid .cta-join {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .vid .cta-join {
    padding-left: 0;
  }
}
.vid .cta-join:after {
  font-family: 'Glyphicons Halflings';
  content: "\e080";
  font-size: 10px;
  margin-left: 5px;
  color: #cecece;
}
.vid .cta-join:after:hover {
  color: #cecece;
}
@media (max-width: 991px) {
  .vid .cta-join {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #ffffff;
    background-color: #337ab7;
    border-color: #2e6da4;
    width: 100%;
  }
  .vid .cta-join:focus,
  .vid .cta-join:active:focus,
  .vid .cta-join.active:focus,
  .vid .cta-join.focus,
  .vid .cta-join:active.focus,
  .vid .cta-join.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .vid .cta-join:hover,
  .vid .cta-join:focus,
  .vid .cta-join.focus {
    color: #333333;
    text-decoration: none;
  }
  .vid .cta-join:active,
  .vid .cta-join.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .vid .cta-join.disabled,
  .vid .cta-join[disabled],
  fieldset[disabled] .vid .cta-join {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .vid .cta-join:hover,
  .vid .cta-join:focus,
  .vid .cta-join.focus,
  .vid .cta-join:active,
  .vid .cta-join.active,
  .open > .dropdown-toggle.vid .cta-join {
    color: #ffffff;
    background-color: #286090;
    border-color: #204d74;
  }
  .vid .cta-join:active,
  .vid .cta-join.active,
  .open > .dropdown-toggle.vid .cta-join {
    background-image: none;
  }
  .vid .cta-join.disabled,
  .vid .cta-join[disabled],
  fieldset[disabled] .vid .cta-join,
  .vid .cta-join.disabled:hover,
  .vid .cta-join[disabled]:hover,
  fieldset[disabled] .vid .cta-join:hover,
  .vid .cta-join.disabled:focus,
  .vid .cta-join[disabled]:focus,
  fieldset[disabled] .vid .cta-join:focus,
  .vid .cta-join.disabled.focus,
  .vid .cta-join[disabled].focus,
  fieldset[disabled] .vid .cta-join.focus,
  .vid .cta-join.disabled:active,
  .vid .cta-join[disabled]:active,
  fieldset[disabled] .vid .cta-join:active,
  .vid .cta-join.disabled.active,
  .vid .cta-join[disabled].active,
  fieldset[disabled] .vid .cta-join.active {
    background-color: #337ab7;
    border-color: #2e6da4;
  }
  .vid .cta-join .badge {
    color: #337ab7;
    background-color: #ffffff;
  }
}
/* extra styles for esol video pages */
.esol h1 {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 40px;
  color: #002c76;
  padding: 20px 15px;
}
@media (min-width: 768px) {
  .esol h1 {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .esol h1 {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .esol h1 {
    width: 1170px;
  }
}
.esol h1 > .navbar-header,
.esol h1 > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .esol h1 > .navbar-header,
  .esol h1 > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .esol h1 {
    padding: 0 60px 20px;
  }
}
.esol .description {
  margin-bottom: 20px;
}

/*=======================================================
| name:deuk-help-wysiwyg.css
| use: to apply classes from WYSIWYG content used in DE UK help content
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_help/
| author: Richard Oliver
| cmsRef: c1602.css
========================================================*/
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.wysiwyg-container .img-container img {
  width: 100%;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.wysiwyg-container .img-container .warning {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.wysiwyg-container .img-container .warning h4 {
  margin-top: 0;
  color: inherit;
}
.wysiwyg-container .img-container .warning .alert-link {
  font-weight: bold;
}
.wysiwyg-container .img-container .warning > p,
.wysiwyg-container .img-container .warning > ul {
  margin-bottom: 0;
}
.wysiwyg-container .img-container .warning > p + p {
  margin-top: 5px;
}
.wysiwyg-container .img-container .warning hr {
  border-top-color: #f7e1b5;
}
.wysiwyg-container .img-container .warning .alert-link {
  color: #66512c;
}
@media (min-width: 768px) {
  .wysiwyg-container .img-container.img-left,
  .wysiwyg-container .video-container.img-left,
  .wysiwyg-container .img-container.video-left,
  .wysiwyg-container .video-container.video-left {
    width: 50%;
    float: left !important;
    margin-right: 1em;
  }
}
@media (min-width: 768px) {
  .wysiwyg-container .img-container.img-clear,
  .wysiwyg-container .video-container.img-clear,
  .wysiwyg-container .img-container.video-clear,
  .wysiwyg-container .video-container.video-clear {
    width: 50%;
    float: left !important;
    margin-right: 1em;
  }
}
.wysiwyg-container .img-container.img-clear + p,
.wysiwyg-container .video-container.img-clear + p {
  clear: both;
}
@media (min-width: 768px) {
  .wysiwyg-container .img-container.img-right,
  .wysiwyg-container .video-container.img-right,
  .wysiwyg-container .img-container.video-right,
  .wysiwyg-container .video-container.video-right {
    width: 50%;
    float: right !important;
    margin-left: 1em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wysiwyg-container .img-container.img-top,
  .wysiwyg-container .video-container.img-top,
  .wysiwyg-container .img-container.video-top,
  .wysiwyg-container .video-container.video-top {
    width: 75%;
    margin: 0 auto 1em auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wysiwyg-container .img-container.img-bottom,
  .wysiwyg-container .video-container.img-bottom,
  .wysiwyg-container .img-container.video-bottom,
  .wysiwyg-container .video-container.video-bottom {
    width: 75%;
    margin: 1em auto 0 auto;
  }
}
.wysiwyg-container .table-wrapper {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .wysiwyg-container .table-wrapper {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .wysiwyg-container .table-wrapper > .table {
    margin-bottom: 0;
  }
  .wysiwyg-container .table-wrapper > .table > thead > tr > th,
  .wysiwyg-container .table-wrapper > .table > tbody > tr > th,
  .wysiwyg-container .table-wrapper > .table > tfoot > tr > th,
  .wysiwyg-container .table-wrapper > .table > thead > tr > td,
  .wysiwyg-container .table-wrapper > .table > tbody > tr > td,
  .wysiwyg-container .table-wrapper > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .wysiwyg-container .table-wrapper > .table-bordered {
    border: 0;
  }
  .wysiwyg-container .table-wrapper > .table-bordered > thead > tr > th:first-child,
  .wysiwyg-container .table-wrapper > .table-bordered > tbody > tr > th:first-child,
  .wysiwyg-container .table-wrapper > .table-bordered > tfoot > tr > th:first-child,
  .wysiwyg-container .table-wrapper > .table-bordered > thead > tr > td:first-child,
  .wysiwyg-container .table-wrapper > .table-bordered > tbody > tr > td:first-child,
  .wysiwyg-container .table-wrapper > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .wysiwyg-container .table-wrapper > .table-bordered > thead > tr > th:last-child,
  .wysiwyg-container .table-wrapper > .table-bordered > tbody > tr > th:last-child,
  .wysiwyg-container .table-wrapper > .table-bordered > tfoot > tr > th:last-child,
  .wysiwyg-container .table-wrapper > .table-bordered > thead > tr > td:last-child,
  .wysiwyg-container .table-wrapper > .table-bordered > tbody > tr > td:last-child,
  .wysiwyg-container .table-wrapper > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .wysiwyg-container .table-wrapper > .table-bordered > tbody > tr:last-child > th,
  .wysiwyg-container .table-wrapper > .table-bordered > tfoot > tr:last-child > th,
  .wysiwyg-container .table-wrapper > .table-bordered > tbody > tr:last-child > td,
  .wysiwyg-container .table-wrapper > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.wysiwyg-container .table-wrapper table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
}
.wysiwyg-container .table-wrapper table > thead > tr > th,
.wysiwyg-container .table-wrapper table > tbody > tr > th,
.wysiwyg-container .table-wrapper table > tfoot > tr > th,
.wysiwyg-container .table-wrapper table > thead > tr > td,
.wysiwyg-container .table-wrapper table > tbody > tr > td,
.wysiwyg-container .table-wrapper table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.wysiwyg-container .table-wrapper table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.wysiwyg-container .table-wrapper table > caption + thead > tr:first-child > th,
.wysiwyg-container .table-wrapper table > colgroup + thead > tr:first-child > th,
.wysiwyg-container .table-wrapper table > thead:first-child > tr:first-child > th,
.wysiwyg-container .table-wrapper table > caption + thead > tr:first-child > td,
.wysiwyg-container .table-wrapper table > colgroup + thead > tr:first-child > td,
.wysiwyg-container .table-wrapper table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.wysiwyg-container .table-wrapper table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.wysiwyg-container .table-wrapper table .table {
  background-color: #ffffff;
}
.wysiwyg-container .table-wrapper table > thead > tr > th,
.wysiwyg-container .table-wrapper table > tbody > tr > th,
.wysiwyg-container .table-wrapper table > tfoot > tr > th,
.wysiwyg-container .table-wrapper table > thead > tr > td,
.wysiwyg-container .table-wrapper table > tbody > tr > td,
.wysiwyg-container .table-wrapper table > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.wysiwyg-container .table-wrapper table > thead > tr > th,
.wysiwyg-container .table-wrapper table > thead > tr > td {
  border-bottom-width: 2px;
}
.wysiwyg-container .table-wrapper table td {
  display: table-cell;
}
/*------------
| HTML5 video
--------------*/
.video .wysiwyg-container .video-container {
  position: relative;
}
.video .wysiwyg-container .video-container .play-icon {
  background: url('/servlet/file/store396/item545316/skin_lite_play.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 30%;
  pointer-events: none;
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.video .wysiwyg-container .video-container video {
  margin: 4px;
  width: 100%;
  height: auto;
}
/*------------
| Flash video
--------------*/
.no-video .wysiwyg-container .video-container.video-top,
.no-video .wysiwyg-container .video-container.video-bottom {
  margin: 0 auto;
  width: 320px;
}
.no-video .wysiwyg-container .video-container.video-top object,
.no-video .wysiwyg-container .video-container.video-bottom object {
  width: 100%;
}
/*------------
| TEXT
--------------*/
.wysiwyg-container .main-article h1 {
  font-size: 40px;
  font-size: 4em;
  font-size: 4rem;
  font-weight: bolder;
  margin-bottom: 30px;
  color: #000;
}
.wysiwyg-container .main-article p {
  font-size: 20px;
  font-size: 2em;
  font-size: 2rem;
}

/*=======================================================
| name:de-uk-header.less
| use: DE UK header
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_promo/
| author: Richard Oliver
========================================================*/
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
#page-header {
  background-color: #0e629e;
}
#page-header .notification-message {
  background-color: #f2dede;
  text-align: right;
  padding: 5px;
  display: none;
}
a#page-header .notification-message:hover {
  background-color: #e4b9b9;
}
#page-header .notification-message p {
  margin: 0 auto;
}
@media (min-width: 480px) {
  #page-header .notification-message p {
    padding: 5px 15px;
  }
}
@media (min-width: 992px) {
  #page-header .notification-message p {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  #page-header .notification-message p {
    width: 1170px;
  }
}
#page-header .notification-message.show-notification {
  display: block;
}
#page-header .notification-message span {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
}
#page-header .notification-message span:before {
  content: "\e067";
}
@media (max-width: 992px) {
  #page-header .header-container {
    padding-left: 15px;
  }
}
#page-header .header-content {
  padding: 6px 0;
}
@media (min-width: 992px) {
  #page-header .header-content {
    padding: 14px 45px;
  }
}
#page-header .header-content:before,
#page-header .header-content:after {
  content: " ";
  display: table;
}
#page-header .header-content:after {
  clear: both;
}
#page-header .header-content:before,
#page-header .header-content:after {
  content: " ";
  display: table;
}
#page-header .header-content:after {
  clear: both;
}
#page-header .header-content #de-logo {
  float: left;
}
#page-header .header-content #de-logo img {
  width: 150px;
  height: auto;
}
@media (min-width: 992px) {
  #page-header .header-content #de-logo img {
    width: 195px;
    height: 45px;
  }
}
@media (max-width: 767px) {
  .ptype-product-choice #page-header .header-container,
  .ptype-admin #page-header .header-container {
    padding: 0;
  }
}
.ptype-product-choice #page-header #de-logo,
.ptype-admin #page-header #de-logo {
  float: none;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .ptype-product-choice #page-header #de-logo,
  .ptype-admin #page-header #de-logo {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ptype-product-choice #page-header #de-logo,
  .ptype-admin #page-header #de-logo {
    float: left;
    width: 25%;
  }
}
.ptype-product-choice #page-header #de-logo img,
.ptype-admin #page-header #de-logo img {
  width: 150px;
  height: auto;
}
@media (min-width: 992px) {
  .ptype-product-choice #page-header #de-logo img,
  .ptype-admin #page-header #de-logo img {
    width: 195px;
    height: 45px;
  }
}
.ptype-product-choice #page-header #de-logo-mobile,
.ptype-admin #page-header #de-logo-mobile {
  display: none !important;
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0;
}
@media (max-width: 767px) {
  .ptype-product-choice #page-header #de-logo-mobile,
  .ptype-admin #page-header #de-logo-mobile {
    display: block !important;
  }
  table.ptype-product-choice #page-header #de-logo-mobile,
  table.ptype-admin #page-header #de-logo-mobile {
    display: table;
  }
  tr.ptype-product-choice #page-header #de-logo-mobile,
  tr.ptype-admin #page-header #de-logo-mobile {
    display: table-row !important;
  }
  th.ptype-product-choice #page-header #de-logo-mobile,
  th.ptype-admin #page-header #de-logo-mobile,
  td.ptype-product-choice #page-header #de-logo-mobile,
  td.ptype-admin #page-header #de-logo-mobile {
    display: table-cell !important;
  }
}

/*=======================================================
| name:de-uk-autologin.less
| use: DE UK auto-login pages
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_promo/
| author: James Ross
========================================================*/
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img,
#autologin ul.product-choice > li > div > img,
#autologin ul.product-choice > li > div a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
#autologin:before,
#autologin:after,
#autologin ul.product-choice:before,
#autologin ul.product-choice:after,
#autologin .details > *:before,
#autologin .details > *:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after,
#autologin:after,
#autologin ul.product-choice:after,
#autologin .details > *:after {
  clear: both;
}
#autologin {
  background: white;
  color: black;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.ptype-product-choice #autologin {
  text-align: center;
}
.page-login #autologin {
  padding-bottom: 100px;
}
#autologin * {
  box-sizing: border-box;
  /* from scaffolding.less */
}
#autologin > .navbar-header,
#autologin > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  #autologin > .navbar-header,
  #autologin > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
#autologin ul.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  background-color: transparent;
  text-align: center;
}
#autologin ul.breadcrumb > li {
  display: inline-block;
}
#autologin ul.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
#autologin ul.breadcrumb > .active {
  color: #777777;
}
#autologin ul.breadcrumb > li {
  color: #999999;
}
#autologin ul.breadcrumb > li.active {
  color: #000000;
}
#autologin ul.breadcrumb > li + li:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e080";
  color: #999999;
}
#autologin ul.breadcrumb > li + li:before:before {
  content: "\e080";
}
#autologin ul.breadcrumb a {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
  text-decoration: none;
  color: #428bca;
}
#autologin ul.breadcrumb a,
#autologin ul.breadcrumb a:active,
#autologin ul.breadcrumb a.active,
#autologin ul.breadcrumb a[disabled],
fieldset[disabled] #autologin ul.breadcrumb a {
  background-color: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
}
#autologin ul.breadcrumb a,
#autologin ul.breadcrumb a:hover,
#autologin ul.breadcrumb a:focus,
#autologin ul.breadcrumb a:active {
  border-color: transparent;
}
#autologin ul.breadcrumb a:hover,
#autologin ul.breadcrumb a:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
#autologin ul.breadcrumb a[disabled]:hover,
fieldset[disabled] #autologin ul.breadcrumb a:hover,
#autologin ul.breadcrumb a[disabled]:focus,
fieldset[disabled] #autologin ul.breadcrumb a:focus {
  color: #777777;
  text-decoration: none;
}
#autologin ul.product-choice {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 0;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (min-width: 480px) {
  #autologin ul.product-choice > li {
    width: 33%;
    display: inline-block;
  }
}
#autologin ul.product-choice > li > div {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all border 0.2s ease-in-out ease-out;
  -moz-transition: all border 0.2s ease-in-out ease-out;
  -o-transition: all border 0.2s ease-in-out ease-out;
  transition: all border 0.2s ease-in-out ease-out;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  border: 0px solid;
  margin: 0px;
  padding: 0px;
}
#autologin ul.product-choice > li > div > img,
#autologin ul.product-choice > li > div a > img {
  margin-left: auto;
  margin-right: auto;
}
a#autologin ul.product-choice > li > div:hover,
a#autologin ul.product-choice > li > div:focus,
a#autologin ul.product-choice > li > div.active {
  border-color: #337ab7;
}
#autologin ul.product-choice > li > div .caption {
  padding: 9px;
  color: #333333;
}
#autologin ul.product-choice > li > div img {
  border: 3px solid #ffffff;
}
#autologin ul.product-choice > li.active > div img,
#autologin ul.product-choice > li > div img:hover {
  border: 3px solid #ed9c28;
}
#autologin .agree-to-terms a {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
  text-decoration: none;
  color: #428bca;
}
#autologin .agree-to-terms a,
#autologin .agree-to-terms a:active,
#autologin .agree-to-terms a.active,
#autologin .agree-to-terms a[disabled],
fieldset[disabled] #autologin .agree-to-terms a {
  background-color: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
}
#autologin .agree-to-terms a,
#autologin .agree-to-terms a:hover,
#autologin .agree-to-terms a:focus,
#autologin .agree-to-terms a:active {
  border-color: transparent;
}
#autologin .agree-to-terms a:hover,
#autologin .agree-to-terms a:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
#autologin .agree-to-terms a[disabled]:hover,
fieldset[disabled] #autologin .agree-to-terms a:hover,
#autologin .agree-to-terms a[disabled]:focus,
fieldset[disabled] #autologin .agree-to-terms a:focus {
  color: #777777;
  text-decoration: none;
}
#autologin .btns {
  margin: 20px;
}
#autologin .btns .next,
#autologin .btns .create-another {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #ed9c28;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  font-size: 24px;
  text-decoration: none;
}
#autologin .btns .next:focus,
#autologin .btns .create-another:focus,
#autologin .btns .next:active:focus,
#autologin .btns .create-another:active:focus,
#autologin .btns .next.active:focus,
#autologin .btns .create-another.active:focus,
#autologin .btns .next.focus,
#autologin .btns .create-another.focus,
#autologin .btns .next:active.focus,
#autologin .btns .create-another:active.focus,
#autologin .btns .next.active.focus,
#autologin .btns .create-another.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#autologin .btns .next:hover,
#autologin .btns .create-another:hover,
#autologin .btns .next:focus,
#autologin .btns .create-another:focus,
#autologin .btns .next.focus,
#autologin .btns .create-another.focus {
  color: #333333;
  text-decoration: none;
}
#autologin .btns .next:active,
#autologin .btns .create-another:active,
#autologin .btns .next.active,
#autologin .btns .create-another.active {
  outline: 0;
  background-image: none;
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
}
#autologin .btns .next.disabled,
#autologin .btns .create-another.disabled,
#autologin .btns .next[disabled],
#autologin .btns .create-another[disabled],
fieldset[disabled] #autologin .btns .next,
fieldset[disabled] #autologin .btns .create-another {
  cursor: not-allowed;
  pointer-events: none;
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  -webkit-opacity: 0.65;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
  opacity: 0.65;
  filter: alpha(opacity=65);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
}
#autologin .btns .next:hover,
#autologin .btns .create-another:hover,
#autologin .btns .next:focus,
#autologin .btns .create-another:focus,
#autologin .btns .next.focus,
#autologin .btns .create-another.focus,
#autologin .btns .next:active,
#autologin .btns .create-another:active,
#autologin .btns .next.active,
#autologin .btns .create-another.active,
.open > .dropdown-toggle#autologin .btns .next,
.open > .dropdown-toggle#autologin .btns .create-another {
  color: #ffffff;
  background-color: #d18211;
  border-color: #c77c11;
}
#autologin .btns .next:active,
#autologin .btns .create-another:active,
#autologin .btns .next.active,
#autologin .btns .create-another.active,
.open > .dropdown-toggle#autologin .btns .next,
.open > .dropdown-toggle#autologin .btns .create-another {
  background-image: none;
}
#autologin .btns .next.disabled,
#autologin .btns .create-another.disabled,
#autologin .btns .next[disabled],
#autologin .btns .create-another[disabled],
fieldset[disabled] #autologin .btns .next,
fieldset[disabled] #autologin .btns .create-another,
#autologin .btns .next.disabled:hover,
#autologin .btns .create-another.disabled:hover,
#autologin .btns .next[disabled]:hover,
#autologin .btns .create-another[disabled]:hover,
fieldset[disabled] #autologin .btns .next:hover,
fieldset[disabled] #autologin .btns .create-another:hover,
#autologin .btns .next.disabled:focus,
#autologin .btns .create-another.disabled:focus,
#autologin .btns .next[disabled]:focus,
#autologin .btns .create-another[disabled]:focus,
fieldset[disabled] #autologin .btns .next:focus,
fieldset[disabled] #autologin .btns .create-another:focus,
#autologin .btns .next.disabled.focus,
#autologin .btns .create-another.disabled.focus,
#autologin .btns .next[disabled].focus,
#autologin .btns .create-another[disabled].focus,
fieldset[disabled] #autologin .btns .next.focus,
fieldset[disabled] #autologin .btns .create-another.focus,
#autologin .btns .next.disabled:active,
#autologin .btns .create-another.disabled:active,
#autologin .btns .next[disabled]:active,
#autologin .btns .create-another[disabled]:active,
fieldset[disabled] #autologin .btns .next:active,
fieldset[disabled] #autologin .btns .create-another:active,
#autologin .btns .next.disabled.active,
#autologin .btns .create-another.disabled.active,
#autologin .btns .next[disabled].active,
#autologin .btns .create-another[disabled].active,
fieldset[disabled] #autologin .btns .next.active,
fieldset[disabled] #autologin .btns .create-another.active {
  background-color: #ed9c28;
  border-color: #ed9c28;
}
#autologin .btns .next .badge,
#autologin .btns .create-another .badge {
  color: #ed9c28;
  background-color: #ffffff;
}
#autologin .btns .next span,
#autologin .btns .create-another span {
  margin-left: 10px;
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#autologin .btns .next span:before,
#autologin .btns .create-another span:before {
  content: "\e080";
}
#autologin #espresso-admin-not-online-only,
#autologin .warning {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
#autologin #espresso-admin-not-online-only h4,
#autologin .warning h4 {
  margin-top: 0;
  color: inherit;
}
#autologin #espresso-admin-not-online-only .alert-link,
#autologin .warning .alert-link {
  font-weight: bold;
}
#autologin #espresso-admin-not-online-only > p,
#autologin .warning > p,
#autologin #espresso-admin-not-online-only > ul,
#autologin .warning > ul {
  margin-bottom: 0;
}
#autologin #espresso-admin-not-online-only > p + p,
#autologin .warning > p + p {
  margin-top: 5px;
}
#autologin #espresso-admin-not-online-only hr,
#autologin .warning hr {
  border-top-color: #f7e1b5;
}
#autologin #espresso-admin-not-online-only .alert-link,
#autologin .warning .alert-link {
  color: #66512c;
}
#autologin #espresso-admin-not-online-only a,
#autologin .warning a {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
  text-decoration: none;
  color: #428bca;
}
#autologin #espresso-admin-not-online-only a,
#autologin .warning a,
#autologin #espresso-admin-not-online-only a:active,
#autologin .warning a:active,
#autologin #espresso-admin-not-online-only a.active,
#autologin .warning a.active,
#autologin #espresso-admin-not-online-only a[disabled],
#autologin .warning a[disabled],
fieldset[disabled] #autologin #espresso-admin-not-online-only a,
fieldset[disabled] #autologin .warning a {
  background-color: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
}
#autologin #espresso-admin-not-online-only a,
#autologin .warning a,
#autologin #espresso-admin-not-online-only a:hover,
#autologin .warning a:hover,
#autologin #espresso-admin-not-online-only a:focus,
#autologin .warning a:focus,
#autologin #espresso-admin-not-online-only a:active,
#autologin .warning a:active {
  border-color: transparent;
}
#autologin #espresso-admin-not-online-only a:hover,
#autologin .warning a:hover,
#autologin #espresso-admin-not-online-only a:focus,
#autologin .warning a:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
#autologin #espresso-admin-not-online-only a[disabled]:hover,
#autologin .warning a[disabled]:hover,
fieldset[disabled] #autologin #espresso-admin-not-online-only a:hover,
fieldset[disabled] #autologin .warning a:hover,
#autologin #espresso-admin-not-online-only a[disabled]:focus,
#autologin .warning a[disabled]:focus,
fieldset[disabled] #autologin #espresso-admin-not-online-only a:focus,
fieldset[disabled] #autologin .warning a:focus {
  color: #777777;
  text-decoration: none;
}
#autologin #autologin-error,
#autologin #autologin-instructions {
  max-width: 768px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#autologin #autologin-error p {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  text-align: center;
}
#autologin #autologin-error p h4 {
  margin-top: 0;
  color: inherit;
}
#autologin #autologin-error p .alert-link {
  font-weight: bold;
}
#autologin #autologin-error p > p,
#autologin #autologin-error p > ul {
  margin-bottom: 0;
}
#autologin #autologin-error p > p + p {
  margin-top: 5px;
}
#autologin #autologin-error p hr {
  border-top-color: #e4b9c0;
}
#autologin #autologin-error p .alert-link {
  color: #843534;
}
#autologin #autologin-instructions {
  text-align: center;
}
#autologin #autologin-instructions p.current-browser {
  font-weight: bold;
}
#autologin #autologin-instructions .instructions {
  text-align: left;
}
#autologin .details > * {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 15px;
}
#autologin .details > * > label {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  #autologin .details > * > label {
    float: left;
    width: 16.66666667%;
  }
}
#autologin .details > * > div {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  #autologin .details > * > div {
    float: left;
    width: 83.33333333%;
  }
}
#autologin .details > * > div > input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#autologin .details > * > div > input:focus {
  border-color: #66afe9;
  outline: 0;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
}
#autologin .details > * > div > input::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
#autologin .details > * > div > input:-ms-input-placeholder {
  color: #999999;
}
#autologin .details > * > div > input::-webkit-input-placeholder {
  color: #999999;
}
#autologin .details > * > div > input[disabled],
#autologin .details > * > div > input[readonly],
fieldset[disabled] #autologin .details > * > div > input {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea#autologin .details > * > div > input {
  height: auto;
}
#autologin .instructions:before,
#autologin .instructions:after {
  content: " ";
  display: table;
}
#autologin .instructions:after {
  clear: both;
}
#autologin .instructions:before,
#autologin .instructions:after {
  content: " ";
  display: table;
}
#autologin .instructions:after {
  clear: both;
}
/* ------ Mixins ------ */

/*=======================================================
| name:de-uk-print.less
| use: DE UK print styles
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_promo/
| author: Yorick Brown
========================================================*/
@media print {
  img {
    max-width: auto !important;
    float: none !important;
    display: block;
  }
  .header-container,
  .caption,
  .anchor,
  a[name],
  div[id^="vid-"],
  #footer-linkset1,
  .de-connect,
  .de-connect-content,
  .btn,
  .btn-row,
  #twitter-widget-0,
  .sharing {
    display: none !important;
    margin: 0;
    padding: 0;
  }
  /* display accordion content */
  .collapse {
    display: block;
    height: auto !important;
  }
  /*override bootstrap img 100% */
  .ann-img img {
    max-width: 200px !important;
    float: left !important;
  }
  #section-main {
    height: auto !important;
  }
  #section-main .bg-fade .headline-1 {
    width: 100% !important;
  }
  #section-main .bg-fade .headline-1 img {
    max-width: 400px !important;
  }
  aside {
    margin: 0 !important;
  }
  aside article {
    padding: 0 !important;
  }
  h5 > a {
    font-size: 14px;
  }
  /*body {
		background: url("/servlet/file/store9/item735440/735440_29_preview.jpg") top left no-repeat;
		width: 448px;
		height: 140px;
		background-size: 50%;
		display:block;
	}*/
  a:after {
    content: " (" attr(href) ")";
    font-size: 80%;
  }
  a {
    word-wrap: break-word;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h7,
  img {
    page-break-after: avoid;
  }
  .print-only {
    display: block !important;
  }
}

/*=======================================================
| name:de-uk-coding.less
| use: DE UK custom coding pages - also used for integrated pages on Coding site
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_promo/
| author: Yorick Brown
========================================================*/
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.cmsg {
  margin: 0 auto 10em;
  background: #fff;
}
.cmsg .views {
  min-height: 750px;
}
.cmsg nav ul {
  margin: 0;
}
.cmsg ul.nav li:first-child {
  font-weight: normal;
}
.cmsg .navbar {
  margin: 20px 5px 5px;
  border-width: 0;
  min-height: 0;
}
.cmsg .navbar ul > li {
  float: left;
}
.cmsg .navbar ul > li > a {
  border-radius: 4px;
}
.cmsg .navbar ul > li + li {
  margin-left: 2px;
}
.cmsg .navbar ul > li.active > a,
.cmsg .navbar ul > li.active > a:hover,
.cmsg .navbar ul > li.active > a:focus {
  color: #ffffff;
  background-color: #337ab7;
}
@media (min-width: 767px) {
  .cmsg .navbar ul {
    width: 100%;
  }
  .cmsg .navbar ul > li {
    float: none;
  }
  .cmsg .navbar ul > li > a {
    text-align: center;
    margin-bottom: 5px;
  }
  .cmsg .navbar ul > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
  }
}
@media (min-width: 767px) and (min-width: 768px) {
  .cmsg .navbar ul > li {
    display: table-cell;
    width: 1%;
  }
  .cmsg .navbar ul > li > a {
    margin-bottom: 0;
  }
}
.cmsg .navbar ul li {
  padding-right: 1px;
}
.cmsg .navbar ul li a {
  color: #000;
}
.cmsg .navbar ul li a:hover {
  background-color: transparent;
}
.cmsg .navbar ul li.active > a,
.cmsg .navbar ul li.active a:focus,
.cmsg .navbar ul li.active a:hover {
  color: #000;
  background-color: #89e4f7;
}
@media (max-width: 767px) {
  .cmsg .navbar ul li {
    width: 32%;
    padding-bottom: 1px;
    text-align: center;
  }
  .cmsg .navbar ul li a {
    padding: 5px 0px;
  }
  .cmsg .navbar ul li + li {
    margin-left: 0;
  }
}
.cmsg .textual-content,
.cmsg #de-container .section:first-child .textual-content {
  padding-left: 20px;
  padding-right: 20px;
}
.cmsg .section {
  padding: 0;
  min-height: 0;
}
.cmsg footer ul h4 {
  color: #fff;
  border-bottom: 0px solid transparent;
}
.cmsg iframe {
  background: transparent;
}
.cmsg .full-width .textual-content {
  float: none;
  width: 100%;
}
.cmsg .btn-primary:visited,
.cmsg .btn-codingcamp:visited {
  color: #fff;
}
.cmsg footer #nav-foot {
  width: 860px;
}
.cmsg small {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
.cmsg .remove-from-coding {
  display: none;
}
.cmsg .remove-from-promo {
  display: block;
}
.cmsg .remove-from-promo.inline {
  display: inline;
}
/* align to coding css */
.cmsg {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.cmsg p,
.cmsg ul,
.cmsg ol,
.cmsg table {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
/* fixes for ie8 issues */
.no-audio .cmsg .textual-content {
  float: left;
}
.no-audio .cmsg .textual-content-parent {
  width: 66%;
}
.no-audio .cmsg .textual-content-child {
  width: 33%;
}
.no-audio .cmsg .full-width .textual-content-parent {
  float: none;
  width: 100%;
}

/*=======================================================
| name:de-global-style.less
| use: DE Global pages
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_promo/
| author: Yorick Brown
========================================================*/
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.de-global #de-body #horizon-nav {
  top: 329px;
}
@media (max-width: 992px) and (min-width: 768px) {
  .de-global #de-body #horizon-nav {
    top: 329px;
  }
}
.de-global #de-body #horizon-nav.affix {
  top: 0;
}
.de-global #de-body p {
  font-size: 16px;
}
.de-global #de-body h1 {
  font-size: 40px;
}
.de-global #de-body h2 {
  font-size: 30px;
}
.de-global #de-body h5 {
  font-size: 20px;
}
.de-global #de-body .section {
  padding: 50px 0 20px ;
  min-height: 0;
}
.de-global #de-body .section:last-child,
.de-global #de-body .section:first-child {
  padding: 50px 0 70px;
}
.de-global #de-body .section ul {
  margin: 0;
}
.de-global #de-body .section:first-child {
  background: url("http://www.discoveryeducation.co.uk/servlet/file/store9/item865550/") no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #11499f;
}
.de-global #de-body .section:first-child .content * {
  color: #fff;
}
.de-global #de-body .section article img {
  border: 1px solid #cecece;
}
.de-global #de-body .outer-wrapper .form-links {
  font-size: 12px;
}
.de-global #de-body .outer-wrapper .de-public-container #userNameLogin {
  width: 100%;
  padding: 0;
}
.de-global #de-body .outer-wrapper .de-public-container #userNameLogin #loginForm {
  padding: 0;
}
.de-global #de-body .outer-wrapper .de-public-container #userNameLogin #loginForm .form-group {
  margin: 0 0 15px;
}
@media (min-width: 768px) {
  .de-global #de-body .outer-wrapper {
    margin: 0;
  }
  .de-global #de-body .outer-wrapper .de-public-container {
    -webkit-box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.75);
  }
  .de-global #de-body .outer-wrapper .de-public-container #userNameLogin #loginForm {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0;
  }
  .de-global #de-body .outer-wrapper .de-public-container #userNameLogin #loginForm .form-group {
    margin: 0 0 15px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .de-global #de-body .outer-wrapper .de-public-container #userNameLogin #loginForm {
    float: left;
    width: 100%;
  }
}

/*=======================================================
| name:de-sos-style.less
| use: Spotlight on Strategy pages - lesson plans
| dependencies: grunt, grunt-contrib-less, Bootstrap
| svn: http://lind.espresso/svn/espresso/deuk_promo/
| author: Yorick Brown
========================================================*/
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
.de-sos #de-container header section:before,
.de-sos #de-container header section:after,
.de-sos #de-container header section:before,
.de-sos #de-container header section:after,
.de-sos #de-container .bc:before,
.de-sos #de-container .bc:after,
.de-sos #de-container .bc:before,
.de-sos #de-container .bc:after,
.de-sos #de-container .content-wrapper section:before,
.de-sos #de-container .content-wrapper section:after,
.de-sos #de-container .content-wrapper section:before,
.de-sos #de-container .content-wrapper section:after,
.de-sos #de-container #links-wrapper:before,
.de-sos #de-container #links-wrapper:after,
.de-sos #de-container #links-wrapper:before,
.de-sos #de-container #links-wrapper:after,
.de-sos #de-container .lp-further:before,
.de-sos #de-container .lp-further:after,
.de-sos #de-container .lp-further:before,
.de-sos #de-container .lp-further:after,
.de-sos #de-container .lp-header:before,
.de-sos #de-container .lp-header:after,
.de-sos #de-container .lp-header:before,
.de-sos #de-container .lp-header:after,
.de-sos #de-container .lp-nav:before,
.de-sos #de-container .lp-nav:after,
.de-sos #de-container .lp-nav:before,
.de-sos #de-container .lp-nav:after,
.de-sos #de-container .lp-random:before,
.de-sos #de-container .lp-random:after,
.de-sos #de-container .lp-random:before,
.de-sos #de-container .lp-random:after,
.de-sos #de-container .sos-connect:before,
.de-sos #de-container .sos-connect:after,
.de-sos #de-container .sos-connect:before,
.de-sos #de-container .sos-connect:after,
.de-sos #de-container .content-wrapper .no-results:before,
.de-sos #de-container .content-wrapper .no-results:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after,
.de-sos #de-container header section:after,
.de-sos #de-container header section:after,
.de-sos #de-container .bc:after,
.de-sos #de-container .bc:after,
.de-sos #de-container .content-wrapper section:after,
.de-sos #de-container .content-wrapper section:after,
.de-sos #de-container #links-wrapper:after,
.de-sos #de-container #links-wrapper:after,
.de-sos #de-container .lp-further:after,
.de-sos #de-container .lp-further:after,
.de-sos #de-container .lp-header:after,
.de-sos #de-container .lp-header:after,
.de-sos #de-container .lp-nav:after,
.de-sos #de-container .lp-nav:after,
.de-sos #de-container .lp-random:after,
.de-sos #de-container .lp-random:after,
.de-sos #de-container .sos-connect:after,
.de-sos #de-container .sos-connect:after,
.de-sos #de-container .content-wrapper .no-results:after {
  clear: both;
}
.de-sos #de-container h5 {
  font-size: 30px;
  color: #333333;
}
.de-sos #de-container header section,
.de-sos #de-container .bc,
.de-sos #de-container .content-wrapper section,
.de-sos #de-container #links-wrapper,
.de-sos #de-container .lp-further,
.de-sos #de-container .lp-header,
.de-sos #de-container .lp-nav,
.de-sos #de-container .lp-random,
.de-sos #de-container .sos-connect {
  margin-left: -15px;
  margin-right: -15px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .de-sos #de-container header section,
  .de-sos #de-container .bc,
  .de-sos #de-container .content-wrapper section,
  .de-sos #de-container #links-wrapper,
  .de-sos #de-container .lp-further,
  .de-sos #de-container .lp-header,
  .de-sos #de-container .lp-nav,
  .de-sos #de-container .lp-random,
  .de-sos #de-container .sos-connect {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .de-sos #de-container header section,
  .de-sos #de-container .bc,
  .de-sos #de-container .content-wrapper section,
  .de-sos #de-container #links-wrapper,
  .de-sos #de-container .lp-further,
  .de-sos #de-container .lp-header,
  .de-sos #de-container .lp-nav,
  .de-sos #de-container .lp-random,
  .de-sos #de-container .sos-connect {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .de-sos #de-container header section,
  .de-sos #de-container .bc,
  .de-sos #de-container .content-wrapper section,
  .de-sos #de-container #links-wrapper,
  .de-sos #de-container .lp-further,
  .de-sos #de-container .lp-header,
  .de-sos #de-container .lp-nav,
  .de-sos #de-container .lp-random,
  .de-sos #de-container .sos-connect {
    width: 1170px;
  }
}
.de-sos #de-container header section > .navbar-header,
.de-sos #de-container .bc > .navbar-header,
.de-sos #de-container .content-wrapper section > .navbar-header,
.de-sos #de-container #links-wrapper > .navbar-header,
.de-sos #de-container .lp-further > .navbar-header,
.de-sos #de-container .lp-header > .navbar-header,
.de-sos #de-container .lp-nav > .navbar-header,
.de-sos #de-container .lp-random > .navbar-header,
.de-sos #de-container .sos-connect > .navbar-header,
.de-sos #de-container header section > .navbar-collapse,
.de-sos #de-container .bc > .navbar-collapse,
.de-sos #de-container .content-wrapper section > .navbar-collapse,
.de-sos #de-container #links-wrapper > .navbar-collapse,
.de-sos #de-container .lp-further > .navbar-collapse,
.de-sos #de-container .lp-header > .navbar-collapse,
.de-sos #de-container .lp-nav > .navbar-collapse,
.de-sos #de-container .lp-random > .navbar-collapse,
.de-sos #de-container .sos-connect > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .de-sos #de-container header section > .navbar-header,
  .de-sos #de-container .bc > .navbar-header,
  .de-sos #de-container .content-wrapper section > .navbar-header,
  .de-sos #de-container #links-wrapper > .navbar-header,
  .de-sos #de-container .lp-further > .navbar-header,
  .de-sos #de-container .lp-header > .navbar-header,
  .de-sos #de-container .lp-nav > .navbar-header,
  .de-sos #de-container .lp-random > .navbar-header,
  .de-sos #de-container .sos-connect > .navbar-header,
  .de-sos #de-container header section > .navbar-collapse,
  .de-sos #de-container .bc > .navbar-collapse,
  .de-sos #de-container .content-wrapper section > .navbar-collapse,
  .de-sos #de-container #links-wrapper > .navbar-collapse,
  .de-sos #de-container .lp-further > .navbar-collapse,
  .de-sos #de-container .lp-header > .navbar-collapse,
  .de-sos #de-container .lp-nav > .navbar-collapse,
  .de-sos #de-container .lp-random > .navbar-collapse,
  .de-sos #de-container .sos-connect > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 991px) {
  .de-sos #de-container header section,
  .de-sos #de-container .bc,
  .de-sos #de-container .content-wrapper section,
  .de-sos #de-container #links-wrapper,
  .de-sos #de-container .lp-further,
  .de-sos #de-container .lp-header,
  .de-sos #de-container .lp-nav,
  .de-sos #de-container .lp-random,
  .de-sos #de-container .sos-connect {
    padding: 0 60px 20px;
  }
}
.de-sos #de-container header {
  background: #6bbcc0;
  background-size: cover;
  background-position: center center;
}
.de-sos #de-container header * {
  color: #ffffff;
}
.de-sos #de-container header .sos-name {
  clear: both;
  display: block;
}
.de-sos #de-container header p {
  margin-top: 1.25em;
  font-size: 1.1em;
}
.de-sos #de-container header .page-banner {
  padding: 15px;
}
@media (min-width: 992px) {
  .de-sos #de-container header .page-banner {
    padding: 60px;
  }
}
.de-sos #de-container header #nav-wrapper {
  background-color: #06bdc3;
  top: 0;
  width: 100%;
  z-index: 1045;
}
.de-sos #de-container header #nav-wrapper .lp-nav {
  padding-bottom: 0;
}
.de-sos #de-container header #nav-wrapper .lp-nav h2 {
  float: left;
  font-size: 30px;
  font-weight: normal;
  margin: 0.3em 0;
}
.de-sos #de-container header #nav-wrapper .lp-nav .modal-share * {
  color: #000000;
}
.de-sos #de-container header #nav-wrapper .lp-nav ul {
  float: right;
  margin: 0 auto;
}
.de-sos #de-container header #nav-wrapper .lp-nav li {
  margin: 0 0 0 15px;
  float: left;
}
.de-sos #de-container header #nav-wrapper .lp-nav li > a {
  font-size: 0.7em;
  padding: 5px;
}
.de-sos #de-container header #nav-wrapper .lp-nav li > a:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  clear: both;
  display: block;
  text-align: center;
  font-size: 2em;
}
.de-sos #de-container header #nav-wrapper .lp-nav li.link-index a:before {
  content: "\e056";
}
.de-sos #de-container header #nav-wrapper .lp-nav li.link-pdf a:before {
  content: "\e025";
}
.de-sos #de-container header #nav-wrapper .lp-nav li .addthis_sharing_toolbox {
  margin-top: 15px;
}
@media (max-width: 480px) {
  .de-sos #de-container header #nav-wrapper .lp-nav {
    text-align: center;
  }
  .de-sos #de-container header #nav-wrapper .lp-nav ul {
    display: inline-table;
  }
  .de-sos #de-container header #nav-wrapper .lp-nav ul li:first-child {
    margin-left: 0;
  }
  .de-sos #de-container header #nav-wrapper .lp-nav ul,
  .de-sos #de-container header #nav-wrapper .lp-nav h2 {
    float: none;
  }
}
.de-sos #de-container .bc {
  /*@media(min-width: @screen-sm-min){
                    padding:0 60px 20px;
                } 
           	*/
}
.de-sos #de-container .bc li:last-child {
  display: none;
}
@media (min-width: 768px) {
  .de-sos #de-container .bc li:last-child {
    display: inline-block;
    *display: inline;
    zoom: 1;
  }
}
.de-sos #de-container .bc ul {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  margin-left: 0;
}
.de-sos #de-container .bc ul > li {
  display: inline-block;
}
.de-sos #de-container .bc ul > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.de-sos #de-container .bc ul > .active {
  color: #777777;
}
.de-sos #de-container .lp-row-wide {
  background-color: #f5f5f5;
}
.de-sos #de-container .lp-row-padding {
  padding: 60px 0 30px;
}
.de-sos #de-container .lp-header {
  padding: 15px;
  text-align: center;
}
@media (min-width: 1200px) {
  .de-sos #de-container .lp-header {
    padding: 15px 60px;
  }
  .de-sos #de-container .lp-header > h5 {
    float: left;
    margin: 0;
  }
  .de-sos #de-container .lp-header .sharing {
    float: right;
  }
}
.de-sos #de-container .content-wrapper section {
  /*padding-bottom:60px; only affecting header on sos-list
				@media(min-width: @screen-sm-min){
            		padding-bottom:20px;
            	} */
}
.de-sos #de-container .content-wrapper section.lp-sharing {
  margin-top: 15px;
}
.de-sos #de-container .content-wrapper section #sos-list {
  float: none;
  margin-bottom: 0.5em;
}
@media (min-width: 1200px) {
  .de-sos #de-container .content-wrapper section #sos-list {
    float: left;
    margin: 0;
  }
  .de-sos #de-container .content-wrapper section .lp-search {
    display: inline-block;
  }
}
.de-sos #de-container .content-wrapper section .lp-filters-simple {
  clear: both;
}
@media (min-width: 1200px) {
  .de-sos #de-container .content-wrapper section .lp-filters-simple {
    clear: none;
    float: right;
  }
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .lp-search {
  padding: 6px 6px 10px;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age {
  width: 95px;
  min-width: 95px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
  padding: 6px;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:active:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age:active:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.active:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.active:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:active.focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age:active.focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.active.focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:hover,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age:hover,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.focus {
  color: #333333;
  text-decoration: none;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.disabled,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.disabled,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content[disabled],
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age[disabled],
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-content,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-age {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:hover,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age:hover,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.active,
.open > .dropdown-toggle.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content,
.open > .dropdown-toggle.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.active,
.open > .dropdown-toggle.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content,
.open > .dropdown-toggle.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age {
  background-image: none;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.disabled,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.disabled,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content[disabled],
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age[disabled],
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-content,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-age,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.disabled:hover,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.disabled:hover,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content[disabled]:hover,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age[disabled]:hover,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:hover,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-age:hover,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.disabled:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.disabled:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content[disabled]:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age[disabled]:focus,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:focus,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-age:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.disabled.focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.disabled.focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content[disabled].focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age[disabled].focus,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.focus,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.disabled:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.disabled:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content[disabled]:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age[disabled]:active,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:active,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-age:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.disabled.active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.disabled.active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content[disabled].active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age[disabled].active,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.active,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-age.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content .badge,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age .badge {
  color: #ffffff;
  background-color: #333333;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:hover,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-age:hover {
  background-color: #ffffff;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .lp-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .lp-group > .btn {
  position: relative;
  float: left;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .lp-group > .btn:hover,
.de-sos #de-container .content-wrapper section .lp-filters-simple .lp-group > .btn:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .lp-group > .btn:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .lp-group > .btn.active {
  z-index: 2;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .lp-group .btn + .btn,
.de-sos #de-container .content-wrapper section .lp-filters-simple .lp-group .btn + .btn-group,
.de-sos #de-container .content-wrapper section .lp-filters-simple .lp-group .btn-group + .btn,
.de-sos #de-container .content-wrapper section .lp-filters-simple .lp-group .btn-group + .btn-group {
  margin-left: -1px;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .lp-group a:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .lp-group a:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .lp-group a:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (max-width: 767px) {
  .de-sos #de-container .content-wrapper section .lp-filters-simple .lp-group {
    margin: 10px 0;
  }
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:hover,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.active,
.open > .dropdown-toggle.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.active,
.open > .dropdown-toggle.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content {
  background-image: none;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.disabled,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content[disabled],
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-content,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.disabled:hover,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content[disabled]:hover,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:hover,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.disabled:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content[disabled]:focus,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.disabled.focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content[disabled].focus,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.focus,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.disabled:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content[disabled]:active,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-content:active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.disabled.active,
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content[disabled].active,
fieldset[disabled] .de-sos #de-container .content-wrapper section .lp-filters-simple .show-content.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .show-content .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.de-sos #de-container .content-wrapper section .lp-filters-simple .on,
.de-sos #de-container .content-wrapper section .lp-filters-simple .on:hover {
  /*border-color: rgba(82,168,236,.8);
  						box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82,168,236,.6);
  						outline: 0 none;*/
  background-color: #6BBCC0;
  color: #fff;
}
.de-sos #de-container .content-wrapper section .lp-main {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0;
}
@media (min-width: 992px) {
  .de-sos #de-container .content-wrapper section .lp-main {
    float: left;
    width: 66.66666667%;
  }
}
.de-sos #de-container .content-wrapper section .lp-aside {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-right: 0;
}
@media (min-width: 992px) {
  .de-sos #de-container .content-wrapper section .lp-aside {
    float: left;
    width: 33.33333333%;
  }
}
@media (max-width: 1199px) {
  .de-sos #de-container .content-wrapper section .lp-aside {
    padding-bottom: 20px;
    padding-left: 0;
  }
}
.de-sos #de-container .content-wrapper section .lp-aside .sharing {
  margin-bottom: 25px;
}
.de-sos #de-container .content-wrapper section .lp-img {
  margin: 0 0 10px;
  border-radius: 6px;
  display: block;
  max-width: 100%;
  height: auto;
}
.de-sos #de-container .content-wrapper section.lp-row-more {
  padding-top: 60px;
}
.de-sos #de-container .content-wrapper section.lp-row-credits article {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  padding: 15px;
  margin: 0 15px 60px;
}
.de-sos #de-container .content-wrapper section.lp-row-credits article blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.de-sos #de-container .content-wrapper section.lp-row-credits article p {
  padding: 0;
  margin: 0;
}
.de-sos #de-container .content-wrapper section.lp-row-credits article p:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.de-sos #de-container .content-wrapper section.lp-row-credits article p:before {
  content: "\e006";
}
.de-sos #de-container .content-wrapper section.lp-row-credits article p:before {
  margin-right: 10px;
  font-size: 1em;
  color: #0d6494;
}
.de-sos #de-container .content-wrapper section .lp-materials p {
  display: inline;
  zoom: 1;
}
.de-sos #de-container .content-wrapper section .lp-overview {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border-color: #dddddd;
}
.de-sos #de-container .content-wrapper section .lp-overview > .list-group,
.de-sos #de-container .content-wrapper section .lp-overview > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.de-sos #de-container .content-wrapper section .lp-overview > .list-group .list-group-item,
.de-sos #de-container .content-wrapper section .lp-overview > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.de-sos #de-container .content-wrapper section .lp-overview > .list-group:first-child .list-group-item:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.de-sos #de-container .content-wrapper section .lp-overview > .list-group:last-child .list-group-item:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table,
.de-sos #de-container .content-wrapper section .lp-overview > .panel-collapse > .table {
  margin-bottom: 0;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table caption,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table caption,
.de-sos #de-container .content-wrapper section .lp-overview > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table:first-child > thead:first-child > tr:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table:first-child > tbody:first-child > tr:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table:first-child > thead:first-child > tr:first-child td:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table:first-child > thead:first-child > tr:first-child th:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table:first-child > thead:first-child > tr:first-child td:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table:first-child > thead:first-child > tr:first-child th:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table:last-child > tbody:last-child > tr:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table:last-child > tfoot:last-child > tr:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.de-sos #de-container .content-wrapper section .lp-overview > .panel-body + .table,
.de-sos #de-container .content-wrapper section .lp-overview > .panel-body + .table-responsive,
.de-sos #de-container .content-wrapper section .lp-overview > .table + .panel-body,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive + .panel-body {
  border-top: 1px solid #dddddd;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table > tbody:first-child > tr:first-child th,
.de-sos #de-container .content-wrapper section .lp-overview > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered {
  border: 0;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > thead > tr > th:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > thead > tr > th:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > tbody > tr > th:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > tfoot > tr > th:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > thead > tr > td:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > thead > tr > td:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > tbody > tr > td:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > tfoot > tr > td:first-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > thead > tr > th:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > thead > tr > th:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > tbody > tr > th:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > tfoot > tr > th:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > thead > tr > td:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > thead > tr > td:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > tbody > tr > td:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > tfoot > tr > td:last-child,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > thead > tr:first-child > td,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > thead > tr:first-child > td,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > tbody > tr:first-child > td,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > thead > tr:first-child > th,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > thead > tr:first-child > th,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > tbody > tr:first-child > th,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > tbody > tr:last-child > td,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > tfoot > tr:last-child > td,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > tbody > tr:last-child > th,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.de-sos #de-container .content-wrapper section .lp-overview > .table-bordered > tfoot > tr:last-child > th,
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.de-sos #de-container .content-wrapper section .lp-overview > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.de-sos #de-container .content-wrapper section .lp-overview > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.de-sos #de-container .content-wrapper section .lp-overview > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.de-sos #de-container .content-wrapper section .lp-overview > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.de-sos #de-container .content-wrapper section .lp-overview > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.de-sos #de-container .content-wrapper section .lp-overview h3 {
  font-weight: bold;
}
.de-sos #de-container .content-wrapper section .lp-overview ul {
  margin: 0;
  list-style: none inside none;
}
.de-sos #de-container .content-wrapper section .lp-overview ul li span {
  font-weight: bold;
  padding-right: 5px;
}
.de-sos #de-container .content-wrapper section .lp-overview ul .lp-pdf {
  margin-top: 15px;
}
.de-sos #de-container .content-wrapper section .lp-overview ul .lp-pdf a:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
}
.de-sos #de-container .content-wrapper section .lp-overview ul .lp-pdf a:before {
  content: "\e025";
}
.de-sos #de-container .content-wrapper section .lp-sumitup {
  padding-top: 60px;
}
.de-sos #de-container .content-wrapper section .sos-list {
  list-style: none inside none;
  margin-left: 0;
  /*.make-xs-column(12);
						.make-sm-column(6);
						.make-md-column(4);
						*/
  /*display:flex;
					flex-direction:column;
					flex-wrap: wrap;
					height:500px;
					*/
  /*-webkit-column-count:3;
					-moz-column-count:3;
					column-count:3;*/
  -webkit-columns: 3 330px;
  -moz-columns: 3 330px;
  columns: 3 330px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -webkit-column-rule: 1px solid #ddd;
  -moz-column-rule: 1px solid #ddd;
  column-rule: 1px solid #ddd;
}
.de-sos #de-container .content-wrapper section .sos-list .list-item {
  padding-left: 0;
}
.de-sos #de-container .content-wrapper section .sos-list .list-item span::before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 5px;
  color: #05bdc2;
}
@media (max-width: 767px) {
  .de-sos #de-container .content-wrapper section .sos-list .list-item {
    margin-bottom: 0.5em;
    padding-right: 0;
  }
}
.de-sos #de-container .content-wrapper section .sos-list .list-item .list-body {
  font-size: 0.8em;
  background-color: #fff;
  padding: 3px;
  border: 1px solid #cecece;
  position: absolute;
  color: #000;
  font-style: italic;
  z-index: 10;
}
.de-sos #de-container .content-wrapper section .sos-list .list-item .lp-info {
  margin-left: 5px;
}
.de-sos #de-container .content-wrapper section .sos-list .list-item .lp-info .toggle-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  margin-bottom: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.de-sos #de-container .content-wrapper section .sos-list .list-item .lp-info.collapsed .toggle-arrow {
  border-left: 4px dashed;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.de-sos #de-container .content-wrapper section .sos-list .list-item .lp-info .popover-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.3em;
  text-decoration: none;
  color: #cacaca;
}
.de-sos #de-container .content-wrapper section .sos-list .list-item .lp-info .popover-icon:before {
  content: "\e086";
}
.de-sos #de-container .content-wrapper section .sos-list .lp-types {
  float: right;
}
.de-sos #de-container .content-wrapper section .sos-list .type-audio:before {
  content: "\e038";
}
.de-sos #de-container .content-wrapper section .sos-list .type-music:before {
  content: "\e002";
}
.de-sos #de-container .content-wrapper section .sos-list .type-video:before {
  content: "\e059";
}
.de-sos #de-container .content-wrapper section .sos-list .type-image:before {
  content: "\e060";
}
.de-sos #de-container .content-wrapper section .sos-list .type-text:before {
  content: "\e053";
}
.de-sos #de-container .content-wrapper section .sos-list .lp-info {
  font-size: 0.6em;
  display: inline-block;
  text-transform: uppercase;
  outline: 0;
}
.de-sos #de-container .content-wrapper section.lp-highlights {
  padding-bottom: 0;
}
.de-sos #de-container .content-wrapper section .sos-highlights {
  clear: both;
}
.de-sos #de-container .content-wrapper section .sos-highlights .highlight {
  text-align: center;
  margin: 15px auto;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .de-sos #de-container .content-wrapper section .sos-highlights .highlight {
    margin: 40px auto;
  }
}
@media (min-width: 768px) {
  .de-sos #de-container .content-wrapper section .sos-highlights .highlight {
    display: inline-block;
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .de-sos #de-container .content-wrapper section .sos-highlights .highlight:first-child {
    padding-left: 0;
  }
  .de-sos #de-container .content-wrapper section .sos-highlights .highlight:last-child {
    padding-right: 0;
  }
}
.de-sos #de-container .content-wrapper section .sos-highlights .highlight a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 30px;
  display: block;
  color: #ffffff;
  padding: 0 25px;
  text-decoration: none;
  background-color: #0d6494;
  height: 150px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
}
.de-sos #de-container .content-wrapper section .sos-highlights .highlight a:hover {
  background-color: #095178;
}
.de-sos #de-container .content-wrapper .lp-filters {
  padding-bottom: 10px;
  clear: both;
  position: relative;
}
.de-sos #de-container .content-wrapper .lp-filters .bottom-line {
  clear: both;
  text-align: right;
  border-bottom: 1px solid #cecece;
}
.de-sos #de-container .content-wrapper .lp-filters .bottom-line .up-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.de-sos #de-container .content-wrapper .lp-filters .bottom-line .up-icon:before {
  content: "\e113";
}
.de-sos #de-container .content-wrapper .lp-filters .bottom-line .show-content {
  cursor: pointer;
}
.de-sos #de-container .content-wrapper .lp-filters .reset {
  position: absolute;
  bottom: 40px;
  left: 66%;
}
.de-sos #de-container .content-wrapper .lp-filters .reset a {
  color: #660512;
  text-decoration: underline;
  cursor: pointer;
}
.de-sos #de-container .content-wrapper .lp-filters .reset .reset-icon {
  color: #660512;
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 10px;
}
.de-sos #de-container .content-wrapper .lp-filters .reset .reset-icon:before {
  content: "\e030";
}
@media (min-width: 992px) {
  .de-sos #de-container .content-wrapper .lp-filters .reset {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.de-sos #de-container .content-wrapper .lp-filters .lp-filter {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0;
}
@media (min-width: 768px) {
  .de-sos #de-container .content-wrapper .lp-filters .lp-filter {
    float: left;
    width: 33.33333333%;
  }
}
.de-sos #de-container .content-wrapper .lp-results .reset a {
  cursor: pointer;
}
.de-sos #de-container .content-wrapper .no-results {
  margin-left: -15px;
  margin-right: -15px;
  clear: both;
  margin-left: 0;
}
.de-sos #de-container #links-wrapper,
.de-sos #de-container .lp-random,
.de-sos #de-container .sos-connect {
  text-align: center;
}
.de-sos #de-container .sos-connect {
  margin-bottom: 45px;
}
.de-sos #de-container .link-twitter {
  color: #0d6494;
  font-size: 30px;
  font-weight: bold;
}
.de-sos #de-container #links-wrapper {
  padding-top: 60px;
}
.de-sos #de-container #links-wrapper .type-cta {
  text-align: center;
}
.de-sos #de-container #links-wrapper .media-types {
  text-align: center;
}
.de-sos #de-container #links-wrapper .media-types:before,
.de-sos #de-container #links-wrapper .media-types:after {
  content: " ";
  display: table;
}
.de-sos #de-container #links-wrapper .media-types:after {
  clear: both;
}
.de-sos #de-container #links-wrapper .media-types:before,
.de-sos #de-container #links-wrapper .media-types:after {
  content: " ";
  display: table;
}
.de-sos #de-container #links-wrapper .media-types:after {
  clear: both;
}
.de-sos #de-container #links-wrapper .media-types .type {
  margin: 0 auto 15px;
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
}
@media (min-width: 768px) {
  .de-sos #de-container #links-wrapper .media-types .type {
    float: left;
    width: 25%;
  }
}
.de-sos #de-container #links-wrapper .media-types .type a {
  width: 100%;
  background-color: #330033;
  font-size: 2em;
  color: #ffffff;
  padding: 20px;
  vertical-align: middle;
  display: block;
  text-decoration: none;
}
.de-sos #de-container #links-wrapper .media-types .type a:hover {
  background-color: #6A026A;
}
.de-sos #de-container #links-wrapper .media-types .type a:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 3em;
  margin-bottom: 5px;
}
.de-sos #de-container #links-wrapper .media-types .type-audio a:before {
  content: "\e038";
}
.de-sos #de-container #links-wrapper .media-types .type-music a:before {
  content: "\e002";
}
.de-sos #de-container #links-wrapper .media-types .type-video a:before {
  content: "\e059";
}
.de-sos #de-container #links-wrapper .media-types .type-image a:before {
  content: "\e060";
}
.de-sos #de-container #links-wrapper .media-types .type-text a:before {
  content: "\e053";
}
.de-sos #de-container .lp-further {
  text-align: center;
}
/* index page only */
.de-sos-index #de-container header {
  text-align: center;
}
.de-sos-index #de-container header .page-banner {
  padding: 60px;
}
/* flexbox fix for ie8-9*/
.no-flexbox .de-sos #de-container .content-wrapper section .sos-highlights .highlight a {
  padding-top: 50px;
}
.filtered-results {
  display: none;
}
.filtered-results.resultsFilter {
  display: block;
}