/* Minification failed. Returning unminified contents.
(15188,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15245,27): run-time error CSS1039: Token not allowed after unary operator: '-family-color'
(15246,15): run-time error CSS1039: Token not allowed after unary operator: '-family-color'
(15479,15): run-time error CSS1039: Token not allowed after unary operator: '-family-color'
 */
.m-top-none {
  margin-top: 0px !important;
}
.m-right-none {
  margin-right: 0px !important;
}
.m-bottom-none {
  margin-bottom: 0px !important;
}
.m-left-none {
  margin-left: 0px !important;
}
.m-vertical-none {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.m-horizontal-none {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.m-none {
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}
.m-top-xs {
  margin-top: 5px !important;
}
.m-right-xs {
  margin-right: 5px !important;
}
.m-bottom-xs {
  margin-bottom: 5px !important;
}
.m-left-xs {
  margin-left: 5px !important;
}
.m-vertical-xs {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.m-horizontal-xs {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.m-xs {
  margin-top: 5px !important;
  margin-right: 5px !important;
  margin-bottom: 5px !important;
  margin-left: 5px !important;
}
.m-top-sm {
  margin-top: 10px !important;
}
.m-right-sm {
  margin-right: 10px !important;
}
.m-bottom-sm {
  margin-bottom: 10px !important;
}
.m-left-sm {
  margin-left: 10px !important;
}
.m-vertical-sm {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.m-horizontal-sm {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.m-sm {
  margin-top: 10px !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  margin-left: 10px !important;
}
.m-top-md {
  margin-top: 20px !important;
}
.m-right-md {
  margin-right: 20px !important;
}
.m-bottom-md {
  margin-bottom: 20px !important;
}
.m-left-md {
  margin-left: 20px !important;
}
.m-vertical-md {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.m-horizontal-md {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.m-md {
  margin-top: 20px !important;
  margin-right: 20px !important;
  margin-bottom: 20px !important;
  margin-left: 20px !important;
}
.m-top-lg {
  margin-top: 30px !important;
}
.m-right-lg {
  margin-right: 30px !important;
}
.m-bottom-lg {
  margin-bottom: 30px !important;
}
.m-left-lg {
  margin-left: 30px !important;
}
.m-vertical-lg {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.m-horizontal-lg {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.m-lg {
  margin-top: 30px !important;
  margin-right: 30px !important;
  margin-bottom: 30px !important;
  margin-left: 30px !important;
}
.m-top-xl {
  margin-top: 40px !important;
}
.m-right-xl {
  margin-right: 40px !important;
}
.m-bottom-xl {
  margin-bottom: 40px !important;
}
.m-left-xl {
  margin-left: 40px !important;
}
.m-vertical-xl {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.m-horizontal-xl {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.m-xl {
  margin-top: 40px !important;
  margin-right: 40px !important;
  margin-bottom: 40px !important;
  margin-left: 40px !important;
}
.bg-white {
  background: #fff;
}
.bg-off-white {
  background: #f8f9f9;
}
.bg-dark {
  background: #36373c;
}
.bg-gradient {
  background-image: -webkit-linear-gradient(top, #f8f9f9 0%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #f8f9f9 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #f8f9f9 0%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f9f9', endColorstr='#ffffffff', GradientType=0);
}
.clear {
  clear: both;
}
@media (max-width: 480px) {
  .hidden-xxs {
    display: none !important;
  }
}
@media (min-width: 480px) {
  .visible-xxs {
    display: none !important;
  }
}
.admin-link {
  display: none;
}
.vertical-center-table {
  display: table;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 auto;
  height: 100%;
}
.vertical-center-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/* LESS Mixin for CSS arrow
 *
 * Usage:
 * .arrow(size, color, direction, offset, border-size(optional), border-color(optional));
 *
 * 1. size: you can set pretty much whatever you want. Further tests required for em unit.
 * 2. color: sadly, no way to inherit. Use the same color as the background of your element.
 * 3. direction: the direction of the arrow (top, right, bottom, left).
 * 4. offset: the position on the side (20px, 50%, etc.).
 * 5. border-size (optional): you may have to set it 1px thinner than the actual border to smooth the rendering.
 * 6. border-color (optional): "inherit" as a default value.
 *
 * 
 * Still many things to do and edge cases to fix.
 * It uses the :after pseudo-element to create the arrow. If there is a border, it uses the :before pseudo-element
 *
 * Changelog:
 * - now handles border
 * - "inherit" now supported as a @border-color value
 * - "inherit" now supported as a @color value as long as there is no border involved
 * - dramatically simplified the position
 * - drop-shadow enabled
 * - GitHub repo: https://github.com/HugoGiraudel/LESS-Mixin-for-CSS-arrows
 */
@-webkit-keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes pulse-colour {
  0% {
    background-color: #ffd723;
  }
  40% {
    background-color: #ffd723;
  }
  50% {
    background-color: #17c30f;
  }
  90% {
    background-color: #17c30f;
  }
  100% {
    background-color: #ffd723;
  }
}
@-moz-keyframes pulse-colour {
  0% {
    background-color: #ffd723;
  }
  40% {
    background-color: #ffd723;
  }
  50% {
    background-color: #17c30f;
  }
  90% {
    background-color: #17c30f;
  }
  100% {
    background-color: #ffd723;
  }
}
@-o-keyframes pulse-colour {
  0% {
    background-color: #ffd723;
  }
  40% {
    background-color: #ffd723;
  }
  50% {
    background-color: #17c30f;
  }
  90% {
    background-color: #17c30f;
  }
  100% {
    background-color: #ffd723;
  }
}
@keyframes pulse-colour {
  0% {
    background-color: #ffd723;
  }
  40% {
    background-color: #ffd723;
  }
  50% {
    background-color: #17c30f;
  }
  90% {
    background-color: #17c30f;
  }
  100% {
    background-color: #ffd723;
  }
}
@-webkit-keyframes scaleDown {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-moz-keyframes scaleDown {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-o-keyframes scaleDown {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes scaleDown {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes scaleUpCenter {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
}
@-moz-keyframes scaleUpCenter {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
}
@-o-keyframes scaleUpCenter {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
}
@keyframes scaleUpCenter {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
}
@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes fadeFromSuccess {
  0% {
    background-color: #54e1bc;
  }
  100% {
    background-color: transparent;
  }
}
@-moz-keyframes fadeFromSuccess {
  0% {
    background-color: #54e1bc;
  }
  100% {
    background-color: transparent;
  }
}
@-o-keyframes fadeFromSuccess {
  0% {
    background-color: #54e1bc;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes fadeFromSuccess {
  0% {
    background-color: #54e1bc;
  }
  100% {
    background-color: transparent;
  }
}
@-webkit-keyframes fadeFromDanger {
  0% {
    background-color: #ff4748;
  }
  100% {
    background-color: transparent;
  }
}
@-moz-keyframes fadeFromDanger {
  0% {
    background-color: #ff4748;
  }
  100% {
    background-color: transparent;
  }
}
@-o-keyframes fadeFromDanger {
  0% {
    background-color: #ff4748;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes fadeFromDanger {
  0% {
    background-color: #ff4748;
  }
  100% {
    background-color: transparent;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@font-face {
  font-family: 'goskills-icons';
  src: url('/Fonts/goskills-icons.eot?1.16');
  src: url('/Fonts/goskills-icons.eot?1.16#iefix') format('embedded-opentype'), url('/Fonts/goskills-icons.woff2?1.16') format('woff2'), url('/Fonts/goskills-icons.woff?1.16') format('woff'), url('/Fonts/goskills-icons.ttf?1.16') format('truetype'), url('/Fonts/goskills-icons.svg?1.16#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  margin-right: .2em;
}
[class^="icon-"].no-margin:before,
[class*=" icon-"].no-margin:before {
  margin-right: 0;
}
.icon-people-outline:before,
.purchases .cart-items div span.OrgPurchase:before,
.purchases .cart-items div span.OrgRedemption:before {
  width: 1.3em;
}
.icon-heart-empty:before {
  content: '\e800';
}
/* '' */
.icon-star:before {
  content: '\e801';
}
/* '' */
.icon-star-half:before {
  content: '\e802';
}
/* '' */
.icon-star-half-alt:before {
  content: '\e803';
}
/* '' */
.icon-search:before {
  content: '\e804';
}
/* '' */
.icon-angle-down:before {
  content: '\e805';
}
/* '' */
.icon-circle-empty:before {
  content: '\e806';
}
/* '' */
.icon-circle:before {
  content: '\e807';
}
/* '' */
.icon-linkedin-squared:before {
  content: '\e808';
}
/* '' */
.icon-gplus-squared:before {
  content: '\e809';
}
/* '' */
.icon-facebook-squared:before {
  content: '\e80a';
}
/* '' */
.icon-twitter-squared:before {
  content: '\e80b';
}
/* '' */
.icon-angle-up:before {
  content: '\e80c';
}
/* '' */
.icon-youtube-squared:before {
  content: '\e80d';
}
/* '' */
.icon-help-circled:before {
  content: '\e80e';
}
/* '' */
.icon-play:before {
  content: '\e80f';
}
/* '' */
.icon-resize-full:before {
  content: '\e810';
}
/* '' */
.icon-resize-small:before {
  content: '\e811';
}
/* '' */
.icon-forward:before {
  content: '\e812';
}
/* '' */
.icon-cog:before {
  content: '\e813';
}
/* '' */
.icon-volume-off:before {
  content: '\e814';
}
/* '' */
.icon-volume-low:before {
  content: '\e815';
}
/* '' */
.icon-volume-high:before {
  content: '\e816';
}
/* '' */
.icon-people:before {
  content: '\e817';
}
/* '' */
.icon-video-outline:before {
  content: '\e818';
}
/* '' */
.icon-pencil-outline:before {
  content: '\e819';
}
/* '' */
.icon-settings-outline:before {
  content: '\e81a';
}
/* '' */
.icon-watch-outline:before {
  content: '\e81b';
}
/* '' */
.icon-trophy-outline:before {
  content: '\e81c';
}
/* '' */
.icon-cap-outline:before {
  content: '\e81d';
}
/* '' */
.icon-bubble-outline:before {
  content: '\e81e';
}
/* '' */
.icon-plus-square:before {
  content: '\e81f';
}
/* '' */
.icon-minus-square:before {
  content: '\e820';
}
/* '' */
.icon-search-outline:before {
  content: '\e821';
}
/* '' */
.icon-share-outline:before {
  content: '\e822';
}
/* '' */
.icon-people-outline:before,
.purchases .cart-items div span.OrgPurchase:before,
.purchases .cart-items div span.OrgRedemption:before {
  content: '\e823';
}
/* '' */
.icon-gift-outline:before,
.purchases .cart-items div span.GiftPurchase:before,
.purchases .cart-items div span.GiftRedemption:before {
  content: '\e824';
}
/* '' */
.icon-tag-outline:before {
  content: '\e825';
}
/* '' */
.icon-cart-outline:before {
  content: '\e826';
}
/* '' */
.icon-bell:before {
  content: '\e827';
}
/* '' */
.icon-pin-outline:before {
  content: '\e828';
}
/* '' */
.icon-actual-off:before {
  content: '\e829';
}
/* '' */
.icon-actual-on:before {
  content: '\e82a';
}
/* '' */
.icon-help-outline:before {
  content: '\e82b';
}
/* '' */
.icon-info-circled:before {
  content: '\e82c';
}
/* '' */
.icon-left-big:before {
  content: '\e82d';
}
/* '' */
.icon-right-big:before {
  content: '\e82e';
}
/* '' */
.icon-cancel:before {
  content: '\e82f';
}
/* '' */
.icon-download:before {
  content: '\e830';
}
/* '' */
.icon-print:before {
  content: '\e831';
}
/* '' */
.icon-transcript:before {
  content: '\e832';
}
/* '' */
.icon-notes:before {
  content: '\e833';
}
/* '' */
.icon-folder:before {
  content: '\e834';
}
/* '' */
.icon-article:before {
  content: '\e835';
}
/* '' */
.icon-facebook:before {
  content: '\e836';
}
/* '' */
.icon-google:before {
  content: '\e837';
}
/* '' */
.icon-gplus:before {
  content: '\e838';
}
/* '' */
.icon-ok:before {
  content: '\e839';
}
/* '' */
.icon-menu:before {
  content: '\e83a';
}
/* '' */
.icon-cog-alt:before {
  content: '\e83b';
}
/* '' */
.icon-down-big:before {
  content: '\e83c';
}
/* '' */
.icon-up-big:before {
  content: '\e83d';
}
/* '' */
.icon-info:before {
  content: '\e83e';
}
/* '' */
.icon-attention-alt:before {
  content: '\e83f';
}
/* '' */
.icon-star-empty:before {
  content: '\e840';
}
/* '' */
.icon-heart:before {
  content: '\e841';
}
/* '' */
.icon-plus:before {
  content: '\e842';
}
/* '' */
.icon-minus:before {
  content: '\e843';
}
/* '' */
.icon-move:before {
  content: '\e844';
}
/* '' */
.icon-bell-outline:before {
  content: '\e845';
}
/* '' */
.icon-user:before {
  content: '\e846';
}
/* '' */
.icon-player-vertical:before {
  content: '\e847';
}
/* '' */
.icon-player-horizontal:before {
  content: '\e848';
}
/* '' */
.icon-angle-right:before {
  content: '\e849';
}
/* '' */
.icon-angle-left:before {
  content: '\e84a';
}
/* '' */
.icon-tag:before {
  content: '\e84b';
}
/* '' */
.icon-tags:before {
  content: '\e84c';
}
/* '' */
.icon-fire:before {
  content: '\e84d';
}
/* '' */
.icon-edit:before {
  content: '\e84e';
}
/* '' */
.icon-game:before {
  content: '\e84f';
}
/* '' */
.icon-graph:before {
  content: '\e850';
}
/* '' */
.icon-focus:before {
  content: '\e851';
}
/* '' */
.icon-download-outline:before {
  content: '\e852';
}
/* '' */
.icon-tutor:before {
  content: '\e853';
}
/* '' */
.icon-free-tag:before,
.purchases .cart-items div span.FreeTrial:before {
  content: '\e854';
}
/* '' */
.icon-viewed:before {
  content: '\e855';
}
/* '' */
.icon-play-circled:before {
  content: '\e856';
}
/* '' */
.icon-attention:before {
  content: '\e857';
}
/* '' */
.icon-mail-squared:before {
  content: '\e858';
}
/* '' */
.icon-back-15:before {
  content: '\e859';
}
/* '' */
.icon-mail:before {
  content: '\e85a';
}
/* '' */
.icon-phone-outline:before {
  content: '\e85b';
}
/* '' */
.icon-linkedin:before {
  content: '\e85c';
}
/* '' */
.icon-help:before {
  content: '\e85d';
}
/* '' */
.icon-ccw:before {
  content: '\e85e';
}
/* '' */
.icon-history:before {
  content: '\e85f';
}
/* '' */
.icon-replay:before {
  content: '\e860';
}
/* '' */
.icon-locked:before {
  content: '\e861';
}
/* '' */
.icon-export-alt:before {
  content: '\e862';
}
/* '' */
.icon-share-squared:before {
  content: '\e863';
}
/* '' */
.icon-paper-plane:before {
  content: '\e864';
}
/* '' */
.icon-blank:before {
  content: '\e865';
}
/* '' */
.icon-twitter:before {
  content: '\e866';
}
/* '' */
.icon-youtube:before {
  content: '\e867';
}
/* '' */
.icon-volume-mute:before {
  content: '\e868';
}
/* '' */
.icon-basket:before,
.purchases .cart-items div span.Bag:before {
  content: '\e869';
}
/* '' */
.icon-pause:before {
  content: '\e86a';
}
/* '' */
.icon-volume-medium:before {
  content: '\e86b';
}
/* '' */
.icon-meh:before {
  content: '\e86c';
}
/* '' */
.icon-frown:before {
  content: '\e86d';
}
/* '' */
.icon-smile:before {
  content: '\e86e';
}
/* '' */
.icon-comments-smile:before {
  content: '\e86f';
}
/* '' */
.icon-help-circled-outline:before {
  content: '\e870';
}
/* '' */
.icon-include:before {
  content: '\e871';
}
/* '' */
.icon-user-circled:before {
  content: '\e872';
}
/* '' */
.icon-total:before {
  content: '\e873';
}
/* '' */
.icon-saving:before,
.purchases .cart-items div span.Campaign:before {
  content: '\e874';
}
/* '' */
.icon-reward:before {
  content: '\e875';
}
/* '' */
.icon-original-price:before {
  content: '\e876';
}
/* '' */
.icon-knowledge_test:before {
  content: '\e877';
}
/* '' */
.icon-discount:before {
  content: '\e878';
}
/* '' */
.icon-access:before {
  content: '\e879';
}
/* '' */
.icon-angle-double-down:before {
  content: '\e87a';
}
/* '' */
.icon-right-open-big:before {
  content: '\e87b';
}
/* '' */
.icon-left-open-big:before {
  content: '\e87c';
}
/* '' */
.icon-clock:before {
  content: '\e87d';
}
/* '' */
.icon-fast-fw:before {
  content: '\e87e';
}
/* '' */
.icon-fast-bw:before {
  content: '\e87f';
}
/* '' */
.icon-eject:before {
  content: '\e880';
}
/* '' */
.icon-brightness-low:before {
  content: '\e881';
}
/* '' */
.icon-brightness-high:before {
  content: '\e882';
}
/* '' */
.icon-gauge-1:before {
  content: '\e883';
}
/* '' */
.icon-up-open-big:before {
  content: '\e884';
}
/* '' */
.icon-down-open-big:before {
  content: '\e885';
}
/* '' */
.icon-cw:before {
  content: '\e886';
}
/* '' */
.icon-arrows-cw:before {
  content: '\e887';
}
/* '' */
.icon-link:before {
  content: '\e888';
}
/* '' */
.icon-comment:before {
  content: '\e889';
}
/* '' */
.icon-chat:before {
  content: '\e88a';
}
/* '' */
.icon-bookmark:before {
  content: '\e88b';
}
/* '' */
.icon-attach:before {
  content: '\e88c';
}
/* '' */
.icon-cog-cute:before {
  content: '\e88d';
}
/* '' */
.icon-cancel-cute:before {
  content: '\e88e';
}
/* '' */
.icon-cancel-cuter:before {
  content: '\e88f';
}
/* '' */
.icon-calendar:before {
  content: '\e890';
}
/* '' */
.icon-ok-circled:before {
  content: '\e891';
}
/* '' */
.icon-mail-alt:before {
  content: '\f0e0';
}
/* '' */
.icon-desktop:before {
  content: '\f108';
}
/* '' */
.icon-laptop:before {
  content: '\f109';
}
/* '' */
.icon-tablet:before {
  content: '\f10a';
}
/* '' */
.icon-mobile:before {
  content: '\f10b';
}
/* '' */
.icon-spinner:before {
  content: '\f110';
}
/* '' */
.icon-calendar-empty:before {
  content: '\f133';
}
/* '' */
.icon-apple:before {
  content: '\f179';
}
/* '' */
.icon-windows:before {
  content: '\f17a';
}
/* '' */
.icon-database:before {
  content: '\f1c0';
}
/* '' */
.icon-server:before {
  content: '\f233';
}
/* '' */
.icon-get-pocket:before {
  content: '\f265';
}
/* '' */
.icon-calendar-plus-o:before {
  content: '\f271';
}
/* '' */
.icon-calendar-minus-o:before {
  content: '\f272';
}
/* '' */
.icon-calendar-times-o:before {
  content: '\f273';
}
/* '' */
.icon-calendar-check-o:before {
  content: '\f274';
}
/* '' */
/*! 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;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #36373c;
  background-color: #f8f9f9;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #0072bc;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #004470;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 4px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #f8f9f9;
  border: 1px solid #ddd;
  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;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #d0d9df;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Lato', 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.1;
  color: #222222;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 92%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted,
.purchases .cart-items div span.GiftRedemption,
.purchases .cart-items div span.OrgRedemption {
  color: #89949b;
}
.text-primary {
  color: #ffd723;
}
a.text-primary:hover {
  color: #efc400;
}
.text-success {
  color: #1fb08a;
}
a.text-success:hover {
  color: #178568;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #ff1415;
}
a.text-danger:hover {
  color: #e00001;
}
.bg-primary {
  color: #fff;
  background-color: #ffd723;
}
a.bg-primary:hover {
  background-color: #efc400;
}
.bg-success {
  background-color: #fff;
}
a.bg-success:hover {
  background-color: #e6e6e6;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #fef2f2;
}
a.bg-danger:hover {
  background-color: #fac3c3;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 20px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #f8f8f2;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 4px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #89949b;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #f8f9f9;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #fff;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #f2f2f2;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #fef2f2;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #fcdada;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d0d9df;
  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 .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;
}
.form-control:focus {
  border-color: #ffd723;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 215, 35, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 215, 35, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 31px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 44px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 31px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 4px;
}
select.input-sm {
  height: 31px;
  line-height: 31px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 31px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 4px;
}
select.form-group-sm .form-control {
  height: 31px;
  line-height: 31px;
}
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 31px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.input-lg {
  height: 44px;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.3333333;
  border-radius: 4px;
}
select.input-lg {
  height: 44px;
  line-height: 44px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 44px;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.3333333;
  border-radius: 4px;
}
select.form-group-lg .form-control {
  height: 44px;
  line-height: 44px;
}
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 44px;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback {
  width: 44px;
  height: 44px;
  line-height: 44px;
}
.input-sm + .form-control-feedback {
  width: 31px;
  height: 31px;
  line-height: 31px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #1fb08a;
}
.has-success .form-control {
  border-color: #1fb08a;
  -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);
}
.has-success .form-control:focus {
  border-color: #178568;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #54e1bc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #54e1bc;
}
.has-success .input-group-addon {
  color: #1fb08a;
  border-color: #1fb08a;
  background-color: #fff;
}
.has-success .form-control-feedback {
  color: #1fb08a;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -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);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #ff1415;
}
.has-error .form-control {
  border-color: #ff1415;
  -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);
}
.has-error .form-control:focus {
  border-color: #e00001;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff7a7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff7a7b;
}
.has-error .input-group-addon {
  color: #ff1415;
  border-color: #ff1415;
  background-color: #fef2f2;
}
.has-error .form-control-feedback {
  color: #ff1415;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #72757f;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.333333px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  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;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.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);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #d0d9df;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #acbcc6;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #d0d9df;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #b2c0ca;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
  background-color: #dedede;
  border-color: #a9b9c4;
}
.btn-primary {
  color: #36373c;
  background-color: #ffd723;
  border-color: #ffd723;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #36373c;
  background-color: #efc400;
  border-color: #e5bb00;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #ffd723;
  border-color: #ffd723;
}
.btn-primary .badge {
  color: #ffd723;
  background-color: #36373c;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.open > .dropdown-toggle.btn-primary {
  color: #36373c;
  background-color: #efc400;
  border-color: #efc400;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
  background-color: #e0b700;
  border-color: #e0b700;
}
.btn-success {
  color: #fff;
  background-color: #1fb08a;
  border-color: #1b9a79;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #178568;
  border-color: #126650;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #1fb08a;
  border-color: #1b9a79;
}
.btn-success .badge {
  color: #1fb08a;
  background-color: #fff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #178568;
  border-color: #146f57;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
  background-color: #15785e;
  border-color: #11624d;
}
.btn-info {
  color: #fff;
  background-color: #0072bc;
  border-color: #0063a3;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #005389;
  border-color: #003d65;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #0072bc;
  border-color: #0063a3;
}
.btn-info .badge {
  color: #0072bc;
  background-color: #fff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #005389;
  border-color: #004470;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
  background-color: #004a7a;
  border-color: #003a60;
}
.btn-warning {
  color: #fff;
  background-color: #ffd723;
  border-color: #ffd209;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #efc400;
  border-color: #cba600;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #ffd723;
  border-color: #ffd209;
}
.btn-warning .badge {
  color: #ffd723;
  background-color: #fff;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #efc400;
  border-color: #d5af00;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
  background-color: #e0b700;
  border-color: #c6a200;
}
.btn-danger {
  color: #fff;
  background-color: #e00001;
  border-color: #c70001;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #ad0001;
  border-color: #890001;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #e00001;
  border-color: #c70001;
}
.btn-danger .badge {
  color: #e00001;
  background-color: #fff;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #ad0001;
  border-color: #930001;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
  background-color: #9e0001;
  border-color: #840001;
}
.btn-link {
  color: #0072bc;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #004470;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.3333333;
  border-radius: 4px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 4px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 4px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
  visibility: hidden;
}
.collapse.in {
  display: block;
  visibility: visible;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #36373c;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #fcfcfc;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #ffd723;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -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);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 44px;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.3333333;
  border-radius: 4px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 44px;
  line-height: 44px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 31px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 4px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 31px;
  line-height: 31px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #d0d9df;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 4px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 16px;
  border-radius: 4px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #0072bc;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #f8f9f9;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #f8f9f9;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #ffd723;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #f8f9f9;
  }
}
.tab-content > .tab-pane {
  display: none;
  visibility: hidden;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 70px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 25px 15px;
  font-size: 16px;
  line-height: 20px;
  height: 70px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 12.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 18px;
  margin-bottom: 18px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 18px;
  margin-bottom: 18px;
}
.navbar-btn.btn-sm {
  margin-top: 19.5px;
  margin-bottom: 19.5px;
}
.navbar-btn.btn-xs {
  margin-top: 24px;
  margin-bottom: 24px;
}
.navbar-text {
  margin-top: 25px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: rgba(0, 0, 0, 0);
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: rgba(0, 0, 0, 0);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #36373c;
  border-color: #1e1e21;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #d0d9df;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: transparent;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffd723;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #252629;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #1e1e21;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #1e1e21;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 10px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fff;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "\e849\00a0";
  padding: 0 5px;
  color: #89949b;
}
.breadcrumb > .active {
  color: #36373c;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #ffd723;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #efc400;
}
.label-success {
  background-color: #1fb08a;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #178568;
}
.label-info {
  background-color: #0072bc;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #005389;
}
.label-warning {
  background-color: #ffd723;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #efc400;
}
.label-danger {
  background-color: #e00001;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #ad0001;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 13px;
  font-weight: normal;
  color: #36373c;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #ffd723;
  border-radius: 4px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #36373c;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #0072bc;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f8f9f9;
  border-radius: 7px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #ffd723;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #1fb08a;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #0072bc;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #ffd723;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #e00001;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #36373c;
  background-color: #ffd723;
  border-color: #ffd723;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #fffcef;
}
.list-group-item-success {
  color: #1fb08a;
  background-color: #fff;
}
a.list-group-item-success {
  color: #1fb08a;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #1fb08a;
  background-color: #f2f2f2;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #1fb08a;
  border-color: #1fb08a;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #ff1415;
  background-color: #fef2f2;
}
a.list-group-item-danger {
  color: #ff1415;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #ff1415;
  background-color: #fcdada;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #ff1415;
  border-color: #ff1415;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  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);
}
.panel-body {
  padding: 20px;
}
.panel-heading {
  padding: 20px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 20px;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 20px;
  padding-right: 20px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #d0d9df;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #fcfcfc;
  border-color: #d0d9df;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d0d9df;
}
.panel-default > .panel-heading .badge {
  color: #fcfcfc;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d0d9df;
}
.panel-primary {
  border-color: #ffd723;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #ffd723;
  border-color: #ffd723;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffd723;
}
.panel-primary > .panel-heading .badge {
  color: #ffd723;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffd723;
}
.panel-success {
  border-color: #d0d9df;
}
.panel-success > .panel-heading {
  color: #1fb08a;
  background-color: #fff;
  border-color: #d0d9df;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d0d9df;
}
.panel-success > .panel-heading .badge {
  color: #fff;
  background-color: #1fb08a;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d0d9df;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ff4748;
}
.panel-danger > .panel-heading {
  color: #ff1415;
  background-color: #fef2f2;
  border-color: #ff4748;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ff4748;
}
.panel-danger > .panel-heading .badge {
  color: #fef2f2;
  background-color: #ff1415;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ff4748;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 400px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #36373c;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #36373c;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #36373c;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #36373c;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #36373c;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #36373c;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #36373c;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #36373c;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #36373c;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 400px;
  padding: 1px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f8f9f9;
  border-bottom: 1px solid #eaeded;
  border-radius: 3px 3px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /*width: @carousel-control-width;*/
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffd723;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
/*! lightslider - v1.1.5 - 2015-10-31
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lightSlider:before,
.lightSlider:after {
  content: " ";
  display: table;
}
.lightSlider {
  overflow: hidden;
  margin: 0;
}
.lSSlideWrapper {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.lSSlideWrapper > .lightSlider:after {
  clear: both;
}
.lSSlideWrapper .lSSlide {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: all 1s;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform, height;
  transition-property: transform,height;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
  position: relative;
}
.lSSlideWrapper .lSFade > * {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 9;
  margin-right: 0;
  width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
  z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
  opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #222222;
  border-radius: 30px;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  text-indent: -999em;
  width: 8px;
  position: relative;
  z-index: 99;
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #428bca;
}
.lSSlideOuter .media {
  opacity: 0.8;
}
.lSSlideOuter .media.active {
  opacity: 1;
}
/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
  list-style: none outside none;
  padding-left: 0;
  margin: 0;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
  overflow: hidden;
  -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
  transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
  display: block;
  height: auto;
  max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before,
.lSSlideOuter .lSPager.lSGallery:after {
  content: " ";
  display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
  clear: both;
}
/* End of Gallery*/
/* slider actions */
.lSAction > a {
  width: 32px;
  display: block;
  top: 50%;
  height: 32px;
  /*background-image: url('../img/controls.png'); - no need for that matey! */
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: 0.5;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
  opacity: 1;
}
.lSAction > .lSPrev {
  background-position: 0 0;
  left: 10px;
}
.lSAction > .lSNext {
  background-position: -32px 0;
  right: 10px;
}
.lSAction > a.disabled {
  pointer-events: none;
}
.cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}
/* vertical */
.lSSlideOuter.vertical {
  position: relative;
}
.lSSlideOuter.vertical.noPager {
  padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: 0;
  top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
  width: 100% !important;
  max-width: none !important;
}
/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
  left: 50%;
  margin-left: -14px;
  margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
  background-position: 31px -31px;
  bottom: 10px;
  top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
  background-position: 0 -31px;
  bottom: auto;
  top: 10px;
}
/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
  direction: rtl;
}
.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
  padding-left: 0;
  list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider,
.lSSlideOuter.lSrtl .lSPager {
  padding-right: 0;
}
.lSSlideOuter .lightSlider > *,
.lSSlideOuter .lSGallery li {
  float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,
.lSSlideOuter.lSrtl .lSGallery li {
  float: right !important;
}
/* Rtl */
@-webkit-keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
.lSSlideOuter .rightEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}
.lSSlideOuter .leftEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}
.lSSlideOuter.vertical .rightEnd {
  -webkit-animation: topEnd 0.3s;
  animation: topEnd 0.3s;
  position: relative;
}
.lSSlideOuter.vertical .leftEnd {
  -webkit-animation: bottomEnd 0.3s;
  animation: bottomEnd 0.3s;
  position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.clearfix:before,
.clearfix:after,
.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,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
#messages .message .content:before,
#messages .message .content:after,
#blog-post .blog-title:before,
#blog-post .blog-title:after,
#blog-posts .blog-posts:before,
#blog-posts .blog-posts:after {
  content: " ";
  display: table;
}
.clearfix:after,
.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,
.panel-body:after,
.modal-footer:after,
#messages .message .content:after,
#blog-post .blog-title:after,
#blog-posts .blog-posts:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.affix-bottom {
  position: absolute;
}
.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
  background-color: #ffd723;
}
.table-hover > tbody > tr > td.primary:hover,
.table-hover > tbody > tr > th.primary:hover,
.table-hover > tbody > tr.primary:hover > td,
.table-hover > tbody > tr:hover > .primary,
.table-hover > tbody > tr.primary:hover > th {
  background-color: #ffd209;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #ffd723;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 4px;
}
.dark .pace .pace-progress {
  background: #36373c;
}
/*
   Animation example, for spinners
*/
.animate-spin:before {
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* ========================================================================
 * bootstrap-tour - v0.11.0
 * http://bootstraptour.com
 * ========================================================================
 * Copyright 2012-2015 Ulrich Sossou
 *
 * ========================================================================
 * Licensed under the MIT License (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://opensource.org/licenses/MIT
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */
.tour-backdrop {
  position: absolute;
  z-index: 1100;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.popover[class*="tour-"] {
  z-index: 1102;
}
.popover[class*="tour-"] .popover-navigation {
  padding: 9px 14px;
  overflow: hidden;
}
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  float: right;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  cursor: pointer;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
  cursor: default;
}
.popover[class*="tour-"].orphan {
  position: fixed;
  margin-top: 0;
}
.popover[class*="tour-"].orphan .arrow {
  display: none;
}
a,
input,
button {
  -webkit-transition: color 0.15s linear, background-color 0.15s linear, border-color 0.15s linear;
  -o-transition: color 0.15s linear, background-color 0.15s linear, border-color 0.15s linear;
  transition: color 0.15s linear, background-color 0.15s linear, border-color 0.15s linear;
}
.btn-primary {
  border-width: 0;
}
.btn-group .btn-primary {
  border: 1px solid #d0d9df;
}
.input-group-btn .btn-primary,
.form-inline .btn-primary {
  border-width: 1px;
}
.input-group-btn .btn-primary.btn-lg,
.form-inline .btn-primary.btn-lg {
  border-width: 0;
  height: 44px;
  line-height: 24px;
}
.btn-white.btn-outline {
  border-color: #fff;
  color: #fff;
  background: transparent;
}
.btn-white.btn-outline:hover,
.btn-white.btn-outline:active,
.btn-white.btn-outline:focus,
.btn-white.btn-outline .active {
  color: #36373c;
  background: #fff;
  border-color: #fff;
}
.btn:active,
.btn.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.btn-lg {
  line-height: 25px;
}
.input-group-btn > .btn.btn-lg {
  line-height: 1.3333333;
}
@media (min-width: 992px) {
  .btn.btn-lg.btn-lg-experiment {
    padding: 15px 40px;
  }
}
.btn.btn-outline {
  border: 2px solid;
  background: transparent;
}
.btn.btn-outline.btn-lg {
  line-height: 21px;
}
.btn.btn-outline.btn-primary {
  border-color: #ffd723;
}
.btn.btn-outline.btn-primary [class^="icon-"],
.btn.btn-outline.btn-primary [class*=" icon-"] {
  color: #ffd723;
}
.btn.btn-outline.btn-primary:hover [class^="icon-"],
.btn.btn-outline.btn-primary:focus [class^="icon-"],
.btn.btn-outline.btn-primary:active [class^="icon-"],
.btn.btn-outline.btn-primary.active [class^="icon-"],
.btn.btn-outline.btn-primary:hover [class*=" icon-"],
.btn.btn-outline.btn-primary:focus [class*=" icon-"],
.btn.btn-outline.btn-primary:active [class*=" icon-"],
.btn.btn-outline.btn-primary.active [class*=" icon-"] {
  color: #36373c;
}
.btn.btn-outline.btn-primary:hover,
.btn.btn-outline.btn-primary:focus,
.btn.btn-outline.btn-primary.active {
  background-color: #ffd723;
}
.btn.btn-outline.btn-primary:active {
  border-color: #efc400;
  background-color: #efc400;
}
.btn.btn-outline.btn-default {
  border-color: #333;
}
.btn.btn-outline.btn-default [class^="icon-"],
.btn.btn-outline.btn-default [class*=" icon-"] {
  color: #333;
}
.btn.btn-icon.btn-lg {
  font-size: 14px;
}
.btn.btn-icon.btn-lg [class^="icon-"],
.btn.btn-icon.btn-lg [class*=" icon-"] {
  font-size: 24px;
}
@media (max-width: 767px) {
  .btn.btn-block-xs {
    width: 100%;
  }
}
.btn-block + .btn-block {
  margin-top: 10px;
}
.btn-facebook,
.btn-google {
  border: none;
  color: #fff;
  font-size: 14px;
  line-height: 21px;
}
.btn-facebook.btn-facebook,
.btn-google.btn-facebook {
  background: #4569a3;
}
.btn-facebook.btn-facebook:hover,
.btn-google.btn-facebook:hover {
  background: #3d5d91;
}
.btn-facebook.btn-google,
.btn-google.btn-google {
  background: #e26942;
}
.btn-facebook.btn-google:hover,
.btn-google.btn-google:hover {
  background: #df572c;
}
.btn-facebook:hover,
.btn-google:hover {
  color: #fff;
}
.btn-facebook.btn-block,
.btn-google.btn-block {
  display: inline-block;
  width: 260px;
  padding-left: 41px;
  position: relative;
  overflow: hidden;
}
.btn-facebook.btn-block > span,
.btn-google.btn-block > span {
  display: block;
  width: 45px;
  height: 45px;
  font-size: 26px;
  line-height: 45px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
}
.btn-group-vertical {
  display: block;
}
.btn-group-vertical.filters .btn {
  text-align: left;
  position: relative;
  width: 100%;
}
.btn-group-vertical.filters .btn.btn-icon {
  text-align: center;
}
.btn-group-vertical.filters .btn.btn-lg {
  font-size: 14px;
}
.btn-group-vertical.filters .btn.btn-group-label {
  background: #fcfcfc;
  color: #6a767e;
  text-transform: uppercase;
  font-size: 11px;
}
.btn-group-vertical.filters .btn.btn-primary {
  border: 1px solid #d0d9df;
  border-right-color: #ffd723;
}
.btn-group-vertical.filters .btn.btn-primary:hover,
.btn-group-vertical.filters .btn.btn-primary:focus,
.btn-group-vertical.filters .btn.btn-primary.focus {
  background: #ffd723;
}
.btn-group-vertical.filters .btn.btn-primary:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-bottom: 22px solid transparent;
  border-left: 10px solid #ffd723;
  position: absolute;
  top: 0;
  left: 100%;
}
.btn-group-vertical.filters.left-facing .btn.btn-primary {
  border-left-color: #ffd723;
}
.btn-group-vertical.filters.left-facing .btn.btn-primary:after {
  border-left: none;
}
.btn-group-vertical.filters.left-facing .btn.btn-primary:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-bottom: 22px solid transparent;
  border-right: 10px solid #ffd723;
  position: absolute;
  top: 0;
  left: -11px;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.open > .dropdown-toggle.btn-default {
  background-color: #fcfcfc;
  border-color: #d0d9df;
}
.btn-default[disabled],
.btn-default.disabled {
  background-color: #d0d9df;
  border-color: #d0d9df;
}
.btn-block.dropdown-toggle {
  text-align: left;
}
.list-group.collapsible > .list-group-item.collapsed {
  border-radius: 4px;
}
.list-group.collapsible .collapse .list-group-item:first-child,
.list-group.collapsible .collapsing .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-xl {
  padding: 21px 25px;
  font-size: 24px;
  line-height: 1.3333333;
  border-radius: 4px;
}
@media (max-width: 480px) {
  .btn-xl {
    font-size: 18px;
    padding: 15px;
  }
}
label,
.control-label {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}
.checkbox label,
.checkbox .control-label {
  line-height: 1.666666;
  text-transform: none;
  color: #36373c;
  font-weight: 600;
}
.has-success label,
.has-success .control-label,
.has-error label,
.has-error .control-label {
  color: #36373c;
}
.has-error .checkbox label,
.has-error .checkbox .control-label {
  color: #e00001;
}
label .tooltip,
.control-label .tooltip {
  text-transform: none;
}
.label-with-description-for-description {
  color: #89949b;
  font-size: 13px;
  padding-bottom: 4px;
}
.btn-grey {
  color: #89949b;
  cursor: pointer;
}
.btn-grey:hover {
  color: #36373c;
}
.btn-flex {
  display: flex;
  align-items: stretch;
  align-content: stretch;
}
.btn-flex .btn:first-child {
  flex-grow: 1;
}
.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control.copy {
  border-style: dashed;
}
.form-control.copy[readonly] {
  cursor: default;
  background-color: #fff;
}
.has-success .form-control {
  border-color: #d0d9df;
  background-color: #fff;
}
.has-success .form-control[readonly],
.has-success .form-control[disabled] {
  background-color: #eeeeee !important;
}
.has-success .input-group-addon:first-child {
  border-color: #d0d9df;
  color: #555555;
}
.has-error .form-control {
  border-color: #ff4748;
  background-color: #fef2f2;
}
.field-validation-error {
  color: #ff0000;
}
.field-validation-valid {
  display: none;
}
.help-block {
  font-size: 13px;
}
.form-group:last-child {
  margin-bottom: 0;
}
.panel {
  border-bottom-width: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
input,
textarea {
  -webkit-appearance: none;
}
input[type="checkbox"],
textarea[type="checkbox"] {
  -webkit-appearance: checkbox;
}
input[type="radio"],
textarea[type="radio"] {
  -webkit-appearance: radio;
}
.checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 35px !important;
  line-height: 25px;
  height: 25px;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 1px;
  height: 25px;
  width: 25px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #d0d9df;
}
.checkbox-container:hover input ~ .checkmark {
  background-color: #f5f5f5;
}
.checkbox-container input:checked ~ .checkmark {
  background-color: #ffd723;
}
.checkbox-container input:disabled ~ .checkmark {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
.checkbox-container .checkmark:after {
  left: 40%;
  top: 30%;
  width: 5px;
  height: 8px;
  border: solid #36373c;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
textarea {
  resize: vertical;
}
@media (min-width: 768px) {
  .form-group-inline label {
    display: block;
  }
}
.radio.disabled label {
  color: #89949b;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*::selection {
  background-color: #ffd723;
  color: #36373c;
}
*::-moz-selection {
  background-color: #ffd723;
  color: #36373c;
}
.pre-text {
  white-space: pre-line;
}
ul.blank {
  padding-left: 0;
  list-style: none;
}
.line-through {
  position: relative;
  z-index: 1;
}
.line-through > * {
  background: #f8f9f9;
  position: relative;
  z-index: 2;
  padding: 0 0.6em;
}
.line-through:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 1px solid #d0d9df;
}
.strike {
  text-decoration: line-through;
}
cite {
  font-style: normal;
  font-weight: 600;
}
h1:first-child,
.h1:first-child,
h2:first-child,
.h2:first-child,
h3:first-child,
.h3:first-child {
  margin-top: 0;
}
h1.border-bottom,
.h1.border-bottom,
h2.border-bottom,
.h2.border-bottom,
h3.border-bottom,
.h3.border-bottom {
  padding-bottom: 10px;
  border-bottom: 1px solid #d0d9df;
  margin-bottom: 20px;
}
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  line-height: 1.2;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 5px;
}
.panel h2 {
  margin-bottom: 20px;
}
b,
strong,
.strong {
  font-weight: 600;
}
li {
  margin-bottom: 5px;
}
.color-google {
  color: #e26942;
}
a.color-google:hover,
a.color-google:active,
a.color-google:focus {
  color: #d14b20;
}
.color-facebook {
  color: #4569a3;
}
a.color-facebook:hover,
a.color-facebook:active,
a.color-facebook:focus {
  color: #36527f;
}
.color-twitter {
  color: #3cb9e7;
}
a.color-twitter:hover,
a.color-twitter:active,
a.color-twitter:focus {
  color: #1aa3d6;
}
.color-linkedin {
  color: #068abf;
}
a.color-linkedin:hover,
a.color-linkedin:active,
a.color-linkedin:focus {
  color: #04668e;
}
.color-pocket {
  color: #ee4056;
}
a.color-pocket:hover,
a.color-pocket:active,
a.color-pocket:focus {
  color: #e6152f;
}
.color-default {
  color: #36373c;
}
a.color-default:hover,
a.color-default:active,
a.color-default:focus {
  color: #1e1e21;
}
.color-heading {
  color: #222222;
}
a.color-heading:hover,
a.color-heading:active,
a.color-heading:focus {
  color: #080808;
}
.color-pink {
  color: #ef5350;
}
a.color-pink:hover,
a.color-pink:active,
a.color-pink:focus {
  color: #eb2521;
}
p.course-attribution {
  color: #a5adb2;
  font-size: 11px;
  text-align: center;
  margin-bottom: 15px;
}
.dark p.course-attribution {
  color: #6f7b82;
}
.dark-alt p.course-attribution {
  color: #89949b;
}
@media (max-width: 767px) {
  h1,
  .h1 {
    font-size: 30px;
  }
  h2,
  .h2 {
    font-size: 24px;
  }
  h3,
  .h3 {
    font-size: 18px;
  }
  h4,
  .h4 {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .h1-sm {
    font-size: 36px;
  }
  .h2-sm {
    font-size: 30px;
  }
  .h3-sm {
    font-size: 24px;
  }
  .h4-sm {
    font-size: 18px;
  }
  .h5-sm {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .h1-md {
    font-size: 36px;
  }
  .h2-md {
    font-size: 30px;
  }
  .h3-md {
    font-size: 24px;
  }
  .h4-md {
    font-size: 18px;
  }
  .h5-md {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .h1-lg {
    font-size: 36px;
  }
  .h2-lg {
    font-size: 30px;
  }
  .h3-lg {
    font-size: 24px;
  }
  .h4-lg {
    font-size: 18px;
  }
  .h5-lg {
    font-size: 14px;
  }
}
@media (max-width: 530px) {
  .bag-card-row .bag-card-col {
    width: auto;
    float: none;
    margin-bottom: 30px;
  }
}
.bag-card {
  position: relative;
  margin: 15px auto;
  max-width: 225px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  border-radius: 3px;
}
.bag-card:hover {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.bag-card .card-gift {
  margin: 30px auto;
}
@media (min-width: 768px) {
  .bag-card {
    max-width: 230px;
  }
}
.bag-card .bag-card-link {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  -webkit-transition: box-shadow 0.15s linear;
  -o-transition: box-shadow 0.15s linear;
  transition: box-shadow 0.15s linear;
  color: #36373c;
  text-decoration: none;
}
.bag-card .bag-card-link:focus {
  outline: none;
}
.bag-card .sales-price {
  color: #e20;
}
.bag-card .old-price {
  color: #36373c;
  text-decoration: line-through;
}
.bag-card.card-bundle {
  box-shadow: 2px 2px 0 #fff, 3px 3px 0 rgba(0, 0, 0, 0.2), 5px 5px 0 #fff, 6px 6px 0 rgba(0, 0, 0, 0.2);
}
.bag-card.card-bundle:hover {
  box-shadow: 2px 2px 0 #fff, 3px 3px 0 rgba(0, 0, 0, 0.2), 5px 5px 0 #fff, 6px 6px 0 rgba(0, 0, 0, 0.2), 6px 6px 5px 0 rgba(0, 0, 0, 0.5), 3px 3px 5px 0 rgba(0, 0, 0, 0.5), 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
.bag-card.card-courseselect {
  border: 0;
  -webkit-transition: box-shadow 1s ease;
  -o-transition: box-shadow 1s ease;
  transition: box-shadow 1s ease;
  opacity: .8;
}
.bag-card.card-courseselect .select-course-checkbox {
  display: block;
  margin: 0;
  width: 25px;
  height: 25px;
  background-color: #fff;
  border-radius: 50%;
  vertical-align: middle;
  border: 1px solid #d0d9df;
  color: #36373c;
  cursor: pointer;
  position: absolute;
  top: 14px;
  left: 14px;
  text-align: center;
}
@media (min-width: 992px) {
  .bag-card.card-courseselect .select-course-checkbox {
    width: 20px;
    height: 20px;
    top: 14px;
    left: 14px;
  }
}
.bag-card.card-courseselect.selected {
  -webkit-box-shadow: -1px 15px 40px 2px #d0d9df;
  box-shadow: -1px 15px 40px 2px #d0d9df;
  opacity: 1;
}
.bag-card.card-courseselect.selected .select-course-checkbox {
  background-color: #ffd723;
}
.bag-card.card-courseselect.selected .select-course-checkbox:after {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e839';
}
.bag-card-title,
.bag-card-body,
.bag-card-footer {
  background: #fff;
  border: 1px solid #d0d9df;
  border-top: none;
  padding: 5px 10px;
}
.bag-card-header {
  background: #d0d9df url('/images/card-logo-2x.png') 50% 50% no-repeat;
  color: #fff;
  overflow: hidden;
  padding-top: 43.478%;
  position: relative;
  background-size: 163px 41px;
  height: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.bag-card-header.module {
  padding-top: 55.478%;
}
.bag-card-header img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -1000px;
}
.bag-card-title {
  height: 71px;
  overflow: hidden;
  /*position: relative;

    .bag-card-rating {
        position: absolute;
        bottom: 5px;
        left: 10px;
        right: 10px;
    }*/
}
.bag-card-title.module {
  height: 90px;
}
.bag-card-title.module .module-title {
  line-height: 18px;
}
.bag-card-title.module .module-title a {
  color: #36373c;
}
.bag-card-title.module p {
  margin-top: 4px;
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  color: #89949b;
}
.bag-card-body {
  height: 80px;
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
}
.bag-card-body ul {
  margin: 5px 0;
  padding: 0 0 0 15px;
  text-align: left;
}
.bag-card-body ul li {
  margin: 0;
}
.card-dashboard .bag-card-body,
.card-courseselect .bag-card-body {
  height: 110px;
  border-bottom-width: 2px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.card-dashboard .bag-card-body ul,
.card-courseselect .bag-card-body ul {
  margin-bottom: 7px;
}
.bag-card-footer {
  height: 37px;
  border-bottom-width: 2px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.bag-card-footer:before,
.bag-card-footer:after {
  content: " ";
  display: table;
}
.bag-card-footer:after {
  clear: both;
}
.bag-card-footer:before,
.bag-card-footer:after {
  content: " ";
  display: table;
}
.bag-card-footer:after {
  clear: both;
}
.bag-card-footer p {
  margin: 0;
  line-height: 25px;
}
.bag-card-footer p em {
  font-size: 16px;
  font-style: normal;
}
.bag-card-footer p span {
  color: #cccccc;
}
.bag-card-label {
  position: absolute;
  top: -5px;
  left: -5px;
  margin: 0;
  padding: 3px 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  background: #0072bc;
  border-radius: 4px;
  border: 2px solid #f8f9f9;
  font-size: 11px;
}
.bag-card-label.pink {
  background: #ef5350;
}
.bag-card-decoration {
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.bag-card-decoration.xmas {
  display: block;
  top: -28px;
  left: -23px;
  width: 68px;
  height: 80px;
  background-image: url('/Images/card-xmas-hat.png');
}
.bag-card-decoration.halloween {
  display: block;
  top: -18px;
  left: -28px;
  width: 56px;
  height: 46px;
  background-image: url('/Images/card-halloween-hat-2x.png');
  background-size: 56px 46px;
}
#course-vote-card {
  position: relative;
  margin: 15px auto;
  height: 260px;
}
#course-vote-card a {
  display: block;
  max-width: 230px;
  margin: 40px auto;
  height: 190px;
  color: #666;
  font-size: 13px;
  border: 2px dashed #798389;
  border-radius: 4px;
  text-align: center;
}
#course-vote-card a strong {
  display: block;
  color: #383f43;
  font-size: 16px;
  font-weight: 600;
  margin: 60px 0 10px;
}
#course-vote-card a:hover {
  color: #333;
  border-color: #333;
  text-decoration: none;
}
#course-vote-card a:hover strong {
  color: #000;
}
.activity-card {
  border: 1px solid #d0d9df;
  border-bottom-width: 3px;
  margin: 15px auto;
  max-width: 225px;
  height: 370px;
  border-radius: 4px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .activity-card {
    max-width: 230px;
  }
}
.activity-card .activity-link {
  outline: none;
  color: #36373c;
  display: block;
}
.activity-card .activity-link:focus,
.activity-card .activity-link:visited,
.activity-card .activity-link:hover {
  text-decoration: none;
  outline: none;
}
.activity-card .activity-card-heading {
  padding: 0;
}
.activity-card .activity-card-heading img {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.activity-card .activity-card-body {
  padding: 10px 10px 0 10px;
}
.activity-card .activity-card-body .activity-title {
  height: 45px;
  overflow: hidden;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 10px;
}
.activity-card .activity-card-body.see-credits-wrapper {
  padding-top: 0;
  padding-bottom: 15px;
}
.activity-card .activity-card-body.see-credits-wrapper button,
.activity-card .activity-card-body.see-credits-wrapper a {
  padding: 0;
}
.activity-card .activity-card-body.see-credits-wrapper .activity-credits-link:hover {
  text-decoration: none;
}
.activity-card .tooltip .tooltip-inner {
  text-align: left;
}
.label {
  border-radius: 4px;
  font-size: 14px;
  padding: 5px 10px;
  font-weight: 600;
}
.label.label-tag:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e84b';
  font-size: 16px;
  margin-right: 5px;
}
.label-pink {
  background-color: #ef5350;
}
.label-pink[href]:hover,
.label-pink[href]:focus {
  background-color: #eb2521;
}
.star-on-png,
.star-off-png,
.star-half-png {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
}
.star-on-png:before {
  content: '\e801';
}
.star-off-png:before {
  content: '\e840';
}
.star-half-png:before {
  content: '\e803';
}
blockquote {
  border-left: none;
}
.rating {
  color: #ffd723;
}
#testimonials {
  color: #d0d9df;
}
#content #testimonials {
  padding-top: 30px;
}
#testimonials h2 {
  color: #ffd723;
}
#testimonials h2 span {
  display: block;
  line-height: 60px;
}
@media (min-width: 768px) {
  #testimonials h2 span {
    font-size: 36px;
    line-height: 100px;
  }
}
#testimonials blockquote {
  padding: 0 15%;
}
#testimonials blockquote a {
  color: inherit;
}
#testimonials blockquote a:hover {
  text-decoration: none;
}
#testimonials blockquote .small {
  color: inherit;
  font-style: normal;
  font-size: 14px;
}
#testimonials .rating {
  margin-left: 10px;
}
#testimonials.light {
  color: #36373c;
}
#testimonials.light h2 {
  color: #222222;
  margin-bottom: 30px;
}
#testimonials.light h2 span {
  display: none;
}
#testimonials.light .carousel-indicators li {
  border-color: #89949b;
}
#testimonials.light .carousel-control {
  color: #d0d9df !important;
}
#testimonials-carousel {
  margin-top: 0;
}
#search {
  max-width: 800px;
  margin: 0 auto;
}
.carousel {
  margin-top: 30px;
  margin-bottom: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.carousel .carousel-control {
  background-image: none;
  filter: none;
  font-size: 36px;
  text-shadow: none;
  overflow: hidden;
  color: #4d4f56;
  width: 20%;
}
@media (max-width: 480px) {
  .carousel .carousel-control {
    display: none;
  }
}
.carousel .carousel-control .icon-left-open-big {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -45px;
}
.carousel .carousel-control .icon-right-open-big {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -45px;
}
.carousel .carousel-indicators {
  bottom: -40px;
}
.carousel .carousel-indicators li {
  -webkit-transition: background-color linear 0.15s, border-color linear 0.15s;
  -o-transition: background-color linear 0.15s, border-color linear 0.15s;
  transition: background-color linear 0.15s, border-color linear 0.15s;
}
.carousel.carousel-light .carousel-indicators li {
  border-color: #36373c;
}
.carousel.carousel-light .carousel-indicators li.active {
  border-color: #ffd723;
}
.multi-slide {
  position: relative;
}
@media (max-width: 767px) {
  .multi-slide.hide-controls-xs .carousel-control {
    display: none;
  }
}
@media (min-width: 768px) {
  .multi-slide.hide-controls-other .carousel-control {
    display: none;
  }
}
.multi-slide .lSSlideOuter .lSPager.lSpg > li:hover a,
.multi-slide .lSSlideOuter .lSPager.lSpg > li a {
  background-color: transparent;
  border: 1px solid black;
  width: 10px;
  height: 10px;
}
.multi-slide .lSSlideOuter .lSPager.lSpg > li:hover a,
.multi-slide .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #ffd723;
  border-color: #ffd723;
}
.multi-slide .carousel-control {
  background-image: none;
  filter: none;
  font-size: 36px;
  text-shadow: none;
  overflow: visible;
  opacity: 0.5;
  color: #4d4f56;
  cursor: pointer;
}
@media (max-width: 767px) {
  .multi-slide .carousel-control {
    width: 20%;
  }
}
.multi-slide .carousel-control:hover {
  opacity: 0.9;
}
.multi-slide .carousel-control .icon-left-open-big {
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -45px;
}
@media (max-width: 1199px) {
  .multi-slide .carousel-control .icon-left-open-big {
    left: -35px;
  }
}
@media (max-width: 767px) {
  .multi-slide .carousel-control .icon-left-open-big {
    left: 0;
  }
}
.multi-slide .carousel-control .icon-right-open-big {
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -45px;
}
@media (max-width: 1199px) {
  .multi-slide .carousel-control .icon-right-open-big {
    right: -35px;
  }
}
@media (max-width: 767px) {
  .multi-slide .carousel-control .icon-right-open-big {
    right: 0;
  }
}
.flowplayer {
  display: block;
  width: 100%;
  color: #fff;
  position: relative;
  background: #4d4f56;
  margin: 0;
  /** {
        padding: 0;
        border: 0;
        margin: 0;
        list-style-type: none;
    }*/
}
.flowplayer.is-splash {
  background-size: cover;
  background-repeat: no-repeat;
}
.flowplayer.is-fullscreen {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  z-index: 99999 !important;
}
.flowplayer a:hover {
  text-decoration: none;
}
.flowplayer a:focus {
  outline: 0;
}
.flowplayer video {
  display: none;
  width: 100%;
  height: 100%;
  background: #000;
}
.flowplayer video.fp-engine {
  display: block;
}
.flowplayer.is-engine-flash video {
  display: none;
}
.flowplayer.is-ipad video {
  -webkit-transform: translateX(-2048px);
}
.flowplayer.is-ready.is-ipad video {
  -webkit-transform: translateX(0);
}
.flowplayer .fp-engine,
.flowplayer .fp-ui,
.flowplayer .fp-help,
.flowplayer .fp-end,
.flowplayer .fp-intermission {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
.flowplayer .fp-engine {
  display: block;
  z-index: 2;
}
.flowplayer.is-fullscreen.is-aspect-ratio-enabled.is-aspect-ratio .fp-engine {
  position: relative;
  margin: 0 auto;
}
.flowplayer.is-splash,
.flowplayer.is-poster,
.flowplayer.is-ready.is-paused {
  cursor: pointer;
}
.flowplayer.is-splash .fp-ui,
.flowplayer.is-poster .fp-ui,
.flowplayer.is-ready.is-paused .fp-ui {
  background: #000;
  background: rgba(0, 0, 0, 0.4);
}
.flowplayer.is-splash .fp-ui:before,
.flowplayer.is-poster .fp-ui:before,
.flowplayer.is-ready.is-paused .fp-ui:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e856';
  display: block;
  width: 100px;
  height: 100px;
  font-size: 100px;
  line-height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  z-index: 15;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  -webkit-transition: text-shadow 0.15s linear;
  -o-transition: text-shadow 0.15s linear;
  transition: text-shadow 0.15s linear;
}
.flowplayer.is-splash .fp-ui:hover:before,
.flowplayer.is-poster .fp-ui:hover:before,
.flowplayer.is-ready.is-paused .fp-ui:hover:before {
  text-shadow: 0 0 20px #000;
}
.flowplayer.is-splash.is-finished .fp-ui,
.flowplayer.is-poster.is-finished .fp-ui,
.flowplayer.is-ready.is-paused.is-finished .fp-ui {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
}
.flowplayer.is-splash.is-finished .fp-ui:before,
.flowplayer.is-poster.is-finished .fp-ui:before,
.flowplayer.is-ready.is-paused.is-finished .fp-ui:before {
  content: '\e860';
}
.flowplayer.is-splash.is-finished.has-end .fp-ui:before,
.flowplayer.is-poster.is-finished.has-end .fp-ui:before,
.flowplayer.is-ready.is-paused.is-finished.has-end .fp-ui:before {
  display: none;
}
.flowplayer.is-splash.is-finished.has-end .fp-end,
.flowplayer.is-poster.is-finished.has-end .fp-end,
.flowplayer.is-ready.is-paused.is-finished.has-end .fp-end {
  display: block;
}
.flowplayer.is-splash.is-intermission .fp-ui,
.flowplayer.is-poster.is-intermission .fp-ui,
.flowplayer.is-ready.is-paused.is-intermission .fp-ui {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
}
.flowplayer.is-splash.is-intermission .fp-ui:before,
.flowplayer.is-poster.is-intermission .fp-ui:before,
.flowplayer.is-ready.is-paused.is-intermission .fp-ui:before {
  display: none;
}
.flowplayer.is-splash.is-intermission.has-end.is-finished .fp-end,
.flowplayer.is-poster.is-intermission.has-end.is-finished .fp-end,
.flowplayer.is-ready.is-paused.is-intermission.has-end.is-finished .fp-end {
  display: none;
}
.flowplayer.is-splash.is-intermission .fp-intermission,
.flowplayer.is-poster.is-intermission .fp-intermission,
.flowplayer.is-ready.is-paused.is-intermission .fp-intermission {
  display: block;
}
.flowplayer.is-splash.is-seeking .fp-ui:before,
.flowplayer.is-poster.is-seeking .fp-ui:before,
.flowplayer.is-ready.is-paused.is-seeking .fp-ui:before,
.flowplayer.is-splash.is-loading .fp-ui:before,
.flowplayer.is-poster.is-loading .fp-ui:before,
.flowplayer.is-ready.is-paused.is-loading .fp-ui:before {
  display: none;
}
.flowplayer .fp-goskills,
.flowplayer .fp-fullscreen,
.flowplayer .fp-time {
  visibility: hidden;
}
.flowplayer .fp-controls {
  display: none;
  position: absolute;
  bottom: -40px;
  width: 100%;
  height: 40px;
  border-top: 1px solid #555862;
  border-bottom: 1px solid #2c2e33;
  z-index: 15;
  background-image: -webkit-linear-gradient(top, #44464d 0%, #2d2f33 100%);
  background-image: -o-linear-gradient(top, #44464d 0%, #2d2f33 100%);
  background-image: linear-gradient(to bottom, #44464d 0%, #2d2f33 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff44464d', endColorstr='#ff2d2f33', GradientType=0);
}
.flowplayer .fp-controls .fp-goskills,
.flowplayer .fp-controls .fp-fullscreen,
.flowplayer .fp-controls .fp-time {
  visibility: visible;
}
.flowplayer.is-ready:not(.show-controls-hover) {
  margin: 0 0 40px 0;
}
.flowplayer.is-ready:not(.show-controls-hover) .fp-controls {
  display: block;
}
.flowplayer.show-controls-hover .fp-controls {
  bottom: 0;
}
.flowplayer.show-controls-hover:hover .fp-controls {
  display: block;
}
.flowplayer.is-fullscreen .fp-controls {
  bottom: 0;
}
.flowplayer.is-fullscreen .fp-end,
.flowplayer.is-fullscreen .fp-intermission {
  height: auto;
  bottom: 40px;
}
.flowplayer .fp-playbtn,
.flowplayer .fp-playback-speed,
.flowplayer .fp-quality,
.flowplayer .fp-volume,
.flowplayer .fp-time,
.flowplayer .fp-toggle-cc,
.flowplayer .fp-fullscreen,
.flowplayer .fp-aspect-ratio {
  display: block;
  height: 38px;
  width: 40px;
  border-left: 1px solid #464950;
  border-right: 1px solid #2a2727;
  color: #fff;
  position: absolute;
  bottom: 0;
  text-align: center;
}
.flowplayer .fp-playbtn,
.flowplayer .fp-volumebtn,
.flowplayer .fp-fullscreen,
.flowplayer .fp-aspect-ratio {
  color: #fff;
}
.flowplayer .fp-playbtn:before,
.flowplayer .fp-volumebtn:before,
.flowplayer .fp-fullscreen:before,
.flowplayer .fp-aspect-ratio:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  display: block;
  margin: 0;
  line-height: 38px;
  width: auto;
}
.flowplayer .fp-playbtn:hover,
.flowplayer .fp-playback-speed span:hover,
.flowplayer .fp-quality span:hover,
.flowplayer .fp-toggle-cc:hover,
.flowplayer .fp-time:hover,
.flowplayer .fp-fullscreen:hover,
.flowplayer .fp-aspect-ratio:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.flowplayer .fp-playbtn:active,
.flowplayer .fp-playback-speed span:active,
.flowplayer .fp-quality span:active,
.flowplayer .fp-toggle-cc:active,
.flowplayer .fp-time:active,
.flowplayer .fp-fullscreen:active,
.flowplayer .fp-aspect-ratio:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.flowplayer .fp-playbtn {
  width: 39px;
  left: 0;
  border-left: none;
}
.flowplayer .fp-playbtn:before {
  content: '\e80f';
}
.flowplayer.is-playing .fp-playbtn:before {
  content: '\e86a';
}
.flowplayer.is-finished.is-playing .fp-playbtn:before {
  content: '\e85e';
}
.flowplayer .fp-playback-speed,
.flowplayer .fp-quality {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  left: 39px;
  bottom: 0;
  font-size: 11px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .flowplayer .fp-playback-speed,
  .flowplayer .fp-quality {
    display: block;
  }
}
.flowplayer .fp-playback-speed span,
.flowplayer .fp-quality span {
  display: block;
  height: 38px;
  line-height: 38px;
}
.flowplayer .fp-playback-speed ul,
.flowplayer .fp-quality ul {
  display: none;
  position: absolute;
  bottom: 39px;
  left: -1px;
  width: 40px;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
}
.flowplayer .fp-playback-speed ul li,
.flowplayer .fp-quality ul li {
  line-height: 20px;
  background: #2d2e30;
  border-top: 1px solid #3f4043;
  border-bottom: 1px solid #222222;
  padding: 0;
  margin: 0;
}
.flowplayer .fp-playback-speed ul li:hover,
.flowplayer .fp-quality ul li:hover {
  background-color: #46474a;
}
.flowplayer .fp-playback-speed ul li:active,
.flowplayer .fp-quality ul li:active {
  background-color: #141516;
}
.flowplayer .fp-playback-speed.is-open ul,
.flowplayer .fp-quality.is-open ul {
  display: block;
}
.flowplayer .fp-quality {
  display: none;
  left: 79px;
}
@media (max-width: 992px) {
  .flowplayer .fp-quality {
    left: 39px;
  }
}
.flowplayer.is-engine-flash .fp-quality {
  left: 39px;
}
.flowplayer.has-quality .fp-quality {
  display: block;
}
.flowplayer.is-engine-flash .fp-playback-speed {
  display: none;
}
.flowplayer .fp-timeline {
  height: 6px;
  position: relative;
  top: 16px;
  margin: 0;
  margin-right: 264px;
  margin-left: 54px;
  background: #2a2b2f;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 1px 0 rgba(0, 0, 0, 0.25);
}
@media (min-width: 992px) {
  .flowplayer .fp-timeline {
    margin-left: 94px;
  }
}
@media (max-width: 480px) {
  .flowplayer .fp-timeline {
    margin-right: 164px;
  }
}
.flowplayer .fp-timeline .fp-timestamp {
  display: none;
}
.flowplayer .fp-timeline:before {
  content: '';
  display: block;
  width: 1px;
  height: 38px;
  position: absolute;
  left: -15px;
  top: -16px;
  background: #464950;
}
.flowplayer .fp-timeline:after {
  content: '';
  display: block;
  width: 1px;
  height: 38px;
  position: absolute;
  right: -15px;
  top: -16px;
  background: #2a2727;
}
.flowplayer.has-quality .fp-timeline {
  margin-left: 94px;
}
@media (min-width: 992px) {
  .flowplayer.has-quality .fp-timeline {
    margin-left: 134px;
  }
}
@media (max-width: 480px) {
  .flowplayer.has-quality .fp-timeline {
    margin-right: 204px;
  }
}
.flowplayer.is-engine-flash .fp-timeline {
  margin-left: 54px;
}
.flowplayer.is-engine-flash.has-quality .fp-timeline {
  margin-left: 94px;
}
.flowplayer .fp-timeline-tooltip {
  display: none;
}
.flowplayer.no-volume .fp-timeline {
  margin-right: 154px;
}
@media (max-width: 480px) {
  .flowplayer.no-volume .fp-timeline {
    margin-right: 54px;
  }
}
.flowplayer.has-cc.no-volume .fp-timeline,
.flowplayer.is-fullscreen.is-aspect-ratio-enabled.no-volume .fp-timeline {
  margin-right: 194px;
}
@media (max-width: 480px) {
  .flowplayer.has-cc.no-volume .fp-timeline,
  .flowplayer.is-fullscreen.is-aspect-ratio-enabled.no-volume .fp-timeline {
    margin-right: 94px;
  }
}
.flowplayer.has-cc.is-fullscreen.is-aspect-ratio-enabled.no-volume .fp-timeline {
  margin-right: 234px;
}
@media (max-width: 480px) {
  .flowplayer.has-cc.is-fullscreen.is-aspect-ratio-enabled.no-volume .fp-timeline {
    margin-right: 134px;
  }
}
.flowplayer.has-cc .fp-timeline,
.flowplayer.is-fullscreen.is-aspect-ratio-enabled .fp-timeline {
  margin-right: 304px;
}
@media (max-width: 480px) {
  .flowplayer.has-cc .fp-timeline,
  .flowplayer.is-fullscreen.is-aspect-ratio-enabled .fp-timeline {
    margin-right: 204px;
  }
}
.flowplayer.has-cc.is-fullscreen.is-aspect-ratio-enabled .fp-timeline {
  margin-right: 344px;
}
@media (max-width: 480px) {
  .flowplayer.has-cc.is-fullscreen.is-aspect-ratio-enabled .fp-timeline {
    margin-right: 244px;
  }
}
.flowplayer .fp-buffer,
.flowplayer .fp-progress {
  position: absolute;
  top: 0;
  width: 0;
  left: auto;
  height: 100%;
  cursor: pointer;
}
.flowplayer .fp-buffer {
  background: #161616;
  -webkit-transition: width 0.3s linear;
  -o-transition: width 0.3s linear;
  transition: width 0.3s linear;
}
.flowplayer .fp-progress,
.flowplayer .fp-volumelevel {
  background: #ffcd00;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.5);
}
.flowplayer .fp-progress:before,
.flowplayer .fp-volumelevel:before {
  content: '';
  display: block;
  border-radius: 7px;
  position: absolute;
  right: -7px;
  top: -4px;
  width: 14px;
  height: 14px;
  background: #383a40;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
.flowplayer .fp-progress:after,
.flowplayer .fp-volumelevel:after {
  content: '';
  display: block;
  border-radius: 2px;
  position: absolute;
  right: -2px;
  top: 1px;
  width: 4px;
  height: 4px;
  background: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.flowplayer.is-touch .fp-progress {
  -webkit-transition: width 0.3s linear;
  -o-transition: width 0.3s linear;
  transition: width 0.3s linear;
}
.flowplayer.is-touch .fp-timeline.is-dragging .fp-progress {
  -webkit-transition: right 0.1s linear, border 0.1s linear, top 0.1s linear, left 0.1s linear;
  -o-transition: right 0.1s linear, border 0.1s linear, top 0.1s linear, left 0.1s linear;
  transition: right 0.1s linear, border 0.1s linear, top 0.1s linear, left 0.1s linear;
}
.flowplayer.is-disabled .fp-progress {
  background: #999;
}
.flowplayer .fp-timeline,
.flowplayer .fp-buffer,
.flowplayer .fp-progress {
  border-radius: 3px;
}
.flowplayer .fp-time {
  right: 149px;
  width: 100px;
  font-size: 11px;
  line-height: 38px;
  font-weight: 600;
}
@media (max-width: 480px) {
  .flowplayer .fp-time {
    display: none;
  }
}
.flowplayer .fp-time span {
  color: #b5b5b5;
}
.flowplayer .fp-time span.fp-elapsed {
  color: #f5f5f5;
}
.flowplayer .fp-time span.fp-elapsed:after {
  content: ' / ';
  display: inline;
  color: #b5b5b5;
}
.flowplayer .fp-time span.fp-remaining {
  display: none;
}
.flowplayer .fp-time.is-inverted .fp-duration {
  display: none;
}
.flowplayer .fp-time.is-inverted .fp-remaining {
  display: inline-block;
}
.flowplayer.no-volume .fp-time {
  right: 39px;
}
.flowplayer.has-cc.no-volume .fp-time,
.flowplayer.is-fullscreen.is-aspect-ratio-enabled.no-volume .fp-time {
  right: 79px;
}
.flowplayer.has-cc.is-fullscreen.is-aspect-ratio-enabled.no-volume .fp-time {
  right: 119px;
}
.flowplayer.has-cc .fp-time,
.flowplayer.is-fullscreen.is-aspect-ratio-enabled .fp-time {
  right: 189px;
}
.flowplayer.has-cc.is-fullscreen.is-aspect-ratio-enabled .fp-time {
  right: 229px;
}
.flowplayer .fp-volume {
  width: 110px;
  right: 39px;
}
.flowplayer .fp-volume .fp-volumebar {
  width: 50px;
  height: 16px;
  position: absolute;
  top: 11px;
  right: 15px;
  cursor: pointer;
}
.flowplayer .fp-volume .fp-volumebar em {
  display: inline-block;
  height: 100%;
  width: 4px;
  margin: 0 3px 0 0;
  background: #2a2b2f;
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 1px 0 rgba(0, 0, 0, 0.25);
  position: relative;
}
.flowplayer .fp-volume .fp-volumebar em.fp-color {
  background: #ffd723;
}
.flowplayer .fp-volume .fp-volumebar em:last-child {
  margin: 0;
}
.flowplayer.no-volume .fp-volume {
  display: none;
}
.flowplayer.has-cc .fp-volume,
.flowplayer.is-fullscreen.is-aspect-ratio-enabled .fp-volume {
  right: 79px;
}
.flowplayer.has-cc.is-fullscreen.is-aspect-ratio-enabled .fp-volume {
  right: 119px;
}
.flowplayer .fp-volumebtn {
  display: block;
  width: 42px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.flowplayer .fp-volumebtn:before {
  text-align: left;
  margin-left: 15px;
  content: '\e816';
}
.flowplayer .fp-volumebtn.fp-volume-off:before {
  content: '\e814';
}
.flowplayer .fp-volumebtn.fp-volume-low:before {
  content: '\e815';
}
.flowplayer .fp-volumebtn.fp-volume-medium:before {
  content: '\e86b';
}
.flowplayer .fp-volumebtn.fp-volume-high:before {
  content: '\e816';
}
.flowplayer.is-ready.is-muted .fp-volumebtn:before {
  content: '\e868';
}
.flowplayer.no-mute .fp-volumebtn:before {
  content: '\e814';
}
.flowplayer .fp-toggle-cc {
  display: none;
  line-height: 36px;
  font-size: 13px;
  font-weight: 600;
  right: 39px;
  text-transform: lowercase;
}
.flowplayer.has-cc .fp-toggle-cc {
  display: block;
}
.flowplayer.is-cc .fp-toggle-cc {
  background: rgba(0, 0, 0, 0.2);
}
.flowplayer.is-cc .fp-toggle-cc:hover {
  background: rgba(0, 0, 0, 0.1);
}
.flowplayer.is-fullscreen.is-aspect-ratio-enabled .fp-toggle-cc {
  right: 79px;
}
.flowplayer .fp-aspect-ratio {
  display: none;
  right: 39px;
}
.flowplayer .fp-aspect-ratio:before {
  content: '\e829';
}
.flowplayer.is-aspect-ratio .fp-aspect-ratio:before {
  content: '\e82a';
}
.flowplayer.is-fullscreen.is-aspect-ratio-enabled .fp-aspect-ratio {
  display: block;
}
.flowplayer .fp-fullscreen {
  width: 39px;
  right: 0;
  border-right: none;
}
.flowplayer .fp-fullscreen:before {
  content: '\e810';
}
.flowplayer.is-fullscreen .fp-fullscreen:before {
  content: '\e811';
}
.flowplayer .fp-waiting {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  margin: -10px 0 0;
  text-align: center;
}
.flowplayer .fp-waiting em {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  -webkit-animation: pulse 1s infinite;
  -o-animation: pulse 1s infinite;
  animation: pulse 1s infinite;
  margin: 0 5px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 5px #333;
  box-shadow: 0 0 5px #333;
}
.flowplayer .fp-waiting em:nth-child(1) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.flowplayer .fp-waiting em:nth-child(2) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.flowplayer .fp-waiting em:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.flowplayer.is-loading .fp-waiting,
.flowplayer.is-seeking .fp-waiting {
  display: block;
}
.flowplayer .fp-message {
  display: none;
  text-align: center;
  cursor: default;
  color: #fff;
  vertical-align: middle;
  width: 90%;
}
.flowplayer .fp-message h2 {
  color: #fff;
  font-size: 16px;
  margin: 10px;
}
.flowplayer .fp-message h2:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e857';
  width: auto;
  font-size: 16px;
  display: inline-block;
  margin: 0 10px 0 0;
}
@media (min-width: 992px) {
  .flowplayer .fp-message h2 {
    margin: 20px;
    font-size: 30px;
  }
  .flowplayer .fp-message h2:before {
    font-size: 36px;
    display: block;
    margin: 0 0 20px 0;
  }
}
.flowplayer .fp-message p {
  margin: 5px 10px;
  font-size: 13px;
}
@media (min-width: 992px) {
  .flowplayer .fp-message p {
    margin: 10px 20px;
    font-size: 14px;
  }
}
.flowplayer .fp-message a {
  color: #ffd723;
}
.flowplayer .fp-message a:hover {
  text-decoration: underline;
}
.flowplayer.is-error .fp-ui {
  text-align: center;
  cursor: default;
}
.flowplayer.is-error .fp-ui:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.flowplayer.is-error .fp-message {
  display: inline-block;
}
.flowplayer.is-error object,
.flowplayer.is-error video,
.flowplayer.is-error .fp-captions,
.flowplayer.is-error .fp-speed-flash {
  display: none;
}
.flowplayer .fp-speed-flash {
  font-size: 30px;
  line-height: 1.5;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  margin: 60px auto 0;
  text-align: center;
  width: 120px;
  padding: 0;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.flowplayer .fp-speed-flash.fp-hilite {
  opacity: 1;
  filter: alpha(opacity=100);
}
.flowplayer .fp-end,
.flowplayer .fp-intermission {
  display: none;
  cursor: default;
  color: #fff;
  z-index: 20;
  text-align: center;
}
.flowplayer .fp-end:before,
.flowplayer .fp-intermission:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.flowplayer .fp-end .center,
.flowplayer .fp-intermission .center {
  display: inline-block;
  text-align: center;
  cursor: default;
  vertical-align: middle;
  width: 90%;
}
.flowplayer .fp-end a,
.flowplayer .fp-intermission a {
  cursor: pointer;
  color: #fff;
}
.flowplayer .fp-help {
  display: none;
  z-index: 100;
  background: #000;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  text-align: center;
}
.flowplayer .fp-help .fp-help-section {
  margin: 3%;
}
.flowplayer .fp-help .fp-help-basics {
  margin-top: 6%;
}
.flowplayer .fp-help p {
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  display: inline-block;
  margin: 1% 2%;
}
.flowplayer .fp-help em {
  font-style: normal;
  background: #fff;
  border-radius: 4px;
  margin-right: 5px;
  padding: 5px 10px;
  color: #333;
}
@media (min-width: 768px) {
  .flowplayer.is-help .fp-help {
    display: block;
  }
}
.flowplayer .fp-flash-disabled {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  margin: 0;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-family: 'Lato', 'Open Sans', sans-serif;
  font-weight: 400;
}
.flowplayer .fp-flash-disabled:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e857';
  margin-right: 10px;
}
.flowplayer.is-flash-disabled .fp-flash-disabled {
  display: block;
  z-index: 101;
}
.flowplayer.is-flash-disabled object.fp-engine {
  z-index: 100;
}
.flowplayer .fp-menu,
.flowplayer .fp-cc {
  display: none;
}
.flowplayer .fp-captions {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  text-align: center;
  padding: 8px 15px;
  background: #0c0c0c;
  background: rgba(12, 12, 12, 0.7);
  color: #fff;
}
@media (min-width: 992px) {
  .flowplayer .fp-captions {
    padding: 10px 20px;
    font-size: 16px;
  }
}
.flowplayer .fp-captions p {
  display: inline;
}
.flowplayer .fp-captions u,
.flowplayer .fp-captions span.underline {
  text-decoration: underline;
}
.flowplayer .fp-captions b,
.flowplayer .fp-captions strong {
  font-weight: bold;
}
.flowplayer .fp-captions i,
.flowplayer .fp-captions em {
  font-style: italic;
}
.flowplayer.is-fullscreen .fp-captions {
  bottom: 40px;
}
.flowplayer.is-ready.is-cc .fp-captions.fp-shown {
  display: block;
}
.gs-datetime .row {
  margin: 0 !important;
  max-width: 260px;
}
.gs-datetime .row .icon-cancel {
  color: #89949b;
  position: relative;
  top: 11px;
}
.gs-datetime .row .icon-cancel:hover {
  color: #4d4f56;
  cursor: pointer;
}
.gs-datetime .row div[class*="col-xs"] {
  padding-right: 10px !important;
  padding-left: 0 !important;
  margin: 0 !important;
}
.gs-datetime .row div[class*="col-xs"] select {
  padding: 5px 0 5px 7px;
}
.select-collapsible-container {
  margin-bottom: 20px;
}
.select-collapsible-container a .icon-collapsible:before {
  content: '\e80c';
}
.select-collapsible-container a.collapsed {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.select-collapsible-container a.collapsed .icon-collapsible:before {
  content: '\e805';
}
.select-collapsible-container button {
  width: 100%;
  text-align: left;
}
.select-collapsible-container button:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.select-collapsible-container button:hover {
  background: #eeeeee;
}
.clock {
  text-align: center;
}
.clock .location {
  font-weight: 600;
  white-space: nowrap;
  font-family: 'Lato', 'Open Sans', sans-serif;
}
.clock .digital {
  color: #4d4f56;
  font-weight: 600;
}
.clock .face {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 7px solid #e3e3e3;
  background-image: radial-gradient(circle at 50% 50%, #ffffff 50%, #ddd 100%);
  position: relative;
  margin: 5px auto;
}
@media (max-width: 480px) {
  .clock .face {
    width: 70px;
    height: 70px;
    border-width: 5px;
  }
}
.clock .pin {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  border-radius: 3px;
  border: 2px solid #ffd723;
  background: #36f;
  height: 6px;
  width: 6px;
}
.clock .hand {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}
.clock .hand:before {
  content: '';
  position: absolute;
  bottom: 50%;
  left: 50%;
  width: 0;
  border-left: 4px solid #36373c;
  margin-left: -2px;
}
.clock .hand.hour:before {
  height: 25%;
}
.clock .hand.min:before {
  height: 40%;
  border-color: #72757f;
}
.clock .hand.sec:before {
  height: 50%;
  border-color: #ffd723;
  border-left-width: 2px;
  margin-left: -1px;
}
/* https://www.w3schools.com/howto/howto_css_switch.asp */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
/* Hide default HTML checkbox */
.switch input {
  display: none;
}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  -webkit-transition: .4s;
  transition: .4s;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
article,
.article {
  font-size: 14px;
}
@media (min-width: 768px) {
  article,
  .article {
    font-size: 16px;
  }
}
article h2,
.article h2,
article .h2,
.article .h2 {
  margin-top: 30px;
  margin-bottom: 20px;
}
article h3,
.article h3,
article .h3,
.article .h3 {
  margin-top: 30px;
  margin-bottom: 10px;
}
article h4,
.article h4,
article .h4,
.article .h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}
article p,
.article p,
article ul,
.article ul,
article ol,
.article ol,
article .embed-responsive,
.article .embed-responsive {
  margin-bottom: 12px;
}
article ul ul,
.article ul ul,
article ol ul,
.article ol ul,
article ul ol,
.article ul ol,
article ol ol,
.article ol ol {
  margin-top: 6px;
}
article img,
.article img {
  max-width: 100%;
  height: auto;
}
article p > img,
.article p > img,
article figure,
.article figure {
  display: block;
  margin: 20px auto;
}
@media (min-width: 768px) {
  article p > img,
  .article p > img,
  article figure,
  .article figure {
    margin: 30px auto;
  }
}
article figure img,
.article figure img {
  display: block;
  margin: 0 auto;
}
article figure figcaption,
.article figure figcaption {
  margin: 10px 0 0;
  text-align: center;
  font-size: 13px;
}
@media (min-width: 768px) {
  article figure figcaption,
  .article figure figcaption {
    font-size: 14px;
  }
}
article .table.table-blue th,
.article .table.table-blue th,
article .table.table-blue td,
.article .table.table-blue td {
  border: none;
  border-bottom: 3px solid #fff;
}
article .table.table-blue th.w-50,
.article .table.table-blue th.w-50,
article .table.table-blue td.w-50,
.article .table.table-blue td.w-50 {
  width: 50%;
}
article .table.table-blue th.w-30,
.article .table.table-blue th.w-30,
article .table.table-blue td.w-30,
.article .table.table-blue td.w-30 {
  width: 30%;
}
article .table.table-blue th,
.article .table.table-blue th {
  background: #0b3447;
  color: #fff;
}
article .table.table-blue td,
.article .table.table-blue td {
  background: #e7f7fe;
}
.popover.tour {
  padding: 0;
}
.popover.tour .popover-title {
  padding: 20px 20px 0 20px;
  background-color: transparent;
  border-bottom: none;
  font-weight: 600;
}
.popover.tour .popover-content {
  padding: 20px;
}
.popover.tour .popover-content .image {
  float: right;
}
.popover.tour .popover-content .complete {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  position: relative;
  margin-top: 10px;
  margin-left: 15px;
}
.popover.tour .popover-content .complete:before {
  color: #fff !important;
  display: block;
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e839';
  border: 1px solid transparent;
  background-color: #17c30f !important;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  box-shadow: none;
  margin-right: 0;
  position: absolute;
  top: 3px;
  right: 0;
  animation: pulse-colour 3s linear infinite;
}
.popover.tour .popover-navigation {
  border-top: 1px solid #d0d9df;
  padding: 0;
  text-align: center;
}
.popover.tour .popover-navigation .btn {
  padding: 10px;
  float: none;
  width: 50%;
  color: #36373c;
  border-radius: 0;
  background-color: transparent;
  border: none;
}
.popover.tour .popover-navigation .btn.disabled {
  display: none;
}
.popover.tour .popover-navigation .btn.btn.end {
  width: 100%;
}
.popover.tour .popover-navigation .btn:hover {
  background-color: #f5f5f5;
}
.popover.tour .popover-navigation .btn:first-child {
  border-right: 1px solid #d0d9df;
}
.tour-custom-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}
.tour-custom-backdrop .inner-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
}
pre[class*="language-"],
code[class*="language-"] {
  color: #f8f8f2;
  background: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  border: none;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
  border-radius: 0.3em;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #272822;
}
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}
[class*="language-"] .namespace {
  opacity: .7;
}
[class*="language-"] .token.comment,
[class*="language-"] .token.prolog,
[class*="language-"] .token.doctype,
[class*="language-"] .token.cdata {
  color: slategray;
}
[class*="language-"] .token.punctuation {
  color: #f8f8f2;
}
[class*="language-"] .token.property,
[class*="language-"] .token.tag,
[class*="language-"] .token.constant,
[class*="language-"] .token.symbol,
[class*="language-"] .token.deleted {
  color: #f92672;
}
[class*="language-"] .token.boolean,
[class*="language-"] .token.number {
  color: #ae81ff;
}
[class*="language-"] .token.selector,
[class*="language-"] .token.attr-name,
[class*="language-"] .token.string,
[class*="language-"] .token.char,
[class*="language-"] .token.builtin,
[class*="language-"] .token.inserted {
  color: #a6e22e;
}
[class*="language-"] .token.operator,
[class*="language-"] .token.entity,
[class*="language-"] .token.url,
.language-css [class*="language-"] .token.string,
.style [class*="language-"] .token.string,
[class*="language-"] .token.variable {
  color: #f8f8f2;
}
[class*="language-"] .token.atrule,
[class*="language-"] .token.attr-value,
[class*="language-"] .token.function {
  color: #e6db74;
}
[class*="language-"] .token.keyword {
  color: #66d9ef;
}
[class*="language-"] .token.regex,
[class*="language-"] .token.important {
  color: #fd971f;
}
[class*="language-"] .token.important,
[class*="language-"] .token.bold {
  font-weight: bold;
}
[class*="language-"] .token.italic {
  font-style: italic;
}
[class*="language-"] .token.entity {
  cursor: help;
}
.daterangepicker .fa:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
}
.daterangepicker .fa-chevron-left:before {
  content: '\e84a';
}
.daterangepicker .fa-chevron-right:before {
  content: '\e849';
}
.daterangepicker .fa-calendar {
  margin-top: -3px;
}
.daterangepicker .fa-calendar:before {
  content: '\f274';
}
.daterangepicker .fa-clock-o {
  margin-top: -8px;
}
.daterangepicker .fa-clock-o:before {
  font-family: sans-serif;
  content: 'Time';
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 60px !important;
  border-color: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.daterangepicker.dropdown-menu {
  z-index: 10001 !important;
}
.date-range-picker-container {
  position: relative;
}
.date-range-picker-container .icon-cancel {
  position: absolute;
  bottom: 8px;
  right: 15px;
  cursor: pointer;
  color: #89949b;
}
.date-range-picker-container .icon-cancel:hover {
  color: #36373c;
}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */
}
.daterangepicker:before,
.daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
  right: 9px;
}
.daterangepicker.opensleft:after {
  right: 10px;
}
.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.opensright:before {
  left: 9px;
}
.daterangepicker.opensright:after {
  left: 10px;
}
.daterangepicker.dropup {
  margin-top: -5px;
}
.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}
.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3001;
}
.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
  float: none;
}
.daterangepicker.show-calendar .calendar {
  display: block;
}
.daterangepicker .calendar {
  display: none;
  max-width: 270px;
  margin: 4px;
}
.daterangepicker .calendar.single .calendar-table {
  border: none;
}
.daterangepicker .calendar th,
.daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}
.daterangepicker .calendar-table {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 4px;
  background-color: #fff;
}
.daterangepicker table {
  width: 100%;
  margin: 0;
}
.daterangepicker td,
.daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}
.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}
.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}
.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #ffd723;
  border-color: transparent;
  color: #fff;
}
.daterangepicker th.month {
  width: auto;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}
.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  height: 30px;
  line-height: 30px;
  display: block;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%;
}
.daterangepicker .input-mini.active {
  border: 1px solid #08c;
  border-radius: 4px;
}
.daterangepicker .daterangepicker_input {
  position: relative;
}
.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px;
}
.daterangepicker.rtl .input-mini {
  padding-right: 28px;
  padding-left: 6px;
}
.daterangepicker.rtl .daterangepicker_input i {
  left: auto;
  right: 8px;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px;
}
.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left;
}
.ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.ranges li {
  font-size: 13px;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  cursor: pointer;
}
.ranges li:hover {
  background-color: #08c;
  border: 1px solid #08c;
  color: #fff;
}
.ranges li.active {
  background-color: #08c;
  border: 1px solid #08c;
  color: #fff;
}
/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 160px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .calendar.left {
    clear: none;
  }
  .daterangepicker.single.ltr .ranges,
  .daterangepicker.single.ltr .calendar {
    float: left;
  }
  .daterangepicker.single.rtl .ranges,
  .daterangepicker.single.rtl .calendar {
    float: right;
  }
  .daterangepicker.ltr {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker.ltr .calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker.ltr .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker.ltr .calendar.right {
    margin-left: 0;
  }
  .daterangepicker.ltr .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker.ltr .left .daterangepicker_input {
    padding-right: 12px;
  }
  .daterangepicker.ltr .calendar.left .calendar-table {
    padding-right: 12px;
  }
  .daterangepicker.ltr .ranges,
  .daterangepicker.ltr .calendar {
    float: left;
  }
  .daterangepicker.rtl {
    direction: rtl;
    text-align: right;
  }
  .daterangepicker.rtl .calendar.left {
    clear: right;
    margin-left: 0;
  }
  .daterangepicker.rtl .calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker.rtl .calendar.right {
    margin-right: 0;
  }
  .daterangepicker.rtl .calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker.rtl .left .daterangepicker_input {
    padding-left: 12px;
  }
  .daterangepicker.rtl .calendar.left .calendar-table {
    padding-left: 12px;
  }
  .daterangepicker.rtl .ranges,
  .daterangepicker.rtl .calendar {
    text-align: right;
    float: right;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker.ltr .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .calendar.left {
    clear: none !important;
  }
}
.listing-checkable .check {
  content: ' ';
  display: inline-block;
  position: relative;
  padding-left: 35px !important;
  line-height: 25px;
  height: 25px;
  width: 25px;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*font-size: 1.2rem;
        line-height: 1.5rem;
        cursor: pointer;
        margin-right: 3px;*/
  /*&:before {
            .icon('checkbox-blank-outline');
        }*/
}
.listing-checkable .check:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 1px;
  height: 25px;
  width: 25px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #d0d9df;
}
.listing-checkable .check:after {
  content: "";
  position: absolute;
  display: none;
  left: 30%;
  top: 30%;
  width: 5px;
  height: 8px;
  border: solid #36373c;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.listing-checkable .checked > .check:before,
.listing-checkable .checked > th > .check:before,
.listing-checkable .checked > td > .check:before,
.listing-checkable .checked > a > .check:before {
  background-color: #ffd723;
}
.listing-checkable .checked > .check:after,
.listing-checkable .checked > th > .check:after,
.listing-checkable .checked > td > .check:after,
.listing-checkable .checked > a > .check:after {
  display: block;
}
.listing-sortable tr.group {
  background: #d0d9df;
}
.listing-sortable tr.group:hover {
  background: #b2c0ca;
}
.listing-sortable .header .sortable {
  cursor: pointer;
}
.listing-sortable .header .sortable .sort:after {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e80c';
  color: #fff;
  float: right;
}
.listing-sortable .header .sortable.default-desc .sort:after {
  content: '\e805';
  float: right;
}
.listing-sortable .header .sortable.sorted-asc .sort:after,
.listing-sortable .header .sortable.sorted-desc .sort:after {
  color: inherit;
}
.listing-sortable .header .sortable.sorted-asc:hover .sort:after,
.listing-sortable .header .sortable.sorted-asc:focus .sort:after,
.listing-sortable .header .sortable.sorted-asc:active .sort:after {
  content: '\e805';
}
.listing-sortable .header .sortable.sorted-desc .sort:after {
  content: '\e805';
}
.listing-sortable .header .sortable.sorted-desc:hover .sort:after,
.listing-sortable .header .sortable.sorted-desc:focus .sort:after,
.listing-sortable .header .sortable.sorted-desc:active .sort:after {
  content: '\e80c';
}
.listing-sortable .header .sortable:hover,
.listing-sortable .header .sortable:focus,
.listing-sortable .header .sortable:active {
  color: theme-color("primary");
}
.listing-sortable .header .sortable:hover .sort:after,
.listing-sortable .header .sortable:focus .sort:after,
.listing-sortable .header .sortable:active .sort:after {
  color: #89949b;
}
.listing-filterable .header .filter {
  cursor: pointer;
  color: #d0d9df;
}
.listing-filterable .header .filter:after {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: 'filter';
}
.listing-filterable .header .filter:hover,
.listing-filterable .header .filter:focus,
.listing-filterable .header .filter:active {
  color: #89949b;
}
.listing-filterable .header .filtered .filter {
  color: theme-color("primary");
}
.listing-filterable.filter-active {
  position: relative;
  margin-bottom: 3rem !important;
}
.listing-filterable.filter-active:after {
  display: block;
  position: absolute;
  padding: 0.5rem 1rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
  top: 100%;
  left: 0;
  right: 0;
  content: attr(data-filter-rows) ' row(s) hidden by active filters';
}
body {
  height: 100%;
}
body.dark {
  background: #36373c;
}
body.dark-alt {
  background: #222222;
}
#page {
  -webkit-transition: background-position 0.15s linear;
  -o-transition: background-position 0.15s linear;
  transition: background-position 0.15s linear;
  background-position: -200px 0;
  margin-top: 0;
}
#page.content-background #content {
  padding-top: 70px;
  background-size: cover;
  background-position: 50% 50%;
}
.transition-flip {
  -webkit-animation: scaleDown 0.7s ease both;
  -o-animation: scaleDown 0.7s ease both;
  animation: scaleDown 0.7s ease both;
}
.transition-flip.in {
  -webkit-animation: scaleUpCenter 0.7s ease both;
  -o-animation: scaleUpCenter 0.7s ease both;
  animation: scaleUpCenter 0.7s ease both;
}
#content {
  position: relative;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.loading.transition-default #content {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
#content .container {
  padding-top: 15px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  #content .container {
    padding-top: 30px;
    padding-bottom: 60px;
  }
}
.simple .container,
.simple #messages .message {
  max-width: 600px;
}
.simple #navbar,
.simple .navbar-toggle,
.simple #closure,
.simple #footer {
  display: none !important;
}
@media (min-width: 992px) {
  .fluid .container,
  .fluid #messages .message {
    min-width: 970px;
    max-width: none;
    width: auto;
    display: table;
  }
}
#sidebar {
  width: 220px;
}
@media (min-width: 992px) {
  #sidebar {
    width: 213px;
  }
}
@media (min-width: 1200px) {
  #sidebar {
    width: 263px;
  }
}
#sidebar.affix {
  top: 30px;
}
.margin-auto-block {
  margin-left: auto;
  margin-right: auto;
  float: none;
  display: block;
}
table.table-width-auto {
  width: auto;
}
@media (min-width: 768px) {
  .pull-right-sm {
    float: right;
  }
}
@media (min-width: 992px) {
  .pull-right-md {
    float: right;
  }
}
@media (min-width: 1200px) {
  .pull-right-lg {
    float: right;
  }
}
@media (min-width: 768px) {
  .pull-left-sm {
    float: left;
  }
}
@media (min-width: 992px) {
  .pull-left-md {
    float: left;
  }
}
@media (min-width: 1200px) {
  .pull-left-lg {
    float: left;
  }
}
#query-statistics-modal pre {
  font-size: 11px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.share-buttons {
  text-align: center;
  font-size: 18px;
}
.share-buttons a {
  border: 2px solid #d0d9df;
  background: #fff;
  color: #d0d9df !important;
  display: inline-block;
  margin: 0 3px;
  width: 40px;
  height: 40px;
  border-radius: 30px;
}
.share-buttons a:hover,
.share-buttons a:focus,
.share-buttons a:active {
  background: #36373c;
  border-color: #36373c;
  color: #fff;
  outline: none;
}
.share-buttons a span {
  display: inline-block;
  width: 36px;
  height: 36px;
  text-align: center;
}
.share-buttons a span:before {
  margin: 0;
  line-height: 36px;
}
.share-buttons a.color-google:hover,
.share-buttons a.color-google:focus,
.share-buttons a.color-google:active {
  background: #e26942;
  border-color: #e26942;
}
.share-buttons a.color-facebook:hover,
.share-buttons a.color-facebook:focus,
.share-buttons a.color-facebook:active {
  background: #4569a3;
  border-color: #4569a3;
}
.share-buttons a.color-twitter:hover,
.share-buttons a.color-twitter:focus,
.share-buttons a.color-twitter:active {
  background: #3cb9e7;
  border-color: #3cb9e7;
}
.share-buttons a.color-linkedin:hover,
.share-buttons a.color-linkedin:focus,
.share-buttons a.color-linkedin:active {
  background: #068abf;
  border-color: #068abf;
}
.share-buttons a.color-pocket:hover,
.share-buttons a.color-pocket:focus,
.share-buttons a.color-pocket:active {
  background: #ee4056;
  border-color: #ee4056;
}
.share-vertical {
  position: absolute;
  left: -55px;
  top: 0;
  bottom: 0;
  display: none;
}
@media (min-width: 992px) {
  .share-vertical {
    display: block;
  }
}
.share-vertical .share-buttons {
  position: sticky;
  top: 85px;
  font-size: 18px;
  width: 40px;
}
.share-vertical .share-buttons a {
  display: block;
  margin: 0 0 5px 0;
  width: 40px;
  height: 40px;
}
.share-vertical .share-buttons a:hover,
.share-vertical .share-buttons a:focus,
.share-vertical .share-buttons a:active {
  color: #fff !important;
}
.share-vertical .share-buttons a span {
  width: 36px;
  height: 36px;
}
.share-vertical .share-buttons a span:before {
  line-height: 36px;
}
.cta-vertical {
  position: absolute;
  right: -210px;
  top: 0;
  bottom: 0;
  display: none;
}
@media (min-width: 1200px) {
  .cta-vertical {
    display: block;
  }
}
.cta-vertical .cta-box {
  position: sticky;
  top: 85px;
  width: 195px;
  padding: 15px;
  background: #36373c;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.cta-vertical .cta-box .cta-heading {
  text-transform: uppercase;
}
.cta-vertical .cta-box .cta-btn {
  white-space: normal;
}
#tab-nav {
  display: none;
  background: #fff;
  border-bottom: 1px solid #d0d9df;
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 13px;
}
@media (min-width: 992px) {
  #tab-nav {
    display: block;
  }
}
#tab-nav li {
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  border: none;
  color: #36373c;
}
#tab-nav li a {
  display: inline-block;
  border-bottom: 2px solid #fff;
  color: #36373c;
  padding: 15px 0 13px;
  text-decoration: none;
}
#tab-nav li a:hover,
#tab-nav li a:focus,
#tab-nav li a:active {
  border-bottom-color: inherit;
  color: inherit;
}
#tab-nav li.active a {
  border-bottom-color: inherit;
  color: inherit;
}
#hero .h4 {
  color: #fff;
}
#header {
  background-color: #36373c;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#header .badge {
  padding: 3px 5px;
  font-size: 10px;
  border-bottom: 1px solid #a2a3a5;
  float: right;
}
@media (min-width: 768px) {
  #header .badge {
    position: absolute;
    top: 20px;
    right: 10px;
  }
}
#header .icon-search,
#header .icon-bell {
  font-size: 16px;
}
#header-signup-button {
  width: 90px;
}
#header-login {
  width: 70px;
}
.navbar-inverse {
  background: transparent;
}
.navbar-inverse.navbar-static-top {
  border: none;
  margin-bottom: 0;
}
.navbar-inverse .navbar-collapse {
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (min-width: 768px) {
  .navbar-inverse .navbar-collapse {
    padding-bottom: 0;
  }
}
.navbar-inverse .navbar-nav {
  margin: 0 -15px;
}
.navbar-inverse .navbar-nav > li {
  border-bottom: 1px solid #4a4b50;
  margin: 0;
}
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  font-weight: 600;
  padding: 15px 15px 15px 30px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu {
  padding: 0 0 0 60px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li {
  border-top: 1px solid #4a4b50;
  margin: 0;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li:first-child {
  border-top: none;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  padding: 15px 15px 15px 0;
}
@media (min-width: 768px) {
  .navbar-inverse .navbar-nav {
    margin: 0;
  }
  .navbar-inverse .navbar-nav.navbar-right {
    margin-right: -15px;
  }
  .navbar-inverse .navbar-nav > li {
    border-bottom: none;
  }
  .navbar-inverse .navbar-nav > li > a {
    font-size: 15px;
    height: 70px;
    color: #9d9d9d;
    font-weight: normal;
    padding: 25px 15px;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu {
    padding: 0;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li {
    border-top: 1px solid #e4e9ec;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li:first-child {
    border-top: none;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    padding: 15px 20px;
  }
}
.navbar-inverse .navbar-nav > .active > a {
  font-weight: 600;
}
.navbar-inverse .navbar-btn {
  margin: 12px 0 13px 30px;
}
.navbar-inverse .icon-angle-down:before {
  color: #ffd723;
  margin-left: 0;
}
.navbar-inverse .navbar-toggle.collapsed {
  background: transparent;
}
.navbar-inverse .navbar-toggle.collapsed .icon-bar {
  background: #d0d9df;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: transparent;
}
.navbar-left {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.navbar-brand {
  width: 193px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("/Images/header-logo-pride.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .navbar-brand {
    background-image: url("/Images/header-logo-pride-2x.png");
    background-size: 163px 40px;
  }
}
@media (min-width: 768px) {
  .dropdown-menu {
    border: none;
    padding: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  }
  .dropdown-menu > li {
    border-top: 1px solid #e4e9ec;
    margin: 0;
  }
  .dropdown-menu > li:first-child {
    border-top: none;
  }
  .dropdown-menu > li > a {
    padding: 15px 20px;
  }
  #header-notifications .dropdown-menu {
    width: 300px;
  }
  #header-notifications .dropdown-menu > .notification {
    position: relative;
  }
  #header-notifications .dropdown-menu > .notification .close {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 14px;
    margin-top: -7px;
    cursor: pointer;
  }
  #header-notifications .dropdown-menu > li > a {
    font-weight: 600;
    white-space: normal;
    padding-right: 40px;
  }
  #header-notifications .dropdown-menu > li > a small {
    display: block;
    font-weight: normal;
  }
  #header-notifications .dropdown-menu #header-notifications-more > a {
    font-weight: normal;
    text-transform: uppercase;
    color: #89949b;
  }
  .active .dropdown-menu #header-notifications-empty {
    display: none;
  }
  #header-notifications.empty .dropdown-menu {
    width: auto;
  }
  #header-notifications.empty .dropdown-menu > li > a {
    font-weight: normal;
    color: #89949b;
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  #header-account > a {
    line-height: 70px;
    padding: 0 15px;
    vertical-align: middle;
  }
  #header-account > a:hover {
    background: #28292c;
  }
  #header-account > a .icon-user {
    display: block;
    float: left;
    height: 70px;
  }
  #header-account > a .icon-user:before {
    font-size: 30px;
    line-height: 70px;
  }
  #header-account-info a {
    color: #0072bc;
    line-height: 18px;
  }
  #header-account-info a:hover,
  #header-account-info a:active {
    color: #0a9eff;
  }
  #header-account-info a small {
    display: block;
  }
  #header-account-info a strong {
    display: block;
    color: #2b2f31;
  }
  #header-cart a {
    padding: 25px 13px;
    font-size: 19px;
  }
}
#header-search-container {
  position: relative;
}
#header-search {
  margin: 0 -15px;
  padding: 13px 15px;
  border-style: solid;
  border-color: #4a4b50;
  border-width: 1px 0;
  box-shadow: none;
}
#header-search .form-control {
  height: 45px;
  border-color: #fff;
  font-size: 15px;
}
#header-search .form-control:focus {
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#header-search .btn {
  border: none;
  line-height: 25px;
}
@media (min-width: 768px) {
  #header-search {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.15s linear, top 0.1s linear 0.15s;
    -o-transition: opacity 0.15s linear, top 0.1s linear 0.15s;
    transition: opacity 0.15s linear, top 0.1s linear 0.15s;
    top: -1000px;
    left: 178px;
    right: 150px;
    margin: 12px 0;
    padding: 0;
    z-index: 2000;
  }
  .search-open #header-search {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
  }
  .logged-out #header-search {
    right: 223px;
  }
  #header-search .input-group {
    width: 100%;
  }
  #header-search .input-group-btn {
    width: 45px;
  }
  #header-search .btn {
    width: 45px;
    padding: 10px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  #header-account.open .dropdown-toggle {
    position: relative;
    z-index: 1010;
  }
  #header-account.open .dropdown-toggle:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -13px;
  }
  #header-account.open .dropdown-toggle:before {
    left: 30px;
  }
  #header-notifications.open .dropdown-toggle:before {
    margin-left: -15px;
  }
}
#query-statistics {
  padding: 10px 15px;
  font-size: 11px;
  color: #89949b;
  cursor: help;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
#query-statistics:hover {
  background: #fcfcfc;
}
#query-statistics .circle {
  display: inline-block;
  background: #89949b;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 2px;
}
#query-statistics .circle.danger {
  background: #e00001;
}
#query-statistics .circle.warning {
  background: #f06c12;
}
#query-statistics .circle.ok {
  background: #ffd723;
}
#query-statistics .circle.success {
  background: #1fb08a;
}
@media (min-width: 768px) {
  #header .courses-menu-dropdown .dropdown-menu li a:hover,
  #header .courses-menu-dropdown .dropdown-menu li a:focus,
  #header .courses-menu-dropdown .dropdown-menu li a:active {
    color: inherit;
  }
}
@media (min-width: 992px) {
  #header .courses-menu-dropdown {
    position: static;
  }
  #header .courses-menu-dropdown .dropdown-toggle:before {
    content: '';
    display: block;
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }
  #header .courses-menu-dropdown.open .dropdown-toggle:before {
    border-bottom-color: #4d4f56;
    opacity: 1;
  }
}
#courses-menu {
  display: none;
  background: #4d4f56;
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  height: 0;
  overflow: hidden;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  font-size: 13px;
}
@media (min-width: 992px) {
  #courses-menu {
    display: block;
  }
}
@media (min-width: 1200px) {
  #courses-menu {
    font-size: 14px;
  }
}
.open #courses-menu {
  opacity: 1;
  height: auto;
}
#courses-menu .container {
  padding-top: 40px;
  padding-bottom: 30px;
  position: relative;
}
#courses-menu .courses-menu-col {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 20%;
  float: left;
}
#courses-menu .courses-menu-col > li {
  border-width: 0 0 0 2px;
  border-style: solid;
  padding: 0 20px 5px;
  margin: 0 0 20px;
}
#courses-menu .courses-menu-col > li > span,
#courses-menu .courses-menu-col > li > a {
  padding: 0;
  font-family: 'Lato', 'Open Sans', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  background: transparent;
  color: inherit;
}
#courses-menu .courses-menu-col > li > a {
  text-decoration: none;
}
#courses-menu .courses-menu-col > li > a:after {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e849';
  margin-left: 5px;
}
#courses-menu .courses-menu-col > li > a:hover,
#courses-menu .courses-menu-col > li > a:focus,
#courses-menu .courses-menu-col > li > a:active {
  color: #fff;
}
#courses-menu .courses-menu-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 11px;
}
@media (min-width: 1200px) {
  #courses-menu .courses-menu-col ul {
    font-size: 13px;
  }
}
#courses-menu .courses-menu-col ul li {
  padding: 0;
  margin: 10px 0 0;
}
#courses-menu .courses-menu-col ul a {
  color: #d0d9df;
  text-decoration: none;
}
#courses-menu .courses-menu-col ul a:hover,
#courses-menu .courses-menu-col ul a:focus,
#courses-menu .courses-menu-col ul a:active {
  color: #fff;
}
#courses-menu-cta {
  display: none;
  position: absolute;
  right: 15px;
  bottom: 30px;
  padding: 30px;
  width: 228px;
  height: 228px;
  background: #36373c;
  border-radius: 4px;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(-45deg, #36373c, #424349);
  background-image: -o-linear-gradient(-45deg, #36373c, #424349);
  background-image: linear-gradient(-45deg, #36373c, #424349);
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px inset;
  color: #fff;
  text-align: center;
}
@media (min-width: 1200px) {
  #courses-menu-cta {
    display: block;
  }
}
#courses-menu-cta p {
  font-size: 18px;
  line-height: 1.2;
}
#courses-menu-cta p span {
  display: block;
  font-size: 18px;
  margin: 10px 0 0 0;
}
#courses-menu-cta p span strong {
  font-size: 36px;
}
#courses-menu-cta .btn {
  position: absolute;
  bottom: 30px;
  right: 30px;
  left: 30px;
}
.footer {
  background: #36373c;
  color: #d0d9df;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.footer a {
  color: inherit;
}
.footer a:hover {
  color: #fff;
}
.footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 24px;
}
.footer ul li {
  margin: 0;
}
.footer ul.social {
  line-height: 34px;
}
.footer ul.social li {
  display: inline;
}
.footer ul.social a:before {
  font-size: 30px;
  text-decoration: none;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
html {
  position: relative;
  min-height: 100%;
}
#page {
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  #page.logged-in,
  #page.timeout {
    padding-bottom: 392px;
  }
  #page.logged-in #footer,
  #page.timeout #footer {
    height: 332px;
  }
  #page.logged-out {
    padding-bottom: 737px;
  }
  #page.logged-out #footer {
    height: 677px;
  }
  #page.no-footer,
  #page.fluid {
    padding-bottom: 60px;
  }
  #page.simple {
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  #page.logged-in,
  #page.timeout {
    padding-bottom: 392px;
  }
  #page.logged-in #footer,
  #page.timeout #footer {
    height: 332px;
  }
  #page.logged-out {
    padding-bottom: 713px;
  }
  #page.logged-out #footer {
    height: 653px;
  }
  #page.no-footer,
  #page.fluid {
    padding-bottom: 60px;
  }
  #page.simple {
    padding-bottom: 0;
  }
}
.ie8 #page {
  padding-bottom: 0 !important;
}
#footer {
  position: absolute;
  bottom: 60px;
  width: 100%;
  height: 677px;
  overflow: hidden;
}
.no-footer #footer,
.fluid #footer {
  display: none;
}
.ie8 #footer {
  position: relative;
  bottom: auto;
}
#footer .container {
  padding-top: 15px;
  padding-bottom: 15px;
}
#footer .row {
  padding-top: 15px;
  padding-bottom: 15px;
}
#footer h5 {
  color: #ffd723;
  border-bottom: 1px solid #57595f;
  font-size: 16px;
  line-height: 40px;
  font-weight: 600;
}
#footer p {
  font-size: 13px;
  line-height: 24px;
  max-width: 480px;
}
#footer strong {
  color: #fff;
}
#footer .btn-primary {
  color: #36373c;
}
#footer .form-control {
  border-color: #57595f;
  background-color: #4d4f56;
  color: #fff;
  font-size: 14px;
}
#footer #footer-logo {
  width: 275px;
  height: 59px;
  margin: 15px 0 15px -19px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("/Images/footer-logo.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #footer #footer-logo {
    background-image: url("/Images/footer-logo-2x.png");
    background-size: 275px 59px;
  }
}
@media (max-width: 1199px) {
  #footer #col-social {
    width: 20%;
  }
  #footer #col-contact {
    width: 30%;
  }
}
#footer #footer-contact {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
#footer #footer-contact span {
  display: inline-block;
  width: 32%;
}
@media (min-width: 768px) {
  #footer #footer-contact span {
    width: 37%;
  }
}
@media (min-width: 992px) {
  #footer #footer-contact span {
    width: 45%;
  }
}
#footer #footer-newsletter {
  margin: 30px 0 15px;
}
#footer #footer-newsletter .col-sm-4 {
  padding-left: 0;
}
#closure {
  border-top: 1px solid #434a4d;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  overflow: hidden;
}
.ie8 #closure {
  position: relative;
  bottom: auto;
}
#closure p {
  margin: 0;
  font-weight: 600;
  font-size: 11px;
  line-height: 20px;
  padding: 20px 0;
}
#closure #top-link {
  float: right;
  display: block;
  color: #ffd723;
  background: #222222;
  font-size: 24px;
  line-height: 60px;
  width: 60px;
  text-align: center;
}
#closure #top-link:hover {
  background: transparent;
  text-decoration: none;
}
#feedback {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 100;
}
#feedback .icon-smile,
#feedback .icon-meh,
#feedback .icon-frown {
  display: inline-block;
  margin: -5px 5px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  vertical-align: middle;
}
#feedback .icon-smile:before,
#feedback .icon-meh:before,
#feedback .icon-frown:before {
  display: inline-block;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 50px;
  margin: 0;
}
#feedback .icon-smile {
  color: #29d9ab;
}
#feedback .icon-meh {
  color: #ffe056;
}
#feedback .icon-frown {
  color: #ff1415;
}
#feedback-open,
#telesales-open {
  display: block;
  position: absolute;
  color: #36373c;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background: #ffd723;
  line-height: 50px;
  font-size: 24px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
#feedback-open .no-margin,
#telesales-open .no-margin,
#feedback-open .no-margin:before,
#telesales-open .no-margin:before {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 50px;
}
#feedback-open:hover,
#telesales-open:hover,
#feedback-open:active,
#telesales-open:active,
#feedback-open:focus,
#telesales-open:focus {
  background: #efc400;
  outline: none;
  /*&:after {
            content: 'Give feedback';
            display: block;
            position: absolute;
            right: 100%;
            bottom: 10px;
            height: 30px;
            line-height: 30px;
            padding: 0 10px;
            background: @goskills-charcoal;
            color: #fff;
            white-space: nowrap;
        }*/
}
#feedback-open {
  bottom: -10px;
  right: -10px;
}
#telesales-open {
  bottom: -10px;
  right: 60px;
}
#telesales-open .request-call-text {
  display: none;
  padding-right: 45px;
  padding-left: 15px;
  font-weight: 600;
  line-height: 18px;
  position: relative;
  top: 7px;
}
#telesales-open .request-call-image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  overflow: hidden;
}
#telesales-open .request-call-image img {
  height: 105%;
}
#feedback-form {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 260px;
  height: 160px;
  padding: 20px;
  background: #fff;
  color: #36373c;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
#feedback-form .close {
  position: absolute;
  top: 2px;
  right: 2px;
}
#feedback-form-step-1 {
  text-align: center;
  position: relative;
  height: 120px;
}
#feedback-form-step-1 p {
  font-size: 18px;
  margin: 0;
  padding: 0;
}
#feedback-form-step-1 .icons {
  height: 50px;
  line-height: 50px;
  margin: 5px 0;
}
#feedback-form-step-1 a {
  color: #0072bc;
  font-size: 13px;
}
#feedback-form-step-1 a:hover,
#feedback-form-step-1 a:focus,
#feedback-form-step-1 a:active {
  color: #004470;
  text-decoration: underline;
}
#feedback-form-step-1 .icon-smile:hover,
#feedback-form-step-1 .icon-smile .active {
  color: #178568;
}
#feedback-form-step-1 .icon-meh:hover,
#feedback-form-step-1 .icon-meh .active {
  color: #efc400;
}
#feedback-form-step-1 .icon-frown:hover,
#feedback-form-step-1 .icon-frown .active {
  color: #ad0001;
}
#feedback-form-step-2 .form-control {
  border: 1px solid #d0d9df;
  background: #fff;
  font-size: 13px;
  color: #36373c;
  resize: none;
  height: 78px;
}
#feedback-form-step-2 .form-group {
  margin-bottom: 15px;
}
#feedback-form-step-2 p {
  margin: 0;
}
#feedback-form-step-2 .icon-smile,
#feedback-form-step-2 .icon-meh,
#feedback-form-step-2 .icon-frown {
  float: right;
  margin: -5px 0;
  height: 40px;
  width: 40px;
}
#feedback-form-step-2 .icon-smile:before,
#feedback-form-step-2 .icon-meh:before,
#feedback-form-step-2 .icon-frown:before {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 40px;
}
#feedback-form-step-2 .icon-smile {
  color: #1fb08a;
}
#feedback-form-step-2 .icon-meh {
  color: #ffd723;
}
#feedback-form-step-2 .icon-frown {
  color: #e00001;
}
#feedback-form-step-3 {
  text-align: center;
  cursor: pointer;
}
#feedback-form-step-3 p {
  margin: 0;
  padding: 20px 0 0;
}
#feedback-form-step-3 .lead {
  font-weight: 600;
  font-size: 24px;
}
#messages {
  padding: 0;
  margin: 0;
  list-style: none !important;
}
#messages .message {
  margin: 0;
  padding: 0;
  background: #0072bc;
  color: #fff;
}
#messages .message .content {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding: 15px 50px 15px 80px;
  position: relative;
}
@media (min-width: 768px) {
  #messages .message .content {
    width: 750px;
  }
}
@media (min-width: 992px) {
  #messages .message .content {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  #messages .message .content {
    width: 1170px;
  }
}
#messages .message .content > .navbar-header,
#messages .message .content > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  #messages .message .content > .navbar-header,
  #messages .message .content > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
#messages .message .content p {
  margin: 0;
}
#messages .message .content strong {
  font-weight: 700;
}
#messages .message .content a {
  color: #fff;
  text-decoration: underline;
}
#messages .message .content:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e83e';
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 30px;
  margin-top: -15px;
}
#messages .message .content .dismiss {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -10px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #fff;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
#messages .message .content .dismiss:before {
  margin: 0;
}
#messages .message .content .dismiss:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#messages .message.success {
  background: #1fb08a;
}
#messages .message.success .content:before {
  content: '\e839';
}
#messages .message.warning {
  background: #ffd723;
  color: #36373c;
}
#messages .message.warning .content:before {
  content: '\e83f';
}
#messages .message.error {
  background: #e00001;
}
#messages .message.error .content:before {
  content: '\e82f';
}
#messages .message.mac {
  background: #89949b;
}
#messages .message.mac .content:before {
  content: '\f179';
}
#banner-message {
  position: relative;
  height: 40px;
  background: #0072bc;
  color: #eef2f4;
}
#banner-message p {
  height: 100%;
  line-height: 40px;
  margin: 0;
  padding: 0 10px;
  text-align: center;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 480px) {
  #banner-message p:before {
    font-family: 'goskills-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    transition: color 0.15s linear;
    content: '\e82c';
  }
}
#banner-message p a {
  color: #fff;
  text-decoration: underline;
}
#banner-message.xmas {
  background: #7a0e1b;
}
#banner-message.product-hunt {
  background: #da552f;
}
#banner-message.halloween {
  background: #623317;
}
#banner-message.st-pats {
  background: #a2be3b;
}
#banner-message.mothers-day {
  background: #ffaabb;
}
#banner-message.cyber-monday {
  background: #000000;
}
#banner-message.new-year {
  background: #222931;
}
#banner-message.graduation {
  background: #d119d4;
}
#subscribe-banner {
  display: none;
  position: relative;
  height: 60px;
  background: #f8f9f9;
  color: #36373c;
  z-index: 999;
  text-align: center;
}
@media (min-width: 480px) {
  #subscribe-banner {
    display: block;
  }
}
#subscribe-banner form {
  line-height: 34px;
  padding: 13px 15px;
  position: relative;
}
#subscribe-banner p {
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 34px;
  font-size: 14px;
  vertical-align: top;
}
@media (min-width: 992px) {
  #subscribe-banner p {
    font-size: 16px;
  }
}
#subscribe-banner .form-group {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 35px 0 0;
}
@media (min-width: 768px) {
  #subscribe-banner .form-group {
    padding-left: 15px;
  }
}
#subscribe-banner .form-control {
  display: inline-block;
  border: 1px solid #d0d9df;
  width: 200px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  vertical-align: top;
}
@media (min-width: 992px) {
  #subscribe-banner .form-control {
    width: 240px;
  }
}
#subscribe-banner .btn-primary {
  background: #89949b;
  border-color: #89949b;
  color: #fff;
  height: 34px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  vertical-align: top;
}
#subscribe-banner .btn-primary:hover,
#subscribe-banner .btn-primary:focus,
#subscribe-banner .btn-primary:active {
  background: #4d4f56;
  border-color: #4d4f56;
}
#subscribe-banner a {
  position: absolute;
  top: 50%;
  right: 0;
  text-shadow: none;
  color: #89949b;
  text-decoration: none;
  font-size: 16px;
  margin: -15px 0 0 0;
}
#subscribe-banner a:before {
  display: block;
  margin: 0;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
}
#subscribe-banner a:hover,
#subscribe-banner a:active,
#subscribe-banner a:focus {
  color: #4d4f56;
}
#content #breadcrumbs {
  background: #fff;
  border-bottom: 1px solid #d0d9df;
  font-size: 11px;
  line-height: 16px;
}
@media (min-width: 768px) {
  #content #breadcrumbs {
    font-size: 13px;
    line-height: 20px;
  }
}
#content #breadcrumbs .container {
  padding: 0;
}
#content #breadcrumbs .active {
  font-weight: 600;
}
#content #breadcrumbs .breadcrumb {
  margin-bottom: 0;
  border-radius: 0;
}
#content #breadcrumbs .breadcrumb li {
  margin: 0;
}
#content #breadcrumbs .breadcrumb li.em {
  font-weight: 600;
}
#content #breadcrumbs .breadcrumb a {
  color: #89949b;
}
#content #breadcrumbs .breadcrumb > li + li:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: "\e849\00a0";
  color: #ffd723;
  margin-right: 4px;
}
.activity-panel {
  position: relative;
  text-align: center;
}
.activity-panel .title {
  margin-top: 0;
  margin-bottom: 0;
}
.activity-panel .enroll-status-button {
  padding: 5px 16px;
}
.activity-panel .cta-buttons {
  position: absolute;
  right: 10px;
  top: -10px;
  z-index: 100;
}
.activity-panel .activity-details {
  margin-top: 15px;
}
.activity-panel .course-enrollments {
  position: relative;
}
.activity-panel .course-enrollments .enrollments-gauge {
  display: none;
}
@media (min-width: 768px) {
  .activity-panel {
    text-align: left;
    font-size: 18px;
  }
  .activity-panel .course-enrollments .enrollments-gauge {
    display: block;
    margin-bottom: -20px;
  }
  .activity-panel .activity-details {
    margin-top: 0;
  }
  .activity-panel .course-dates {
    border-right: 1px solid #d0d9df;
  }
  .activity-panel .enroll-status-button {
    padding: 10px 16px;
  }
}
.organization.activities .activity-selector,
#page.activity .activity-selector {
  position: relative;
}
.organization.activities .activity-selector select,
#page.activity .activity-selector select {
  margin-top: 10px;
}
.organization.activities .activity-selector:before,
#page.activity .activity-selector:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e890';
  color: #36373c;
  position: absolute;
  bottom: 9px;
  left: 9px;
  font-size: 16px;
}
.organization.activities .activity-selector select,
#page.activity .activity-selector select {
  text-indent: 20px;
}
.organization.activities .back,
#page.activity .back,
.organization.activities .close-activity,
#page.activity .close-activity {
  position: absolute;
  top: 15px;
  font-weight: bold;
  color: #36373c;
  width: 65px;
  height: 65px;
  text-align: center;
  border-radius: 50%;
  background-color: transparent;
  text-decoration: none;
  z-index: 100;
  font-size: 13px;
}
.organization.activities .back:hover,
#page.activity .back:hover,
.organization.activities .close-activity:hover,
#page.activity .close-activity:hover {
  background-color: #e3e3e3;
}
.organization.activities .back > span,
#page.activity .back > span,
.organization.activities .close-activity > span,
#page.activity .close-activity > span {
  display: block;
  font-size: 24px;
  margin: 6px 0 -3px 4px;
}
.organization.activities .back,
#page.activity .back {
  left: 45px;
}
@media (max-width: 767px) {
  .organization.activities .back,
  #page.activity .back {
    left: 20px;
  }
}
.organization.activities .close-activity,
#page.activity .close-activity {
  right: 45px;
}
@media (max-width: 767px) {
  .organization.activities .close-activity,
  #page.activity .close-activity {
    right: 20px;
  }
}
.organization.activities .close-activity > span,
#page.activity .close-activity > span {
  font-size: 20px;
  margin: 9px 0 0 5px;
}
#page.activity .back,
#page.activity .close-activity {
  top: 65px;
  background-color: #fcfcfc;
}
@media (max-width: 767px) {
  #page.activity .back,
  #page.activity .close-activity {
    top: 25px;
  }
}
#page.activity #content {
  background-color: #fff;
}
#page.activity .activity-heading,
#page.activity .date-heading {
  font-weight: bold;
}
#page.activity #activity-about-header {
  width: 100%;
  height: 200px;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
  background-color: #00D0FF;
  background-repeat: no-repeat;
  background-position: 40% 0;
  background-size: auto 100%;
  position: relative;
}
@media (min-width: 480px) {
  #page.activity #activity-about-header {
    height: 225px;
  }
}
@media (min-width: 768px) {
  #page.activity #activity-about-header {
    height: 325px;
  }
}
@media (min-width: 1200px) {
  #page.activity #activity-about-header {
    background-position: 60% 0;
  }
}
#page.activity #activity-sidebar {
  position: absolute;
}
#page.activity #activity-sidebar:not(.affix) {
  top: -325px;
  position: relative;
}
#page.activity #activity-sidebar .sidebar-bottom {
  border-top: 1px solid #d0d9df;
  background: #f8f9f9;
}
#page.activity #activity-sidebar .sidebar-bottom .activity-heading {
  margin-bottom: 5px;
}
#page.activity #activity-sidebar .sidebar-bottom .dates {
  margin-bottom: 20px;
}
#page.activity .class-full {
  font-weight: bold;
}
#page.activity .attended-on-date {
  font-size: 24px;
}
#page.activity .enrollment-details .num-enrollments {
  font-size: 24px;
}
#page.activity .enrollment-details .number-enrolled {
  color: #ffd723;
}
#page.activity .activity-credits .name {
  font-weight: bold;
}
#page.activity .activity-credits .credit-name {
  margin-left: 20px;
  margin-right: 10px;
}
#page.fixed-header {
  position: relative;
}
.loading #page.fixed-header #content {
  opacity: 1;
  filter: alpha(opacity=100);
}
.loading #page.fixed-header > #header {
  background-color: #36373c;
}
#page.fixed-header #header {
  -webkit-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  transition: background 0.3s linear;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 30;
}
@media (min-width: 768px) {
  #page.fixed-header #header {
    position: absolute;
    top: 0;
    z-index: 1039;
  }
}
.modal-open #page.fixed-header #header {
  position: absolute;
}
#page.fixed-header #header .navbar-inverse .navbar-nav > li > a {
  color: #fff;
}
#page.fixed-header #header .navbar-inverse .navbar-nav > li > a:hover,
#page.fixed-header #header .navbar-inverse .navbar-nav > li > a:active,
#page.fixed-header #header .navbar-inverse .navbar-nav > li > a:focus {
  color: #d0d9df;
}
@media (min-width: 768px) {
  #page.fixed-header #header.affix {
    position: fixed;
  }
}
#page.fixed-header #header.collapse-open,
#page.fixed-header #header.dropdown-open,
#page.fixed-header #header.search-open,
#page.fixed-header #header.affix {
  background-color: #36373c;
}
#page.fixed-header #header.collapse-open .navbar-inverse .navbar-nav > li > a,
#page.fixed-header #header.dropdown-open .navbar-inverse .navbar-nav > li > a,
#page.fixed-header #header.search-open .navbar-inverse .navbar-nav > li > a,
#page.fixed-header #header.affix .navbar-inverse .navbar-nav > li > a {
  color: #d0d9df;
}
#page.fixed-header #header.collapse-open .navbar-inverse .navbar-nav > li > a:hover,
#page.fixed-header #header.dropdown-open .navbar-inverse .navbar-nav > li > a:hover,
#page.fixed-header #header.search-open .navbar-inverse .navbar-nav > li > a:hover,
#page.fixed-header #header.affix .navbar-inverse .navbar-nav > li > a:hover,
#page.fixed-header #header.collapse-open .navbar-inverse .navbar-nav > li > a:active,
#page.fixed-header #header.dropdown-open .navbar-inverse .navbar-nav > li > a:active,
#page.fixed-header #header.search-open .navbar-inverse .navbar-nav > li > a:active,
#page.fixed-header #header.affix .navbar-inverse .navbar-nav > li > a:active,
#page.fixed-header #header.collapse-open .navbar-inverse .navbar-nav > li > a:focus,
#page.fixed-header #header.dropdown-open .navbar-inverse .navbar-nav > li > a:focus,
#page.fixed-header #header.search-open .navbar-inverse .navbar-nav > li > a:focus,
#page.fixed-header #header.affix .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
}
#page.fixed-header #header.collapse-open #header-account > a:hover,
#page.fixed-header #header.dropdown-open #header-account > a:hover,
#page.fixed-header #header.search-open #header-account > a:hover,
#page.fixed-header #header.affix #header-account > a:hover {
  background: #28292c;
}
#page.fixed-header #header-account > a:hover {
  background: transparent;
}
#page.fixed-header #messages .message {
  margin: 0 auto;
}
#page.fixed-header #messages .content {
  padding: 15px 50px 15px 80px;
}
#hero {
  background-color: #54606c;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  position: relative;
}
#hero .hero-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.25;
  z-index: 10;
}
#hero .vertical-center-table {
  position: relative;
  z-index: 20;
}
.fixed-header-banner {
  padding-top: 70px;
  margin: 0 auto;
  height: 500px;
  overflow: hidden;
  position: relative;
  z-index: 10;
  font-size: 18px;
}
@media (min-width: 768px) {
  .fixed-header-banner .container {
    padding: 0 10% !important;
  }
}
.fixed-header-banner h1,
.fixed-header-banner .h1 {
  color: inherit;
  margin-top: 0;
  font-size: 36px;
}
@media (min-width: 768px) {
  .fixed-header-banner h1,
  .fixed-header-banner .h1 {
    font-size: 42px;
  }
}
@media (min-width: 992px) {
  .fixed-header-banner h1,
  .fixed-header-banner .h1 {
    font-size: 48px;
  }
}
.fixed-header-banner h4,
.fixed-header-banner .h4 {
  margin-top: 20px;
  font-size: 18px;
}
@media (min-width: 992px) {
  .fixed-header-banner h4,
  .fixed-header-banner .h4 {
    font-size: 20px;
  }
}
.fixed-header-banner .form-control {
  border-color: #fff;
}
.fixed-header-banner p {
  max-width: none;
}
.feature-banner-bottom {
  background-color: #54606c;
  background-position: 50% 0;
  background-repeat: no-repeat;
  color: #fff;
}
.feature-banner-bottom h2,
.feature-banner-bottom .h2 {
  font-weight: normal;
  color: inherit;
}
@media (min-width: 768px) {
  .feature-banner-bottom h2,
  .feature-banner-bottom .h2 {
    margin-bottom: 30px;
  }
}
.feature-icons {
  background: #fff;
  text-align: center;
}
.feature-icons .feature-icon {
  padding-top: 15px;
}
@media (min-width: 768px) {
  .feature-icons .feature-icon {
    padding-top: 30px;
  }
}
.feature-icons .feature-icon h3 {
  font-weight: 600;
  margin: 20px 10px 10px;
}
.feature-icons-left .feature-icon {
  padding-left: 65px;
  position: relative;
  margin: 30px 0;
  max-width: 700px;
}
.feature-icons-left .feature-icon:before,
.feature-icons-left .feature-icon:after {
  content: " ";
  display: table;
}
.feature-icons-left .feature-icon:after {
  clear: both;
}
.feature-icons-left .feature-icon:before,
.feature-icons-left .feature-icon:after {
  content: " ";
  display: table;
}
.feature-icons-left .feature-icon:after {
  clear: both;
}
.feature-icons-left .feature-icon h3 {
  margin-top: 0;
}
.feature-icons-left .feature-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
}
#page.home #hero {
  background-image: url('/Images/home-banner.jpg?v=2');
}
#page.home #hero .h1 {
  font-size: 40px;
  font-weight: 600;
}
@media (min-width: 768px) {
  #page.home #hero .h1 {
    font-size: 50px;
  }
}
@media (min-width: 992px) {
  #page.home #hero .h1 {
    font-size: 60px;
  }
}
#page.home.sale-layout #hero .sale {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.02em;
  font-size: 24px;
}
#page.home.sale-layout #hero .hr {
  border-top: 1px solid #fff;
  width: 60px;
  margin: 0 auto;
}
#page.home.sale-layout #hero .h1 {
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
}
#page.home.sale-layout #hero .access {
  font-size: 20px;
}
#page.home.sale-layout #hero .star {
  font-size: 13px;
}
#page.home.sale-layout #hero .btn-xl {
  padding: 15px 25px;
  font-size: 20px;
}
#page.home.sale-layout #hero .share-icon-links {
  border: 1px dashed #C4C4C1;
  border-radius: 4px;
  margin: 30px auto 0;
  padding: 5px 20px;
  display: table;
}
@media (max-width: 767px) {
  #page.home.sale-layout #hero .share-icon-links {
    border: none;
  }
}
#page.home.sale-layout #hero .share-icon-links span.deal {
  font-size: 14px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
@media (max-width: 767px) {
  #page.home.sale-layout #hero .share-icon-links span.deal {
    display: none;
  }
}
#page.home.sale-layout #hero .share-icon-links .icon {
  font-size: 36px;
  color: #fff;
}
#page.home.sale-layout #hero .share-icon-links .icon:before {
  margin: 0;
}
#page.home.sale-layout #hero .share-icon-links .icon:hover {
  color: #ffd723;
}
#page.home.sale-layout #header-signup-button {
  visibility: visible;
}
#page.home.excel-shortcuts #hero {
  background-color: #02723B;
  background-image: url('/Images/shortcuts-reference-banner.png');
}
#page.home.excel-shortcuts #hero .h1 {
  font-size: 40px;
  font-weight: 600;
}
@media (min-width: 768px) {
  #page.home.excel-shortcuts #hero .h1 {
    font-size: 50px;
  }
}
@media (min-width: 992px) {
  #page.home.excel-shortcuts #hero .container {
    width: 700px;
  }
}
@media (min-width: 1200px) {
  #page.home.excel-shortcuts #hero .container {
    width: 1170px;
  }
}
#page.home.graduation #hero {
  background-color: #648ab4;
  background-image: url('/Images/home-banner-graduation.jpg');
}
#page.home.graduation #hero .h1 {
  font-size: 40px;
  font-weight: 600;
}
@media (min-width: 768px) {
  #page.home.graduation #hero .h1 {
    font-size: 50px;
  }
}
@media (min-width: 992px) {
  #page.home.graduation #hero .container {
    width: 700px;
  }
}
@media (min-width: 1200px) {
  #page.home.graduation #hero .container {
    width: 1170px;
  }
}
#page.home.new-year #hero {
  background-color: #222931;
  background-image: url('/Images/home-banner-new-year.jpg');
}
#page.home.xmas #hero {
  background-color: #7a0e1b;
  background-image: url('/Images/home-banner-xmas.gif');
}
#page.home.xmas #hero .share-icon-links {
  background: rgba(122, 14, 27, 0.7);
}
#page.home.halloween #hero {
  background-color: #623317;
  background-image: url('/Images/home-banner-halloween.jpg');
}
#page.home.st-pats #hero {
  background-color: #b5d4f7;
  background-image: url('/Images/home-banner-st-pats.png');
}
#page.home.st-pats #hero .h3 {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.3333333;
}
#page.home.st-pats #hero img {
  max-width: 100%;
}
#page.home.black-friday #hero {
  background-color: #8e8571;
  background-image: url('/Images/home-banner-black-friday.jpg');
}
#page.home.cyber-monday #hero {
  background-color: #225a5f;
  background-image: url('/Images/home-banner-cyber-monday.jpg');
}
#page.home.cyber-monday #hero .share-icon-links {
  border-color: #7B9EA2;
}
#page.home .section {
  background-color: #fff;
  text-align: center;
}
#page.home .section .container {
  padding-top: 30px;
  position: relative;
}
#home-how-it-works {
  border-top: 1px solid #d0d9df;
}
#home-how-it-works .container {
  padding-top: 60px;
}
#home-how-it-works h3 {
  margin-top: 15px;
}
#home-how-it-works p {
  max-width: 500px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #home-how-it-works h3 {
    margin-top: 0;
  }
  #home-how-it-works p {
    margin: 0;
  }
}
#home-how-it-works .row {
  border-bottom: 1px solid #d0d9df;
  margin: 0 0 30px;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  #home-how-it-works .row {
    text-align: right;
    font-size: 0;
  }
  #home-how-it-works .row > div {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    float: none;
    font-size: 14px;
  }
  #home-how-it-works .row .quotes:nth-child(2) {
    padding-left: 0;
  }
  #home-how-it-works .row .quotes:nth-child(2) blockquote {
    float: right;
    position: relative;
  }
  #home-how-it-works .row .quotes:nth-child(2) blockquote:after,
  #home-how-it-works .row .quotes:nth-child(2) blockquote:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
  }
  #home-how-it-works .row .quotes:nth-child(2) blockquote:after {
    left: 100%;
    top: 50%;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
  }
  #home-how-it-works .row .quotes:nth-child(2) blockquote:before {
    left: 100%;
    top: 50%;
    margin-top: -7px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid;
    border-left-color: #d0d9df;
  }
  #home-how-it-works .row .quotes:nth-child(2) blockquote.outdent {
    margin-right: -20px;
  }
  #home-how-it-works .row .quotes:last-child {
    padding-right: 0;
  }
  #home-how-it-works .row .quotes:last-child blockquote {
    position: relative;
  }
  #home-how-it-works .row .quotes:last-child blockquote:after,
  #home-how-it-works .row .quotes:last-child blockquote:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
  }
  #home-how-it-works .row .quotes:last-child blockquote:after {
    right: 100%;
    top: 50%;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #fff;
  }
  #home-how-it-works .row .quotes:last-child blockquote:before {
    right: 100%;
    top: 50%;
    margin-top: -7px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid;
    border-right-color: #d0d9df;
  }
  #home-how-it-works .row .quotes:last-child blockquote.outdent {
    margin-left: -20px;
  }
  #home-how-it-works .row .text:nth-child(2) p {
    float: right;
  }
  #home-how-it-works .row .text:last-child {
    text-align: left;
  }
}
@media (max-width: 1199px) {
  #home-how-it-works .row > .quotes {
    display: none;
  }
}
#home-how-it-works .row:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#home-how-it-works .row blockquote {
  border: 1px solid #d0d9df;
  border-bottom-width: 2px;
  border-radius: 4px;
  padding: 3px 5px;
  text-align: center;
  float: left;
  font-size: 13px;
}
#home-how-it-works .row blockquote.higher:before,
#home-how-it-works .row blockquote.higher:after {
  top: 30%;
}
#home-how-it-works .row blockquote.lower:before,
#home-how-it-works .row blockquote.lower:after {
  top: 70%;
}
#home-how-it-works .bite-sized-image {
  background-image: url("/Images/home-bite-size.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  height: 192px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #home-how-it-works .bite-sized-image {
    background-image: url("/Images/home-bite-size-2x.png");
    background-size: 200px 192px;
  }
}
#home-how-it-works .personalized-image {
  background-image: url("/Images/home-personalized.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  height: 185px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #home-how-it-works .personalized-image {
    background-image: url("/Images/home-personalized-2x.png");
    background-size: 222px 185px;
  }
}
#home-how-it-works .pace-image {
  background-image: url("/Images/home-pace.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  height: 183px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #home-how-it-works .pace-image {
    background-image: url("/Images/home-pace-2x.png");
    background-size: 192px 183px;
  }
}
#home-how-it-works .award-image {
  background-image: url("/Images/home-award.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  height: 251px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #home-how-it-works .award-image {
    background-image: url("/Images/home-award-2x.png");
    background-size: 179px 251px;
  }
}
#home-how-it-works .accredited-image {
  background-image: url("/Images/home-accredited.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  height: 190px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #home-how-it-works .accredited-image {
    background-image: url("/Images/home-accredited-2x.png");
    background-size: 222px 190px;
  }
}
#home-how-it-works .amaze-image {
  background-image: url("/Images/home-amaze.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  height: 172px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #home-how-it-works .amaze-image {
    background-image: url("/Images/home-amaze-2x.png");
    background-size: 177px 172px;
  }
}
#home-how-it-works-caption {
  background: url('/Images/home-hows-it-works-caption.png') 0 0 no-repeat;
  width: 165px;
  height: 54px;
  position: absolute;
  top: 30px;
  right: 15px;
}
#home-logos img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  #home-logos .m-top-lg {
    margin-top: 80px;
  }
}
#home-start {
  border-top: 1px solid #d0d9df;
  background-image: -webkit-linear-gradient(top, #f8f9f9 0%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #f8f9f9 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #f8f9f9 0%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f9f9', endColorstr='#ffffffff', GradientType=0);
}
#home-start form {
  text-align: left;
}
#home-people {
  background: #fff;
}
#home-people img {
  margin: 0 auto;
}
#home-partners {
  background: #fff;
  border-top: 1px solid #d0d9df;
  text-align: left;
}
#home-partners .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
#home-partners h3 {
  font-weight: 600;
}
#home-partners p {
  height: 50px;
  margin: 0;
  background-position: 0 50%;
  background-repeat: no-repeat;
}
#home-partners p.partner-payment {
  background-image: url("/Images/home-payment.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #home-partners p.partner-payment {
    background-image: url("/Images/home-payment-2x.png");
    background-size: 124px 20px;
  }
}
#home-partners p.partner-security {
  background-image: url('/Images/home-security.png');
}
#home-partners p.partner-accreditations {
  background-image: url("/Images/home-partner-accreditations.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #home-partners p.partner-accreditations {
    background-image: url("/Images/home-partner-accreditations-2x.png");
    background-size: 245px 50px;
  }
}
#home-partners img {
  vertical-align: middle;
}
@media (min-width: 992px) {
  #home-courses .h1-sm {
    margin-bottom: 40px;
  }
}
#home-courses p.course-attribution {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #home-courses.section .container,
  #home-how-it-works.section .container {
    background-color: #f8f9f9;
  }
}
@media (max-width: 767px) {
  #home-how-it-works.section .container {
    padding-top: 30px;
    background-color: #f8f9f9;
  }
}
#page.business .section {
  text-align: center;
}
#page.business .section .container {
  padding-top: 30px;
  position: relative;
}
#page.business #hero {
  background-image: url('/Images/business-banner.jpg?v=2');
}
#business-grad-pack h3 {
  font-weight: 600;
  margin-top: 50px;
}
@media (max-width: 767px) {
  #business-grad-pack .container > div {
    text-align: center;
  }
  #business-grad-pack .container > div img {
    display: inline;
  }
  #business-grad-pack .container > div h3 {
    margin-top: 10px;
  }
  #business-grad-pack .container > div a {
    margin-top: 15px;
  }
}
#business-start {
  background-image: url('/Images/business-banner-bottom.jpg');
  height: 380px;
}
#business-logos .business-logo {
  height: 100px;
  line-height: 100px;
}
#business-logos a {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  color: #89949b;
  cursor: pointer;
}
#business-logos a:hover,
#business-logos a:active,
#business-logos a:focus {
  color: #36373c;
  text-decoration: none;
}
#business-logos a .icon-double-angle-down {
  font-size: 22px;
  line-height: 0.5em;
}
.organization.manage-tag table .tag td {
  padding: 15px;
}
.organization.manage-tag table .tag .icon-cancel {
  color: #89949b;
}
.organization.manage-tag table .tag .icon-cancel:hover {
  cursor: pointer;
  color: #000;
}
.organization td.checkbox-cell {
  text-align: center;
  vertical-align: middle;
}
.organization .tag-heading {
  margin-top: 20px !important;
}
.organization .tag-list {
  margin-top: 2px;
}
.organization .label-info.tag {
  font-size: 13px;
  white-space: nowrap;
  display: inline-block;
  padding: 1px 1px 2px 8px;
  border-radius: 5px;
  background-color: #ffd723;
  margin-left: 5px;
  margin-bottom: 5px;
}
.organization .label-info.tag a {
  color: #36373c !important;
}
.organization .label-info.tag a:focus,
.organization .label-info.tag a:hover {
  text-decoration: none;
}
.organization .label-info.tag.managed {
  padding-right: 8px;
}
.organization .label-info.tag:first-child {
  margin-left: 0;
}
.organization .label-info.tag .icon-cancel {
  margin-left: 3px;
  color: #89949b;
}
.organization .label-info.tag .icon-cancel:hover {
  color: #36373c;
  cursor: pointer;
}
.organization [class*=" icon-"]:before {
  margin-right: 0;
}
.organization .line-below {
  width: 100%;
  border-bottom: solid;
  border-width: 1px;
  border-color: #d0d9df;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.organization label {
  font-weight: 700;
  color: #89949b;
}
@media (max-width: 767px) {
  .organization label {
    font-weight: 600;
  }
}
.organization h1 {
  border-bottom: solid;
  border-width: 1px;
  border-color: #d0d9df;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.organization h1 .btn {
  float: right;
  margin-top: -3px;
}
@media (max-width: 767px) {
  .organization h1 {
    margin-bottom: 40px;
  }
}
.organization h2 {
  margin-top: 40px;
  margin-bottom: 20px;
}
.organization table.org-list a[class*="icon"] {
  color: #89949b;
  padding: 0;
}
.organization table.org-list a[class*="icon"]:hover {
  color: #4d4f56;
  text-decoration: none;
}
.organization table.org-list .org-subscribers-name > a {
  font-weight: 600;
}
.organization table.org-list th {
  padding: 8px 12px;
  font-weight: 700;
  font-size: 13px;
  color: #89949b;
  text-transform: uppercase;
  border-left: 1px solid #d0d9df;
  background: #fcfcfc;
}
.organization table.org-list th:first-child {
  border-left: none;
}
.organization table.org-list .no-border {
  border-left: none;
}
.organization table.org-list td {
  padding: 8px 12px;
}
.organization .org-panel .panel-heading .icon-tag-outline {
  color: #ffd723;
  background: #FFF;
  font-size: 50px;
  margin-right: 20px;
  border: 1px dashed #89949b;
  padding: 0 10px;
}
.organization .org-panel .panel-heading img {
  height: 60px;
  vertical-align: top;
  display: inline-block;
  margin-right: 20px;
}
.organization .coupon-heading {
  display: inline-block;
  margin-top: 7px;
}
.organization .coupon-heading a {
  color: #36373c;
}
.organization .coupon-heading h4 {
  font-weight: 700;
  margin: 0;
}
@media (max-width: 767px) {
  .organization .coupon-heading {
    margin-top: -3px;
  }
}
.organization .panel.collapsible a.list-group-item {
  background: #fcfcfc;
  border: none;
  border-bottom: 1px solid #d0d9df;
}
.organization .panel.collapsible a.list-group-item .icon-collapsible:before {
  content: '\e80c';
}
.organization .panel.collapsible a.list-group-item.collapsed {
  border-bottom: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.organization .panel.collapsible a.list-group-item.collapsed .icon-collapsible:before {
  content: '\e805';
}
.organization article {
  margin-left: 40px;
}
.org-panel .row.org-layout {
  margin: 0;
}
.org-panel .row.org-layout div[class*="col-"].org-layout {
  padding: 20px;
  border-left: 1px solid #d0d9df;
}
.org-panel .row.org-layout div[class*="col-"].org-layout:first-child {
  border-left: none;
}
@media (max-width: 767px) {
  .org-panel .row.org-layout div[class*="col-"].org-layout {
    border-left: none;
  }
}
.org-panel p {
  font-weight: 700;
  margin-bottom: 0;
}
.organization.activities .form-group label {
  color: #36373c;
  text-transform: none;
}
.organization.activities.archived .listing tbody tr:not(.group) td:not(.icon-column) {
  cursor: pointer;
}
.organization.activities.index h2.profile-heading {
  margin-bottom: 10px;
}
.organization.activities.index h2.profile-heading:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.5em;
  border-top: 1px solid #d0d9df;
  z-index: -1;
}
.organization.activities.index h2.profile-heading:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.5em;
  border-top: 1px solid #d0d9df;
  z-index: -1;
}
.organization.activities.index .profile-heading span {
  background-color: #f8f9f9;
}
.organization.activities:not(.index) h1 {
  border: none;
  text-align: center;
}
@media (max-width: 991px) {
  .organization.activities:not(.index) h1 {
    padding: 0 75px;
  }
}
.organization.activities:not(.index) .wizard-heading {
  font-size: 14px;
  font-weight: bold;
  margin-top: 45px;
  padding-bottom: 0;
  margin-bottom: 15px;
}
.organization.activities:not(.index) p.h1 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
}
.organization.activities:not(.index) .container {
  max-width: 800px;
}
.organization.activities .activity-heading {
  font-weight: bold;
}
.organization.activities .activity-selector select {
  margin-top: 0;
}
.organization.activities .fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 0;
  border-radius: 0;
  border: none;
  z-index: 10000;
  text-align: center;
  background-color: #36373c;
  color: #FFF;
  padding: 20px;
}
@media (min-width: 480px) {
  .organization.activities .fixed-bottom .btn:not(.dropdown-toggle) {
    min-width: 190px;
  }
}
.organization.activities .fixed-bottom .btn-outline {
  border-color: #fff;
  color: #fff;
}
.organization.activities .fixed-bottom .btn-outline:hover {
  color: #36373c;
}
.organization.activities .fixed-bottom .dropdown-menu {
  width: 100%;
}
.organization.activities .fixed-bottom .dropdown-menu button {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #36373c;
  background-color: transparent;
  white-space: nowrap;
  text-align: left;
}
.organization.activities .fixed-bottom .dropdown-menu button:hover {
  text-decoration: none;
  color: #262626;
  background-color: #fcfcfc;
}
.organization.activities .date-range-picker {
  cursor: pointer !important;
}
.organization.activities .date-range-picker:hover {
  cursor: pointer !important;
}
.organization.activities .org-categories-edit .activity-category {
  float: left;
  margin: 5px 10px 5px 0;
  padding: 5px 10px;
  text-align: center;
  border: 1px solid #d0d9df;
  border-radius: 3px;
}
.organization.activities .activity-credit-edit .qualification-credit-row {
  margin-bottom: 5px;
}
.organization.activities .activity-credit-edit .qualification-credit-row .name {
  width: 100%;
}
@media (min-width: 768px) {
  .organization.activities .activity-credit-edit .panel-body {
    display: table;
  }
  .organization.activities .activity-credit-edit .panel-body .qualification-credit-row {
    display: table-row;
  }
  .organization.activities .activity-credit-edit .panel-body .qualification-credit-row [class^="col-"] {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    float: none;
    padding-bottom: 5px;
  }
}
.organization.activities .activity-credit-edit .credit input {
  display: inline-block;
  width: 50px;
  margin-left: 10px;
}
@media (min-width: 1500px) {
  .organization.activities.create #content,
  .organization.activities.edit #content {
    background: url(/images/activities/clipboard.png) no-repeat;
    background-size: 30%;
    background-position: 115% 300px;
  }
}
.organization.activities.enrollments .waiting-list-heading {
  text-decoration: none;
  color: #36373c;
  display: block;
}
.organization.activities.enrollments .enrollments-panel {
  position: relative;
}
@media (min-width: 1500px) {
  .organization.activities.enrollments .enrollments-panel:before {
    content: '';
    position: absolute;
    right: 100%;
    background: url(/Images/Activities/person-left.png) no-repeat;
    background-size: contain;
    background-position: center right;
    top: 0;
    width: 181px;
    height: 100%;
    max-height: 415px;
  }
  .organization.activities.enrollments .enrollments-panel:after {
    content: '';
    position: absolute;
    left: 100%;
    background: url(/Images/Activities/person-right.png) no-repeat;
    background-size: contain;
    top: 0;
    width: 181px;
    height: 100%;
    max-height: 415px;
  }
}
.organization.activities.enrollments #activity-enrollments-table td {
  vertical-align: middle;
}
.organization.activities.enrollments #activity-enrollments-table .checkbox-cell {
  padding-top: 6px !important;
  text-align: center;
}
.organization.activities.enrollments #activity-enrollments-table .remove-enrollment {
  color: #89949b;
  cursor: pointer;
}
.organization.activities.enrollments #activity-enrollments-table .remove-enrollment:hover {
  color: #36373c;
}
.organization.overview .org-coupon-chart-col {
  text-align: center;
}
.organization.overview .org-overview-redeemed-chart {
  margin-top: -80px;
  margin-bottom: 22px;
}
.organization.overview .org-overview-redeemed-chart a {
  color: #36373c;
}
.organization.overview .no-coupons {
  margin-bottom: 30px;
}
.org-subscribers-btns {
  margin-bottom: 20px;
}
.organization.subscribers .subscriber-count {
  padding-top: 6px;
}
.organization.subscribers .subscriber-add {
  text-align: right;
}
@media (max-width: 767px) {
  .organization.subscribers .subscriber-add {
    text-align: left;
    margin-top: 10px;
  }
}
.organization.subscribers .ops .btn {
  padding: 0;
  color: #36373c;
}
.organization.subscribers .icon-edit:hover {
  color: black;
}
.organization.subscribers .pagination {
  text-align: center;
  font-size: 16px;
}
.organization.subscribers .pagination a {
  padding: 5px;
}
.organization.subscriber .icon-right-big:before {
  float: right;
  position: relative;
  top: 4px;
  margin-left: 5px;
}
.organization.subscriber .org-subscriber-header-panel .row {
  margin: 0;
}
.organization.subscriber .org-subscriber-header-panel .row div[class*="col-"] {
  padding: 20px;
  border-left: 1px solid #d0d9df;
}
@media (max-width: 767px) {
  .organization.subscriber .org-subscriber-header-panel .row div[class*="col-"] {
    border-left: none;
  }
}
.organization.subscriber .org-subscriber-header-panel .row div[class*="col-"]:first-child {
  border-left: none;
}
@media (max-width: 767px) {
  .organization.subscriber .org-subscriber-header-panel .row div[class*="col-"]:first-child {
    padding-bottom: 0;
  }
}
.organization.subscriber .org-subscriber-header-panel p {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}
.organization.subscriber .subsciber-progress-bar {
  display: inline-block;
  width: 100px;
  padding-left: 20px;
  padding-right: 10px;
  position: relative;
  top: 21px;
}
.organization.subscriber .subsciber-progress-bar .progress {
  box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.1);
  border-bottom: solid 1px #ebebeb;
  height: 15px;
}
.organization.subscriber .subsciber-progress-bar .progress .progress-bar {
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
}
.organization.courses .org-other-courses {
  margin-top: 50px;
}
.organization.statistics .org-chart-panel {
  padding: 20px;
}
.organization.statistics .org-chart-table {
  display: none;
  margin-top: 20px;
}
.organization.statistics .org-chart-table .org-panel {
  margin-bottom: 0;
}
.organization.statistics .checkbox-inline {
  margin-top: 0;
  margin-left: 5px;
}
.organization.statistics #org-stats-subscribers-panel {
  padding: 0;
}
.organization.statistics h1 select {
  font-family: 'Open Sans', sans-serif;
}
.accreditations img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.contact .three-ways {
  margin: 60px 0 0;
  font-weight: 600;
  color: #36373c;
}
.contact .three-ways a {
  color: inherit;
}
@media (min-width: 768px) {
  .contact .three-ways p,
  .contact .three-ways ul {
    text-align: center;
    margin: 0 auto;
  }
}
.contact .three-ways > div {
  margin-bottom: 40px;
}
.contact .three-ways .yellow-circle {
  background-color: #ffd723;
  height: 90px;
  width: 90px;
  border-radius: 45px;
  line-height: 90px;
  text-align: center;
  margin: 0 auto 25px;
  font-size: 36px;
}
.contact .three-ways .yellow-circle:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '';
  width: auto;
  margin-right: 0;
}
@media (max-width: 767px) {
  .contact .three-ways .yellow-circle {
    float: left;
    margin-right: 30px;
  }
}
.contact .three-ways .email .yellow-circle:before {
  content: '\e85a';
}
@media (max-width: 767px) {
  .contact .three-ways .email p {
    margin-top: 35px;
  }
}
.contact .three-ways .social .yellow-circle:before {
  content: '\e822';
}
@media (max-width: 768px) {
  .contact .three-ways .social ul {
    margin-top: 28px;
  }
}
.contact .three-ways .phone .yellow-circle:before {
  content: '\e85b';
}
.contact .social ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 34px;
}
.contact .social ul li {
  display: inline-block;
  text-align: center;
}
.contact .social a:hover {
  color: #000;
}
.contact .social a:before {
  font-size: 30px;
  text-decoration: none;
}
.contact .phone p {
  text-align: left;
  display: table;
  white-space: nowrap;
}
.contact .phone p span {
  display: inline-block;
  width: 42%;
}
@media (min-width: 992px) {
  .contact .phone p span {
    width: 57%;
  }
}
@media (min-width: 1200px) {
  .contact .phone p span {
    width: 66%;
  }
}
.contact #contact-form textarea {
  min-height: 100px;
}
@media (min-width: 768px) {
  .contact #contact-form textarea {
    height: 303px;
  }
}
.testimonials #testimonial-list blockquote {
  background-color: #fff;
  color: #36373c;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 30px 20px 20px;
  margin: 0;
  border-width: 1px 1px 0;
  border-color: #ddd;
  border-style: solid;
}
.testimonials #testimonial-list blockquote:first-child {
  border-radius: 4px 4px 0 0;
}
.testimonials #testimonial-list blockquote:last-child {
  border-radius: 0 0 4px 4px;
  border-bottom-width: 2px;
}
.testimonials #testimonial-list blockquote cite {
  font-style: normal;
}
.testimonials .rating {
  margin-left: 10px;
}
.tutors #content .tutor-detail {
  border-bottom: #d0d9df;
}
.tutors #content .tutor-detail > div {
  padding: 0;
}
.tutors #content .tutor-detail .mvp {
  margin-top: 8px;
  float: right;
  background: url('/images/tutor-mvp.png') no-repeat top right;
  width: 139px;
  height: 56px;
}
@media (max-width: 767px) {
  .tutors #content .tutor-detail .mvp {
    background-size: 65%;
  }
}
.tutors #content .tutor-detail img {
  border-radius: 4px;
}
.tutors #content .tutor-detail h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 18px;
  padding-top: 8px;
  font-weight: 600;
  margin: 0;
}
.tutors #content .tutor-detail h2 a {
  color: #000;
}
.tutors #content .tutor-detail hr {
  margin-top: 25px;
  margin-bottom: 5px;
}
.tutors #content .tutor-detail h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}
.tutors #content .tutor-detail ul.highlights {
  padding: 0;
  margin: 0;
}
.tutors #content .tutor-detail ul.highlights ul {
  padding: 0;
}
.tutors #content .tutor-detail ul.highlights li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.tutors #content .tutor-detail ul.highlights li.expertise {
  display: none;
}
.tutors #content .tutor-detail ul.highlights li.awards h2 {
  display: none;
}
.verify #content .panel {
  max-width: 550px;
  margin: 0 auto;
}
.verify #content .panel .btn-primary {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .organization-enquiry .panel-body,
  .suggest-course .panel-body {
    padding: 15px 0px;
  }
}
#blog-post {
  background: #fff;
}
#blog-post .blog-hero {
  display: none;
  height: 630px;
  background-color: #54606c;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (min-width: 992px) {
  #blog-post .blog-hero {
    display: block;
  }
}
#blog-post .blog-hero-mobile {
  background-color: #54606c;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  height: 300px;
}
@media (min-width: 992px) {
  #blog-post .blog-hero-mobile {
    display: none;
  }
}
#blog-post .blog-title {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto 15px;
  padding: 30px 15px 15px;
  background: #fff;
  text-align: center;
  border-bottom: 1px solid #d0d9df;
}
@media (min-width: 768px) {
  #blog-post .blog-title {
    width: 750px;
  }
}
@media (min-width: 992px) {
  #blog-post .blog-title {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  #blog-post .blog-title {
    width: 1170px;
  }
}
#blog-post .blog-title > .navbar-header,
#blog-post .blog-title > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  #blog-post .blog-title > .navbar-header,
  #blog-post .blog-title > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
#blog-post .blog-title .blog-families {
  margin: 0 0 10px;
}
#blog-post .blog-title h1 {
  color: #36373c;
  line-height: 1.2;
  margin: 0 15px 20px;
  font-weight: 700;
}
@media (min-width: 992px) {
  #blog-post .blog-title {
    margin-top: -220px;
    margin-bottom: 45px;
    min-height: 280px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 0 15px;
    border-radius: 2px;
    border-bottom: none;
  }
  #blog-post .blog-title h1 {
    margin-left: 160px;
    margin-right: 160px;
  }
}
#blog-post .blog-content {
  max-width: 750px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}
#blog-post .blog-content-inner img {
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 0 10px;
}
#blog-post .blog-content-inner img.no-shadow {
  box-shadow: none;
  border-radius: 0;
}
#blog-post .blog-content-inner .blog-quote {
  padding: 0;
}
#blog-post .blog-content-inner .blog-quote.no-tweet {
  padding: 15px 15px 15px 25px;
  position: relative;
}
@media (min-width: 768px) {
  #blog-post .blog-content-inner .blog-quote.no-tweet {
    padding-left: 60px;
  }
}
#blog-post .blog-content-inner .blog-quote > a {
  display: block;
  padding: 15px 85px 15px 25px;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
  color: #36373c;
}
@media (min-width: 768px) {
  #blog-post .blog-content-inner .blog-quote > a {
    padding: 15px 150px 15px 60px;
  }
}
#blog-post .blog-content-inner .blog-quote > a:hover,
#blog-post .blog-content-inner .blog-quote > a:focus,
#blog-post .blog-content-inner .blog-quote > a:active {
  background: #f8f9f9;
  text-decoration: none;
}
#blog-post .blog-content-inner .blog-quote > a .blog-quote-twitter {
  display: block;
  position: absolute;
  top: 15px;
  bottom: 15px;
  right: 70px;
  border-left: 1px solid #d0d9df;
}
@media (min-width: 768px) {
  #blog-post .blog-content-inner .blog-quote > a .blog-quote-twitter {
    right: 135px;
  }
}
#blog-post .blog-content-inner .blog-quote > a .blog-quote-twitter:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e866';
  display: block;
  position: absolute;
  font-size: 24px;
  top: 50%;
  left: 0;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  margin: -35px 0 0 0;
}
#blog-post .blog-content-inner .blog-quote .blog-quote-start,
#blog-post .blog-content-inner .blog-quote .blog-quote-end {
  display: inline-block;
  position: relative;
  height: 24px;
}
#blog-post .blog-content-inner .blog-quote .blog-quote-start:before,
#blog-post .blog-content-inner .blog-quote .blog-quote-end:before {
  display: inline-block;
  content: open-quote;
  font-size: 1.6em;
  line-height: 1;
  position: absolute;
  left: -0.5em;
  top: 0;
}
#blog-post .blog-content-inner .blog-quote .blog-quote-end:before {
  content: close-quote;
  left: auto;
  right: -0.5em;
}
#blog-post .blog-content-inner .blog-quote p {
  font-weight: 600;
  font-size: 24px;
  margin: 0;
}
#blog-post .blog-content-inner .indent-xs {
  margin-left: 15px !important;
}
#blog-post .blog-content-inner .indent-sm {
  margin-left: 30px !important;
}
#blog-post .blog-content-inner .indent-md {
  margin-left: 45px !important;
}
#blog-post .blog-content-inner .indent-lg {
  margin-left: 60px !important;
}
#blog-post .blog-image-bleed {
  display: none;
  width: 100%;
  height: auto;
  margin: 30px 0;
  background: #54606c;
}
#blog-post .blog-image-bleed.shadow {
  box-shadow: rgba(0, 0, 0, 0.25) 0 0 10px;
}
@media (min-width: 992px) {
  #blog-post .blog-image-bleed {
    display: block;
  }
}
@media (min-width: 992px) {
  #blog-post .blog-image-bleed-mobile {
    display: none;
  }
}
#blog-post .blog-subscribe {
  margin: 30px auto;
}
#blog-post .blog-subscribe form {
  padding: 15px;
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  background: #f8f9f9;
}
@media (min-width: 768px) {
  #blog-post .blog-subscribe form {
    padding: 30px;
    text-align: left;
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  #blog-post .blog-subscribe form {
    padding: 45px;
    text-align: left;
  }
}
#blog-post .blog-subscribe .form-group {
  margin-top: 15px;
  margin-bottom: 0;
}
#blog-post .blog-subscribe .form-group .col-sm-4 {
  padding-top: 15px;
}
@media (min-width: 768px) {
  #blog-post .blog-subscribe .form-group .col-sm-4 {
    padding-top: 0;
  }
}
#blog-post .blog-subscribe .blog-subscribe-heading {
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 10px 0;
  color: #222222;
}
@media (min-width: 768px) {
  #blog-post .blog-subscribe .blog-subscribe-heading {
    font-size: 24px;
  }
}
#blog-post .blog-subscribe .blog-subscribe-sub {
  font-size: 14px;
  line-height: 1.2;
  color: #89949b;
  margin: 0;
}
@media (min-width: 768px) {
  #blog-post .blog-subscribe .blog-subscribe-sub {
    font-size: 18px;
  }
}
#blog-post .blog-share-links {
  text-align: center;
  font-size: 14px;
}
#blog-post .blog-share-links a {
  border: 2px solid #d0d9df;
  background: #fff;
  color: #d0d9df;
  display: inline-block;
  margin: 0 3px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
}
#blog-post .blog-share-links a:hover,
#blog-post .blog-share-links a:focus,
#blog-post .blog-share-links a:active {
  background: #36373c;
  border-color: #36373c;
  color: #fff;
  outline: none;
}
#blog-post .blog-share-links a span {
  display: inline-block;
  width: 26px;
  height: 26px;
  text-align: center;
}
#blog-post .blog-share-links a span:before {
  margin: 0;
  line-height: 26px;
}
#blog-post .blog-share-links a.color-google:hover,
#blog-post .blog-share-links a.color-google:focus,
#blog-post .blog-share-links a.color-google:active {
  background: #e26942;
  border-color: #e26942;
}
#blog-post .blog-share-links a.color-facebook:hover,
#blog-post .blog-share-links a.color-facebook:focus,
#blog-post .blog-share-links a.color-facebook:active {
  background: #4569a3;
  border-color: #4569a3;
}
#blog-post .blog-share-links a.color-twitter:hover,
#blog-post .blog-share-links a.color-twitter:focus,
#blog-post .blog-share-links a.color-twitter:active {
  background: #3cb9e7;
  border-color: #3cb9e7;
}
#blog-post .blog-share-links a.color-linkedin:hover,
#blog-post .blog-share-links a.color-linkedin:focus,
#blog-post .blog-share-links a.color-linkedin:active {
  background: #068abf;
  border-color: #068abf;
}
#blog-post .blog-share-links a.color-pocket:hover,
#blog-post .blog-share-links a.color-pocket:focus,
#blog-post .blog-share-links a.color-pocket:active {
  background: #ee4056;
  border-color: #ee4056;
}
#blog-post .share-vertical,
#blog-post .cta-vertical {
  top: 5px;
  bottom: 0;
}
#blog-post .share-vertical .share-buttons,
#blog-post .cta-vertical .share-buttons,
#blog-post .share-vertical .cta-box,
#blog-post .cta-vertical .cta-box {
  top: 15px;
}
#blog-post .blog-related-posts {
  margin: 30px auto 0;
  border-top: 1px solid #d0d9df;
}
#blog-post .blog-related-posts .container {
  padding: 30px 15px 0;
}
#blog-post .blog-related-posts a {
  display: block;
  margin: 0 0 30px 0;
  text-decoration: none;
  color: #36373c;
}
#blog-post .blog-related-posts a img {
  display: block;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  background: #fff;
  color: #fff;
  overflow: hidden;
}
#blog-post .blog-related-posts a h3 {
  font-size: 18px;
  margin: 0 0 5px 0;
  color: #222222;
}
#blog-post .blog-related-posts a p {
  font-size: 13px;
  color: #89949b;
  margin: 0 0 5px 0;
}
.blog-author {
  text-align: center;
  margin: 30px auto 45px;
  padding: 30px 0 10px;
  max-width: 420px;
  border-bottom: 1px solid #d0d9df;
}
.blog-author .blog-author-image {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto 10px;
  border-radius: 50%;
  background: #54606c;
  color: #54606c;
  overflow: hidden;
}
.blog-author .blog-author-name {
  font-size: 18px;
  margin: 5px auto;
}
.blog-author .blog-author-name .blog-author-twitter {
  color: #89949b;
}
.blog-author .blog-author-name .blog-author-twitter:hover,
.blog-author .blog-author-name .blog-author-twitter:focus,
.blog-author .blog-author-name .blog-author-twitter:active {
  color: #3cb9e7;
}
.blog-author .blog-author-bio {
  font-weight: 300;
  margin: 5px auto;
}
.blog-author.small {
  padding: 0;
  margin: 30px auto;
  border-bottom: none;
}
.blog-author.small .blog-author-image {
  width: 60px;
  height: 60px;
  margin-bottom: 8px;
}
.blog-author.small .blog-author-name {
  font-size: 14px;
  margin-bottom: 0;
}
.blog-author.small .blog-author-twitter {
  font-size: 14px;
}
.blog-author.small:after {
  display: none;
}
@media (max-width: 991px) {
  .blog-author.small .blog-author-image,
  .blog-author.small .blog-author-name,
  .blog-author.small .blog-author-twitter {
    display: inline-block;
    margin: 0 8px 0 0;
    vertical-align: middle;
    font-size: 18px;
  }
}
.blog-reading-time {
  color: #89949b;
  font-size: 13px;
}
.blog-families .blog-family {
  display: inline-block;
  background: #36373c;
  padding: 0 3px;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 16px;
  border-radius: 2px;
  overflow: hidden;
}
.blog-families .blog-family.blog-family-featured {
  background: #fff;
  color: #36373c;
  position: absolute;
  top: 15px;
  left: 15px;
  padding-left: 19px;
}
.blog-families .blog-family.blog-family-featured:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e801';
  color: #ffd723;
  background: #36373c;
  width: 16px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  line-height: 16px;
  margin: 0;
  text-align: center;
}
.blog-families a.blog-family {
  opacity: 1;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.blog-families a.blog-family:hover,
.blog-families a.blog-family:focus,
.blog-families a.blog-family:active {
  text-decoration: none;
  opacity: 0.8;
}
.blog-comments {
  margin: 30px auto 0;
}
.blog-comments.comments-0 {
  padding: 0 0 30px 0;
}
.blog-comments .blog-comments-header {
  border-bottom: 1px solid #d0d9df;
  padding: 8px 0;
  margin: 0 0 15px 0;
  float: left;
  width: 100%;
  text-align: right;
}
.blog-comments .blog-comments-header p {
  float: left;
  font-size: 16px;
  color: #222222;
  font-weight: 600;
  margin: 0;
  padding: 6px 0;
}
.blog-comments .blog-comments-header .btn {
  margin-left: 10px;
}
.blog-comments .blog-comment-signup {
  clear: both;
  color: #89949b;
  margin: 0 0 15px 0;
}
.blog-comments .blog-comments-list {
  list-style: none;
  padding: 0;
  margin: 0 -5px;
}
.blog-comments .blog-comment {
  display: block;
  padding: 5px 5px 5px 70px;
  margin: 5px 0;
  min-height: 60px;
  position: relative;
  border-radius: 4px;
}
.blog-comments .blog-comment:hover .blog-comment-moderation {
  opacity: 1;
}
.blog-comments .blog-comment.blog-comment-ham {
  -webkit-animation: fadeFromSuccess 3s linear;
  -o-animation: fadeFromSuccess 3s linear;
  animation: fadeFromSuccess 3s linear;
}
.blog-comments .blog-comment.blog-comment-ham .blog-comment-moderation a.blog-comment-moderate-ham {
  pointer-events: none;
}
.blog-comments .blog-comment.blog-comment-ham .blog-comment-moderation a.blog-comment-moderate-ham:before {
  background: #89949b;
}
.blog-comments .blog-comment.blog-comment-spam {
  opacity: 0.5;
  text-decoration: line-through;
  -webkit-animation: fadeFromDanger 3s linear;
  -o-animation: fadeFromDanger 3s linear;
  animation: fadeFromDanger 3s linear;
}
.blog-comments .blog-comment.blog-comment-spam .blog-comment-moderation a.blog-comment-moderate-spam {
  pointer-events: none;
}
.blog-comments .blog-comment.blog-comment-spam .blog-comment-moderation a.blog-comment-moderate-spam:before {
  background: #89949b;
}
.blog-comments .blog-comment.blog-comment-moderating .blog-comment-moderation {
  -webkit-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.blog-comments .blog-comment.blog-comment-moderating .blog-comment-moderation a {
  pointer-events: none !important;
}
.blog-comments .blog-comment.blog-comment-moderating .blog-comment-moderation a:before {
  background: #89949b !important;
}
.blog-comments .blog-comment-name {
  font-weight: 600;
  color: #36373c;
  margin: 0 0 5px 0;
}
.blog-comments .blog-comment-body {
  font-weight: 400;
  color: #89949b;
  font-size: 13px;
  margin: 0;
}
.blog-comments .blog-comment-moderation {
  color: #89949b;
  font-size: 11px;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
@media (min-width: 768px) {
  .blog-comments .blog-comment-moderation {
    position: absolute;
    top: 5px;
    right: 5px;
  }
}
.blog-comments .blog-comment-moderation span {
  text-transform: uppercase;
}
.blog-comments .blog-comment-moderation a {
  text-decoration: none;
}
.blog-comments .blog-comment-moderation a:before {
  display: inline-block;
  height: 14px;
  width: 14px;
  font-size: 10px;
  margin: 0;
  background: #89949b;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 14px;
}
.blog-comments .blog-comment-moderation a:hover:before,
.blog-comments .blog-comment-moderation a:focus:before,
.blog-comments .blog-comment-moderation a:active:before {
  background: #6f7b82;
}
.blog-comments .blog-comment-moderation a.blog-comment-moderate-ham:before {
  background: #1fb08a;
}
.blog-comments .blog-comment-moderation a.blog-comment-moderate-ham:hover:before,
.blog-comments .blog-comment-moderation a.blog-comment-moderate-ham:focus:before,
.blog-comments .blog-comment-moderation a.blog-comment-moderate-ham:active:before {
  background: #178568;
}
.blog-comments .blog-comment-moderation a.blog-comment-moderate-spam:before {
  background: #e00001;
}
.blog-comments .blog-comment-moderation a.blog-comment-moderate-spam:hover:before,
.blog-comments .blog-comment-moderation a.blog-comment-moderate-spam:focus:before,
.blog-comments .blog-comment-moderation a.blog-comment-moderate-spam:active:before {
  background: #ad0001;
}
.blog-comments .blog-comment-avatar {
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 50px;
  height: 50px;
  background: #54606c;
}
.blog-comments .blog-comment-avatar.gravatar {
  background: #fff;
}
#blog-comment-form {
  text-align: right;
  clear: both;
}
#blog-comment {
  resize: none;
  border: 2px solid #d0d9df;
  margin: 0 0 15px;
  padding: 12px;
}
#blog-posts {
  background: #f8f9f9;
}
#blog-posts .blog-posts {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  #blog-posts .blog-posts {
    padding-top: 15px;
  }
}
@media (min-width: 991px) {
  #blog-posts .blog-posts {
    padding-top: 0;
  }
}
#blog-posts .blog-posts > .blog-post {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  #blog-posts .blog-posts > .blog-post {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  #blog-posts .blog-posts > .blog-post {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  #blog-posts .blog-posts > .blog-post {
    float: left;
    width: 25%;
  }
}
#blog-posts .blog-posts > .blog-post.blog-variant-wide {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1200px) {
  #blog-posts .blog-posts > .blog-post.blog-variant-wide {
    float: left;
    width: 50%;
  }
}
#blog-posts .blog-posts .blog-post {
  /*&.blog-webinar {
                .blog-post-link-image {
                    position: relative;

                    &:before {
                        display: block;
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background: rgba(0,0,0,0.25);
                    }

                    &:after {
                        .icon('\e856');
                        display: block;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        color: #fff;
                        width: 80px;
                        height: 80px;
                        line-height: 80px;
                        font-size: 50px;
                        text-align: center;
                        margin: -40px 0 0 -40px;
                    }
                }

                &.blog-variant {
                    .blog-post-link-image {
                        position: static;

                        &:before,
                        &:after {
                            display: none
                        }
                    }
                }
            }*/
}
#blog-posts .blog-posts .blog-post .blog-post-inner {
  overflow: hidden;
  border-radius: 4px;
  text-decoration: none;
  color: #89949b;
  position: relative;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px) {
  #blog-posts .blog-posts .blog-post .blog-post-inner {
    height: 350px;
  }
}
@media (min-width: 992px) {
  #blog-posts .blog-posts .blog-post .blog-post-inner {
    height: 320px;
  }
}
#blog-posts .blog-posts .blog-post .blog-post-link-image {
  display: block;
  margin: 0 0 15px 0;
  text-decoration: none;
}
#blog-posts .blog-posts .blog-post .blog-post-link-image img {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  color: #fff;
}
#blog-posts .blog-posts .blog-post.blog-featured .blog-post-link-image:after {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e88b';
  display: block;
  position: absolute;
  top: -3px;
  right: 4px;
  font-size: 35px;
  color: #fff;
}
#blog-posts .blog-posts .blog-post .blog-text-top {
  font-size: 13px;
  margin: 0 0 10px;
  height: 16px;
  line-height: 16px;
}
#blog-posts .blog-posts .blog-post .blog-text-top p {
  display: block;
  float: left;
  vertical-align: middle;
  margin: 0 5px 0 0;
  line-height: 16px;
  height: 16px;
}
#blog-posts .blog-posts .blog-post .blog-text-top p.blog-preview-reading-time {
  float: right;
  margin: 0 0 0 5px;
}
#blog-posts .blog-posts .blog-post .blog-text-top p.blog-preview-reading-time:after {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e87d';
  margin-left: 3px;
}
#blog-posts .blog-posts .blog-post .blog-text {
  padding: 0 15px;
}
#blog-posts .blog-posts .blog-post .blog-text:after {
  content: '';
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background-image: -webkit-linear-gradient(top, transparent 0, #fff 75%);
  background-image: -o-linear-gradient(top, transparent 0, #fff 75%);
  background-image: linear-gradient(to bottom, transparent 0, #fff 75%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffffffff', GradientType=0);
}
@media (min-width: 768px) {
  #blog-posts .blog-posts .blog-post .blog-text:after {
    display: block;
  }
}
#blog-posts .blog-posts .blog-post .blog-background,
#blog-posts .blog-posts .blog-post .blog-background-image {
  display: none;
}
#blog-posts .blog-posts .blog-post h2 {
  font-size: 18px;
  margin: 5px 0 10px;
  line-height: 1.2;
}
#blog-posts .blog-posts .blog-post h2 a {
  text-decoration: none;
  color: inherit;
}
#blog-posts .blog-posts .blog-post .blog-abstract {
  font-size: 13px;
}
@media (min-width: 768px) {
  #blog-posts .blog-posts .blog-post.blog-variant .blog-text,
  #blog-posts .blog-posts .blog-post.blog-variant .blog-background,
  #blog-posts .blog-posts .blog-post.blog-variant .blog-background-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    margin: 0;
    padding: 0;
  }
  #blog-posts .blog-posts .blog-post.blog-variant .blog-background-image {
    display: block;
    z-index: 9;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  #blog-posts .blog-posts .blog-post.blog-variant .blog-post-link-image img {
    display: none;
  }
  #blog-posts .blog-posts .blog-post.blog-variant .blog-families .blog-family {
    background: transparent !important;
    color: #fff;
    font-size: 13px;
    padding: 0;
  }
  #blog-posts .blog-posts .blog-post.blog-variant .blog-families span {
    display: none;
  }
  #blog-posts .blog-posts .blog-post.blog-variant .blog-text-top p.blog-preview-reading-time {
    float: left;
  }
  #blog-posts .blog-posts .blog-post.blog-variant .blog-text-top p.blog-preview-reading-time:before {
    content: ' | ';
    margin-right: 5px;
  }
  #blog-posts .blog-posts .blog-post.blog-variant .blog-text {
    z-index: 11;
    padding: 30px;
    color: #fff;
  }
  #blog-posts .blog-posts .blog-post.blog-variant .blog-text:after {
    display: none;
  }
  #blog-posts .blog-posts .blog-post.blog-variant .blog-text .btn-outline {
    margin-top: 15px;
    color: #fff;
    border-color: #fff;
  }
  #blog-posts .blog-posts .blog-post.blog-variant .blog-text .btn-outline:hover,
  #blog-posts .blog-posts .blog-post.blog-variant .blog-text .btn-outline:focus,
  #blog-posts .blog-posts .blog-post.blog-variant .blog-text .btn-outline:active {
    background: rgba(255, 255, 255, 0.25);
  }
  #blog-posts .blog-posts .blog-post.blog-variant h2 {
    color: #fff;
    font-size: 24px;
  }
  #blog-posts .blog-posts .blog-post.blog-variant .blog-abstract {
    display: none;
  }
  #blog-posts .blog-posts .blog-post.blog-variant .blog-background {
    display: block;
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
}
@media (min-width: 1200px) {
  #blog-posts .blog-posts .blog-post.blog-variant.blog-variant-wide h2 {
    font-size: 30px;
  }
  #blog-posts .blog-posts .blog-post.blog-variant.blog-variant-wide .blog-abstract {
    display: block;
  }
}
@media (min-width: 768px) {
  #blog-posts .blog-posts .blog-post.blog-variant.blog-webinar {
    text-align: center;
  }
  #blog-posts .blog-posts .blog-post.blog-variant.blog-webinar .blog-post-inner {
    background: #36373c url('/Images/webinar-thumb.png') 50% 50% no-repeat;
    background-size: cover;
  }
  #blog-posts .blog-posts .blog-post.blog-variant.blog-webinar .blog-text-top p {
    float: none;
    text-align: center;
  }
  #blog-posts .blog-posts .blog-post.blog-variant.blog-webinar .blog-webinar-play {
    display: block;
    background: #fff;
    color: #36373c;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0 0 0 3px;
  }
  #blog-posts .blog-posts .blog-post.blog-variant.blog-webinar .blog-webinar-tag {
    text-transform: uppercase;
    font-size: 13px;
  }
}
#blog-posts .blog-posts .blog-post.blog-variant.blog-shortcutapp .blog-background {
  display: block;
  width: 100%;
  padding-top: 62.5%;
  position: relative;
}
#blog-posts .blog-posts .blog-post.blog-variant.blog-shortcutapp .blog-background:before {
  content: '';
  display: block;
  background: transparent url('/Images/shortcuts-thumb.png') 50% 50% no-repeat;
  width: 255px;
  height: 117px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -58px 0 0 -127px;
}
@media (min-width: 768px) {
  #blog-posts .blog-posts .blog-post.blog-variant.blog-shortcutapp .blog-background {
    padding: 0;
    width: auto;
    position: absolute;
  }
  #blog-posts .blog-posts .blog-post.blog-variant.blog-shortcutapp .blog-background:before {
    display: none;
  }
}
#blog-posts .blog-posts .blog-post.blog-cta h2,
#blog-posts .blog-posts .blog-post.blog-cta h3 {
  color: #fff;
}
#blog-posts .blog-posts .blog-post.blog-cta p {
  color: #fff;
}
#blog-posts .blog-posts .blog-post.blog-cta .blog-post-inner {
  background: #d0d9df;
  padding: 15px;
  background: #6bbeea url('/Images/blog-subscribe-background.png') 50% 50% repeat;
}
#blog-posts .blog-posts .blog-post.blog-cta .blog-post-inner.blog-index-subscribe .form-control {
  border-color: #fff;
}
@media (min-width: 768px) {
  #blog-posts .blog-posts .blog-post.blog-cta .blog-post-inner.blog-index-subscribe {
    padding: 80px 15px 0;
  }
  #blog-posts .blog-posts .blog-post.blog-cta .blog-post-inner.blog-index-subscribe p {
    margin: 20px 0;
  }
}
@media (min-width: 992px) {
  #blog-posts .blog-posts .blog-post.blog-cta .blog-post-inner.blog-index-subscribe {
    padding: 50px 15px 0;
  }
}
@media (min-width: 1200px) {
  #blog-posts .blog-posts .blog-post.blog-cta .blog-post-inner.blog-index-subscribe {
    padding: 60px 100px 0 30px;
  }
}
#blog-posts .blog-posts .blog-post.blog-cta .blog-post-inner.blog-index-guest .vertical-center-table {
  width: 100%;
}
#blog-posts .blog-posts .blog-post.blog-cta .blog-post-inner.blog-index-guest p {
  margin: 0;
}
@media (min-width: 768px) {
  #blog-posts .blog-posts .blog-post.blog-cta .blog-post-inner.blog-index-guest p {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  #blog-posts .blog-posts .blog-post.blog-cta .blog-post-inner.blog-index-guest p {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  #blog-posts .blog-posts .blog-post.blog-cta .blog-post-inner.blog-index-guest {
    padding: 15px 30px;
  }
  #blog-posts .blog-posts .blog-post.blog-cta .blog-post-inner.blog-index-guest h2 {
    font-size: 24px;
    text-align: left;
  }
}
#blog-posts #blog-loading {
  display: none;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  height: 100px;
  line-height: 100px;
  clear: both;
  font-size: 80px;
  color: #89949b;
}
@media (min-width: 992px) {
  #blog-posts #blog-loading {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  #blog-posts #blog-loading {
    float: left;
    width: 25%;
  }
}
#blog-posts #blog-loading:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\f110';
  -webkit-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
@media (min-width: 992px) {
  #blog-posts #blog-loading {
    height: 350px;
    line-height: 350px;
    clear: none;
  }
}
#blog-posts.loading #blog-loading {
  display: block;
}
.blog.index #hero {
  background-image: url('/Images/blog-banner.jpg');
}
.blog.index #hero.with-pattern {
  background-image: none;
}
.blog.index #hero .h1 {
  font-weight: 700;
}
.blog.index #hero .h4 {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 15px 0;
}
.blog.index #hero .btn {
  padding: 15px 40px;
}
@media (min-width: 768px) {
  .blog.index #hero .btn {
    padding: 15px 65px;
  }
}
.blog.bag #hero .fixed-header-banner {
  height: 240px;
}
@media (min-width: 992px) {
  .blog.bag #hero .fixed-header-banner {
    height: 320px;
  }
}
.blog.bag #hero .hero-overlay {
  opacity: 0.85;
}
.blog.bag #hero.with-pattern .hero-overlay {
  opacity: 1;
}
.blog.bag #hero .h1 {
  margin-bottom: 0;
  padding-bottom: 36px;
  color: #fff;
}
@media (min-width: 992px) {
  .blog.bag #hero .h1 {
    font-size: 50px;
  }
}
#blog-cta-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000;
  background: #36373c;
  color: #fff;
  padding: 15px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#blog-cta-mobile .cta-btn {
  float: right;
  margin: 0 0 5px 10px;
}
#blog-cta-mobile .cta-heading {
  font-size: 18px;
  margin: 0 15px 5px 0;
}
#blog-cta-mobile .cta-body {
  font-size: 13px;
  color: #f8f9f9;
  margin: 0;
}
#blog-cta-mobile .cta-close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #f8f9f9;
}
#blog-cta-mobile .cta-close:hover,
#blog-cta-mobile .cta-close:active,
#blog-cta-mobile .cta-close:focus {
  color: #fff;
  text-decoration: none;
}
.blog-download-box {
  background-color: #36373c;
  color: #fff;
  border-radius: 4px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15px;
  margin: 15px 0;
}
.blog-download-box .form-control {
  border: none;
}
.blog-download-box .blog-download-heading {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 5px;
}
.blog-download-box .blog-download-body {
  margin: 0 0 10px;
  font-size: 13px;
}
.blog-download-box .blog-download-user {
  font-size: 11px;
  margin: 10px 0 0 0;
}
.blog-download-box .blog-download-user a {
  color: #fff;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .blog-download-box {
    margin: 30px 0;
  }
  .blog-download-box .btn,
  .blog-download-box .form-control {
    font-size: 16px;
    padding: 10px 16px;
    line-height: 1.3333333;
    height: 44px;
  }
  .blog-download-box .blog-download-heading {
    font-size: 24px;
  }
  .blog-download-box .blog-download-body {
    font-size: 14px;
  }
}
:root {
  --family-color: #36373c;
}
.family #tab-nav {
  display: block;
}
.family #hero .fixed-header-banner {
  height: 280px;
}
@media (min-width: 768px) {
  .family #hero .fixed-header-banner {
    height: 310px;
  }
}
@media (min-width: 992px) {
  .family #hero .fixed-header-banner {
    height: 340px;
  }
}
.family #hero .hero-overlay {
  opacity: 0.85;
}
.family #hero.with-pattern .hero-overlay {
  opacity: 1;
}
.family .family-container {
  position: relative;
  max-width: 850px;
  margin: 0 auto;
  padding: 30px 15px;
}
.family.overview .family-container {
  max-width: inherit;
}
@media (min-width: 992px) {
  .family.overview .family-container {
    padding-right: 250px;
    padding-left: 115px;
  }
}
@media (min-width: 1200px) {
  .family.overview .family-container {
    padding-left: 230px;
  }
}
.family .jumpbar {
  position: absolute;
  right: 0;
  top: 30px;
  bottom: 0;
}
.family .jumpbar ul {
  padding-left: 16px;
  list-style: none;
}
.family .jumpbar > ul {
  width: 230px;
  border-left: 4px solid;
  border-left-color: var(--family-color);
  color: var(--family-color);
  font-size: 13px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .family .jumpbar > ul {
    position: sticky;
    top: 85px;
  }
}
.family .jumpbar > ul a {
  text-decoration: none;
  color: #36373c;
  background: transparent;
}
.family .jumpbar > ul a:hover,
.family .jumpbar > ul a:focus {
  color: inherit;
}
.family .jumpbar > ul li {
  margin-bottom: 5px;
}
.family .jumpbar > ul li.active > a {
  font-weight: bold;
}
.family .jumpbar > ul li.deepest > a {
  color: inherit;
}
.family .jumpbar > ul > li {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
}
.family .jumpbar > ul > li:first-child {
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
}
.family .jumpbar > ul > li:first-child > a {
  padding-top: 0;
}
.family .jumpbar > ul > li > a {
  padding: 5px 0;
}
.family .jumpbar > ul > li > ul {
  display: none;
}
.family .jumpbar > ul > li > ul ul {
  margin-top: 5px;
  display: none;
}
.family .jumpbar > ul .active > ul {
  display: block;
}
.family .intro p > img.max-25,
.family .main p > img.max-25 {
  max-width: 25%;
}
@media (max-width: 767px) {
  .family .intro p > img.max-25,
  .family .main p > img.max-25 {
    max-width: 40%;
  }
}
.family .intro p > img.max-30,
.family .main p > img.max-30 {
  max-width: 30%;
}
@media (max-width: 767px) {
  .family .intro p > img.max-30,
  .family .main p > img.max-30 {
    max-width: 50%;
  }
}
.family .intro p > img.max-40,
.family .main p > img.max-40 {
  max-width: 40%;
}
@media (max-width: 767px) {
  .family .intro p > img.max-40,
  .family .main p > img.max-40 {
    max-width: 70%;
  }
}
.family .intro p > img.max-50,
.family .main p > img.max-50 {
  max-width: 50%;
}
@media (max-width: 767px) {
  .family .intro p > img.max-50,
  .family .main p > img.max-50 {
    max-width: 75%;
  }
}
.family .intro p > img.max-60,
.family .main p > img.max-60 {
  max-width: 60%;
}
@media (max-width: 767px) {
  .family .intro p > img.max-60,
  .family .main p > img.max-60 {
    max-width: 80%;
  }
}
.family .intro p > img.max-70,
.family .main p > img.max-70 {
  max-width: 70%;
}
@media (max-width: 767px) {
  .family .intro p > img.max-70,
  .family .main p > img.max-70 {
    max-width: 85%;
  }
}
.family .intro p > img.max-80,
.family .main p > img.max-80 {
  max-width: 80%;
}
@media (max-width: 767px) {
  .family .intro p > img.max-80,
  .family .main p > img.max-80 {
    max-width: 90%;
  }
}
.family .intro p > img.max-90,
.family .main p > img.max-90 {
  max-width: 90%;
}
@media (max-width: 767px) {
  .family .intro p > img.max-90,
  .family .main p > img.max-90 {
    max-width: 95%;
  }
}
.family .intro .character,
.family .main .character {
  display: table;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 auto;
  height: 100%;
}
.family .intro .character > span,
.family .main .character > span,
.family .intro .character > div,
.family .main .character > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.family .intro .character > span,
.family .main .character > span {
  display: block;
  width: 30%;
}
.family .intro .character > span img,
.family .main .character > span img {
  width: auto;
  max-width: inherit;
  height: 250px;
}
.family .intro .character > span img.large,
.family .main .character > span img.large {
  height: 280px;
}
.family .intro .character > span img.medium,
.family .main .character > span img.medium {
  height: 225px;
}
.family .intro .character > span img.small,
.family .main .character > span img.small {
  height: 200px;
}
.family .intro .character > div,
.family .main .character > div {
  width: 70%;
  text-align: left;
}
@media (max-width: 767px) {
  .family .intro .character,
  .family .main .character {
    margin-top: 20px;
  }
  .family .intro .character > span,
  .family .main .character > span {
    padding-top: 15px;
  }
  .family .intro .character > span img,
  .family .main .character > span img {
    height: 100px;
  }
  .family .intro .character > span img.large,
  .family .main .character > span img.large {
    height: 110px;
  }
  .family .intro .character > span img.medium,
  .family .main .character > span img.medium {
    height: 90px;
  }
  .family .intro .character > span img.small,
  .family .main .character > span img.small {
    height: 80px;
  }
}
.family .intro .callout,
.family .main .callout,
.family .intro blockquote,
.family .main blockquote {
  background: #f8f9f9;
  color: #4d4f56;
  padding: 30px 40px;
  margin: 20px 0;
  font-size: 18px;
  font-weight: normal;
}
.family .intro .callout > p:last-child,
.family .main .callout > p:last-child,
.family .intro blockquote > p:last-child,
.family .main blockquote > p:last-child,
.family .intro .callout > ul:last-child,
.family .main .callout > ul:last-child,
.family .intro blockquote > ul:last-child,
.family .main blockquote > ul:last-child {
  margin-bottom: 0;
}
.family .intro blockquote > p:before,
.family .main blockquote > p:before,
.family .intro blockquote > div:before,
.family .main blockquote > div:before,
.family .intro blockquote > p:after,
.family .main blockquote > p:after,
.family .intro blockquote > div:after,
.family .main blockquote > div:after {
  color: var(--family-color);
  font-size: 1.6em;
  line-height: 1em;
  position: absolute;
}
.family .intro blockquote > p:before,
.family .main blockquote > p:before,
.family .intro blockquote > div:before,
.family .main blockquote > div:before {
  content: open-quote;
  left: -15px;
}
.family .intro blockquote > p:after,
.family .main blockquote > p:after,
.family .intro blockquote > div:after,
.family .main blockquote > div:after {
  content: close-quote;
  margin-left: 5px;
}
.family .intro abbr,
.family .main abbr {
  border-bottom: none;
}
.family .intro {
  font-size: 18px;
  background: #f8f9f9;
  padding: 25px 40px;
}
@media (max-width: 767px) {
  .family .intro {
    font-size: 16px;
  }
}
.family .intro > *:last-child {
  margin-bottom: 0;
}
.family .intro p {
  margin-bottom: 15px;
}
.family .intro p.lead {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.family .intro p.lead sup {
  font-size: 50%;
  top: -0.8em;
}
.family .intro p.small {
  font-weight: 600;
}
.family .intro p sup {
  font-size: 60%;
  top: -0.7em;
}
.family .main {
  margin-top: 40px;
}
.family .indented {
  position: relative;
  margin: 30px 0;
  padding-left: 75px;
}
@media (max-width: 767px) {
  .family .indented {
    padding-left: 60px;
  }
  .family .indented ul {
    padding-left: 20px;
  }
}
.family .indented svg,
.family .indented .top-left {
  position: absolute;
  top: 0;
  left: 0;
}
.family .icon-list {
  padding-left: 0;
}
.family .icon-list li {
  position: relative;
  padding: 0 0 0 50px;
  margin-top: 25px;
  list-style: none;
}
.family .icon-list li:first-child {
  margin-top: 20px;
}
.family .icon-list li svg {
  position: absolute;
  top: 0;
  left: 0;
}
.family .share-vertical {
  top: 30px;
  bottom: 20px;
}
.family .share-vertical .share-buttons {
  top: 85px;
}
.family.overview .share-vertical {
  left: 10px;
}
@media (min-width: 992px) {
  .family.overview .share-vertical {
    width: 115px;
  }
}
@media (min-width: 1200px) {
  .family.overview .share-vertical {
    width: 230px;
  }
}
.family.overview .share-vertical .share-buttons {
  top: 125px;
  margin: 0 auto;
}
.family.courses .bag-card-row {
  margin-top: -10px;
}
.family.courses .family-courses-intro-row .family-courses-intro-inner h2:first-child {
  margin-top: 0px;
}
.family .bottom-cta-subscribe {
  margin: 30px auto;
}
.family .bottom-cta-subscribe form {
  padding: 15px;
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  background: #f8f9f9;
}
@media (min-width: 768px) {
  .family .bottom-cta-subscribe form {
    padding: 30px;
    text-align: left;
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .family .bottom-cta-subscribe form {
    padding: 45px;
    text-align: left;
  }
}
.family .bottom-cta-subscribe .form-group {
  margin-top: 15px;
  margin-bottom: 0;
}
.family .bottom-cta-subscribe .form-group .col-sm-4 {
  padding-top: 15px;
}
@media (min-width: 768px) {
  .family .bottom-cta-subscribe .form-group .col-sm-4 {
    padding-top: 0;
  }
}
.family .bottom-cta-subscribe .bottom-cta-subscribe-heading {
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 10px 0;
  color: #222222;
}
@media (min-width: 768px) {
  .family .bottom-cta-subscribe .bottom-cta-subscribe-heading {
    font-size: 24px;
  }
}
.family .bottom-cta-subscribe .bottom-cta-subscribe-sub {
  font-size: 14px;
  line-height: 1.2;
  color: #89949b;
  margin: 0;
}
@media (min-width: 768px) {
  .family .bottom-cta-subscribe .bottom-cta-subscribe-sub {
    font-size: 18px;
  }
}
.family #hero .form-group {
  max-width: 400px;
  margin: 40px auto 0;
}
.family .code {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  color: #1fb08a;
}
.family dl dd {
  margin-bottom: 10px;
}
.family dl.sources dt {
  font-weight: normal;
  width: 30px;
  float: left;
}
.family dl.sources dt:after {
  content: '.';
}
.family dl.sources dd {
  margin-left: 40px;
}
.family dl.sources dd .raw-url {
  word-break: break-all;
}
.family .play-lesson-player {
  margin: 30px auto;
  border: 1px solid #eee;
}
.family blockquote {
  position: relative;
  font-size: 24px;
  font-weight: 300;
  padding: 20px 40px;
}
@media (max-width: 991px) {
  .family blockquote {
    font-size: 18px;
  }
}
.family blockquote > p,
.family blockquote > div {
  margin: 0;
  position: relative;
}
.family blockquote cite {
  display: block;
  text-align: right;
  padding-right: 20%;
  font-weight: normal;
  margin-top: 10px;
}
.family blockquote cite:before {
  content: '– ';
}
.family .tip-box {
  margin: 30px 0;
  padding: 20px 30px;
  border: 1px solid #d0d9df;
  position: relative;
}
.family .tip-box.narrow {
  padding-right: 85px;
}
.family .tip-box .fold {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 80px;
  height: 80px;
  background: url('/Images/Family/tip-corner-fold.png');
  background-size: cover;
}
.family .tip-box .keeper {
  float: right;
  width: 55px;
  height: 55px;
}
.family .tip-box h3,
.family .tip-box h4 {
  margin-top: 10px;
}
.family .light-bordered-box {
  padding: 20px 30px;
  margin: 20px 0;
  border: 1px solid #d0d9df;
}
.family .light-bordered-box p.lead {
  font-weight: 600;
  margin-bottom: 30px;
}
.family-project-management .hero .container p.lead {
  max-width: 800px;
}
.family-project-management.overview .compare-black-white {
  display: table;
  margin-top: 20px;
}
.family-project-management.overview .compare-black-white > div:last-child {
  background-color: #36373c;
  color: #fff;
}
.family-project-management.overview .compare-black-white > div:last-child h4 {
  color: #fff;
}
@media (max-width: 767px) {
  .family-project-management.overview .compare-black-white {
    margin: 0 auto;
  }
  .family-project-management.overview .compare-black-white > div {
    padding: 10px 20px;
    border-radius: 4px;
  }
  .family-project-management.overview .compare-black-white > div:first-child {
    border: 1px solid #d0d9df;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .family-project-management.overview .compare-black-white > div:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  .family-project-management.overview .compare-black-white > div {
    display: table-cell;
    width: 50%;
    padding: 20px 0;
  }
  .family-project-management.overview .compare-black-white > div > div {
    padding: 20px 30px;
  }
  .family-project-management.overview .compare-black-white > div:first-child > div {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border: 1px solid #d0d9df;
    border-right-width: 0;
  }
  .family-project-management.overview .compare-black-white > div:last-child {
    padding-bottom: 0;
    border-radius: 4px;
  }
}
@media (max-width: 480px) {
  .family-office-productivity h1 {
    font-size: 28px;
  }
}
.family-office-productivity.overview article ol {
  font-weight: 600;
}
.family-office-productivity.overview article ol.normal {
  font-weight: normal;
}
.family-office-productivity.overview article #frog-chart {
  display: table;
  background-color: #F5FBFF;
  border-collapse: separate;
  border-spacing: 15px;
}
.family-office-productivity.overview article #frog-chart > div {
  display: table-row;
  margin: 105px;
}
.family-office-productivity.overview article #frog-chart > div > div:first-child {
  display: table-cell;
  width: 105px;
  text-align: center;
  vertical-align: middle;
  background-color: #C8EDFD;
}
.family-office-productivity.overview article #frog-chart > div > div:first-child span {
  font-size: 70px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .family-office-productivity.overview article #frog-chart > div > div:first-child {
    width: 70px;
  }
  .family-office-productivity.overview article #frog-chart > div > div:first-child span {
    font-size: 52.5px;
  }
}
.family-office-productivity.overview article #frog-chart > div > div:nth-child(2) {
  display: table-cell;
  margin-left: 15px;
  background: #fff;
}
.family-office-productivity.overview article #frog-chart > div > div:nth-child(2) h4 {
  padding: 10px 15px;
  margin: 0;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.family-office-productivity.overview article #frog-chart > div > div:nth-child(2) > div {
  min-height: 74px;
  display: table-cell;
}
.family-office-productivity.overview article #frog-chart > div > div:nth-child(2) > div p {
  margin: 0;
  color: #36373c;
  font-size: 13px;
  font-weight: 600;
}
.family-office-productivity.overview article #frog-chart > div:first-child > div:first-child {
  color: #0B3447;
  background-image: url('/Images/Family/Office-Productivity/24-A-eat-a-frog.png');
  background-size: cover;
}
.family-office-productivity.overview article #frog-chart > div:first-child h4 {
  background-color: #0B3447;
  background: linear-gradient(to right, #0B3447, #020C10);
}
.family-office-productivity.overview article #frog-chart > div:nth-child(2) > div:first-child {
  color: #3A4D57;
}
.family-office-productivity.overview article #frog-chart > div:nth-child(2) h4 {
  background-color: #3A4D57;
  background: linear-gradient(to right, #3A4D57, #405560 20% #0D1114);
}
.family-office-productivity.overview article #frog-chart > div:nth-child(3) > div:first-child {
  color: #439DF4;
}
.family-office-productivity.overview article #frog-chart > div:nth-child(3) h4 {
  background-color: #439DF4;
  background: linear-gradient(to right, #439DF4, #49A7F5 20%, #0F52EC);
}
.family-office-productivity.overview article #frog-chart > div:nth-child(4) > div:first-child {
  color: #4BABF6;
}
.family-office-productivity.overview article #frog-chart > div:nth-child(4) h4 {
  background-color: #4BABF6;
  background: linear-gradient(to right, #4BABF6, #52B4F7 20%, #126AF0);
}
.family-office-productivity.overview article #frog-chart > div:nth-child(5) > div:first-child {
  color: #52BAF8;
}
.family-office-productivity.overview article #frog-chart > div:nth-child(5) h4 {
  background-color: #52BAF8;
  background: linear-gradient(to right, #52BAF8, #5AC1F9 20% #1486F3);
}
.family-office-productivity.overview article #pomodoro-chart {
  display: table;
  text-align: center;
}
.family-office-productivity.overview article #pomodoro-chart > div {
  display: table-cell;
}
.family-office-productivity.overview article #pomodoro-chart > div h4 {
  margin: 0;
  line-height: 30px;
  padding: 5px;
}
.family-office-productivity.overview article #pomodoro-chart .step {
  display: table-cell;
  width: 25%;
}
.family-office-productivity.overview article #pomodoro-chart .step > div {
  padding: 15px 15px 0;
}
.family-office-productivity.overview article #pomodoro-chart .step > div:first-child span {
  display: inline-block;
  width: 95px;
  height: 95px;
  line-height: 95px;
  background-color: #C8EDFD;
  background-size: cover;
  font-size: 50px;
  font-weight: bold;
  color: #439DF4;
}
.family-office-productivity.overview article #pomodoro-chart .step > div:nth-child(2) {
  padding-top: 0;
}
.family-office-productivity.overview article #pomodoro-chart .step > div:nth-child(2) p {
  margin: 0;
  padding: 5px 0 10px;
  color: #36373c;
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  max-width: 95px;
  height: 60px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.family-office-productivity.overview article #pomodoro-chart > div:first-child {
  background-color: #F5FBFF;
}
.family-office-productivity.overview article #pomodoro-chart > div:first-child h4 {
  color: #fff;
  background: #48A6F5;
  background: linear-gradient(to right, #439DF4, #48A6F5 30%, #0D4FEB);
  font-size: 18px;
}
.family-office-productivity.overview article #pomodoro-chart > div:first-child > div {
  display: table-row;
}
.family-office-productivity.overview article #pomodoro-chart > div:first-child > div .step:nth-child(1) > div span {
  background: url('/Images/Family/Office-Productivity/25-1-pomodoro.png');
  background-size: cover;
}
.family-office-productivity.overview article #pomodoro-chart > div:first-child > div .step:nth-child(2) > div span {
  background: url('/Images/Family/Office-Productivity/25-2-pomodoro.png');
  background-size: cover;
}
.family-office-productivity.overview article #pomodoro-chart > div:first-child > div .step:nth-child(3) > div span {
  background: url('/Images/Family/Office-Productivity/25-3-pomodoro.png');
  background-size: cover;
}
.family-office-productivity.overview article #pomodoro-chart > div:first-child > div .step:nth-child(4) > div span {
  background: url('/Images/Family/Office-Productivity/25-4-pomodoro.png');
  background-size: cover;
}
.family-office-productivity.overview article #pomodoro-chart > div:nth-child(2) h4 {
  width: 15px;
}
.family-office-productivity.overview article #pomodoro-chart > div:nth-child(3) {
  background: #ADD9FB;
  background: linear-gradient(to bottom, #8CC9F9, #D5EBFD);
}
.family-office-productivity.overview article #pomodoro-chart > div:nth-child(3) > div {
  display: table-row;
}
.family-office-productivity.overview article #pomodoro-chart > div:nth-child(3) > div .step > div:first-child span {
  background: #0A3042;
  color: #fff;
}
.family-office-productivity.overview article #pomodoro-chart > div:nth-child(3) > div .step div:nth-child(2) p {
  color: #0A3042;
}
@media (max-width: 767px) {
  .family-office-productivity.overview article #pomodoro-chart > div {
    display: block;
  }
  .family-office-productivity.overview article #pomodoro-chart .step {
    display: table-row;
  }
  .family-office-productivity.overview article #pomodoro-chart .step > div {
    display: table-cell;
    padding: 5px 15px;
  }
  .family-office-productivity.overview article #pomodoro-chart .step > div:nth-child(2) {
    vertical-align: middle;
  }
  .family-office-productivity.overview article #pomodoro-chart .step > div:nth-child(2) p {
    max-width: none;
    padding: 0 20px 0 0;
    font-size: 16px;
    line-height: 1.3333333;
    text-align: left;
  }
  .family-office-productivity.overview article #pomodoro-chart > div:first-child > div {
    display: block;
    padding-top: 10px;
  }
  .family-office-productivity.overview article #pomodoro-chart > div:nth-child(2) {
    height: 20px;
  }
  .family-office-productivity.overview article #pomodoro-chart > div:nth-child(3) {
    padding: 10px 0;
  }
  .family-office-productivity.overview article #pomodoro-chart > div:nth-child(3) h4 {
    display: none;
  }
}
.family-office-productivity.overview #app-comparison th {
  background: #0B3447;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  padding: 10px;
  text-align: center;
}
.family-office-productivity.overview #app-comparison td {
  border-bottom: 3px solid #fff;
  background-color: #F5FBFF;
  vertical-align: middle;
  padding: 10px;
  min-height: 80px;
  color: #36373c;
  font-size: 13px;
  font-weight: 600;
}
.family-office-productivity.overview #app-comparison td img {
  width: 60px;
  height: 60px;
  max-width: none;
}
.family-office-productivity.overview #app-comparison td:nth-child(3),
.family-office-productivity.overview #app-comparison td:nth-child(5) {
  background-color: #E7F7FE;
}
.family-office-productivity.overview #app-comparison td:first-child {
  padding-right: 0;
}
.family-office-productivity.overview #app-comparison td:nth-child(2) {
  font-weight: bold;
  font-size: 16px;
}
.family-office-productivity.overview #app-comparison td:nth-child(2) a {
  color: #0B3447;
}
.family-office-productivity.overview #app-comparison td:nth-child(2) a:hover {
  color: #439DF4;
  text-decoration: none;
}
@media (max-width: 767px) {
  .family-office-productivity.overview #app-comparison td {
    padding: 5px 10px;
  }
  .family-office-productivity.overview #app-comparison td img {
    width: 40px;
    height: 40px;
  }
  .family-office-productivity.overview #app-comparison td:nth-child(2) {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .family-office-productivity.overview #app-comparison th:last-child,
  .family-office-productivity.overview #app-comparison td:last-child {
    display: none;
  }
}
.family-office-productivity.overview .text-strong {
  font-weight: 600;
}
.family-excel .excel-screenshot {
  background-color: #20744A;
}
.family-excel .excel-screenshot figcaption {
  color: #fff;
  padding: 20px 30px;
  margin-top: 20px;
}
.family-excel .excel-screenshot img {
  margin-top: 0;
  display: block;
  width: 100%;
}
.family-excel #excel-formula-keys p {
  clear: both;
  margin: 25px 0 25px;
}
.family-excel #excel-formula-keys p img {
  float: left;
  margin: 0 20px 0 0;
}
.family-microsoft-office .atip {
  display: block;
  text-decoration: none;
}
.family-microsoft-office .atip h3,
.family-microsoft-office .atip p {
  color: #36373c !important;
}
.family-microsoft-office .atip .tip-box {
  border-style: dashed;
}
.family-microsoft-office .atip .tip-box:hover {
  background: #fcfcfc;
}
.family-microsoft-office .atip .tip-box .fold {
  background: url('/Images/Family/tip-corner-fold-discount.png');
  background-size: cover;
}
.family-microsoft-office .indented {
  padding-left: 85px;
}
.family-microsoft-office .indented .top-left {
  height: 60px;
  width: auto;
  margin: 0;
}
.family-finance #hero .lead {
  max-width: 590px;
  margin: 0 auto;
}
.family-finance #financial-statements-table td {
  width: 33.3%;
  background-color: white;
  color: #22690A;
  padding: 15px 10px;
  border: 10px solid #F0FFF1;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
}
.family-finance .main .character > span {
  padding-top: 10px;
  width: inherit;
}
.family-finance .main .character > span img {
  height: 170px;
}
.family-development h5 {
  color: transparent;
  height: 0;
  margin: 0;
}
.family-development figure cite {
  font-weight: normal;
}
.family-lean-six-sigma table th {
  background-color: #4088fc;
  color: #fff;
}
.family-lean-six-sigma table td {
  background-color: rgba(64, 136, 252, 0.1);
  border-color: #fff !important;
}
.family-lean-six-sigma table.text-center th {
  text-align: center;
}
#course-about-free-trial-cta {
  font-size: 20px;
}
#course-about-header {
  width: 100%;
  height: 200px;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 40% 0;
  background-size: auto 100%;
  position: relative;
}
@media (min-width: 480px) {
  #course-about-header {
    height: 225px;
  }
}
@media (min-width: 768px) {
  #course-about-header {
    height: 325px;
  }
}
@media (min-width: 1200px) {
  #course-about-header {
    background-position: 60% 0;
  }
}
#course-about-content .col-md-4.hidden-lg {
  margin-top: 15px;
}
@media (min-width: 992px) {
  #course-about-content .col-md-4.hidden-lg {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .course.about .show-more-coupon {
    display: none;
  }
}
.course.about #show-more-coupon-btn {
  display: block;
  cursor: pointer;
}
#course-about-nav {
  margin: 0 auto;
  max-width: 360px;
}
@media (min-width: 992px) {
  #course-about-nav {
    margin: 0 auto;
    max-width: none;
  }
  #course-about-nav .btn-group {
    margin-right: -4px;
  }
  #course-about-nav .btn-group:before,
  #course-about-nav .btn-group:after {
    content: " ";
    display: table;
  }
  #course-about-nav .btn-group:after {
    clear: both;
  }
  #course-about-nav .btn-group:before,
  #course-about-nav .btn-group:after {
    content: " ";
    display: table;
  }
  #course-about-nav .btn-group:after {
    clear: both;
  }
  #course-about-nav .btn {
    width: 20%;
  }
}
#course-about-title {
  position: relative;
}
#course-about-title:before,
#course-about-title:after {
  content: " ";
  display: table;
}
#course-about-title:after {
  clear: both;
}
#course-about-title:before,
#course-about-title:after {
  content: " ";
  display: table;
}
#course-about-title:after {
  clear: both;
}
@media (min-width: 1200px) {
  #course-about-title {
    padding-right: 160px;
  }
}
#course-about-title h1 {
  margin: 0;
}
#course-about-title p {
  margin: 5px 0;
  color: #89949b;
}
#course-about-title .label {
  display: inline-block;
  text-transform: uppercase;
  margin-top: 10px;
  padding: 8px 10px;
  line-height: 14px;
}
@media (min-width: 1200px) {
  #course-about-title .label {
    position: absolute;
    top: 0;
    right: 0;
  }
}
#bundle-about-courses h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 600;
}
#bundle-about-courses h2 {
  margin-top: 10px;
  margin-bottom: 10px;
}
#bundle-about-courses hr {
  margin-top: 20px;
}
#bundle-about-courses .panel-body {
  padding: 27px 35px;
}
#bundle-about-courses .btn {
  margin-top: 20px;
}
#course-about-outline ul {
  padding-left: 30px;
}
#course-details-button {
  margin-bottom: 20px;
}
.course-attribution {
  padding-top: 15px;
}
#bundle-about-course-carousel.all-courses .carousel-indicators {
  display: none;
}
#bundle-about-course-carousel .item .description {
  position: relative;
  max-width: 70%;
  left: 15%;
  text-align: center;
}
#bundle-about-course-carousel .carousel-control {
  width: 30%;
}
@media (max-width: 991px) {
  #bundle-about-course-carousel .carousel-control {
    width: 24%;
  }
}
#bundle-about-course-carousel .carousel-control.right span {
  left: 0;
  right: auto;
}
#bundle-about-course-carousel .carousel-control.left span {
  left: auto;
  right: 0;
}
.course.about #messages {
  margin-bottom: 30px;
}
.course.about .course-summary-labels .sales-price,
.course.about .course-summary-labels .coupon-price {
  color: #36373c;
  font-weight: 600;
}
.course.about .course-summary-labels .old-price {
  color: #e20;
  text-decoration: line-through;
  font-style: normal;
}
.course.about #course-about-pricing-tab {
  margin: -15px;
  margin-bottom: 20px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.course.about #course-about-pricing-tab li {
  width: 50%;
  background-color: #d0d9df;
}
.course.about #course-about-pricing-tab li a {
  text-transform: uppercase;
  color: #89949b;
  font-size: 13px;
  font-weight: 600;
  margin-right: 0;
  border: none;
}
.course.about #course-about-pricing-tab li.one-course {
  border-top-left-radius: 3px;
  border-left: none;
}
.course.about #course-about-pricing-tab li.all-courses {
  border-top-right-radius: 3px;
  border-right: none;
}
.course.about #course-about-pricing-tab .tab-pane {
  border-bottom: 1px solid #ddd;
  border-top: none;
}
.course.about .buy-now-pricing {
  background-color: #f8f9f9;
  padding: 15px;
}
@media (max-width: 1199px) {
  .course.about .buy-now-pricing {
    padding: 0;
  }
}
.course.about .buy-now-pricing label {
  display: block;
  text-transform: none;
}
.course.about .buy-now-pricing label .price {
  font-size: 30px;
}
.course.about .buy-now-pricing label .per {
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
  margin-left: 3px;
}
.course.about .buy-now-pricing label .saving {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  background-color: #0072bc;
  color: #FFF;
  border-radius: 3px;
  padding: 2px 5px;
}
@media (min-width: 992px) {
  .course.about #main {
    padding-top: 20px;
  }
}
.course.about #main #testimonials-link {
  text-decoration: none;
}
.course.about #main #testimonials-link:hover,
.course.about #main #testimonials-link:active,
.course.about #main #testimonials-link:visited {
  text-decoration: none;
}
.course.about #main .rating {
  font-size: 18px;
  margin-right: 5px;
}
.course.about #main dl {
  margin-bottom: 0;
}
.course.about #main dt,
.course.about #main h2 {
  font-size: 14px;
  line-height: 1.42857143;
  font-weight: 600;
  color: #89949b;
}
.course.about #main dt,
.course.about #main dd {
  line-height: 1.7;
}
.course.about #main #sidebar,
.course.about #main #sidebar-course-about {
  text-align: center;
}
.course.about #main #sidebar.affix-top,
.course.about #main #sidebar-course-about.affix-top {
  position: relative;
  top: -315px;
}
.course.about #main #sidebar .sidebar-top,
.course.about #main #sidebar-course-about .sidebar-top {
  padding: 20px 30px 30px;
}
.course.about #main #sidebar .sidebar-top .large,
.course.about #main #sidebar-course-about .sidebar-top .large {
  font-size: 18px;
  margin: 0 0 15px;
}
.course.about #main #sidebar .sidebar-top .coupon,
.course.about #main #sidebar-course-about .sidebar-top .coupon {
  font-size: 11px;
  margin: -10px 0 15px;
  color: #89949b;
}
.course.about #main #sidebar .sidebar-top .small,
.course.about #main #sidebar-course-about .sidebar-top .small {
  margin: 20px 0 0;
}
.course.about #main #sidebar .sidebar-top .label-pink .icon,
.course.about #main #sidebar-course-about .sidebar-top .label-pink .icon {
  color: #fff !important;
}
.course.about #main #sidebar .sidebar-top .label-pink + .large,
.course.about #main #sidebar-course-about .sidebar-top .label-pink + .large {
  margin-top: 15px;
}
.course.about #main #sidebar .sidebar-bottom,
.course.about #main #sidebar-course-about .sidebar-bottom {
  background: #fcfcfc;
  border-top: 1px solid #d0d9df;
  padding: 15px 15px 20px;
}
.course.about #main #sidebar .sidebar-bottom hr,
.course.about #main #sidebar-course-about .sidebar-bottom hr {
  margin: 10px 30px 15px;
}
.course.about #main #sidebar .sidebar-bottom p,
.course.about #main #sidebar-course-about .sidebar-bottom p {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 13px;
}
.course.about #main #sidebar .sidebar-bottom > a,
.course.about #main #sidebar-course-about .sidebar-bottom > a {
  color: #36373c;
}
.course.about #main #sidebar .sidebar-bottom > a:hover,
.course.about #main #sidebar-course-about .sidebar-bottom > a:hover,
.course.about #main #sidebar .sidebar-bottom > a:active,
.course.about #main #sidebar-course-about .sidebar-bottom > a:active,
.course.about #main #sidebar .sidebar-bottom > a:focus,
.course.about #main #sidebar-course-about .sidebar-bottom > a:focus {
  color: #000;
}
.course.about #main #sidebar .sidebar-bottom .share-icon-links .icon,
.course.about #main #sidebar-course-about .sidebar-bottom .share-icon-links .icon {
  font-size: 36px;
  color: inherit !important;
}
.course.about #main #sidebar .sidebar-bottom .share-icon-links .icon:before,
.course.about #main #sidebar-course-about .sidebar-bottom .share-icon-links .icon:before {
  margin: 0;
}
.course.about.variation #main #sidebar.affix-top,
.course.about.variation #main #sidebar-course-about.affix-top {
  top: 71px;
}
/*.course.about.experiment {
    .sidebar-stop {
        @media(max-width: @screen-md-max) {
            margin-bottom: 73px;
        }
    }

    #reviews-modal {

        .modal-dialog {
            overflow-y: initial !important
        }

        .modal-body {
            max-height: 70vh;
            overflow-y: auto;

            @media(max-width: @screen-md-max) {
                max-height: 60vh;
            }
        }
    }

    #main {
        padding-bottom: 0;

        @media(max-width: @screen-sm-max) {
            padding-top: 20px !important;
        }

        @media(max-width: @screen-xs-max) {
            margin-bottom: 100px;
        }

        .col-lg-3 {
            padding-right: 0;
        }

        &.coming-soon {
            padding-bottom: 60px;
        }

        &.has-free-lessons #sidebar {
            &.affix-top {
                position: relative;
                top: unset;
            }
        }

        #sidebar {
            .sidebar-top {
                padding: 20px;
            }
        }

        #course-about-video-header {
            background-color: @goskills-light-grey;
            margin: 0 0 20px 0;

            #free-lesson-nav {
                padding: 15px 15px 15px 0;

                @media(max-width: @screen-md-max) {
                    padding: 10px 0;
                }

                h2 {
                    font-size: 18px;
                    margin-left: 30px;
                    margin-top: 12px;

                    @media(max-width: @screen-md-max) {
                        font-size: 18px;
                    }
                }

                .nav-pills {

                    li {
                        margin: 0 !important;

                        &.title {
                            margin-top: 15px;
                        }

                        a {
                            border-radius: 0;

                            &:focus {
                            }

                            color: @text-color;
                            padding: 8px 0;

                            @media(max-width: @screen-md-max) {
                                padding: 5px 0;
                            }
                        }

                        &.active a {
                            background-color: @goskills-off-white;
                            border-bottom-right-radius: @border-radius-base;
                            border-top-right-radius: @border-radius-base;

                            @media(max-width: @screen-md-max) {
                                border-radius: 0;
                            }
                        }
                    }
                }

                .free-lesson-thumbnail {
                    padding-left: 30px;

                    img {
                        max-height: 57px;
                        margin-right: 15px;

                        @media(max-width: @screen-md-max) {
                            max-height: 50px;
                        }
                    }

                    display: table-cell;
                    vertical-align: middle;
                }

                .free-lesson-title {
                    font-size: 15px;
                    display: table-cell;
                    vertical-align: middle;
                }
            }

            .flowplayer .fp-waiting {
                &:after {
                    //.animation-delay(unit(0,s));
                    //.animation(fadein 1.0s);
                    margin: 60px 30px 30px 30px;
                    padding: 10px 8px;
                    display: none;
                    background-color: @goskills-off-white;
                    opacity: 0.8;
                    border-radius: @border-radius-large;
                    content: 'If this video doesn\'t load shortly, please try restarting your browser or device.';
                    font-size: 14px;
                    color: @text-color;
                    text-align: center;
                }

                &.not-loading:after {
                    display: block;
                }
                //display: none;
            }
            //.flowplayer.is-loading .fp-waiting,
            //.flowplayer.is-seeking .fp-waiting {
            //    display: block;
            //}
            #lesson {
                padding: 0;
            }
        }

        .course-info-bar {
            padding: 15px 0;
            margin: 20px 0;
            border-top: 1px solid @table-border-color;
            border-bottom: 1px solid @table-border-color;
            color: @text-muted;

            .h4 {
                font-size: 16px;
                font-weight: 600;
                color: @text-muted;
            }

            @media(max-width: @screen-sm-max) {
                border: none;
                margin: 0;

                .review-info {
                    .rating {
                        font-size: @font-size-base;
                    }
                }
            }

            [class^="icon-"] {
                margin-right: 5px;
            }

            [class^="col-"] {
                text-align: center;

                &.author {
                    .tutor-link {
                        display: table;
                        margin: 0 auto;
                        position: relative;
                        padding-left: 60px;

                        img {
                            position: absolute;
                            top: 0;
                            left: 0;
                        } 
                    }


                    .h4, .course-label {
                        text-align: left;
                    }
                }

                @media(max-width: @screen-sm-max) {
                    text-align: left;
                    font-size: @font-size-large;
                    padding: 0;
                }
            }

            .course-label {
                font-weight: normal;
                font-size: 14px;
                text-transform: uppercase;
                color: @text-muted;
            }

            .review-info {
                margin-top: -2px;
            }

            a {


                .h4 {
                    margin-top: 0;
                }

                &:hover, &:visited, &:focus {
                    text-decoration: none;

                    .h4, .course-label {
                        color: @text-color;
                    }
                }
            }
        }

        #course-about-content {
            border-right: none !important;

            hr {
                margin: 30px 0;
            }

            p:last-child {
                margin-bottom: 0;
            }

            #course-about-syllabus {
                .panel-heading h3 {
                    padding-right: 20px;
                    font-weight: 600;
                }

                .panel-body {
                    padding: 20px 20px 20px 35px;
                    color: @text-muted;

                    .duration {
                        font-size: 15px;
                    }

                    h4 {
                        font-size: 16px;
                        margin-top: 30px;

                        @media(max-width: @screen-sm-max) {
                            font-weight: 600;
                        }

                        &:first-child {
                            margin-top: 0;
                        }
                    }

                    p {
                        padding-right: 50px;
                    }
                }
            }

            #course-reviews {
                .testimonials-summary {
                    font-size: @font-size-large;
                    //font-weight: 600;
                    @media(max-width: @screen-xs-max) {
                        margin-bottom: 10px;
                    }
                }

                .quote, .rating {
                    margin-top: 30px;
                    margin-bottom: 0;

                    @media(max-width: @screen-xs-max) {
                        margin-top: 0;
                    }
                }

                .rating {
                    @media(max-width: @screen-xs-max) {
                        margin-top: 20px;
                    }
                }
            }
        }
    }

    #bottom-bar {
        border-top: 1px solid @table-border-color;
        position: fixed;
        bottom: 0;
        text-align: center;
        background-color: #fff;
        width: 100%;
        z-index: 10001;
        padding: 6px 0;

        .btn {
            height: 60px;
            padding-top: 18px;
            width: 50%;
            max-width: 300px;
            margin-right: 6px;
            margin-left: 6px;
        }

        @media(max-width: @screen-xs-max) {
            //padding:0;
            .btn {
                //margin: 0 !important;
                //border-radius: 0;
                width: 45%;
            }
        }
    }

    #reviews-modal {
        .review {
            margin-bottom: 20px;
        }
    }

    @media(max-width: @screen-md-max) {
        #footer {
            bottom: 133px;
        }

        #closure {
            bottom: 73px;
        }
    }
}*/
#course-about-tutors h3 {
  margin: 0;
  color: #222222;
}
#course-about-tutors .tutor-link:hover {
  text-decoration: none;
}
#course-about-tutors img {
  border-radius: 4px;
}
@media (max-width: 991px) {
  #course-about-tutors .row div:first-child img {
    margin-bottom: 20px;
  }
}
#course-about-features .col-md-4 {
  height: 52px;
  display: table;
}
#course-about-features span {
  display: table-cell;
  font-size: 36px;
  vertical-align: middle;
  width: 44px;
}
#course-about-features p {
  vertical-align: middle;
  text-align: left;
  margin: 0;
  padding: 12px 0 12px 40px;
  position: relative;
}
#course-about-features p svg {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -15px 0 0;
}
#content #course-about-go-to {
  padding-top: 0;
}
.course-lessons-listing {
  margin-bottom: 0;
}
.course-lessons-listing .panel {
  border-width: 1px;
  overflow: hidden;
}
.course-lessons-listing .panel-heading {
  background: #fff;
  padding: 0;
}
.course-lessons-listing .panel-heading h3 {
  margin: 0;
  padding: 10px 15px 10px 10px;
  cursor: pointer;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  color: #36373c;
}
.course-lessons-listing .panel-heading h3 .icon-plus-square {
  display: none;
}
.course-lessons-listing .panel-heading h3 .icon-minus-square {
  color: #ffd723;
}
.course-lessons-listing .panel-heading h3.collapsed {
  color: #222222;
}
.course-lessons-listing .panel-heading h3.collapsed .icon-minus-square {
  display: none;
}
.course-lessons-listing .panel-heading h3.collapsed .icon-plus-square {
  display: inline;
}
.course-lessons-listing .panel-heading h3.collapsed:hover {
  color: #36373c;
}
.course-lessons-listing .panel-heading:hover {
  background-color: #fcfcfc;
}
.course-lessons-listing .panel-body {
  padding: 15px 35px;
}
#course-about-coupon {
  border: 1px dashed #89949b;
  margin: -10px;
  padding: 10px;
  border-radius: 4px;
}
#course-about-coupon .h1 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  margin-top: 10px;
}
#course-about-coupon .text-muted {
  margin-bottom: 20px;
}
#course-about-coupon .text-muted .old-price {
  text-decoration: line-through;
  color: #e00001;
}
#course-about-coupon .small {
  margin: 0 0 5px 0;
}
#course-about-coupon-banner {
  background: #fff;
  color: #36373c;
  border: none;
  border-radius: 0;
}
#course-about-coupon-banner .container {
  padding: 15px;
}
#course-about-coupon-banner .container .inner {
  margin: 0;
  width: 100%;
}
#course-about-coupon-banner .container .inner p {
  margin-top: 0;
  margin-bottom: 5px;
}
@media (max-width: 480px) {
  #course-about-coupon-banner .container .inner p {
    margin-bottom: 3px;
  }
}
#course-about-coupon-banner .container .inner [class^="col-xs"] {
  padding: 0;
}
#course-about-coupon-banner .container .inner .h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
#course-about-coupon-banner .container .inner .btn-xl {
  white-space: normal;
}
@media (max-width: 480px) {
  #course-about-coupon-banner .container .inner .btn-xl {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    font-size: 16px;
  }
}
#course-about-coupon-banner .container .inner .text-muted {
  margin-bottom: 0;
}
#course-about-coupon-banner .container .inner .text-muted .old-price {
  text-decoration: line-through;
  color: #e00001;
}
@media (min-width: 768px) {
  #course-about-coupon-banner .container {
    padding: 10px;
  }
  #course-about-coupon-banner .container .inner {
    border: 1px dashed #89949b;
    padding: 10px;
  }
  #course-about-coupon-banner .container .inner .coupon-price {
    padding-top: 16px;
  }
  #course-about-coupon-banner .container .inner .coupon-details {
    padding-top: 14px;
    font-size: 14px;
  }
  #course-about-coupon-banner .container .inner .coupon-details p {
    margin-bottom: 3px;
  }
  #course-about-coupon-banner .container .inner .deal-cta {
    text-align: center;
    padding-left: 15px;
  }
  #course-about-coupon-banner .container .inner .deal-cta .btn-xl {
    padding: 20px 25px;
  }
}
#course-about-summary h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #89949b;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0 0 5px 0;
}
.course.lessons .image-placeholder {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #f8f9f9;
  display: inline-block;
}
@media (max-width: 991px) {
  .course.lessons.free-trial-current {
    margin-bottom: 85px;
    position: relative;
  }
  .course.lessons.course-access-none {
    position: relative;
    margin-bottom: 75px;
  }
}
.course.lessons.first-access .lessons-row .panel:not(.course-title):not(.customize-course):not(.free-trial-convert) {
  pointer-events: none;
  opacity: 0.2;
}
.course.lessons #welcome-modal .modal-dialog {
  margin: 160px auto;
}
@media (max-width: 767px) {
  .course.lessons #welcome-modal .modal-dialog {
    margin: 160px 20px;
  }
}
.course.lessons #welcome-modal .modal-dialog .modal-header {
  border-bottom: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .course.lessons #welcome-modal .modal-dialog .btn {
    width: 280px;
  }
}
.course.lessons #lesson-plan-modal .modal-dialog {
  margin: 160px auto;
}
@media (min-width: 992px) {
  .course.lessons #lesson-plan-modal .modal-dialog {
    width: 673px;
  }
}
.course.lessons #lesson-plan-modal .skip {
  border: none;
}
@media (min-width: 768px) {
  .course.lessons #lesson-plan-modal .skip {
    position: absolute;
    right: 0;
    margin-right: 20px;
  }
}
.course.lessons #lesson-plan-modal .take-tour {
  width: 250px;
}
@media (max-width: 767px) {
  .course.lessons #lesson-plan-modal .btn {
    width: auto;
  }
}
.course.lessons #lesson-plan-modal .modal-header {
  padding: 0;
  border-bottom: none;
}
.course.lessons #lesson-plan-modal .modal-header img {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
@media (max-width: 991px) {
  .course.lessons #lesson-plan-modal .modal-header img {
    width: 100%;
  }
}
.course.lessons #lesson-plan-modal .modal-body {
  padding: 20px;
  position: unset;
  margin: auto;
  width: 80%;
  text-align: center;
}
.course.lessons #lessons-nav {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .course.lessons .lessons-row.tab-content > .tab-pane {
    display: block !important;
    visibility: visible !important;
  }
}
.course.lessons.course-access-none .lessons-row.tab-content > .tab-pane {
  display: block !important;
  visibility: visible !important;
}
.course.lessons .panel {
  box-shadow: 0 2px #ddd;
  border-bottom-width: 1px;
  user-select: none;
}
.course.lessons .panel-heading h3,
.course.lessons .course-settings h3 {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: bold;
}
.course.lessons .panel-heading h3 span,
.course.lessons .course-settings h3 span {
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
}
.course.lessons .course-settings {
  display: none;
  position: relative;
}
.course.lessons .course-settings .arrow,
.course.lessons .course-settings .arrow-border {
  content: '';
  display: block;
  left: 76%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  /* left arrow slant */
  border-right: 10px solid transparent;
  /* right arrow slant */
  font-size: 0;
  line-height: 0;
}
.course.lessons .course-settings .arrow {
  position: absolute;
  top: 2px;
  border-bottom: 10px solid #FFF;
  /* bottom, add background color here */
  z-index: 2;
}
.course.lessons .course-settings .arrow-border {
  position: relative;
  border-bottom: 10px solid #d0d9df;
  /* bottom, add background color here */
  z-index: 1;
}
.course.lessons .course-settings .panel .panel-body {
  background: url('../../Images/Lessons/tour.png') no-repeat;
  background-position: center right;
}
@media (max-width: 767px) {
  .course.lessons .course-settings .panel .panel-body {
    background-position: bottom right;
  }
}
.course.lessons .course-settings .panel h3 {
  margin-bottom: 20px !important;
}
.course.lessons .course-settings .panel .tour-description {
  width: 60%;
}
.course.lessons .course-settings .panel .course-settings-btn {
  text-decoration: none;
  font-size: 18px;
  color: #89949b;
  cursor: pointer;
}
.course.lessons .course-settings .panel .course-settings-btn:hover {
  color: #36373c;
}
.course.lessons .course-settings .panel .sort-col {
  padding-right: 20px;
  border-right: 1px solid #d0d9df;
}
@media (max-width: 767px) {
  .course.lessons .course-settings .panel .sort-col {
    border-right: none;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .course.lessons .course-settings .panel .btn-primary {
    width: 60%;
  }
}
.course.lessons .course-settings .panel .tour-col {
  padding-left: 20px;
}
.course.lessons .course-settings .panel .sort-mode-form-group .control-label {
  color: #89949b;
  text-transform: none;
  margin-bottom: 10px;
  font-weight: normal;
}
.course.lessons .course-settings .panel #sort-mode {
  padding: 0;
  list-style: none;
}
.course.lessons .course-settings .panel #sort-mode li {
  margin: 0 0 5px 0;
  padding: 0;
}
.course.lessons .course-settings .panel #sort-mode .sort-mode-label {
  display: block;
  border-radius: 4px;
  padding: 13px 20px 13px 60px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: background 0.15s linear, color 0.15s linear;
  -o-transition: background 0.15s linear, color 0.15s linear;
  transition: background 0.15s linear, color 0.15s linear;
  text-transform: none;
  font-size: 14px;
  border: 2px solid #d0d9df;
}
.course.lessons .course-settings .panel #sort-mode .sort-mode-label input {
  position: absolute;
  top: -50px;
}
.course.lessons .course-settings .panel #sort-mode .sort-mode-label:before {
  content: '';
  padding: 2px;
  width: 20px;
  height: 20px;
  border: 2px solid #d0d9df;
  border-radius: 50%;
  margin: -10px 0 0;
  position: absolute;
  top: 50%;
  left: 15px;
}
.course.lessons .course-settings .panel #sort-mode .sort-mode-label:hover {
  background: #f5f5f5;
  color: #36373c;
}
.course.lessons .course-settings .panel #sort-mode .sort-mode-label.active {
  color: #36373c;
}
.course.lessons .course-settings .panel #sort-mode .sort-mode-label.active:before {
  background-color: #ffd723;
  box-shadow: 0 0 0 3px #fff inset;
}
@media (min-width: 768px) {
  .course.lessons .customize-course .row {
    display: flex;
  }
  .course.lessons .customize-course .row .customize-col {
    padding-top: 20px;
  }
  .course.lessons .customize-course .row .customize-col.beginner img {
    margin-top: 27px;
  }
  .course.lessons .customize-course .row .or {
    align-self: center;
  }
}
.course.lessons .customize-course .customize-btn {
  padding: 20px;
  border: none;
  color: #36373c;
  text-decoration: none;
  display: block;
  border-radius: 4px;
}
.course.lessons .customize-course .customize-btn p {
  font-weight: bold;
  color: #89949b;
}
.course.lessons .customize-course .customize-btn:hover p {
  color: #36373c;
}
@media (max-width: 767px) {
  .course.lessons .customize-course .or {
    padding: 10px;
  }
}
.course.lessons #access-expired table {
  font-size: 20px;
}
.course.lessons #access-expired table img {
  width: 100px;
  margin-left: 15px;
}
.course.lessons #access-expired table td {
  vertical-align: middle;
}
.course.lessons #access-expired table td.text {
  padding: 0 60px 0 45px;
}
.course.lessons #access-expired table .btn {
  margin-right: 10px;
  width: 280px;
}
@media (max-width: 767px) {
  .course.lessons #access-expired table {
    display: block;
    font-size: 16px;
  }
  .course.lessons #access-expired table td {
    display: block;
    text-align: center;
  }
  .course.lessons #access-expired table .btn {
    margin-left: 0;
    display: block;
    float: none !important;
    margin-top: 15px;
    width: 100%;
  }
}
.course.lessons #final-exam .panel-heading {
  padding: 0;
  border-bottom: none;
}
.course.lessons #final-exam .panel-heading img {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  width: 100%;
}
.course.lessons #final-exam p {
  font-size: 24px;
}
@media (min-width: 768px) {
  .course.lessons #final-exam p {
    padding: 20px 80px;
  }
}
.course.lessons #final-exam .btn {
  width: 200px;
}
.course.lessons #certificates .panel-heading {
  background-color: #fff;
  border-bottom: none;
}
.course.lessons #certificates .panel-body {
  padding: 0 20px;
}
@media (max-width: 767px) {
  .course.lessons #certificates .panel-body {
    padding-bottom: 20px;
  }
}
.course.lessons #certificates .no-certificates {
  text-align: center;
  padding: 20px;
}
.course.lessons #certificates .row {
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .course.lessons #certificates .row.my-certs-layout {
    padding-bottom: 30px;
    border-bottom: 1px solid #d0d9df;
  }
}
@media (min-width: 768px) {
  .course.lessons #certificates .row {
    border-top: solid 1px #d0d9df;
  }
}
@media (max-width: 767px) {
  .course.lessons #certificates .row {
    padding: 0;
  }
}
.course.lessons #certificates .row:first-child {
  padding-top: 0;
  border-top: none;
}
.course.lessons #certificates .row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.course.lessons #certificates .row [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767px) {
  .course.lessons #certificates .row [class*="col-"] .my-certs-type {
    padding: 20px 0 0 0;
    display: inline-block;
  }
  .course.lessons #certificates .row [class*="col-"] .my-certs-test-score {
    display: inline-block;
    padding: 20px;
  }
}
.course.lessons #certificates .row .my-certs-layout {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .course.lessons #certificates .row .my-certs-layout {
    padding: 0;
  }
  .course.lessons #certificates .row .my-certs-layout .btn {
    width: 100%;
  }
  .course.lessons #certificates .row .my-certs-layout .btn:first-child {
    margin-bottom: 20px;
  }
  .course.lessons #certificates .row .my-certs-layout.my-certs-type-score {
    padding: 0;
  }
  .course.lessons #certificates .row .my-certs-layout:last-child {
    border-bottom: none;
  }
}
.course.lessons #test-result,
.course.lessons #certificates {
  position: relative;
}
.course.lessons #test-result .panel-heading .back,
.course.lessons #certificates .panel-heading .back,
.course.lessons #test-result .panel-body .back,
.course.lessons #certificates .panel-body .back {
  position: absolute;
  color: #36373c;
  text-decoration: none;
  font-size: 18px;
  cursor: pointer;
  top: 16px;
  right: 16px;
  color: #89949b;
}
.course.lessons #test-result .panel-heading .back:hover,
.course.lessons #certificates .panel-heading .back:hover,
.course.lessons #test-result .panel-body .back:hover,
.course.lessons #certificates .panel-body .back:hover {
  color: #36373c;
}
.course.lessons #course-pledge .pledge-row {
  display: table;
  width: 100%;
}
.course.lessons #course-pledge .pledge-row .pledge-col {
  float: none;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  border: none;
}
.course.lessons #course-pledge .pledge-row .pledge-col:first-child {
  width: 50px;
}
.course.lessons #course-pledge .pledge-row .pledge-col:last-child .complete {
  width: auto;
  margin-right: 28px;
}
@media (max-width: 1199px) {
  .course.lessons #course-pledge .pledge-row .pledge-col:last-child .complete {
    margin-right: 23px;
  }
}
.course.lessons #course-pledge .pledge-row .pledge-col p {
  margin-bottom: 0;
  font-size: 16px;
  margin-right: 15px;
}
.course.lessons #course-pledge .pledge-row .pledge-col .icon-edit {
  font-size: 18px;
  margin: 0 20px 0 10px;
}
.course.lessons #course-pledge .pledge-row .lesson {
  background-color: unset;
  cursor: default;
}
.course.lessons #course-pledge .pledge-row .lesson .complete {
  margin: 0 3px 0 15px;
}
.course.lessons .sidebar .panel {
  background-color: #f8f9f9;
}
.course.lessons .sidebar .panel .panel-footer,
.course.lessons .sidebar .panel .panel-heading {
  background-color: #f8f9f9;
}
.course.lessons .sidebar .panel h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.course.lessons .sidebar .panel h3 > span {
  font-size: 24px;
}
.course.lessons .sidebar .incomplete-test .panel-heading,
.course.lessons .sidebar .incomplete-test .panel-body {
  background-color: #FFF;
}
.course.lessons .sidebar .incomplete-test .progress {
  margin-top: 20px;
  height: 15px;
}
.course.lessons .sidebar .incomplete-test .saved-popover {
  padding: 0;
  border: 1px solid #c5dcef;
  background-color: #EDF4FA;
  padding: 15px;
  width: 250px;
  white-space: normal;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.course.lessons .sidebar .incomplete-test .saved-popover .close {
  position: absolute;
  right: 5px;
  top: 17px;
}
.course.lessons .sidebar .incomplete-test .saved-popover .popover-title,
.course.lessons .sidebar .incomplete-test .saved-popover .popover-content {
  background-color: #EDF4FA;
  border: none;
}
.course.lessons .sidebar .incomplete-test .saved-popover .arrow {
  border-left-color: #c5dcef;
}
.course.lessons .sidebar .incomplete-test .saved-popover .arrow:after {
  border-left-color: #EDF4FA;
}
.course.lessons .sidebar .incomplete-test .saved-popover .popover-title {
  padding: 0 14px;
  color: #36373c;
  text-transform: none;
}
.course.lessons .sidebar .test-results p,
.course.lessons .sidebar .certificates p {
  margin-bottom: 0;
}
.course.lessons .sidebar .test-results table,
.course.lessons .sidebar .certificates table {
  margin-bottom: 0;
}
.course.lessons .sidebar .test-results table td,
.course.lessons .sidebar .certificates table td {
  padding: 15px 10px 15px 15px;
}
.course.lessons .sidebar .test-results table td.score,
.course.lessons .sidebar .certificates table td.score {
  padding-left: 0;
}
.course.lessons .sidebar .test-results table tr:first-child td,
.course.lessons .sidebar .certificates table tr:first-child td {
  border-top: none;
}
.course.lessons .sidebar .course-lessons-preview .panel-heading {
  height: 200px;
  padding: 20px;
  background: #fff url('../../Images/Lessons/Choose-plan.svg') 50% 50% no-repeat;
  background-size: 60%;
}
.course.lessons .sidebar .course-lessons-preview .panel-body {
  text-align: left;
  background-color: #FFF;
}
.course.lessons .sidebar .course-lessons-preview .share-links {
  font-size: 25px;
}
@media (min-width: 992px) {
  .course.lessons .sidebar .course-lessons-preview .btn {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .course.lessons .sidebar .course-lessons-preview .btn:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .course.lessons .sidebar .course-lessons-preview {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    border: none;
    z-index: 10000;
    margin-bottom: 0;
  }
  .course.lessons .sidebar .course-lessons-preview .panel-body {
    padding: 15px;
    text-align: center;
    background-color: #36373c;
  }
  .course.lessons .sidebar .course-lessons-preview .panel-body h3 {
    font-weight: normal;
    font-size: 24px;
    color: #FFF;
  }
  .course.lessons .sidebar .course-lessons-preview .panel-body .btn {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.3333333;
    width: auto;
    display: inline-block;
    border-width: 2px;
  }
  .course.lessons .sidebar .course-lessons-preview .panel-body .btn.btn-outline {
    color: #ffd723;
  }
  .course.lessons .sidebar .course-lessons-preview .panel-body .btn.btn-outline:hover {
    color: #36373c;
  }
}
.course.lessons .sidebar .course-progress .time-spent .number {
  margin-right: 5px;
  font-size: 50px;
  color: #ffd723;
}
.course.lessons .sidebar .course-progress .time-spent p:last-child {
  margin-bottom: 0;
}
.course.lessons .sidebar .certificates,
.course.lessons .sidebar .test-results {
  cursor: pointer;
}
.course.lessons .sidebar .certificates .incomplete,
.course.lessons .sidebar .test-results .incomplete {
  line-height: 32px;
}
.course.lessons .sidebar .certificates .table td,
.course.lessons .sidebar .test-results .table td {
  vertical-align: middle;
}
.course.lessons .sidebar .certificates .table td:first-child,
.course.lessons .sidebar .test-results .table td:first-child {
  padding-right: 0;
}
.course.lessons .sidebar .certificates .none p,
.course.lessons .sidebar .test-results .none p {
  display: flex;
  align-items: center;
}
.course.lessons .sidebar .certificates .none p img,
.course.lessons .sidebar .test-results .none p img {
  float: left;
  margin-right: 20px;
}
.course.lessons .sidebar .certificates .none p span,
.course.lessons .sidebar .test-results .none p span {
  vertical-align: middle;
}
.course.lessons .sidebar .badges {
  position: relative;
}
.course.lessons .sidebar .badges .tooltip {
  min-width: 200px;
}
.course.lessons .sidebar .badges .course-badge {
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #ffd723;
  border-color: transparent !important;
  vertical-align: middle;
  display: inline-block;
}
.course.lessons .sidebar .badges .course-badge .tooltip-overlay {
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1000;
  position: absolute;
}
.course.lessons .sidebar .badges .course-badge svg {
  position: absolute;
  top: -7px;
  left: -7px;
}
.course.lessons .sidebar .badges .course-badge.current {
  top: 0;
  width: 55px;
  height: 55px;
}
.course.lessons .sidebar .badges .course-badge.current svg {
  top: -10px;
  left: -9px;
}
.course.lessons .sidebar .badges .course-badge.not-attained {
  background-color: #d0d9df;
}
.course.lessons .sidebar .badges .course-badge .progress {
  margin-bottom: 0;
  height: 15px;
}
.course.lessons .sidebar .free-trial-convert {
  background-color: #fff;
}
.course.lessons .sidebar .free-trial-convert .days-left {
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left {
  position: relative;
  margin: 15px auto;
  line-height: 120px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: block;
  font-size: 70px;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper {
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper .text {
  z-index: 900;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper .pie {
  width: 50%;
  height: 100%;
  transform-origin: 100% 50%;
  position: absolute;
  background: #f8f9f9;
  border: none;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper .spinner {
  z-index: 200;
  opacity: 1;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper .filler {
  left: 50%;
  z-index: 100;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper .mask {
  width: 50%;
  height: 100%;
  position: absolute;
  background: inherit;
  opacity: 1;
  z-index: 300;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper:not(.reverse) .spinner {
  border-right: none;
  border-top-left-radius: 100% 50%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 100% 50%;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper:not(.reverse) .filler {
  border-left: none;
  border-top-left-radius: 0;
  border-top-right-radius: 100% 50%;
  border-bottom-right-radius: 100% 50%;
  border-bottom-left-radius: 0;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper:not(.reverse).over-half .filler {
  animation: opa steps(1, end) reverse;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper:not(.reverse).over-half .mask {
  animation: opa steps(1, end) forwards;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper:not(.reverse).under-half .filler {
  opacity: 0;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper.reverse .spinner {
  border-left: none;
  border-top-left-radius: 0;
  border-top-right-radius: 100% 50%;
  border-bottom-right-radius: 100% 50%;
  border-bottom-left-radius: 0;
  left: 50%;
  transform-origin: 0 50%;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper.reverse .filler {
  border-right: none;
  border-top-left-radius: 100% 50%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 100% 50%;
  opacity: 1;
  left: 0;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper.reverse .mask {
  opacity: 0;
  left: 50%;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper.reverse.over-half .filler {
  animation: opa steps(1, end) forwards;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-timer .wrapper.reverse.over-half .mask {
  animation: opa steps(1, end) reverse;
  opacity: 1;
}
@-webkit-keyframes rota {
  0% {
    transform: rotate(0deg);
  }
}
@-moz-keyframes rota {
  0% {
    transform: rotate(0deg);
  }
}
@-o-keyframes rota {
  0% {
    transform: rotate(0deg);
  }
}
@keyframes rota {
  0% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes opa {
  0% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}
@-moz-keyframes opa {
  0% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}
@-o-keyframes opa {
  0% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}
@keyframes opa {
  0% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left .pie-text {
  position: relative;
  z-index: 10;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left svg {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: -125px;
  overflow: visible;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left svg circle {
  fill: rgba(0, 0, 0, 0);
  stroke-width: 31.83px;
  stroke-dasharray: 100,0;
  stroke-dashoffset: 25;
}
.course.lessons .sidebar .free-trial-convert .days-left .number-days-left svg .pie1 {
  stroke: #f8f9f9;
}
.course.lessons .sidebar .free-trial-convert .btn {
  width: 100%;
  display: block;
}
#course-lessons-content .lesson {
  border-top: 1px solid #ddd;
}
#course-lessons-content .lesson a {
  text-decoration: none !important;
}
#course-lessons-content .lesson .tooltip {
  width: 275px;
}
#course-lessons-content .lesson .lesson-number {
  font-size: 50px;
  line-height: 42px;
}
@media (max-width: 767px) {
  #course-lessons-content .lesson .lesson-number {
    font-size: 42px;
    line-height: 36px;
  }
}
@media (max-width: 480px) {
  #course-lessons-content .lesson .lesson-number {
    font-size: 32px;
    line-height: 28px;
  }
}
#course-lessons-content .lesson .lesson-heading {
  padding-left: 20px;
}
#course-lessons-content .lesson .lesson-heading .label {
  padding: 1px 8px 2px 8px;
}
#course-lessons-content .lesson .lesson-heading h4 {
  margin-top: 0;
}
#course-lessons-content .lesson .lesson-heading .duration-heading {
  color: #36373c;
  margin-top: 15px;
  margin-bottom: 0;
}
#course-lessons-content .lesson .duration-col .duration-label {
  font-weight: 600;
}
#course-lessons-content .lesson .duration-col .duration {
  font-weight: lighter;
  font-size: 22px;
}
#course-lessons-content .lesson .complete {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  position: relative;
  margin-top: 10px;
}
#course-lessons-content .lesson .complete:before {
  display: block;
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '';
  border: 1px solid transparent;
  background: transparent;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  box-shadow: none;
  margin-right: 0;
  position: absolute;
  top: 3px;
  right: 0;
}
#course-lessons-content .lesson.completed .complete:before,
#course-lessons-content .lesson.passed.completed .complete:before {
  border: none !important;
  box-shadow: none !important;
  content: '\e839';
  color: #fff !important;
}
#course-lessons-content .lesson.completed .complete:before {
  background-color: #ffd723 !important;
}
#course-lessons-content .lesson.passed.completed .complete:before {
  background-color: #17c30f !important;
}
.course-access-current #course-lessons-content .lesson:not(.viewed):not(.completed):not(.game-mode-current) {
  color: #89949b;
}
.course-access-current #course-lessons-content .lesson:not(.viewed):not(.completed):not(.game-mode-current) h4 {
  color: #89949b;
}
.course-access-none #course-lessons-content .lesson:not(.availability-free),
.course-access-expired #course-lessons-content .lesson:not(.availability-free) {
  color: #89949b;
}
.course-access-none #course-lessons-content .lesson:not(.availability-free) h4,
.course-access-expired #course-lessons-content .lesson:not(.availability-free) h4 {
  color: #89949b;
}
.course-access-current #course-lessons-content .lesson.game-mode-current {
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px #ddd, 0 0 10px 5px #efefef;
}
#course-lessons-content .lesson:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.course-access-current #course-lessons-content .lesson.viewed .complete:before,
.course-access-current #course-lessons-content .lesson.completed .complete:before,
.course-access-current #course-lessons-content .lesson.passed.completed .complete:before {
  border: 1px solid #d0d9df;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
  background: #fff;
}
.course-access-current #course-lessons-content .lesson.viewed:hover .complete,
.course-access-current #course-lessons-content .lesson.completed:hover .complete,
.course-access-current #course-lessons-content .lesson.passed.completed:hover .complete {
  color: #d0d9df;
}
.course-access-current #course-lessons-content .lesson.viewed:hover .complete:hover:before,
.course-access-current #course-lessons-content .lesson.completed:hover .complete:hover:before,
.course-access-current #course-lessons-content .lesson.passed.completed:hover .complete:hover:before {
  color: #d0d9df;
  content: '\e839';
}
@media (max-width: 991px) {
  .free-trial-convert {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
    border-radius: 0;
    border: none;
    z-index: 10000;
    text-align: center;
    background-color: #36373c;
    color: #FFF;
  }
  .free-trial-convert .days-left {
    display: inline-block;
    margin-right: 15px;
    white-space: nowrap;
    font-size: 18px;
  }
  .free-trial-convert .days-left .number-days-left {
    display: inline;
  }
}
.course-tab-nav {
  border-bottom: 1px solid #d0d9df;
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  background-color: transparent;
}
.course-tab-nav li {
  display: inline-block;
  margin: 0;
  padding: 0 50px;
  border: none;
  color: #36373c;
}
@media (max-width: 1199px) {
  .course-tab-nav li {
    padding: 0 60px;
  }
}
@media (max-width: 767px) {
  .course-tab-nav li {
    padding: 0 30px;
  }
}
@media (max-width: 480px) {
  .course-tab-nav li {
    padding: 0 10px;
  }
}
.course-tab-nav li a {
  display: inline-block;
  border-bottom: 4px solid transparent;
  color: #36373c;
  padding: 15px 0 13px;
  text-decoration: none;
}
.course-tab-nav li a:hover,
.course-tab-nav li a:focus,
.course-tab-nav li a:active {
  border-bottom-color: #ffd723;
}
.course-tab-nav li.active a {
  font-weight: bold;
  border-bottom-color: #ffd723;
}
.course-lessons-list .panel .row {
  padding: 30px;
  margin: 0;
}
@media (max-width: 767px) {
  .course-lessons-list .panel .row {
    padding: 15px;
  }
}
.course-lessons-list .panel .row > div {
  padding: 0;
}
.course-lessons-list .panel .icon-col {
  font-size: 24px;
}
.course-lessons-list .panel .panel-heading {
  padding: 0;
  font-weight: normal;
  background-color: #fff;
  border-bottom: none;
}
.course-lessons-list .panel .panel-heading:hover {
  cursor: pointer;
}
.course-lessons-list .panel .panel-heading.collapsed {
  border-radius: 4px;
}
.course-lessons-list .panel .panel-heading h3 {
  display: inline-block;
}
.course-lessons-list .panel .panel-heading .progress-section {
  text-align: right;
}
.course-lessons-list .panel .panel-heading .progress-section .progress {
  float: left;
  height: 15px;
  width: 80%;
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 0;
  background-color: #eaeded;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (max-width: 1199px) {
  .course-lessons-list .panel .panel-heading .progress-section .progress {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .course-lessons-list .panel .panel-heading .progress-section .progress {
    width: 90%;
  }
}
@media (max-width: 480px) {
  .course-lessons-list .panel .panel-heading .progress-section .progress {
    width: 80%;
  }
}
.course-lessons-list .panel .panel-heading .progress-section .progress .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
  min-width: 0 !important;
}
.course-lessons-list .panel .panel-heading .progress-section .progress.complete .progress-bar {
  background-color: #17c30f !important;
}
.course-lessons-list .panel .panel-heading .progress-section .percent {
  float: right;
  width: 30px;
}
.course-lessons-list .panel .panel-heading > .progress-section {
  border-top: 1px solid #d0d9df;
  padding: 15px 15px 30px 15px;
}
.course-lessons-list .panel .panel-heading .collapse-icon {
  font-size: 18px;
}
.course-lessons-list .panel .section-body {
  background-color: #fff;
  margin-bottom: 0;
}
#other-course-lessons-list .panel-heading {
  background-color: #f8f9f9;
}
.course .course-title .popover .close {
  display: none;
}
.course .course-title .course-logo {
  cursor: pointer;
}
.course .course-title span {
  display: table-cell;
  vertical-align: middle;
}
.course .course-title .course-settings-btn {
  color: #89949b;
  font-size: 24px;
  padding: 0 15px;
}
.course .course-title .course-settings-btn:before {
  margin-right: 0;
}
.course .course-title .course-settings-btn:hover {
  color: #36373c;
  cursor: pointer;
}
.course .tooltip .tooltip-inner {
  padding: 10px 20px;
}
.course .popover {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .course .popover {
    text-align: center;
  }
}
.course .popover .popover-title {
  color: #89949b;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom-color: #d0d9df;
}
.course .popover .btn {
  margin: 0;
}
.course .popover .share-icon-links {
  display: block;
  float: left;
  height: 32px;
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #d0d9df;
}
@media (max-width: 767px) {
  .course .popover .share-icon-links {
    float: none;
    border: none;
    padding: 0;
    margin: 0 0 10px 0;
  }
}
.course .popover .share-icon-links a {
  display: inline-block;
  font-size: 35px;
  line-height: 32px;
}
.course .popover .share-icon-links a .icon:before {
  margin: 0;
  line-height: 32px;
  position: relative;
  top: -1px;
}
.course.pricing.experiment {
  /*#course-pricing-options {
        margin-top: 45px;
        margin-bottom: 30px;
    }

    .panel {
        .panel-heading {
            background: @goskills-charcoal;
            padding: 15px;


            h2 {
                color: #fff;
                padding: 0;
                margin: 0;
                font-size: @font-size-h3;
            }
        }

        .panel-body {
            position: relative;
        }
    }

    .price {
        height: 60px;
        margin: 0;

        span {
            display: inline-block;
        }

        .currency-symbol {
            vertical-align: top;
            font-size: @font-size-large;
            position: relative;
            top: 5px;
        }

        .before-decimal-point {
            font-size: 60px;
            line-height: 60px;
            font-weight: normal;
        }
    }

    .period {
        font-weight: 300;
        text-transform: lowercase;
        font-size: @font-size-h4;
    }

    .was, .save {
        margin: 0;
    }

    .btn-block {
        max-width: 180px;
        margin: 0 auto 30px;
    }

    .after {
        font-size: @font-size-large;
        font-weight: @btn-font-weight;
        margin: 0;
        padding: 0;
    }

    #course-about-features {
        max-width: 250px;
        margin: 30px auto;
        position: relative;
    }

    @media(min-width: @screen-sm-min) {
        .col-md-8 .panel-body {
            height: 360px;
        }

        .description {
            height: 60px;
        }

        #course-pricing-monthly,
        #course-pricing-yearly {
            height: 200px;
        }

        #course-pricing-lifetime {
            height: 180px;
        }

        .cancel {
            margin: 0;
        }

        .btn-block {
            width: 180px;
            margin: 0 0 0 -90px;
            position: absolute;
            bottom: 0;
            left: 50%;
        }

        .after {
            position: absolute;
            bottom: 20px;
            left: 20px;
            right: 20px;
        }

        #course-about-features {
            max-width: 500px;
        }
    }

    @media(min-width: @screen-md-min) {
        .panel-body {
            height: 360px;
        }

        #course-pricing-lifetime {
            height: 200px;
        }

        .btn-block {
            width: 180px;
            margin: 0 0 0 -90px;
            position: absolute;
            bottom: 0;
            left: 50%;
        }

        .after {
            position: absolute;
            bottom: 20px;
            left: 20px;
            right: 20px;
        }
    }*/
}
.course.pricing.experiment .pricing-heading {
  padding-left: 0;
  padding-right: 0;
}
.course.pricing.experiment #telesales-open {
  display: none;
}
.course.pricing.experiment #pricing-tab-nav li {
  padding: 0 100px;
}
@media (max-width: 991px) {
  .course.pricing.experiment #course-pricing-business .btn {
    width: 100%;
  }
}
.course.pricing.experiment #business #course-org-pricing {
  padding-top: 0;
}
.course.pricing.experiment #business #course-org-pricing p.drag {
  top: 20px;
  margin-top: -20px;
}
.course.pricing.experiment #individual .row {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .course.pricing.experiment #individual .row {
    max-width: 700px;
  }
}
@media (max-width: 991px) {
  .course.pricing.experiment #individual .row {
    margin-top: 60px !important;
  }
}
@media (max-width: 767px) {
  .course.pricing.experiment #individual .row {
    margin-top: 10px !important;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .course.pricing.experiment #individual .pricing-options .pricing-col:first-child .panel {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right-width: 0;
  }
}
.course.pricing.experiment #individual .pricing-options .pricing-col .panel {
  box-shadow: none !important;
}
@media (min-width: 768px) {
  .course.pricing.experiment #individual .pricing-options .pricing-col .panel.recommended {
    margin-top: -40px !important;
  }
}
.course.pricing.experiment #individual .pricing-options .pricing-col .panel .top .pricing {
  height: auto;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .course.pricing.experiment #individual .pricing-options .pricing-col .panel .pricing-actions.two-buttons {
    height: 105px;
  }
}
.course.pricing.experiment #individual .pricing-options .pricing-col .panel .pricing-actions .buy .btn {
  margin-top: 15px !important;
}
.course.pricing.experiment #individual .pricing-options .pricing-col .panel .bottom {
  height: auto !important;
  text-align: left;
  padding: 20px 40px !important;
  background-color: #FFF !important;
}
@media (max-width: 767px) {
  .course.pricing.experiment #individual .pricing-options .pricing-col .panel .bottom {
    padding: 20px !important;
  }
}
.course.pricing.experiment #individual .pricing-options .pricing-col .panel .bottom h3 {
  font-size: 14px;
  margin-bottom: 15px;
}
.course.pricing.experiment #individual .pricing-options .pricing-col .panel .bottom ul {
  font-size: 14px;
  padding-left: 0;
  list-style: none;
  color: #89949b;
}
#course-pricing .select-period-toggle {
  position: relative;
  margin-top: 30px;
}
#course-pricing .select-period-toggle .left-label,
#course-pricing .select-period-toggle .right-label {
  position: relative;
  font-size: 16px;
  font-weight: 700;
}
#course-pricing .select-period-toggle .left-label {
  right: 0;
}
#course-pricing .select-period-toggle .right-label {
  left: 0;
}
#course-pricing .select-period-toggle .label-text:before,
#course-pricing .select-period-toggle .label-text:after {
  top: 4px;
  position: absolute;
  font-size: 16px;
  font-weight: 700;
}
#course-pricing .select-period-toggle .label-text:before {
  content: 'Monthly';
  left: -40px;
  width: 50%;
  text-align: right;
}
#course-pricing .select-period-toggle .label-text:after {
  content: 'Annually';
  right: -40px;
  width: 50%;
  text-align: left;
}
@media (max-width: 767px) {
  #course-pricing .select-period-toggle .label-text:after {
    content: 'Annually';
  }
}
#course-pricing .select-period-toggle .switch {
  max-width: none;
  vertical-align: middle;
}
#course-pricing .select-period-toggle .switch input + .slider {
  background-color: #89949b;
}
#course-pricing .select-period-toggle .switch input + .slider:before {
  background-color: #ffd723;
}
#course-pricing .pricing-options {
  margin: 50px;
}
#course-pricing .pricing-options.just-all-courses {
  margin-top: 70px;
}
@media (max-width: 1199px) {
  #course-pricing .pricing-options {
    margin: 50px 15px;
  }
}
@media (min-width: 992px) {
  #course-pricing .pricing-options.selectable:hover [class^="col-"] .panel.recommended {
    box-shadow: none;
    transition: box-shadow 0.2s ease-in-out;
    border-bottom-left-radius: 0;
  }
  #course-pricing .pricing-options.selectable:hover [class^="col-"] .panel.recommended .bottom {
    padding-bottom: 20px;
    border-bottom-left-radius: 0;
  }
  #course-pricing .pricing-options.selectable:hover [class^="col-"] .panel.recommended:hover {
    box-shadow: 0 0 50px #89949b;
    transition: box-shadow 0.2s ease-in-out;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  #course-pricing .pricing-options.selectable:hover [class^="col-"] .panel.recommended:hover .bottom {
    padding-bottom: 30px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #course-pricing .pricing-options.selectable:hover [class^="col-"] .panel.recommended .bottom {
    height: 160px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #course-pricing .pricing-options.selectable:hover [class^="col-"] .panel.recommended:hover .bottom {
    height: 170px;
  }
}
#course-pricing .pricing-options .pricing-col {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1199px) {
  #course-pricing .pricing-options .pricing-col {
    margin-bottom: 30px;
  }
}
#course-pricing .pricing-options .pricing-col .panel {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-width: 1px;
  margin-bottom: 0;
}
#course-pricing .pricing-options .pricing-col .panel.selectable:hover {
  cursor: pointer;
}
@media (min-width: 992px) {
  #course-pricing .pricing-options .pricing-col .panel {
    border-radius: 0;
    border-right-width: 0;
  }
}
#course-pricing .pricing-options .pricing-col .panel.recommended {
  box-shadow: 0 0 50px #89949b;
  transition: box-shadow 0.2s ease-in-out;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media (min-width: 992px) {
  #course-pricing .pricing-options .pricing-col .panel.recommended {
    margin-top: -40px;
  }
}
#course-pricing .pricing-options .pricing-col .panel.recommended .bottom {
  padding-bottom: 30px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media (max-width: 1199px) {
  #course-pricing .pricing-options .pricing-col .panel.recommended .bottom {
    height: 170px;
  }
}
@media (max-width: 991px) {
  #course-pricing .pricing-options .pricing-col .panel.recommended .bottom {
    height: auto;
    padding-bottom: 20px;
  }
}
#course-pricing .pricing-options .pricing-col .panel.recommended .above {
  margin-bottom: 0;
  padding: 10px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  background-color: #36373c;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
#course-pricing .pricing-options .pricing-col .panel .top {
  padding: 20px 40px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1199px) {
  #course-pricing .pricing-options .pricing-col .panel .top {
    padding: 20px 20px;
  }
}
#course-pricing .pricing-options .pricing-col .panel .top .sale {
  position: absolute;
  top: 30px;
  left: -40px;
  background: #ef5350;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  width: 180px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ie8 #course-pricing .pricing-options .pricing-col .panel .top .sale {
  width: auto;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 4px;
  top: -10px;
  left: -10px;
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing-type {
  margin-top: 30px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 991px) {
  #course-pricing .pricing-options .pricing-col .panel .top .pricing-type {
    margin-top: 0;
  }
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing-type span {
  font-weight: 600;
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing-icon {
  width: 100%;
  height: 78px;
  background-repeat: no-repeat;
  background-position: 50% 100%;
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing-icon.free {
  background-image: url("/Images/Course-Pricing/free.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #course-pricing .pricing-options .pricing-col .panel .top .pricing-icon.free {
    background-image: url("/Images/Course-Pricing/free-2x.png");
    background-size: 53px 78px;
  }
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing-icon.lite {
  background-image: url("/Images/Course-Pricing/lite.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #course-pricing .pricing-options .pricing-col .panel .top .pricing-icon.lite {
    background-image: url("/Images/Course-Pricing/lite-2x.png");
    background-size: 61px 74px;
  }
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing-icon.pro {
  background-image: url("/Images/Course-Pricing/pro.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #course-pricing .pricing-options .pricing-col .panel .top .pricing-icon.pro {
    background-image: url("/Images/Course-Pricing/pro-2x.png");
    background-size: 127px 78px;
  }
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing {
  height: 150px;
}
@media (max-width: 1199px) {
  #course-pricing .pricing-options .pricing-col .panel .top .pricing {
    height: 160px;
  }
}
@media (max-width: 991px) {
  #course-pricing .pricing-options .pricing-col .panel .top .pricing {
    height: auto;
  }
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing h2 {
  margin-top: 20px;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  #course-pricing .pricing-options .pricing-col .panel .top .pricing h2 {
    margin-top: 0;
  }
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing h2 .price {
  position: relative;
  font-family: 'Open Sans', sans-serif;
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing h2 .price .currency-symbol,
#course-pricing .pricing-options .pricing-col .panel .top .pricing h2 .price .after-decimal-point {
  font-size: 20px;
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing h2 .price .after-decimal-point {
  display: inline-block;
  vertical-align: middle;
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing h2 .price .after-decimal-point .currency-acronym {
  display: inline;
  font-size: 18px;
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing h2 .price .before-decimal-point {
  position: relative;
  bottom: -9px;
  font-size: 50px;
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing .period {
  color: #89949b;
  font-size: 16px;
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing-actions {
  height: 45px;
}
@media (max-width: 991px) {
  #course-pricing .pricing-options .pricing-col .panel .top .pricing-actions {
    height: auto;
  }
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing-actions .buy .btn {
  border: none;
  margin-top: 0;
}
#course-pricing .pricing-options .pricing-col .panel .top .pricing-actions .buy .btn .icon-gift-outline {
  margin-right: 5px;
}
#course-pricing .pricing-options .pricing-col .panel .bottom {
  padding: 20px 5px;
  background-color: #fcfcfc;
  border-top: 1px solid #d0d9df;
}
@media (max-width: 1199px) {
  #course-pricing .pricing-options .pricing-col .panel .bottom {
    height: 160px;
  }
}
@media (max-width: 991px) {
  #course-pricing .pricing-options .pricing-col .panel .bottom {
    height: auto;
  }
}
#course-pricing .pricing-options .pricing-col .panel .bottom img {
  height: 40px;
}
#course-pricing .pricing-options .pricing-col .panel .bottom .name {
  margin-top: 10px;
  font-weight: 700;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  #course-pricing .pricing-options .pricing-col:hover .panel.selectable {
    box-shadow: 0 0 50px #89949b;
    transition: box-shadow 0.2s ease-in-out;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  #course-pricing .pricing-options .pricing-col:hover .panel.selectable .bottom {
    padding-bottom: 30px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #course-pricing .pricing-options .pricing-col:hover .panel.selectable .bottom {
    height: 170px;
  }
}
#course-pricing .pricing-options .pricing-col:first-child .panel {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
#course-pricing .pricing-options .pricing-col:first-child .panel .bottom {
  border-bottom-left-radius: 4px;
}
#course-pricing .pricing-options .pricing-col:last-child .panel {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-right-width: 1px;
}
@media (min-width: 992px) {
  #course-pricing .pricing-options.selectable .pricing-col:hover {
    z-index: 100;
  }
}
.pricing #home-people {
  padding-top: 50px;
}
#course-pricing-business {
  background: #656564 url('/Images/course-pricing-business-bg.jpg') 50% 50% no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
}
#course-pricing-business .h1 {
  color: #fff;
  margin-bottom: 15px;
}
#course-pricing-business .btn {
  display: block;
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  #course-pricing-business .btn {
    display: inline-block;
    margin: 0;
  }
}
#course-pricing-business .btn-outline {
  color: #ffd723;
}
@media (min-width: 768px) {
  #course-pricing-business .btn-outline {
    margin-left: 5px;
  }
}
#course-pricing-business .btn-outline:hover,
#course-pricing-business .btn-outline:focus,
#course-pricing-business .btn-outline:active {
  color: #36373c;
}
@media (min-width: 768px) {
  #course-pricing-business {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  #course-pricing-business {
    padding-top: 120px;
    height: 400px;
  }
  #course-pricing-business .h1 {
    margin-bottom: 30px;
  }
}
.form-group.org-slug .controls {
  overflow: hidden;
}
@media (min-width: 768px) {
  .form-group.org-slug .controls .input {
    overflow: hidden;
    display: block;
  }
  .form-group.org-slug .controls .input input {
    width: 100%;
  }
  .form-group.org-slug .controls .prefix {
    float: left;
    margin-top: 7px;
    margin-right: 5px;
  }
}
@media (max-width: 767px) {
  .organization-choose form {
    margin: 0;
  }
}
.org.course.pricing .tooltip {
  text-transform: none;
}
@media (max-width: 767px) {
  .org.course.pricing #course-org-pricing {
    margin-top: 10px;
  }
}
.org.course.pricing #course-org-pricing .drag {
  margin-top: -10px;
  position: relative;
  top: 30px;
}
.org.course.pricing #course-org-pricing .drag .arrow {
  position: relative;
  top: 3px;
  left: 5px;
  font-size: 32px;
  font-weight: 400;
}
.org.course.pricing #course-org-pricing p.h1 {
  margin-top: -35px;
}
@media (max-width: 767px) {
  .org.course.pricing #course-org-pricing p.h1 {
    margin-top: 0;
  }
}
.org.course.pricing #course-org-pricing p.drag {
  text-align: left;
  text-transform: uppercase;
  font-weight: 700;
}
.org.course.pricing #course-org-pricing #choose-quantity {
  padding: 0 80px;
  margin-top: 20px;
}
.org.course.pricing #course-org-pricing #choose-quantity .choose-quantity-labels {
  margin-left: -9.8%;
  margin-right: -9%;
}
.org.course.pricing #course-org-pricing #choose-quantity .choose-quantity-labels div:before {
  position: absolute;
  top: -30px;
  left: 50%;
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background: #d0d9df;
}
.org.course.pricing #course-org-pricing #choose-quantity .choose-quantity-labels div:last-child:before,
.org.course.pricing #course-org-pricing #choose-quantity .choose-quantity-labels div:first-child:before {
  width: 0;
}
.org.course.pricing #course-org-pricing #choose-quantity #quantity-slider {
  margin-top: 75px;
  margin-bottom: 10px;
  height: 20px;
}
.org.course.pricing #course-org-pricing #choose-quantity #quantity-slider .slider-bg {
  height: 14px;
  background-color: #fff;
  border-radius: 7px;
  border: 1px solid #ddd;
}
.org.course.pricing #course-org-pricing #choose-quantity #quantity-slider .progress {
  position: relative;
  top: -21px;
  width: 0;
  height: 14px;
  background-color: #ffd723;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 3;
}
.org.course.pricing #course-org-pricing #choose-quantity #quantity-slider .handle {
  position: relative;
  top: -3px;
  height: 20px;
  width: 20px;
  background-color: #000;
  border-radius: 50%;
  z-index: 4;
  cursor: pointer;
}
.org.course.pricing #course-org-pricing #choose-quantity #quantity-slider .handle .inner-handle {
  position: relative;
  top: 7px;
  left: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #ffd723;
}
.org.course.pricing #course-org-pricing #choose-quantity #quantity-slider .handle #handle-tooltip {
  position: relative;
  top: -55px;
  left: -50px;
  width: 120px;
  padding: 10px;
  background-color: #FFF;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.org.course.pricing #course-org-pricing #choose-quantity #quantity-slider .handle #handle-tooltip:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #ddd;
  left: 52px;
  top: 40px;
}
.org.course.pricing #course-org-pricing #choose-quantity #quantity-slider .handle #handle-tooltip:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #FFF;
  left: 52px;
  top: 39px;
}
.org.course.pricing #course-org-pricing .over-100 {
  margin-top: 20px;
  color: #89949b;
}
.org.course.pricing #course-org-pricing #org-pricing {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .org.course.pricing #course-org-pricing #org-pricing {
    margin-top: 20px;
  }
}
.org.course.pricing #course-org-pricing #org-pricing table .invisible {
  border: none !important;
}
.org.course.pricing #course-org-pricing #org-pricing table.table-striped > tbody > tr:nth-child(2n) > td,
.org.course.pricing #course-org-pricing #org-pricing table .table-striped > tbody > tr:nth-child(2n) > th {
  background-color: #fff;
}
.org.course.pricing #course-org-pricing #org-pricing table.table-striped > tbody > tr:nth-child(2n+1) > td,
.org.course.pricing #course-org-pricing #org-pricing table .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #fcfcfc;
}
@media (max-width: 767px) {
  .org.course.pricing #course-org-pricing #org-pricing table {
    background-color: #fff;
  }
}
.org.course.pricing #course-org-pricing #org-pricing table td.border-bottom {
  border-bottom: 1px solid #ddd;
}
.org.course.pricing #course-org-pricing #org-pricing table th.shadow {
  box-shadow: 0px 0px 15px 3px #d0d9df;
}
.org.course.pricing #course-org-pricing #org-pricing table tr.last-row .shadow {
  box-shadow: 0px 0px 15px 3px #d0d9df;
}
.org.course.pricing #course-org-pricing #org-pricing table tr:not(.last-row) .shadow {
  position: relative;
}
.org.course.pricing #course-org-pricing #org-pricing table tr:not(.last-row) .shadow:before {
  box-shadow: -15px 0 15px -12px #d0d9df inset;
  content: " ";
  height: 100%;
  top: 0;
  left: -15px;
  position: absolute;
  width: 15px;
}
.org.course.pricing #course-org-pricing #org-pricing table tr:not(.last-row) .shadow:after {
  box-shadow: 15px 0 15px -12px #d0d9df inset;
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  right: -15px;
  width: 15px;
}
.org.course.pricing #course-org-pricing #org-pricing table .peruser .formatted-price {
  font-size: 0;
}
.org.course.pricing #course-org-pricing #org-pricing table .peruser .formatted-price > * {
  font-size: 30px;
  font-weight: 600;
}
.org.course.pricing #course-org-pricing #org-pricing table .peruser .acronym {
  margin-left: 2px;
  font-size: 16px;
}
.org.course.pricing #course-org-pricing #org-pricing table .buy-links a {
  width: 80%;
}
@media (max-width: 767px) {
  .org.course.pricing #course-org-pricing #org-pricing table .buy-links a {
    width: 165px;
  }
}
.org.course.pricing #course-org-pricing #org-pricing table .buy-links p {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .org.course.pricing #course-org-pricing #org-pricing table .buy-links p {
    margin-top: 18px;
  }
}
.org.course.pricing #course-org-pricing #org-pricing table tr.access {
  border-top: 1px solid #ddd;
}
.org.course.pricing #course-org-pricing #org-pricing table tr.peruser td {
  border-bottom: 1px solid #ddd;
}
.org.course.pricing #course-org-pricing #org-pricing table tr.total td {
  background-color: #FCF6DC !important;
}
.org.course.pricing #course-org-pricing #org-pricing table .last-row td {
  border: 1px solid #ddd;
  border-top: none;
}
.org.course.pricing #course-org-pricing #org-pricing table th,
.org.course.pricing #course-org-pricing #org-pricing table .th {
  padding: 20px;
  text-align: center;
  border: 1px solid #ddd;
  border-bottom: none;
}
@media (min-width: 768px) {
  .org.course.pricing #course-org-pricing #org-pricing table th,
  .org.course.pricing #course-org-pricing #org-pricing table .th {
    background-color: #fff;
  }
}
.org.course.pricing #course-org-pricing #org-pricing table th p.name,
.org.course.pricing #course-org-pricing #org-pricing table .th p.name {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}
.org.course.pricing #course-org-pricing #org-pricing table th p.period,
.org.course.pricing #course-org-pricing #org-pricing table .th p.period {
  margin-top: 5px;
}
.org.course.pricing #course-org-pricing #org-pricing table th .image-wrapper,
.org.course.pricing #course-org-pricing #org-pricing table .th .image-wrapper {
  display: inline-block;
  background-color: #36373c;
  height: 60px;
  width: 60px;
  padding: 5px;
  padding-top: 10px;
  border-radius: 3px;
}
.org.course.pricing #course-org-pricing #org-pricing table td {
  padding: 15px;
  border: none;
  border-right: 1px solid #ddd;
}
@media (max-width: 767px) {
  .org.course.pricing #course-org-pricing #org-pricing table td {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: none;
    border-left: none;
  }
}
.org.course.pricing #course-org-pricing #org-pricing table td.hd {
  text-align: left;
  color: #89949b;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}
.org.course.pricing #course-org-pricing #org-pricing table td.hd span[class^="icon-"]:before {
  font-size: 16px;
  margin-right: 15px;
}
.org.course.pricing #course-org-pricing #org-pricing table td.hd .icon-help-circled {
  margin-right: 15px;
}
.org.course.pricing #course-org-pricing #org-pricing table td.hd .icon-help-circled:hover {
  color: #36373c;
}
.org.course.pricing #course-org-pricing #org-pricing table td.hd .icon-help-circled:before {
  margin-right: 0 !important;
}
.org.course.pricing #course-org-pricing #org-pricing table ul {
  list-style: none;
  padding: 0;
  padding-top: 10px;
  font-size: 13px;
  color: #89949b;
}
.org.course.pricing #home-start h2 {
  margin-top: 20px;
}
.org.course.pricing #home-start .btn-xl {
  padding: 15px 50px;
}
.org.course.pricing #business-intro {
  background-color: #FFF;
}
@media (min-width: 992px) {
  #course-complete h1 {
    font-size: 50px;
  }
}
#course-complete p {
  margin-bottom: 15px;
}
#course-complete img {
  margin: 30px auto;
}
#course-complete .rating {
  font-size: 30px;
}
#lesson {
  background: #36373c;
  color: #fff;
}
#lesson .container {
  padding-top: 20px;
}
#lesson .btn-outline {
  margin-left: 10px;
}
#lesson .btn-outline.btn-primary {
  color: #ffd723;
}
#lesson .btn-outline.btn-primary:hover,
#lesson .btn-outline.btn-primary:focus,
#lesson .btn-outline.btn-primary:active,
#lesson .btn-outline.btn-primary.active {
  color: #36373c;
}
#lesson .nav-tabs {
  border-bottom: none;
}
#lesson .nav-tabs li {
  margin-bottom: 0;
  width: 33.33333333%;
  font-size: 16px;
  background: #36373c;
}
#lesson .nav-tabs li a {
  margin: 0;
  border: 1px solid #4d4f56;
  border-radius: 0;
  color: #89949b;
  font-weight: 600;
  width: 100%;
  text-align: center;
}
#lesson .nav-tabs li a .icon {
  display: inline-block;
  font-size: 24px;
  line-height: 33px;
  vertical-align: middle;
}
#lesson .nav-tabs li a .icon:before {
  width: auto;
  margin-right: 0;
  line-height: 33px;
}
@media (min-width: 767px) {
  #lesson .nav-tabs li a .icon:before {
    margin-right: 10px;
  }
}
#lesson .nav-tabs li a .text {
  vertical-align: middle;
}
#lesson .nav-tabs li a:hover,
#lesson .nav-tabs li a:focus,
#lesson .nav-tabs li a:active {
  background: #53555c;
}
#lesson .nav-tabs li.active a {
  background: #ffd723;
  border-color: #ffd723;
  color: #36373c;
}
#lesson .nav-tabs li + li a {
  border-left-width: 0;
}
#lesson .nav-tabs li.active + li a {
  border-left-width: 1px;
}
#lesson .nav-tabs.nav-tabs-4 li {
  width: 25%;
}
#lesson .flowplayer .fp-end a.underline {
  color: #ffd723;
}
#lesson .flowplayer .fp-end a.underline:hover {
  text-decoration: underline;
}
#lesson .flowplayer .fp-end .large {
  width: 210px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 70px;
  text-align: left;
}
#lesson .flowplayer .fp-end .large a {
  display: block;
  padding-left: 65px;
  position: relative;
}
#lesson .flowplayer .fp-end .large span {
  display: block;
  width: 65px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 50px;
  line-height: 70px;
  vertical-align: middle;
}
#lesson .flowplayer .fp-end .large span:before {
  margin-right: 0;
}
@media (min-width: 768px) {
  #lesson .flowplayer .fp-end .large {
    font-size: 18px;
    line-height: 90px;
    width: 250px;
  }
  #lesson .flowplayer .fp-end .large a {
    padding-left: 90px;
  }
  #lesson .flowplayer .fp-end .large span {
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 70px;
  }
}
#lesson .flowplayer .fp-end .small {
  display: none;
  margin: 30px 0 0 0;
  font-size: 16px;
}
#lesson .flowplayer .fp-end .small a {
  color: #89949b;
  margin: 0 10px;
}
#lesson .flowplayer .fp-end .small a span:before {
  margin-right: 10px;
}
#lesson .flowplayer .fp-end .small a:hover,
#lesson .flowplayer .fp-end .small a:focus,
#lesson .flowplayer .fp-end .small a:active {
  color: #fff;
}
@media (min-width: 480px) {
  #lesson .flowplayer .fp-end .small {
    display: block;
  }
}
#lesson .flowplayer .fp-intermission {
  font-size: 18px;
  text-shadow: 0 0 4px #000;
}
#lesson .flowplayer .fp-intermission p {
  margin-bottom: 15px;
  font-weight: 600;
}
#lesson .flowplayer .fp-intermission a {
  font-size: 34px;
}
#lesson .flowplayer .fp-intermission a:hover,
#lesson .flowplayer .fp-intermission a:active,
#lesson .flowplayer .fp-intermission a:focus {
  color: #ffd723;
}
#lesson .tab-content {
  background: #fff;
  color: #36373c;
}
#lesson .tab-content .tab-pane {
  padding: 30px;
}
#lesson .tab-content .tab-pane#lesson-transcript,
#lesson .tab-content .tab-pane#lesson-notes {
  padding: 0;
}
#lesson .icon-player-horizontal:before,
#lesson .icon-player-vertical:before {
  width: auto;
  margin-right: 0;
}
@media (max-width: 991px) {
  #lesson.layout-vertical #lesson-player-container {
    margin-bottom: 30px;
  }
  #lesson.layout-vertical #lesson-content-container {
    margin-top: 30px;
  }
  #lesson.layout-vertical #lesson-content .nav-tabs li a .text {
    display: none;
  }
  #lesson.layout-vertical .tab-pane {
    max-height: 400px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  #lesson.layout-vertical #lesson-layout.with-note {
    margin-bottom: 0;
  }
  #lesson.layout-vertical #lesson-note {
    position: static;
    top: auto;
    left: auto;
    right: auto;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  #lesson.layout-vertical #lesson-content .nav-tabs li a .text {
    display: inline;
    text-transform: capitalize;
  }
}
@media (max-width: 991px) and (min-width: 1200px) {
  #lesson.layout-vertical #lesson-content .nav-tabs li a .text {
    text-transform: none;
  }
}
@media (min-width: 992px) {
  #lesson.layout-vertical #lesson-layout {
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
  }
  #lesson.layout-vertical #lesson-player-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-right: 5px;
  }
  #lesson.layout-vertical #lesson-content-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
  #lesson.layout-vertical #lesson-content {
    height: 100%;
    position: relative;
  }
  #lesson.layout-vertical #lesson-content .nav-tabs li a .text {
    display: none;
  }
  #lesson.layout-vertical #lesson-content .nav-tabs li a .icon:before {
    margin: 0;
  }
  #lesson.layout-vertical #lesson-content .tab-content {
    position: absolute;
    top: 55px;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  #lesson.layout-vertical #lesson-content .tab-content .tab-pane {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  #lesson.layout-vertical #lesson-player-container {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  #lesson.layout-vertical #lesson-content-container {
    float: left;
    width: 33.33333333%;
  }
}
#lesson.layout-horizontal #lesson-player-container {
  margin-bottom: 30px;
}
#lesson.layout-horizontal #lesson-content-container {
  margin-top: 30px;
}
#lesson.layout-horizontal #lesson-content .nav-tabs li a .text {
  display: none;
}
@media (min-width: 768px) {
  #lesson.layout-horizontal #lesson-content .nav-tabs li a .text {
    display: inline;
    text-transform: capitalize;
  }
}
@media (min-width: 1200px) {
  #lesson.layout-horizontal #lesson-content .nav-tabs li a .text {
    text-transform: none;
  }
}
#lesson.layout-horizontal .tab-pane {
  max-height: 400px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#lesson.layout-horizontal #lesson-layout.with-note {
  margin-bottom: 0;
}
#lesson.layout-horizontal #lesson-note {
  position: static;
  top: auto;
  left: auto;
  right: auto;
}
#lesson .icon-heart {
  display: none;
}
#lesson-heading {
  margin-bottom: 20px;
}
#lesson-heading h1 {
  padding: 10px 0;
  margin: 0;
  font-size: 18px;
  color: #d0d9df;
  line-height: 25px;
  font-weight: bold;
}
#lesson-heading #lesson-back-link {
  display: block;
  float: left;
  line-height: 45px;
  height: 100%;
  color: #d0d9df;
  font-weight: 600;
  font-size: 24px;
  padding: 0 15px 0 0;
  margin: 0 15px 0 0;
  border-right: 1px solid #4d4f56;
}
@media (min-width: 992px) {
  #lesson-heading #lesson-back-link {
    font-size: 14px;
  }
  #lesson-heading #lesson-back-link .hidden-xs {
    margin-left: 5px;
  }
}
@media (max-width: 991px) {
  #lesson-heading #lesson-quiz-button {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
.lesson #content,
.webinar #content {
  padding-top: 75px;
  -webkit-transition: padding-top 0.15s linear;
  -o-transition: padding-top 0.15s linear;
  transition: padding-top 0.15s linear;
}
.lesson.share-open #content,
.webinar.share-open #content {
  padding-top: 167px;
}
.lesson.share-open #lesson-share,
.webinar.share-open #lesson-share {
  opacity: 1;
  top: 75px;
}
.lesson.share-open #lesson-banner .share,
.webinar.share-open #lesson-banner .share {
  position: relative;
}
.lesson.share-open #lesson-banner .share:after,
.webinar.share-open #lesson-banner .share:after,
.lesson.share-open #lesson-banner .share:before,
.webinar.share-open #lesson-banner .share:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.lesson.share-open #lesson-banner .share:after,
.webinar.share-open #lesson-banner .share:after {
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #222222;
}
.lesson.share-open #lesson-banner .share:before,
.webinar.share-open #lesson-banner .share:before {
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid;
  border-bottom-color: inherit;
}
.lesson.share-open #lesson-banner .share:before,
.webinar.share-open #lesson-banner .share:before,
.lesson.share-open #lesson-banner .share:after,
.webinar.share-open #lesson-banner .share:after {
  bottom: 0;
}
.lesson #messages,
.webinar #messages {
  padding-top: 0;
}
#lesson-banner {
  background: #ffd723;
  color: #36373c;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#content #lesson-banner .container {
  height: 75px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0;
}
#lesson-banner .text-right a {
  display: inline-block;
  height: 75px;
  width: 50px;
  color: #36373c;
  text-align: center;
  font-size: 14px;
  border: #e0b700 solid 0;
  cursor: pointer;
}
@media (min-width: 480px) {
  #lesson-banner .text-right a {
    width: 75px;
    border-left-width: 1px;
  }
  #lesson-banner .text-right a:last-child {
    border-right-width: 1px;
  }
}
@media (min-width: 768px) {
  #lesson-banner .text-right a {
    width: 120px;
  }
}
#lesson-banner .text-right a:hover,
#lesson-banner .text-right a:focus {
  background: #efc400;
  color: #36373c;
  text-decoration: none;
}
#lesson-banner .text-right a:active {
  background: #36373c;
  color: #ffd723;
  text-decoration: none;
}
#lesson-banner .text-right a [class^="icon-"] {
  display: block;
  font-size: 26px;
  line-height: 75px;
  margin-top: 0;
}
@media (min-width: 768px) {
  #lesson-banner .text-right a [class^="icon-"] {
    margin-top: 6px;
    line-height: 36px;
  }
}
#lesson-banner .logo {
  display: block;
  height: 75px;
  float: left;
  background-image: url("/Images/lesson-logo.png");
  width: 163px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #lesson-banner .logo {
    background-image: url("/Images/lesson-logo-2x.png");
    background-size: 163px 41px;
  }
}
#lesson-layout:before,
#lesson-layout:after {
  content: " ";
  display: table;
}
#lesson-layout:after {
  clear: both;
}
#lesson-layout:before,
#lesson-layout:after {
  content: " ";
  display: table;
}
#lesson-layout:after {
  clear: both;
}
#lesson-layout.with-note {
  margin-bottom: 74px;
}
#lesson-player-container:before,
#lesson-player-container:after {
  content: " ";
  display: table;
}
#lesson-player-container:after {
  clear: both;
}
#lesson-player-container:before,
#lesson-player-container:after {
  content: " ";
  display: table;
}
#lesson-player-container:after {
  clear: both;
}
#lesson-player {
  float: left;
  width: 100%;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
#lesson-note {
  clear: both;
  position: absolute;
  bottom: -74px;
  left: 15px;
  right: 15px;
}
#lesson-note .form-control {
  border-radius: 4px;
  background: #47484f;
  border: 1px solid #4d4f56;
  color: #d0d9df;
}
#lesson-note .btn {
  border-radius: 4px;
  margin-left: 15px;
}
#lesson-content {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
#lesson-resources .content {
  margin-bottom: 30px;
}
#lesson-resources h2 {
  font-weight: 600;
  margin: 15px 0;
}
#lesson-description h2:first-child {
  margin-top: 0;
}
#lesson-files:before,
#lesson-files:after {
  content: " ";
  display: table;
}
#lesson-files:after {
  clear: both;
}
#lesson-files:before,
#lesson-files:after {
  content: " ";
  display: table;
}
#lesson-files:after {
  clear: both;
}
#lesson-files a {
  display: block;
  background: #ffd723;
  border-radius: 4px;
  overflow: hidden;
  color: #36373c;
  float: left;
  padding: 5px 64px 5px 10px;
  margin: 15px 15px 0 0;
  position: relative;
  font-size: 13px;
  line-height: 22px;
}
#lesson-files a:hover,
#lesson-files a:focus {
  background: #efc400;
  text-decoration: none;
}
#lesson-files a:active {
  background: #e0b700;
}
#lesson-files a.disabled {
  background: #89949b;
  cursor: not-allowed;
}
#lesson-files a span {
  display: block;
  position: absolute;
  height: 100%;
  width: 54px;
  top: 0;
  right: 0;
  font-size: 24px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
}
#lesson-files a span:before {
  margin: 0;
  line-height: 54px;
}
#lesson-reference .content {
  margin-bottom: 30px;
}
#lesson-reference h2,
#lesson-reference h3,
#lesson-reference h4 {
  font-weight: 600;
  margin: 15px 0;
}
#lesson-reference h2:first-child,
#lesson-reference h3:first-child,
#lesson-reference h4:first-child {
  margin-top: 0;
}
#lesson-reference h2 {
  font-size: 24px;
}
#lesson-reference h3 {
  font-size: 18px;
}
#lesson-reference h4 {
  font-size: 14px;
  margin-left: 15px;
}
#lesson-reference p,
#lesson-reference ul,
#lesson-reference ol {
  padding-left: 15px;
  margin-bottom: 15px;
}
#lesson-reference ul {
  list-style: none;
}
#lesson-reference ul > li {
  position: relative;
  padding-left: 15px;
}
#lesson-reference ul > li:before {
  display: block;
  content: "•";
  color: #ffd723;
  font-size: 18px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
#lesson-reference ul ul,
#lesson-reference ul ol {
  margin-top: 10px;
}
#lesson-reference table {
  border: none;
  border-bottom: 1px solid #d0d9df;
  margin: 0 0 15px 15px;
}
#lesson-reference table td,
#lesson-reference table th {
  padding: 5px;
  border: none;
}
#lesson-reference table tr {
  border-top: 1px solid #d0d9df;
}
#lesson-reference table p {
  margin: 0;
  padding: 0;
}
#lesson-reference .app-for-office-only {
  display: none;
}
#lesson-transcript p,
#lesson-notes p {
  padding: 30px;
  margin: 0;
}
#lesson-transcript .content,
#lesson-notes .content {
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight: 600;
}
#lesson-transcript .content li,
#lesson-notes .content li {
  margin: 0;
  padding: 10px 30px;
  border-bottom: 1px solid #d0d9df;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 0.15s linear, color 3s linear 3s;
  -o-transition: background-color 0.15s linear, color 3s linear 3s;
  transition: background-color 0.15s linear, color 3s linear 3s;
}
#lesson-transcript .content li .time,
#lesson-notes .content li .time {
  color: #89949b;
}
#lesson-transcript .content li .time:before,
#lesson-notes .content li .time:before {
  content: '[';
}
#lesson-transcript .content li .time:after,
#lesson-notes .content li .time:after {
  content: ']:';
}
#lesson-transcript .content li .remove,
#lesson-notes .content li .remove {
  color: #89949b;
  cursor: pointer;
}
#lesson-transcript .content li .remove:before,
#lesson-notes .content li .remove:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e82f';
}
#lesson-transcript .content li .remove:hover,
#lesson-notes .content li .remove:hover {
  color: #36373c;
}
@media (min-width: 768px) {
  #lesson-transcript .content li,
  #lesson-notes .content li {
    padding: 10px 50px 10px 100px;
  }
  #lesson-transcript .content li .time,
  #lesson-notes .content li .time {
    position: absolute;
    top: 10px;
    left: 30px;
    width: 70px;
    color: #36373c;
  }
  #lesson-transcript .content li .time:before,
  #lesson-notes .content li .time:before,
  #lesson-transcript .content li .time:after,
  #lesson-notes .content li .time:after {
    content: '';
  }
  #lesson-transcript .content li .remove,
  #lesson-notes .content li .remove {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
#lesson-transcript .content li:hover,
#lesson-notes .content li:hover {
  background: #f8f9f9;
}
#lesson-transcript .content li.active,
#lesson-notes .content li.active {
  background: #ffd723;
}
#lesson-transcript .content li.new,
#lesson-notes .content li.new {
  color: #1fb08a;
}
#lesson-transcript .content li:last-child,
#lesson-notes .content li:last-child {
  border-bottom: none;
}
#lesson-navigation {
  clear: both;
  padding-top: 30px;
}
#lesson-navigation a {
  display: block;
  background: #47484f;
  border: 1px solid #4d4f56;
  border-radius: 4px;
  color: #89949b;
  padding: 15px;
  line-height: 20px;
  position: relative;
}
#lesson-navigation a:before,
#lesson-navigation a:after {
  content: " ";
  display: table;
}
#lesson-navigation a:after {
  clear: both;
}
#lesson-navigation a:before,
#lesson-navigation a:after {
  content: " ";
  display: table;
}
#lesson-navigation a:after {
  clear: both;
}
#lesson-navigation a:hover,
#lesson-navigation a:focus,
#lesson-navigation a:active {
  background: #53555c;
}
#lesson-navigation a.next:hover .icon-right-big,
#lesson-navigation a.next:focus .icon-right-big,
#lesson-navigation a.next:active .icon-right-big {
  background: #efc400;
}
#lesson-navigation a.next.disabled {
  background: #53555c;
  cursor: not-allowed;
}
#lesson-navigation a.next.disabled .icon-right-big,
#lesson-navigation a.next.disabled:hover .icon-right-big,
#lesson-navigation a.next.disabled:focus .icon-right-big,
#lesson-navigation a.next.disabled:active .icon-right-big {
  color: #89949b;
  background: transparent;
}
#lesson-navigation .name {
  color: #89949b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#lesson-navigation .duration {
  text-align: right;
}
#lesson-navigation .previous .duration {
  padding-right: 30px;
}
#lesson-navigation .icon-left-big {
  display: block;
  font-size: 18px;
  margin: -5px -15px;
  padding: 5px 0;
  text-align: center;
}
@media (min-width: 992px) {
  #lesson-navigation .icon-left-big {
    margin-right: 0;
    border-right: 1px solid #4d4f56;
  }
}
#lesson-navigation .icon-right-big {
  display: block;
  font-size: 18px;
  margin: -16px -16px -16px -16px;
  padding: 16px 0;
  color: #36373c;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
  background: #ffd723;
  text-align: center;
  border-radius: 4px;
}
@media (min-width: 992px) {
  #lesson-navigation .icon-right-big {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
}
#lesson-locked {
  margin: 50px 0;
  text-align: center;
}
#lesson-player #lesson-locked {
  margin: 0;
}
#lesson-locked .icon-locked {
  font-size: 40px;
}
@media (min-width: 768px) {
  #lesson-locked .icon-locked {
    font-size: 60px;
  }
}
#lesson-locked a {
  color: #ffd723;
}
#lesson-locked a:hover,
#lesson-locked a:active,
#lesson-locked a:focus {
  text-decoration: underline;
}
#lesson-locked p {
  margin: 5px 0;
}
#lesson-locked p.m-top-md {
  margin-top: 20px !important;
}
#lesson-locked p.lead {
  margin: 10px 0;
  font-weight: 600;
}
@media (min-width: 768px) {
  #lesson-locked p.lead {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  #lesson-player #lesson-locked p.lead {
    display: none;
  }
}
#lesson-locked p.hidden-xs {
  margin-top: 15px;
}
#lesson-locked p.hidden-xs .btn {
  margin: 0 5px;
}
#lesson-locked p.hidden-xs .btn.btn-primary {
  color: #36373c;
}
#lesson-locked p.hidden-xs .btn.btn-primary.btn-outline {
  color: #ffd723;
}
#lesson-locked p.hidden-xs .btn.btn-primary.btn-outline:hover,
#lesson-locked p.hidden-xs .btn.btn-primary.btn-outline:focus,
#lesson-locked p.hidden-xs .btn.btn-primary.btn-outline:active {
  color: #36373c;
}
#lesson-locked p.hidden-xs .btn:hover,
#lesson-locked p.hidden-xs .btn:focus,
#lesson-locked p.hidden-xs .btn:active {
  text-decoration: none;
}
#lesson-share {
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
  text-align: right;
  background: #222222;
  z-index: 1000;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
}
#content #lesson-share .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
#lesson-share .content {
  float: right;
}
#lesson-share .btn {
  display: none;
}
@media (min-width: 480px) {
  #lesson-share .btn {
    display: inline-block;
  }
}
#lesson-share .share-icon-links {
  display: block;
  float: left;
  height: 32px;
}
@media (min-width: 480px) {
  .lesson #lesson-share .share-icon-links {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #89949b;
  }
}
#lesson-share .share-icon-links .share-label {
  display: block;
  float: left;
  line-height: 32px;
  color: #fff;
  padding: 0 30px 0 0;
  font-weight: 600;
}
#lesson-share .share-icon-links a {
  display: inline-block;
  font-size: 35px;
  line-height: 32px;
  color: #fff;
}
#lesson-share .share-icon-links a:hover,
#lesson-share .share-icon-links a:focus,
#lesson-share .share-icon-links a:active {
  color: #ffd723;
  text-decoration: none;
}
#lesson-share .share-icon-links a .icon:before {
  margin: 0;
  line-height: 32px;
  position: relative;
  top: -1px;
}
#lesson-help {
  background: #222222;
  color: #ced3d5;
}
#lesson-help h1 {
  color: #ffd723;
  font-weight: 600;
}
#lesson-help h1 span {
  font-family: 'Open Sans', sans-serif;
}
#lesson-help #faq-list .panel-heading {
  border-top: 1px solid #626262;
}
#lesson-help #faq-list .panel-heading:first-child {
  border-top: none;
}
#lesson-help #faq-list a {
  color: #ffd723;
}
#lesson-help #faq-list h3 {
  color: #fff;
}
#lesson-help #faq-list h3:after {
  color: #ffd723;
}
#lesson-help #faq-list h3.collapsed {
  color: #fff;
}
#lesson-help #faq-list h3.collapsed:after {
  color: #fff;
}
#lesson-help #faq-list h3.collapsed:hover {
  color: #fff;
}
#lesson-help #faq-list .panel-body table td {
  border-color: #484848;
}
#lesson-help #faq-list .panel-body kbd {
  font-size: 100%;
}
#lesson-help #faq-list .panel-body .helpful {
  background-color: #666872;
  border-color: #9a9ca4;
}
#lesson-help #faq-list .panel-body .helpful h4 {
  color: #fff;
  font-weight: normal;
}
#lesson-help #faq-list .panel-body .helpful a {
  color: #fff;
}
.teach.enroll #hero {
  background-image: url('/Images/Teach/enroll-banner-top.jpg?v=2');
}
#enroll-faq {
  background-color: #f8f9f9;
  text-align: left;
}
@media (min-width: 768px) {
  #enroll-faq h2 {
    margin-bottom: 30px;
  }
}
#enroll-faq dl {
  margin-bottom: 0;
}
#enroll-faq dl dt {
  margin: 20px 0 10px 0;
  background: url('/Images/Teach/enroll-faq-q.png') 0 4px no-repeat;
  padding: 0 0 0 40px;
  font-weight: 600;
}
#enroll-faq dl dd {
  background: url('/Images/Teach/enroll-faq-a.png') 0 4px no-repeat;
  padding: 0 0 20px 40px;
  color: #222222;
  word-break: break-word;
  white-space: normal;
  border-bottom: 1px solid #d0d9df;
}
#enroll-faq dl dd:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.teach.audition .dashed-box {
  border: 1px dashed #89949b;
}
@media (min-width: 768px) {
  .teach.audition .tips > div:first-child {
    border-right: 1px solid #ccc;
    padding-right: 40px;
  }
  .teach.audition .tips > div:last-child {
    padding-left: 40px;
  }
}
.teach.audition .tips img {
  margin-right: 8px;
  vertical-align: inherit;
}
.teach.audition .tips ul {
  list-style: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="10" height="10"><circle fill="#89949b" cx="5" cy="5" r="3"/></svg>');
}
#enroll-outro {
  height: 460px;
  background-image: url('/Images/Teach/enroll-banner-bottom.jpg');
  background-position: 40% 0;
}
@media (min-width: 768px) {
  #enroll-outro {
    background-position: 50% 0;
  }
}
#teach-nav {
  padding-top: 40px;
  position: relative;
}
#teach-nav:after {
  content: '';
  display: block;
  height: 40px;
  background: #fff;
}
#teach-nav .container {
  padding-top: 0;
  padding-bottom: 0;
}
#teach-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#teach-nav ul:before,
#teach-nav ul:after {
  content: " ";
  display: table;
}
#teach-nav ul:after {
  clear: both;
}
#teach-nav ul:before,
#teach-nav ul:after {
  content: " ";
  display: table;
}
#teach-nav ul:after {
  clear: both;
}
#teach-nav ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  width: 20%;
}
#teach-nav ul li a,
#teach-nav ul li > div {
  display: block;
  text-decoration: none;
}
#teach-nav ul li a:hover,
#teach-nav ul li > div:hover {
  text-decoration: none;
}
#teach-nav ul li a .image,
#teach-nav ul li > div .image {
  display: block;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 33px;
  width: 33px;
  margin: 0 auto;
}
@media (min-width: 480px) {
  #teach-nav ul li a .image,
  #teach-nav ul li > div .image {
    height: 66px;
    width: 66px;
  }
}
#teach-nav ul li a .profile,
#teach-nav ul li > div .profile {
  background-image: url('/images/teach/nav-profile.png');
}
#teach-nav ul li a .audition,
#teach-nav ul li > div .audition {
  background-image: url('/images/teach/nav-audition.png');
}
#teach-nav ul li a .syllabus,
#teach-nav ul li > div .syllabus {
  background-image: url('/images/teach/nav-syllabus.png');
}
#teach-nav ul li a .contract,
#teach-nav ul li > div .contract {
  background-image: url('/images/teach/nav-contract.png');
}
#teach-nav ul li a .upload,
#teach-nav ul li > div .upload {
  background-image: url('/images/teach/nav-upload.png');
}
#teach-nav ul li a.active .image,
#teach-nav ul li > div.active .image,
#teach-nav ul li a.enabled:hover .image,
#teach-nav ul li > div.enabled:hover .image {
  background-position: left top;
}
#teach-nav ul li a .description,
#teach-nav ul li > div .description {
  color: #89949b;
  display: block;
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
}
@media (min-width: 480px) {
  #teach-nav ul li a .description,
  #teach-nav ul li > div .description {
    font-size: 14px;
  }
}
#teach-nav ul li a .step,
#teach-nav ul li > div .step {
  background-color: #89949b;
  color: #fff;
  display: block;
  margin: 10px auto -15px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  padding: 0;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 480px) {
  #teach-nav ul li a .step,
  #teach-nav ul li > div .step {
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin-bottom: -20px;
  }
}
#teach-nav ul li a.active .description,
#teach-nav ul li > div.active .description,
#teach-nav ul li a.enabled:hover .description,
#teach-nav ul li > div.enabled:hover .description {
  color: #000;
}
#teach-nav ul li a.active .step,
#teach-nav ul li > div.active .step {
  background-color: #ffd723;
  color: #000;
}
#teach-question {
  border-top: 1px solid #d0d9df;
}
.teach-syllabus-form {
  counter-reset: section;
}
#teach-syllabus textarea {
  resize: none;
  height: 100px;
}
#teach-syllabus p {
  margin: 0;
}
#teach-syllabus .syllabus-section,
#teach-syllabus .syllabus-lesson {
  border: 1px solid #d0d9df;
  border-bottom-width: 2px;
  padding: 7px 15px 15px 35px;
  margin-bottom: 15px;
  border-radius: 4px;
  position: relative;
}
#teach-syllabus .syllabus-section label,
#teach-syllabus .syllabus-lesson label {
  color: #89949b;
}
#teach-syllabus .syllabus-section ul,
#teach-syllabus .syllabus-lesson ul {
  list-style: none;
}
#teach-syllabus .syllabus-section p,
#teach-syllabus .syllabus-lesson p {
  margin-left: 40px;
}
#teach-syllabus .syllabus-section {
  counter-increment: section;
  counter-reset: lesson;
}
#teach-syllabus .syllabus-section:first-child .syllabus-section-move-up {
  color: #d0d9df;
  cursor: default;
}
#teach-syllabus .syllabus-section:last-child .syllabus-section-move-down {
  color: #d0d9df;
  cursor: default;
}
#teach-syllabus .syllabus-section > .form-group > .control-label:after {
  content: " " counter(section);
}
#teach-syllabus .syllabus-lesson {
  counter-increment: lesson;
  background: #f8f9f9;
}
#teach-syllabus .syllabus-lesson .form-group .control-label:after {
  content: " " counter(section) "." counter(lesson);
}
#teach-syllabus .syllabus-lesson .form-group + .form-group {
  margin-bottom: 0;
}
#teach-syllabus .syllabus-lesson:first-child .syllabus-lesson-move-up {
  color: #d0d9df;
  cursor: default;
}
#teach-syllabus .syllabus-lesson:last-child .syllabus-lesson-move-down {
  color: #d0d9df;
  cursor: default;
}
#teach-syllabus .syllabus-section-remove,
#teach-syllabus .syllabus-lesson-remove {
  display: block;
  float: right;
  position: absolute;
  top: 7px;
  right: 15px;
  font-size: 13px;
  cursor: pointer;
  color: #0072bc;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
}
#teach-syllabus .syllabus-section-move,
#teach-syllabus .syllabus-lesson-move {
  display: block;
  position: absolute;
  top: 7px;
  left: 10px;
}
#teach-syllabus .syllabus-section-move a,
#teach-syllabus .syllabus-lesson-move a {
  float: left;
  clear: both;
  display: block;
  font-size: 16px;
  color: #89949b;
}
#teach-syllabus .syllabus-section-move a:hover,
#teach-syllabus .syllabus-lesson-move a:hover,
#teach-syllabus .syllabus-section-move a:active,
#teach-syllabus .syllabus-lesson-move a:active,
#teach-syllabus .syllabus-section-move a:focus,
#teach-syllabus .syllabus-lesson-move a:focus {
  color: #36373c;
}
#teach-syllabus-summary {
  display: table;
  background: #f8f9f9;
}
#teach-syllabus-summary ol {
  counter-reset: section;
  list-style-type: none;
  padding: 10px 0 10px 40px;
  margin: 20px 30px 0;
}
#teach-syllabus-summary ol > li {
  font-weight: bold;
  position: relative;
}
#teach-syllabus-summary ol > li::before {
  counter-increment: section;
  content: counter(section) " ";
  position: absolute;
  left: -30px;
}
#teach-syllabus-summary ol > li > ol {
  counter-reset: lesson;
  padding-left: 0;
  margin-top: 0;
}
#teach-syllabus-summary ol > li > ol > li {
  font-weight: normal;
}
#teach-syllabus-summary ol > li > ol > li::before {
  counter-increment: lesson;
  content: counter(section) "." counter(lesson) " ";
  position: absolute;
  left: -30px;
}
.teach #teach-course-form > .form-group,
.teach #teach-course-create-form > .form-group {
  margin: 0 0 30px 0px;
  padding: 15px 20px 25px;
  background: #f8f9f9;
}
.teach #teach-course-create-form > .form-group {
  padding-bottom: 5px;
}
.teach #signature-block {
  max-width: 465px;
}
.teach.content .instructions {
  max-width: 640px;
  margin: 0 auto;
  display: table;
}
#teach-contract .paper {
  padding: 50px;
  background-color: #fcfcfc;
  box-shadow: #eee 0 0 40px 5px;
}
#teach-contract #contract.paper {
  padding: 50px 40px 20px 50px;
}
#teach-contract #contract.paper > ol {
  height: 500px;
  overflow-y: scroll;
}
/* This is in a separate file so that it can be included both by teach.less and pdf.less */
#teach-contract ol {
  counter-reset: section;
  list-style-type: none;
  padding: 10px 0 10px 40px;
}
#teach-contract ol li {
  font-weight: bold;
  position: relative;
}
#teach-contract ol li::before {
  counter-increment: section;
  content: counters(section, ".") ". ";
  position: absolute;
  left: -40px;
}
#teach-contract ol li ol {
  padding-left: 0;
}
#teach-contract ol li ol li {
  font-weight: normal;
}
#teach-contract ol li ol li ol {
  padding: 5px 0 5px 28px;
  counter-reset: section;
}
#teach-contract ol li ol li ol li {
  list-style: none;
}
#teach-contract ol li ol li ol li::before {
  counter-increment: section;
  content: "(" counter(section, lower-alpha) ") ";
  left: -28px;
}
#teach-contract ol li ol.headinged > li {
  padding-top: 18px;
  padding-bottom: 10px;
}
#teach-contract ol li ol.headinged > li strong {
  position: absolute;
  top: 0;
  left: 0;
}
#teach-contract #schedule table.table {
  border-collapse: collapse;
}
#teach-contract #schedule table.table tr td {
  vertical-align: top;
  width: 33%;
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  padding: 10px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
#teach-contract #schedule table.table ol {
  padding-left: 30px;
}
#teach-contract #schedule table.table ol.first {
  counter-reset: moduleCounter;
}
#teach-contract #schedule table.table ol li {
  list-style: none;
  position: relative;
}
#teach-contract #schedule table.table ol li:before {
  counter-increment: moduleCounter;
  content: counter(moduleCounter) ". ";
  position: absolute;
  left: -30px;
}
#test h1 {
  color: #ffd723;
  font-weight: 600;
  border-color: #36373c;
}
#test h1 span {
  font-family: 'Open Sans', sans-serif;
}
#test .panel-heading {
  padding: 15px;
  background: #fff;
  border-bottom: none;
  padding-bottom: 0;
  border-color: #d0d9df;
}
#test .panel-heading p {
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 0;
}
#test .panel-heading .back {
  text-decoration: none;
  font-size: 18px;
  color: #89949b;
}
#test .panel-heading .back:hover {
  color: #36373c;
}
#test .start-page h2 {
  font-weight: 900;
}
#test .start-page .panel-body {
  padding-bottom: 40px;
}
#test .start-page .start-test-text {
  font-size: 21px;
}
#test .start-page .panel-footer .btn {
  width: 200px;
}
#test .start-page .narrow {
  width: 70%;
  margin: 0 auto 10px auto;
}
@media (max-width: 767px) {
  #test .start-page .narrow {
    width: 100%;
  }
}
#test .start-page #start-test {
  width: 280px;
}
@media (max-width: 991px) {
  #test .start-page .panel-footer {
    display: flex;
  }
  #test .start-page .panel-footer .btn {
    align-items: stretch;
    flex: 1 1 50%;
    width: auto;
    float: none !important;
  }
  #test .start-page .panel-footer #start-test {
    margin-left: 10px;
    width: auto;
  }
}
#test.complete-page .row {
  margin-top: 40px;
  margin-bottom: 40px;
}
#test.complete-page #questions-progress,
#test.complete-page .panel-heading {
  background-color: #eef2f4;
}
#test.complete-page #questions-progress {
  border-bottom: 1px solid #d0d9df;
}
#test.complete-page #questions-progress h2 {
  margin-top: 70px;
  font-weight: 900;
}
#test.complete-page #questions-progress p {
  color: #89949b;
  font-weight: 900;
}
.questions-container {
  border-top: 1px solid #d0d9df;
}
.retake-questions p {
  margin: 50px 60px;
  font-size: 24px;
}
.retake-questions p .num-unanswered {
  font-weight: bold;
}
.panel .course-tab-nav {
  margin-left: -20px;
  margin-right: -20px;
}
.panel .course-tab-nav li a {
  padding-top: 0;
}
#results-chart {
  padding-top: 20px;
}
#skills-analysis {
  padding-top: 30px;
}
#skills-analysis ul {
  padding: 0;
  margin: 0 0 30px 0;
  list-style: none;
}
#skills-analysis ul li {
  margin: 0 0 4px 0;
  padding: 0;
}
#skills-analysis a {
  color: #89949b;
}
#test-result h1 {
  border-bottom: none;
  padding: 0;
  margin-bottom: 10px;
}
#test-result p {
  margin-bottom: 30px;
}
#test-result p:last-child {
  margin-bottom: 0;
}
#test-result p a.link {
  color: #ffd723;
}
@media (min-width: 480px) {
  #test-result .btn + .btn {
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  #test-result .btn + .btn {
    margin-left: 30px;
  }
}
@media (max-width: 480px) {
  #test-result .btn {
    margin: 0 0 10px 0;
    display: block;
  }
}
#test-result .btn-primary.btn-outline {
  color: #ffd723;
}
#test-result .btn-primary.btn-outline:hover,
#test-result .btn-primary.btn-outline:focus,
#test-result .btn-primary.btn-outline:active {
  color: #36373c;
}
@media (max-width: 767px) {
  #test-result-nav li {
    padding: 0 14px;
  }
}
#test-answers {
  padding-top: 30px;
}
#test-answers .test-answer {
  padding: 20px 0;
  border-bottom: solid 1px #d0d9df;
}
#test-answers .test-answer:first-child {
  padding-top: 0;
}
#test-answers .test-answer:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
#test-answers .test-answer .test-question {
  font-weight: 600;
}
#test-answers .test-answer h2 {
  color: #ffcc01;
  font-weight: 700;
}
#test-answers .test-answer label {
  margin-top: 15px;
}
#test-answers .test-answer span {
  font-weight: 600;
}
#test-answers .test-answer span.test-inline-icon:before {
  margin-right: 5px;
}
#test-answers .test-answer span.test-icon {
  font-size: 16px;
  position: relative;
  left: -18px;
  padding-top: 30px;
}
#test-answers .test-answer span.test-icon:before {
  margin-top: 20px;
  font-size: 30px;
  position: relative;
  top: -20px;
  left: 50px;
}
#test-answers .test-answer span.icon-ok {
  color: #1fb08a;
}
#test-answers .test-answer span.icon-ok.test-icon:before {
  left: 47px;
}
#test-answers .test-answer span.icon-cancel {
  color: #e00001;
}
#test-answers .test-answer span.icon-cancel.test-icon:before {
  left: 55px;
}
#test-answers .test-answer span.icon-help {
  color: #ffcc01;
}
#test-answers .test-answer span.icon-help.test-icon:before {
  left: 65px;
}
.questions-navigation .btn.btn-default {
  border-color: transparent;
}
.questions-navigation .btn.btn-default.btn-outline {
  color: #89949b;
  border-color: #d0d9df;
}
.questions-navigation #save-continue,
.questions-navigation #retake-questions {
  margin-right: 10px;
}
.questions-navigation #see-results {
  width: 250px;
}
#questions-progress .progress {
  height: 15px;
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#questions-progress .progress .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
}
#questions {
  margin: 0;
  padding: 0;
  list-style: none;
}
#questions .question {
  display: none;
  margin: 0;
}
#questions .question.active {
  display: block;
}
@media (min-width: 768px) {
  #questions .question .row {
    display: flex;
  }
  #questions .question .row .answers-col {
    align-self: flex-end;
  }
}
@media (max-width: 767px) {
  #questions .question .question-text {
    overflow-wrap: break-word;
  }
}
#questions .question #questions-current {
  width: 50px;
  height: 50px;
  display: block;
  font-size: 18px;
  text-align: center;
  border-radius: 50%;
  padding: 15px;
  padding-top: 13px;
  background-color: #ffd723;
}
#questions .question .difficulty {
  margin-top: 15px;
  font-weight: bold;
}
#questions .question h2 {
  font-size: 24px;
  line-height: 1.5;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 20px;
  white-space: pre-line;
}
#questions .question.long-question h2 {
  font-size: 18px;
}
#questions .question .answers {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  #questions .question .answers {
    margin: 20px;
  }
}
@media (min-width: 992px) {
  #questions .question .answers {
    margin: 20px 60px;
  }
}
#questions .question .answers li {
  margin: 0 0 5px 0;
  padding: 0;
}
#questions .question .answer {
  display: block;
  border-radius: 4px;
  padding: 13px 20px 13px 60px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: background 0.15s linear, color 0.15s linear;
  -o-transition: background 0.15s linear, color 0.15s linear;
  transition: background 0.15s linear, color 0.15s linear;
  text-transform: none;
  font-size: 14px;
  border: 2px solid #d0d9df;
}
#questions .question .answer.no-whitespace {
  word-break: break-all;
}
#questions .question .answer input {
  position: absolute;
  top: -50px;
}
#questions .question .answer:before {
  content: '';
  padding: 2px;
  width: 20px;
  height: 20px;
  border: 2px solid #d0d9df;
  border-radius: 50%;
  margin: -10px 0 0;
  position: absolute;
  top: 50%;
  left: 15px;
}
#questions .question .answer:hover {
  background: #f5f5f5;
  color: #36373c;
}
#questions .question .answer.active {
  color: #36373c;
}
#questions .question .answer.active:before {
  background-color: #ffd723;
  box-shadow: 0 0 0 3px #fff inset;
}
.not-found #content {
  text-align: center;
}
.not-found #not-found-code {
  font-size: 200px;
  line-height: 1.3;
  font-weight: 300;
}
@media (max-width: 768px) {
  .not-found #not-found-code {
    font-size: 120px;
  }
}
.server-error h1,
.timeout h1,
.access-denied h1 {
  font-family: 'Open Sans', sans-serif;
  font-size: 100px;
  line-height: 1.3;
  font-weight: 300;
}
@media (max-width: 768px) {
  .server-error h1,
  .timeout h1,
  .access-denied h1 {
    text-align: center;
    font-size: 60px;
  }
}
.server-error .icon-fire,
.timeout .icon-fire,
.access-denied .icon-fire {
  font-size: 200px;
  line-height: 1.2;
  color: #e00001;
}
@media (max-width: 768px) {
  .server-error #content,
  .timeout #content,
  .access-denied #content {
    text-align: center;
  }
}
.tutor #tutor-main .container {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .tutor #tutor-main .container {
    background: #fff;
    border-bottom: 1px solid #d0d9df;
  }
}
.tutor .panel {
  position: relative;
  padding: 40px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .tutor .panel {
    border: none;
    padding: 20px 10px 40px;
  }
}
.tutor .panel .mvp {
  background: url('/images/tutor-mvp.png') no-repeat top right;
  width: 139px;
  height: 56px;
  position: absolute;
  top: 10px;
  right: 9px;
}
@media (max-width: 767px) {
  .tutor .panel .mvp {
    background-size: 75%;
    top: 8px;
    right: 7px;
  }
}
.tutor .panel .tutor-details .photo {
  float: left;
  margin: 8px 0 0 10px;
}
@media (max-width: 767px) {
  .tutor .panel .tutor-details .photo {
    margin-left: 0;
  }
}
.tutor .panel .tutor-details .name {
  padding: 180px 0 0 5px;
  float: left;
}
@media (max-width: 767px) {
  .tutor .panel .tutor-details .name {
    clear: both;
    float: none;
    margin: 0 auto;
    padding: 10px 0 0;
    display: table;
  }
}
.tutor .panel .tutor-details .name .affiliation {
  display: none;
}
.tutor .panel .tutor-details .name h1 {
  font-weight: normal;
  color: #36373c;
  margin-bottom: 4px;
}
.tutor .panel .tutor-awards {
  margin: 20px 0;
}
@media (max-width: 991px) {
  .tutor .panel .tutor-awards {
    clear: both;
  }
}
.tutor .panel .tutor-awards ul.highlights {
  list-style-type: none;
  padding-left: 0;
}
.tutor .panel .tutor-awards ul.highlights > li {
  vertical-align: middle;
}
.tutor .panel .tutor-awards ul.highlights > li:first-child {
  margin-bottom: 40px;
}
.tutor .panel .tutor-awards ul.highlights > li h2 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 46px;
}
.tutor .panel .tutor-awards ul.highlights > li h2 .yellow-circle {
  display: inline-block;
  background-color: #ffd723;
  height: 46px;
  width: 46px;
  line-height: 46px;
  border-radius: 23px;
  text-align: center;
  margin-right: 15px;
  font-size: 28px;
}
.tutor .panel .tutor-awards ul.highlights > li h2 .yellow-circle:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '';
  width: auto;
  margin-right: 0;
}
.tutor .panel .tutor-awards ul.highlights > li h2 .yellow-circle:before {
  content: '\e81c';
}
.tutor .panel .tutor-awards ul.highlights > li.awards .yellow-circle:before {
  content: '\e81c';
}
.tutor .panel .tutor-awards ul.highlights > li.expertise .yellow-circle:before {
  content: '\e853';
}
.tutor .panel .tutor-awards ul.highlights ul {
  margin-left: 40px;
  list-style-position: outside;
  list-style: square;
}
.tutor .panel .tutor-awards ul.highlights ul li {
  line-height: 1.2em;
}
.tutor blockquote {
  background-color: #ffd723;
  border-radius: 5px;
  font-weight: 600;
  padding: 30px 40px 24px 40px;
  margin: 40px 0 0;
  line-height: 1.3;
  display: block;
  text-indent: -0.6em;
}
@media (max-width: 767px) {
  .tutor blockquote {
    font-size: 16px;
    padding: 20px 25px 15px 30px;
  }
}
.tutor blockquote .quotemark.left:after {
  content: '\201C';
}
.tutor blockquote .quotemark.right:before {
  content: '\201D';
}
.tutor blockquote .author {
  color: #4d4f56;
  font-size: 14px;
  text-align: right;
}
.tutor .tutor-courses {
  padding-top: 20px;
}
@media (max-width: 767px) {
  .tutor .tutor-courses h2 {
    text-align: center;
  }
  .tutor .tutor-courses hr {
    display: none;
  }
}
.tutor div.publications {
  margin-top: 40px;
}
.tutor div.publications h3 {
  cursor: pointer;
  font-weight: 600;
  margin-bottom: 0;
}
.tutor div.publications h3 span.expand-collapse-icon {
  display: inline-block;
  margin-right: 20px;
  color: #ffd723;
}
.tutor div.publications h3 span.expand-collapse-icon:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e820';
  width: auto;
  margin-right: 0;
}
.tutor div.publications h3.collapsed {
  color: #222222;
}
.tutor div.publications h3.collapsed span.expand-collapse-icon {
  color: #36373c;
}
.tutor div.publications h3.collapsed span.expand-collapse-icon:before {
  content: '\e81f';
}
.tutor div.publications h3.collapsed:hover {
  color: #36373c;
}
.tutor div.publications #tutor-publications-detail {
  padding-top: 5px;
  padding-left: 41px;
}
.tutor div.publications #tutor-publications-detail ul {
  margin: 0 0 0 18px;
}
.tutor div.publications #tutor-publications-detail h4,
.tutor div.publications #tutor-publications-detail h6 {
  font-weight: bold;
  font-size: 14px;
}
#coupon {
  background-image: -webkit-linear-gradient(top, #f8f9f9 0%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #f8f9f9 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #f8f9f9 0%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f9f9', endColorstr='#ffffffff', GradientType=0);
}
#coupon h1 {
  margin-top: 10px;
}
@media (min-width: 768px) {
  #coupon h1 {
    margin-top: 20px;
  }
}
#coupon .panel {
  max-width: 600px;
  margin: 20px auto 40px;
}
@media (min-width: 768px) {
  #coupon .panel {
    margin: 50px auto;
  }
}
#coupon form {
  margin: 10px;
}
@media (min-width: 768px) {
  #coupon form {
    margin: 20px;
  }
  #coupon form .form-group {
    margin-top: 30px;
  }
}
#coupon #coupon-features {
  margin: 20px 0;
}
@media (min-width: 768px) {
  #coupon #coupon-features {
    margin: 50px 0;
  }
}
#coupon #coupon-features .row {
  max-width: 600px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #coupon #coupon-features .row + .row {
    border-top: 1px solid #d0d9df;
  }
}
#coupon #coupon-features .col-sm-4 {
  color: #222222;
}
@media (min-width: 768px) {
  #coupon #coupon-features .col-sm-4 {
    padding: 30px;
  }
  #coupon #coupon-features .col-sm-4 + .col-sm-4 {
    border-left: 1px solid #d0d9df;
  }
}
#coupon #coupon-features .col-sm-4 p {
  height: 40px;
  margin: 10px 0 0 0;
}
@media (max-width: 767px) {
  #coupon #coupon-features .col-sm-4 p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 200px;
  }
}
#coupon #coupon-features .col-sm-4 span {
  font-size: 40px;
}
#show-coupon-form {
  color: #89949b;
  text-decoration: none;
}
#show-coupon-form:hover {
  color: #36373c;
}
#page.subscription-cart #navbar .nav,
#page.subscription-cart #navbar .btn {
  display: none;
}
#page.subscription-cart .info h2 {
  color: #FFF;
}
#page.subscription-cart .btn-block {
  width: 100% !important;
}
#cart.subscription {
  padding-top: 0;
}
#cart.subscription h1 {
  color: #FFF;
  margin-bottom: 50px;
}
#cart.subscription #cart-security {
  font-size: 16px;
  color: #FFF;
}
#cart.subscription .info,
#cart.subscription .terms {
  color: #FFF;
}
#cart.subscription .info ul,
#cart.subscription .terms ul {
  list-style-image: url('/Images/tick.png');
}
#cart.subscription .info ul ul,
#cart.subscription .terms ul ul {
  margin-top: 10px;
}
#cart.subscription .info ul li,
#cart.subscription .terms ul li {
  margin-bottom: 15px;
}
#cart.subscription .info ul,
#cart.subscription .terms ul,
#cart.subscription .info p,
#cart.subscription .terms p {
  font-size: 16px;
}
#cart.subscription .info a,
#cart.subscription .terms a {
  color: #FFF;
  text-decoration: underline;
}
#cart.subscription .info .included,
#cart.subscription .terms .included {
  margin-top: 50px;
}
#cart.subscription .payment-panel,
#cart.subscription .signup-panel {
  margin-top: 0;
  border-bottom-width: 1px;
}
#cart.subscription .payment-panel .panel-body,
#cart.subscription .signup-panel .panel-body {
  padding: 30px;
}
#cart.subscription .payment-panel .form-group {
  margin-bottom: 0;
}
#cart.subscription .payment-panel .form-control {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #d0d9df;
}
#cart.subscription .payment-panel .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#cart.subscription .payment-panel label,
#cart.subscription .payment-panel p {
  font-size: 14px;
}
#cart.subscription .payment-panel h2 {
  margin-bottom: 10px;
}
#cart.subscription .payment-panel .h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 15px;
}
#cart.subscription .payment-panel .h4 .why-we-ask {
  color: #0072bc;
  cursor: pointer;
  font-weight: normal;
  text-transform: none;
  text-decoration: underline;
}
#cart.subscription .payment-panel .purchase-summary {
  margin-bottom: 20px;
}
#cart.subscription .payment-panel .purchase-summary .h4 {
  margin-top: 0;
  margin-bottom: 15px;
}
#cart.subscription .payment-panel .purchase-summary .row {
  margin-bottom: 12px;
}
#cart.subscription .payment-panel .purchase-summary .heading {
  font-weight: 600;
  text-transform: uppercase;
  color: #89949b;
}
#cart.subscription .payment-panel .upsell:hover {
  text-decoration: none;
}
#cart.subscription .payment-panel .upsell:hover p {
  background-color: #e3e3e3;
}
#cart.subscription .payment-panel .upsell p {
  border-radius: 4px;
  text-align: center;
  padding: 10px 15px;
  margin: 20px 0 0 0;
  border: none;
  background-color: #E9ECEF;
  color: #36373c;
  margin-bottom: 20px;
  margin-top: 20px;
}
#cart.subscription .payment-panel label {
  text-transform: none;
  font-weight: normal;
}
#cart.subscription .payment-panel .form-group-lg .form-control {
  height: 40px;
}
#cart.subscription #braintree #stored-card {
  float: none;
  display: inline;
}
#cart.subscription #braintree #stored-card img {
  position: relative;
  display: inline;
}
#cart.subscription #braintree .has-success .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#cart.subscription #braintree .payment-method {
  position: relative;
  border: none;
  margin-bottom: 0;
  margin-top: 0;
}
#cart.subscription #braintree .payment-method .panel-heading {
  background: #fff;
  padding: 0;
  border-bottom: none;
}
#cart.subscription #braintree .payment-method .panel-heading:hover {
  background: #fff;
}
#cart.subscription #braintree .payment-method#payment-method-stored {
  overflow: visible;
}
#cart.subscription #braintree .payment-method#payment-method-stored img {
  margin-top: -2px;
  margin-left: 10px;
  height: 25px;
}
#cart.subscription #braintree .payment-method#payment-method-new {
  margin-bottom: 20px;
}
#cart.subscription #braintree .payment-method#payment-method-new .panel-heading {
  height: 25px;
  line-height: 20px;
}
#cart.subscription #braintree .payment-method .panel-body {
  border-top: none;
  padding: 0;
}
#cart.subscription #coupon-form .form-control {
  margin: -3px 0 0;
}
#cart.subscription #coupon-form .heading {
  padding-top: 4px;
}
#cart.subscription #coupon-form .button {
  padding-left: 0;
}
#cart.subscription .signup-panel .h4 {
  font-size: 15px;
  font-weight: 600;
}
#cart.subscription .signup-panel .login-link {
  text-decoration: underline;
  cursor: pointer;
}
#cart.subscription .signup-panel .remember-me .form-group {
  margin-bottom: 0;
}
#cart.subscription .signup-panel .or {
  margin: 30px 0;
  position: relative;
  overflow: hidden;
}
#cart.subscription .signup-panel .or:before,
#cart.subscription .signup-panel .or:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 47%;
  height: 1px;
  content: '\a0';
  border-bottom: 1px dashed #89949b;
}
#cart.subscription .signup-panel .or:after {
  margin-left: 10px;
}
#cart.subscription .signup-panel .or:before {
  margin-right: 10px;
  margin-left: -50%;
  text-align: right;
}
#cart.subscription .signup-panel .btn.signup {
  margin-top: 20px;
}
#cart.subscription .signup-panel .btn-google {
  margin-bottom: 0;
}
#cart.subscription .signup-panel p:last-child {
  margin-bottom: 0;
}
#cart .panel {
  margin: 30px auto;
}
#cart td,
#cart th {
  padding: 10px 15px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  #cart td,
  #cart th {
    padding: 15px 30px;
  }
}
#cart thead th,
#cart tfoot th {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #fcfcfc;
  border-bottom: none;
}
#cart thead th:first-child,
#cart tfoot th:first-child {
  border-top-left-radius: 4px;
}
#cart thead th:last-child,
#cart tfoot th:last-child {
  border-top-right-radius: 4px;
}
#cart tfoot th {
  text-align: right;
}
#cart tfoot th.cart-discount-coupon {
  text-align: left;
  color: #36373c;
}
#cart tfoot .blank {
  background: #fcfcfc;
}
#cart th {
  font-size: 13px;
  text-transform: uppercase;
  color: #89949b;
  font-weight: 600;
}
#cart .cart-address {
  white-space: pre-line;
}
#cart .cart-item-name {
  font-weight: bold;
}
#cart .cart-item-name .label {
  margin: 0;
}
#cart .cart-item-name .cart-all-courses {
  font-weight: normal;
  color: #89949b;
}
#cart .cart-course {
  font-weight: 600;
  color: #222222;
}
#cart .cart-course-name {
  padding-left: 20px;
}
@media (min-width: 768px) {
  #cart .cart-course-name {
    padding-left: 45px;
  }
}
#cart .cart-course-period {
  text-align: right;
}
#cart .currency {
  border-left: 1px solid #d0d9df;
  max-width: 100px;
}
#cart td.currency {
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  color: #222222;
}
#cart td.currency.cart-tax {
  color: #89949b;
  font-size: 13px;
}
#cart th.currency {
  text-align: right;
}
#cart .cart-discount .currency .text-muted {
  display: block;
  font-size: 13px;
  font-weight: normal;
}
#cart ul {
  list-style: none;
  padding-left: 15px;
}
#cart .btn-link {
  color: #89949b;
  font-weight: 600;
}
#cart .btn-link:hover,
#cart .btn-link:focus,
#cart .btn-link:active {
  color: #000;
  text-decoration: none;
}
@media (min-width: 768px) {
  #cart .form-group #coupon-form-code {
    min-width: 260px;
  }
  #cart .form-group.form-group-lg #coupon-form-code {
    min-width: 320px;
  }
}
.empty #cart {
  max-width: 600px;
  padding-bottom: 15px;
}
.empty #cart p {
  color: #89949b;
  font-size: 13px;
}
.empty #cart .icon-basket {
  display: block;
  margin: 0 auto;
  font-size: 220px;
  line-height: 220px;
  color: #d0d9df;
}
.empty #cart .form-inline {
  margin-top: 20px;
}
#cart #braintree .payment-method {
  overflow: hidden;
}
#cart #braintree label.panel-heading {
  display: block;
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 5px 15px;
  vertical-align: middle;
  border: none;
  line-height: 38px;
  height: 48px;
  text-transform: none;
  font-size: 16px;
  font-weight: 600;
  color: #89949b;
  -webkit-transition: background 0.15s linear, color 0.15s linear;
  -o-transition: background 0.15s linear, color 0.15s linear;
  transition: background 0.15s linear, color 0.15s linear;
}
@media (min-width: 768px) {
  #cart #braintree label.panel-heading {
    padding: 5px 30px;
  }
}
#cart #braintree label.panel-heading input {
  margin-right: 5px;
}
#cart #braintree label.panel-heading:hover {
  background: #fcfcfc;
  color: #222222;
}
#cart #braintree #stored-card {
  float: right;
  display: inline-block;
  height: 38px;
}
#cart #braintree #stored-card img {
  display: block;
  float: left;
}
#cart #braintree #stored-card .card-expiry {
  display: none;
  margin-left: 15px;
}
@media (min-width: 480px) {
  #cart #braintree #stored-card .card-expiry {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  #cart #braintree #stored-card .card-expiry {
    margin-left: 45px;
  }
}
#cart #braintree #stored-card .card-number {
  display: none;
  margin-left: 15px;
}
@media (min-width: 768px) {
  #cart #braintree #stored-card .card-number {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  #cart #braintree #stored-card .card-number {
    margin-left: 45px;
  }
}
#cart #braintree .panel-body {
  border-top: 1px solid #d0d9df;
  padding: 30px;
}
#cart #braintree .only .panel-body {
  border-top: none;
}
#cart #braintree .current label.panel-heading {
  background: #fff;
  color: #36373c;
}
#cart #braintree .has-success {
  position: relative;
}
#cart #braintree .has-success:after {
  position: absolute;
  bottom: 10px;
  right: 14px;
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e839';
  color: #1fb08a;
  line-height: 22px;
  display: block;
  height: 22px;
  margin: 0;
}
@media (max-width: 767px) {
  #cart #braintree .col-sm-4 .form-group {
    margin-bottom: 15px;
  }
  #cart #braintree .col-sm-4:last-child .form-group {
    margin-bottom: 0;
  }
}
#receipt,
#choice {
  text-align: center;
}
#receipt .panel,
#choice .panel {
  max-width: 450px;
  margin: 20px auto 40px;
}
@media (min-width: 768px) {
  #receipt .panel,
  #choice .panel {
    margin: 50px auto;
  }
}
#receipt .panel .panel-body,
#choice .panel .panel-body {
  padding: 30px 30px 10px;
}
#receipt .panel p,
#choice .panel p {
  margin-bottom: 20px;
}
#choice .panel {
  max-width: 600px;
}
#cart-steps {
  list-style: none;
  margin: 50px 0 30px;
  padding: 0;
  text-align: center;
  border-top: 1px solid #d0d9df;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
#cart-steps li {
  margin: 0 5px;
  padding: 0;
  display: inline-block;
  position: relative;
  top: -25px;
  width: 50px;
  color: #89949b;
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 768px) {
  #cart-steps li {
    width: 20%;
    margin: 0 -0.1em;
  }
}
#cart-steps li strong {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 40px;
  border-radius: 25px;
  background: #d0d9df;
  border: 5px solid #f8f9f9;
  font-size: 24px;
  font-weight: 600;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #cart-steps li strong {
    margin-bottom: 10px;
  }
}
#cart-steps li.active {
  color: #36373c;
}
#cart-steps li.active strong {
  background: #ffd723;
}
#cart-steps li span {
  display: block;
}
.empty .container.upsell {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  max-width: 800px;
}
#cart-upsell {
  border: 2px dashed #d0d9df;
  padding: 20px;
  border-radius: 4px;
  margin: 0 0 30px 0;
}
#cart-upsell:before,
#cart-upsell:after {
  content: " ";
  display: table;
}
#cart-upsell:after {
  clear: both;
}
#cart-upsell:before,
#cart-upsell:after {
  content: " ";
  display: table;
}
#cart-upsell:after {
  clear: both;
}
.empty #cart-upsell {
  margin-top: 0;
  margin-bottom: 20px;
}
#cart-upsell h4 {
  margin: 8px 0 5px;
}
#cart-upsell h4 a {
  color: #36373c;
}
#cart-upsell h4 a:focus,
#cart-upsell h4 a:hover,
#cart-upsell h4 a:active {
  text-decoration: underline;
}
#cart-upsell h4 a.yearly-price {
  color: #0072bc;
  text-decoration: underline;
}
#cart-upsell h4 a.yearly-price:hover {
  color: #004470;
}
#cart-upsell .btn {
  margin-top: 7px;
}
#cart-upsell p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}
#cart-upsell .sale-disclaimer {
  overflow: auto;
  white-space: normal;
}
#cart-upsell .sale-disclaimer .no-wrap {
  white-space: nowrap;
}
@media (max-width: 480px) {
  #cart-upsell .sale-disclaimer {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  #cart-upsell .sale-disclaimer {
    margin-top: 15px;
  }
}
@media (max-width: 1199px) {
  #cart-upsell h4 {
    margin: 0;
  }
  #cart-upsell .cancel-msg {
    display: block;
  }
  #cart-upsell .btn {
    margin-top: 0;
  }
}
#cart-security {
  margin: 30px 0 0 0;
}
#cart-security img {
  margin: 0 15px;
}
#cart-security span {
  display: block;
  padding-top: 15px;
}
#cart-security span img {
  margin: 0;
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  #cart-security span {
    display: inline-block;
    padding: 5px 0 5px 15px;
    border-left: 1px solid #36373c;
  }
}
.search #content .container #tab-nav {
  background-color: #f8f9f9;
  position: sticky;
  top: 0;
  margin-bottom: 30px;
  z-index: 100;
}
.search #content .container #tab-nav a {
  border-bottom-color: #f8f9f9;
}
.search #content .container #tab-nav a:active,
.search #content .container #tab-nav a:hover {
  border-bottom-color: #36373c;
}
.search #content .container #tab-nav li.active a {
  border-bottom-color: #36373c;
}
.search #content .container #modules .label {
  position: absolute;
  top: 3px;
  font-size: 11px;
  padding: 2px 5px;
  margin-left: 5px;
}
.search #content .container .search-box {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.search #content .container h2.text-muted {
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  margin: 40px 0;
}
.search #content .container h3 {
  margin: 0 0 7px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 16px;
}
@media (max-width: 767px) {
  .search #content .container h3 {
    margin-top: 8px;
  }
}
.search #content .container .course-name-label {
  font-size: 13px;
  font-weight: 600;
}
.search #content .container .course-description {
  overflow: hidden;
  text-overflow: ellipsis;
}
.search #content .container .course-image {
  width: 60px;
  padding-bottom: 5px;
}
.search #content .container .module img {
  padding-left: 0;
}
.search #content .container .tutor img {
  border-radius: 4px;
}
.search #content .container .blog img {
  border-radius: 4px;
  width: 100%;
  margin-bottom: 20px;
}
.search #content .container div.panel {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: inherit;
}
.search #content .container div.panel.panel-default {
  padding: 20px;
  background: #fff;
}
.gifts #hero {
  background-image: url('/Images/gifts-banner.jpg');
}
.gifts.xmas #hero {
  background-color: #a37565;
  background-image: url('/Images/gifts-banner-xmas.jpg');
}
.gifts.xmas .top {
  padding: 30px 0 50px;
  text-align: center;
}
.gifts.xmas .top .lead {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.gifts.graduation #hero {
  background-color: #859475;
  background-image: url('/Images/gifts-banner-graduation.jpg');
}
.gifts.graduation #hero .h1 {
  font-size: 40px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .gifts.graduation #hero .h1 {
    font-size: 50px;
  }
}
#page.discount .discount-coupon {
  display: inline-block;
  color: #ffd723;
  background: #36373c;
  border: 2px dashed #d0d9df;
  border-radius: 4px;
  padding: 5px 10px;
  margin: 15px auto;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}
@media (min-width: 768px) {
  #page.discount .discount-coupon {
    padding: 15px 20px;
    font-size: 36px;
  }
}
#page.discount p.small {
  font-size: 13px;
}
.discount #hero {
  background-image: url('/Images/discount-banner.jpg');
}
#discount-how-it-works .feature-arrow {
  display: none;
  position: absolute;
  top: 15px;
  left: 100%;
  margin: 0 0 0 -60px;
}
@media (min-width: 768px) {
  #discount-how-it-works .feature-arrow {
    display: block;
  }
}
#discount-how-it-works .feature-arrow.flip {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
  top: 0;
}
@media (min-width: 768px) {
  .troubleshooting .container .panel-body {
    padding: 35px 40px;
  }
}
.troubleshooting .container .test-video {
  padding-bottom: 20px;
}
.troubleshooting .container .player-test-feedback {
  display: none;
}
.troubleshooting .container #hardware-acceleration {
  display: none;
  margin: 20px 40px;
}
.troubleshooting .container table tbody tr th {
  white-space: nowrap;
  vertical-align: middle;
}
.troubleshooting .container table tbody tr td.video-test-result {
  vertical-align: middle;
  text-align: center;
  font-weight: 600;
}
#faq-list .panel-heading {
  padding: 0 0 5px;
  border-top: 1px solid #d0d9df;
}
#faq-list .panel-heading:first-child {
  border-top: none;
}
#faq-list h3 {
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  padding: 10px 0;
  margin: 5px 0;
  font-family: 'Open Sans', sans-serif;
}
@media (min-width: 480px) {
  #faq-list h3 {
    font-size: 18px;
  }
}
#faq-list h3:after {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e820';
  color: #ffd723;
  text-align: left;
  font-size: 22px;
  margin-right: 0;
  margin-left: 5px;
  display: inline;
  content: '\e80c';
}
#faq-list h3.collapsed {
  color: #4e5057;
}
#faq-list h3.collapsed:after {
  content: '\e805';
  color: #36373c;
}
#faq-list h3.collapsed:hover {
  color: #36373c;
}
#faq-list .panel-body {
  border-top: none;
  padding-top: 0;
  padding-left: 0;
}
#faq-list .panel-body .helpful {
  margin-top: 20px;
  border-color: #d0d9df;
  display: table;
  padding: 10px 20px;
}
#faq-list .panel-body .helpful h4 {
  font-size: 16px;
  padding: 0 0 12px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
#faq-list .panel-body .helpful h4.thankyou {
  padding: 0 0 5px;
}
#faq-list .panel-body .helpful a {
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 10px 5px;
}
.shortcuts .lead {
  font-size: 18px;
}
.shortcuts.index p.lead {
  font-weight: 400;
}
.shortcuts.index .apps .app {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
.shortcuts.index .apps .app a {
  display: block;
  width: 330px;
  text-align: center;
  padding: 10px 10px;
  color: #fff;
  font-size: 18px;
}
.shortcuts.index .apps .app a:hover {
  text-decoration: none;
}
.shortcuts.index .apps .app a img {
  height: 80px;
  width: 80px;
}
.shortcuts.index .apps .app a h2 {
  color: #fff;
  margin: -10px 0 0 0;
  font-weight: 600;
}
.shortcuts.index .apps .app a p.icons {
  letter-spacing: 2px;
}
.shortcuts.index .apps .app a p.icons .icon {
  font-size: 22px;
}
.shortcuts #shortcuts-sign-up {
  color: #fff;
  padding: 25px 0 0;
}
.shortcuts #shortcuts-sign-up h2 {
  color: #fff;
}
.shortcuts #shortcuts-sign-up p {
  font-size: 16px;
}
.shortcuts #shortcuts-sign-up #shortcuts-sign-up-join {
  display: none;
}
.shortcuts #shortcuts-sign-up #shortcuts-sign-up-email {
  max-width: 350px;
  margin: 0 auto;
}
.shortcuts #shortcuts-sign-up #shortcuts-sign-up-email input[type="text"] {
  text-align: center;
}
.shortcuts #section-toc h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #36373c;
}
.shortcuts #section-toc a {
  display: block;
  margin-top: 6px;
  color: #89949b;
  font-weight: 600;
}
.shortcuts #section-toc a.current {
  color: #4d4f56;
  font-weight: bold;
}
.shortcuts #section-toc a:hover {
  color: black;
  text-decoration: none;
}
@media (max-width: 767px) {
  .shortcuts.shortcut-key #section-toc {
    margin: 40px auto 0;
    display: table;
    background: #fff;
    padding: 20px 40px;
    border-radius: 3px;
  }
}
.shortcuts #hero h1,
.shortcuts #hero .h1 {
  font-weight: bold;
  font-size: 34px;
}
@media (min-width: 768px) {
  .shortcuts #hero h1,
  .shortcuts #hero .h1 {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  .shortcuts #hero h1,
  .shortcuts #hero .h1 {
    font-size: 42px;
  }
}
@media (min-width: 1200px) {
  .shortcuts #hero h1,
  .shortcuts #hero .h1 {
    font-size: 48px;
  }
}
.shortcuts #hero p {
  font-size: 16px;
}
@media (max-width: 480px) {
  .shortcuts #hero .ctas a {
    display: block;
  }
  .shortcuts #hero .ctas a:first-child {
    margin-bottom: 10px;
  }
}
.shortcuts #hero .btn-outline {
  color: #fff;
}
.shortcuts #hero .btn-outline:hover {
  color: #000;
}
.shortcuts #hero .share-links .icon {
  font-size: 36px;
  color: #fff;
}
.shortcuts #hero .share-links .icon:before {
  margin: 0;
}
.shortcuts #hero .share-links .icon:hover {
  color: #ffd723;
}
.shortcuts.section .section-title,
.shortcuts.shortcut-app .section-title {
  margin-top: 6px;
}
.shortcuts.section h3 a,
.shortcuts.shortcut-app h3 a {
  color: #36373c;
}
.shortcuts.section h3 a:hover,
.shortcuts.shortcut-app h3 a:hover {
  color: #0072bc;
  text-decoration: none;
}
.shortcuts.section .tabulate,
.shortcuts.shortcut-app .tabulate {
  background-color: transparent;
  margin: 0 15px;
}
.shortcuts.section .tabulate .row,
.shortcuts.shortcut-app .tabulate .row {
  margin-bottom: 10px;
  padding: 10px;
}
.shortcuts.section .tabulate .row > div p:last-child,
.shortcuts.shortcut-app .tabulate .row > div p:last-child {
  margin-bottom: 0;
}
.shortcuts.section .tabulate .row:first-child,
.shortcuts.shortcut-app .tabulate .row:first-child {
  color: #89949b;
  font-weight: 600;
  text-transform: uppercase;
}
.shortcuts.section .tabulate .row:not(:first-child),
.shortcuts.shortcut-app .tabulate .row:not(:first-child) {
  color: #36373c;
  background-color: #fff;
  box-shadow: 1px 1px 5px 3px #f3f3f3;
  border-radius: 5px;
  cursor: pointer;
}
.shortcuts.section .tabulate .row:not(:first-child) a,
.shortcuts.shortcut-app .tabulate .row:not(:first-child) a {
  color: #36373c;
  font-weight: 600;
}
.shortcuts.section .tabulate .row:not(:first-child) a:hover,
.shortcuts.shortcut-app .tabulate .row:not(:first-child) a:hover {
  text-decoration: none;
}
.shortcuts.section .tabulate .row:not(:first-child) > div:first-child,
.shortcuts.shortcut-app .tabulate .row:not(:first-child) > div:first-child {
  padding-top: 5px;
}
.shortcuts.section .tabulate .row:not(:first-child):hover,
.shortcuts.shortcut-app .tabulate .row:not(:first-child):hover {
  box-shadow: 1px 1px 8px 3px #ddd;
}
.shortcuts.section .tabulate .row:not(:first-child):hover a,
.shortcuts.shortcut-app .tabulate .row:not(:first-child):hover a {
  color: #0072bc;
}
.shortcuts.shortcut-app h1 {
  line-height: 60px;
}
.shortcuts.shortcut-app h1 img {
  vertical-align: bottom;
  margin-right: 6px;
}
.shortcuts.shortcut-app .shortcut-section:not(:first-child) {
  margin-top: 50px;
}
.shortcuts.shortcut-key .platform button {
  width: 135px;
}
@media (max-width: 767px) {
  .shortcuts.shortcut-key {
    border: none;
  }
}
.shortcuts.shortcut-key .big-shortcuts {
  clear: both;
}
.shortcuts.shortcut-key .big-shortcuts > div {
  display: none;
}
.shortcuts.shortcut-key .big-shortcuts p {
  display: table;
  text-align: center;
  margin: 20px auto 0;
  transform: scale(1.2);
}
@media (min-width: 768px) {
  .shortcuts.shortcut-key .big-shortcuts p {
    margin: 20px auto 0;
    transform: scale(1.2);
  }
}
@media (min-width: 992px) {
  .shortcuts.shortcut-key .big-shortcuts p {
    margin: 30px auto 0;
    transform: scale(1.4);
  }
}
@media (min-width: 1200px) {
  .shortcuts.shortcut-key .big-shortcuts p {
    margin: 40px auto 0;
    transform: scale(1.7);
  }
}
.shortcuts #shortcuts-share {
  margin-top: 40px;
}
.shortcuts #shortcuts-share .small {
  display: inline-block;
  vertical-align: middle;
  height: 35px;
}
.shortcuts #shortcuts-share .share-links {
  display: inline-block;
}
.shortcuts #shortcuts-share .share-links a {
  display: inline-block;
  font-size: 32px;
  line-height: 32px;
}
.shortcuts #shortcuts-share .share-links a .icon:before {
  margin: 0;
  line-height: 32px;
  position: relative;
  top: -1px;
}
.shortcuts .section-xs {
  margin-top: 8px;
  border-bottom: 1px solid #d0d9df;
}
.shortcuts .section-xs h2 {
  font-weight: bold;
}
.shortcuts .section-xs h2:after {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e80c';
  text-align: right;
  font-size: 22px;
  margin-right: 0;
  margin-left: 5px;
  float: right;
}
.shortcuts .section-xs h2.collapsed:after {
  content: '\e805';
}
.shortcuts .section-xs .btn-group {
  width: 100%;
}
.shortcuts .section-xs .btn-group button {
  width: 50%;
}
.shortcuts .section-xs .shortcut-xs {
  margin: 20px 0;
  text-align: center;
  background-color: #fff;
  box-shadow: #f3f3f3 1px 1px 7px 7px;
  border-radius: 4px;
}
.shortcuts .section-xs .shortcut-xs > a {
  display: block;
  padding: 10px;
}
.shortcuts .section-xs .shortcut-xs > a:active {
  text-decoration: none;
  color: #ffd723;
}
.shortcuts .section-xs .shortcut-xs > a > div:first-child {
  color: #36373c;
  font-weight: bold;
  margin-bottom: 5px;
}
.shortcuts .section-xs .shortcut-xs > a > div:not(:first-child) {
  display: none;
}
.shortcuts .wrapper-keyboard-windows,
.shortcuts .wrapper-keyboard-mac {
  display: none;
}
.shortcuts .wrapper-keyboard-windows {
  height: 337px;
}
@media (max-width: 1199px) {
  .shortcuts .wrapper-keyboard-windows {
    height: 300px;
  }
}
@media (max-width: 991px) {
  .shortcuts .wrapper-keyboard-windows {
    height: 200px;
  }
}
.shortcuts .wrapper-keyboard-mac {
  height: 317px;
}
@media (max-width: 1199px) {
  .shortcuts .wrapper-keyboard-mac {
    height: 317px;
  }
}
@media (max-width: 991px) {
  .shortcuts .wrapper-keyboard-mac {
    height: 225px;
  }
}
.shortcuts .keyboard {
  border-radius: 12px;
  margin: 0 auto;
  display: table;
  transform-origin: top left;
}
.shortcuts .keyboard > div {
  clear: both;
}
.shortcuts .keyboard .key {
  display: block;
  float: left;
  margin: 3px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
}
.shortcuts .keyboard .key.double {
  padding-top: 4px;
  font-size: 12px;
  line-height: 15px;
}
.shortcuts .keyboard.windows {
  background-color: #4D4F56;
  color: #f8f9f9;
  min-width: 876px;
  padding: 40px 20px 20px;
  box-shadow: 0px 2px 3px 2px #000;
  background: linear-gradient(to bottom, #2D2F36 0%, #6D6F76 7%, #8D8F96 25%, #4D4F56 100%);
  transform: scale(0.97);
}
@media (max-width: 1199px) {
  .shortcuts .keyboard.windows {
    transform: scale(0.79);
  }
}
@media (max-width: 991px) {
  .shortcuts .keyboard.windows {
    transform: scale(0.54);
  }
}
.shortcuts .keyboard.windows .key {
  /*background: linear-gradient(to bottom right, #2D2E2F, #3B3C3D);
            box-shadow: inset 1px 1px 1px 0 #999;*/
  background: linear-gradient(to right, #2d2e2f, #333 96%, #400);
  box-shadow: inset 1px 2px 1px 0px #777;
  border-color: #111;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  border-radius: 4px;
}
.shortcuts .keyboard.windows .key.wee,
.shortcuts .keyboard.windows .key.control {
  font-size: 11px !important;
}
.shortcuts .keyboard.windows .key.bar {
  margin-right: 10px;
}
.shortcuts .keyboard.windows .function-keys {
  height: 43px;
}
.shortcuts .keyboard.windows .function-keys .key {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.shortcuts .keyboard.windows .function-keys .key span {
  margin-right: 2px;
}
.shortcuts .keyboard.windows .function-keys .key-esc {
  margin-right: 49px;
}
.shortcuts .keyboard.windows .function-keys .key-f4,
.shortcuts .keyboard.windows .function-keys .key-f8 {
  margin-right: 26px;
}
.shortcuts .keyboard.windows .scrunched {
  padding-top: 7px;
  line-height: 12px;
}
.shortcuts .keyboard.windows .wide-gradient {
  background: linear-gradient(to right, #2d2e2f, #333 98%, #400);
  font-size: 11px;
}
.shortcuts .keyboard.windows .key-backspace {
  width: 86px;
  background: linear-gradient(to right, #2d2e2f, #333 98%, #400);
  font-size: 11px;
}
.shortcuts .keyboard.windows .key-tab,
.shortcuts .keyboard.windows .key-backslash {
  width: 63px;
}
.shortcuts .keyboard.windows .key-caps {
  width: 70px;
}
.shortcuts .keyboard.windows .key-quot {
  padding-top: 8px;
}
.shortcuts .keyboard.windows .key-enter {
  width: 102px;
  background: linear-gradient(to right, #2d2e2f, #333 98%, #400);
  font-size: 11px;
}
.shortcuts .keyboard.windows .key-shift {
  width: 94px;
  background: linear-gradient(to right, #2d2e2f, #333 98%, #400);
  font-size: 11px;
}
.shortcuts .keyboard.windows .key-shift2 {
  width: 124px;
  background: linear-gradient(to right, #2d2e2f, #333 98%, #400);
  font-size: 11px;
}
.shortcuts .keyboard.windows .key-up-arrow {
  margin-left: 49px;
}
.shortcuts .keyboard.windows .bottom-row .key {
  width: 50px;
}
.shortcuts .keyboard.windows .bottom-row .key.arrow {
  width: 40px;
}
.shortcuts .keyboard.windows .bottom-row .key-windows div,
.shortcuts .keyboard.windows .bottom-row .key-windows2 div {
  width: 20px;
  height: 20px;
  margin: 10px 15px;
}
.shortcuts .keyboard.windows .bottom-row .key-context div {
  width: 20px;
  height: 20px;
  margin: 10px 15px;
}
.shortcuts .keyboard.windows .bottom-row .key-space {
  width: 292px;
  background: linear-gradient(to top, #2d2e2f, #333 98%, #400);
}
.shortcuts .keyboard.mac {
  background-color: #DDDDDF;
  background: linear-gradient(to bottom, #aaaaaa 0%, #eeeeee 5%, #ccc 25%, #bbb 100%);
  color: #555;
  min-width: 684px;
  padding: 40px 7px 7px;
  transform: scale(1);
}
@media (max-width: 1199px) {
  .shortcuts .keyboard.mac {
    transform: scale(1);
  }
}
@media (max-width: 991px) {
  .shortcuts .keyboard.mac {
    transform: scale(0.7);
  }
}
.shortcuts .keyboard.mac .key {
  background: linear-gradient(to bottom right, #f3f3f3, #ffffff);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px 1px #444;
  border: 1px solid transparent;
}
.shortcuts .keyboard.mac .key.wee,
.shortcuts .keyboard.mac .key.control {
  font-size: 10px;
}
.shortcuts .keyboard.mac .key.control {
  line-height: 10px;
  font-size: 9px;
  padding: 26px 0 0 3px;
  text-align: left;
  position: relative;
}
.shortcuts .keyboard.mac .key.control span {
  position: absolute;
  top: 2px;
  left: 3px;
  font-size: 8px;
}
.shortcuts .keyboard.mac .key.control.right span {
  left: inherit;
  right: 3px;
}
.shortcuts .keyboard.mac .key.right {
  text-align: right;
  padding: 26px 3px 0 0;
}
.shortcuts .keyboard.mac .key.center {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.shortcuts .keyboard.mac .function-keys .key {
  width: 42px;
  height: 22px;
  line-height: 22px;
  font-size: 9px;
  position: relative;
}
.shortcuts .keyboard.mac .function-keys .key span:not(.icon) {
  position: absolute;
  top: 4px;
  right: 1px;
  font-size: 8px;
}
.shortcuts .keyboard.mac .function-keys .key-esc {
  margin-right: 3px;
  font-size: 11px;
  width: 40px;
  padding: 0;
  line-height: 20px;
}
.shortcuts .keyboard.mac .function-keys .key-f8 {
  font-size: 7px;
}
.shortcuts .keyboard.mac .function-keys .key-f8 span.icon-pause {
  margin-left: -1px;
}
.shortcuts .keyboard.mac .function-keys .key-eject {
  padding: 0;
  text-align: center;
}
.shortcuts .keyboard.mac .function-keys .key-f13,
.shortcuts .keyboard.mac .function-keys .key-f14,
.shortcuts .keyboard.mac .function-keys .key-f15 {
  width: 40px;
}
.shortcuts .keyboard.mac .key-backspace,
.shortcuts .keyboard.mac .key-tab {
  width: 66px;
}
.shortcuts .keyboard.mac .key-backslash {
  width: 40px;
}
.shortcuts .keyboard.mac .key-caps,
.shortcuts .keyboard.mac .key-return {
  width: 76px;
}
.shortcuts .keyboard.mac .key-shift,
.shortcuts .keyboard.mac .key-shift2 {
  width: 99px;
}
.shortcuts .keyboard.mac .bottom-row .key {
  width: 40px;
  height: 43px;
}
.shortcuts .keyboard.mac .bottom-row .key.arrow {
  width: 40px;
}
.shortcuts .keyboard.mac .bottom-row .control {
  padding-top: 29px;
}
.shortcuts .keyboard.mac .bottom-row .key-command,
.shortcuts .keyboard.mac .bottom-row .key-command2 {
  width: 47px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.shortcuts .keyboard.mac .bottom-row .key-command span,
.shortcuts .keyboard.mac .bottom-row .key-command2 span {
  top: 3px;
}
.shortcuts .keyboard.mac .bottom-row .key-space {
  width: 230px;
}
.shortcuts .keyboard.mac .bottom-row .arrows {
  margin: 3px 0 0 3px;
  float: left;
}
.shortcuts .keyboard.mac .bottom-row .arrows .key {
  height: 20px;
  width: 41px;
  line-height: 20px;
  font-size: 9px;
}
.shortcuts .keyboard.mac .bottom-row .arrows .key-up-arrow {
  margin: 0 auto;
  float: none;
}
.shortcuts .shortcut-key-combination kbd {
  display: inline-block;
  border: 2px solid #36373c;
  border-radius: 4px;
  padding: 3px 6px;
  min-width: 25px;
  text-align: center;
  font-size: 100%;
  font-family: 'Open Sans', sans-serif;
  box-shadow: none;
}
.shortcuts .shortcut-key-combination.windows kbd {
  background-color: #36373c;
  color: #fff;
}
.shortcuts .shortcut-key-combination.mac kbd {
  background-color: #fff;
  color: #000;
}
.shortcuts .keyboard.mouse-click {
  background: none;
  min-width: 400px;
  box-shadow: none;
}
.shortcuts .keyboard.mouse-click .key-subset {
  margin-top: 105px;
  float: left;
  padding: 20px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: #fff 0 0 40px 30px;
}
.shortcuts .keyboard.mouse-click .mouse {
  float: left;
  margin-left: 60px;
  position: relative;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: #fff 0 0 40px 30px;
}
.shortcuts .keyboard.mouse-click .mouse > div {
  background-size: cover;
  background-repeat: no-repeat;
  height: 196px;
  width: 133px;
}
.shortcuts .keyboard.mouse-click .mouse .key-click {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.shortcuts .keyboard.mouse-click > div {
  clear: none;
}
.shortcuts .keyboard.mouse-click.windows .key-click-mouse {
  background-image: url('/Images/keyboard-windows-mouse.png');
}
.shortcuts .keyboard.mouse-click.windows .key-click {
  background-image: url('/Images/keyboard-windows-mouse-click.png');
}
.shortcuts .keyboard.mouse-click.mac .key-click-mouse {
  background-image: url('/Images/keyboard-mac-mouse.png');
}
.shortcuts .keyboard.mouse-click.mac .key-click {
  background-image: url('/Images/keyboard-mac-mouse-click.png');
}
@keyframes shortcut-key-animation-windows {
  0%,
  44.2%,
  100% {
    box-shadow: inset 1px 2px 1px 0px #777;
    border-color: #111;
  }
  1.3%,
  42.9% {
    box-shadow: 0px 0px 9px 3px #ffd723;
    border-color: #444;
  }
}
.shortcuts .keyboard.windows .key-test {
  animation: shortcut-key-animation-windows 7.7s 1s infinite;
}
.shortcuts .keyboard.windows .key-test-1 {
  animation: shortcut-key-animation-windows 7.7s 1s;
}
@keyframes shortcut-key-animation-mac-0 {
  0%,
  36.9%,
  100% {
    box-shadow: 0 1px 1px 1px #444;
    font-weight: 400;
    color: #6A6B6D;
    border: 1px solid transparent;
  }
  1.5%,
  35.4% {
    box-shadow: 0px 0px 9px 3px #ffd723;
    font-weight: 600;
    color: #000;
    border: 1px solid #999;
  }
}
.shortcuts .keyboard.mac .key-test {
  animation: shortcut-key-animation-mac 7.7s 1s infinite;
}
.shortcuts .keyboard.mac .key-test-1 {
  animation: shortcut-key-animation-mac 7.7s 1s;
}
#webinar {
  background: #36373c;
  color: #d0d9df;
}
#webinar .h2,
#webinar .h3,
#webinar .h4 {
  color: inherit;
}
#webinar .container {
  padding-top: 20px;
}
#webinar .row {
  position: relative;
}
#webinar .btn-primary {
  border-width: 0;
}
#webinar .btn-primary.btn-outline {
  color: #ffd723;
  border-width: 2px;
  padding-top: 11px;
  padding-bottom: 11px;
}
#webinar .btn-primary.btn-outline:hover,
#webinar .btn-primary.btn-outline:focus,
#webinar .btn-primary.btn-outline:active {
  color: #36373c;
}
#webinar-left {
  text-align: center;
}
@media (min-width: 992px) {
  .col-md-12 #webinar-message .h3 {
    padding-top: 80px;
    background: transparent url('/Images/webinar-rocket.png') 50% 0 no-repeat;
    background-size: auto 70px;
  }
}
#webinar-message {
  border: 1px dashed #d0d9df;
  border-radius: 4px;
}
@media (min-width: 1200px) {
  #webinar-message .h3 {
    padding-top: 100px;
    background: transparent url('/Images/webinar-rocket.png') 50% 0 no-repeat;
    background-size: auto 90px;
  }
}
#webinar-message .large {
  font-size: 16px;
}
#webinar-message .vertical-center-cell {
  padding: 15px;
}
#webinar-interested {
  font-size: 16px;
}
@media (max-width: 480px) {
  #webinar-interested {
    font-size: 14px;
    margin-top: 10px;
  }
}
#webinar-interested .btn {
  margin: 0 5px;
}
#webinar-interested .btn-default {
  color: #fff;
  border-color: #fff;
}
#webinar-interested .btn-default:hover,
#webinar-interested .btn-default:focus,
#webinar-interested .btn-default:active {
  color: #36373c;
}
#webinar-countdown {
  font-size: 30px;
  margin: 0;
  font-weight: bold;
  color: #fff;
}
#webinar-countdown .component .text {
  display: none;
}
#webinar-countdown .component.days .text {
  display: inline;
}
@media (min-width: 768px) {
  #webinar-countdown {
    font-size: 36px;
  }
  #webinar-countdown .days .number.digit:before {
    content: '0';
    display: inline;
  }
  #webinar-countdown .component {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 20px 20px 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    position: relative;
    border-radius: 4px;
    overflow: hidden;
  }
  #webinar-countdown .component .number {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 94px;
    font-size: 40px;
    z-index: 2;
  }
  #webinar-countdown .component .text {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 30px;
    padding: 20px 0 0 0;
    border-top: 50px solid #3b3c41;
    z-index: 1;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 13px;
  }
}
#webinar-chat {
  margin-top: 20px;
}
#webinar-chat .inner {
  height: 300px;
}
#webinar-chat iframe {
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  #webinar-chat {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
  }
  #webinar-chat .inner {
    height: 100%;
  }
}
#webinar-chat.chat-unavailable .inner {
  border: 1px dashed #d0d9df;
  border-radius: 4px;
}
#webinar-chat-toggle {
  position: absolute;
  bottom: -30px;
  right: 15px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #89949b;
  font-size: 13px;
}
#webinar-chat-toggle:hover,
#webinar-chat-toggle:focus,
#webinar-chat-toggle:active {
  color: #fff;
}
#webinar-about {
  margin-top: 50px;
}
#webinar-related {
  margin-top: 50px;
  border-top: 1px solid #4d4f56;
  padding-top: 30px;
}
@media (min-width: 992px) {
  #webinar-tutor:before {
    content: '';
    display: block;
    width: 1px;
    background: #4d4f56;
    height: 100%;
    position: absolute;
    top: 0;
    left: -15px;
  }
}
#webinar-tutor .h4 {
  color: #fff;
  font-size: 18px;
}
@media (min-width: 992px) {
  #webinar-description {
    padding-right: 30px;
  }
}
#page.scholarship #hero {
  background-image: url('/Images/Scholarship/hero-image.png');
}
#page.scholarship #hero p {
  color: #fff;
}
#page.scholarship #hero .h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 900;
}
#page.scholarship .scholarship-container {
  position: relative;
  max-width: 850px;
  margin: 0 auto;
  padding: 30px 15px;
}
#page.scholarship .h1 {
  font-weight: 900;
  margin-top: 30px;
  margin-bottom: 20px;
}
#page.scholarship .section {
  text-align: center;
}
#page.scholarship #submitted .body-text {
  font-size: 18px;
}
#page.scholarship #intro .container {
  padding-bottom: 0;
}
#page.scholarship #intro .h1 {
  font-weight: 900;
  font-size: 48px;
  margin-bottom: 30px;
}
#page.scholarship #intro p {
  font-size: 18px;
  text-align: left;
  margin-bottom: 30px;
}
#page.scholarship #intro a {
  color: #EE5A9C;
  text-decoration: underline;
}
#page.scholarship #intro a:hover {
  color: #e92c80;
}
#page.scholarship #bhav-letter {
  background-image: url('/Images/Scholarship/bhav-bg.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
#page.scholarship #bhav-letter .letter-wrapper img.bhav-person {
  position: relative;
  left: -15px;
  width: 100%;
  min-width: 800px;
}
@media (max-width: 1450px) {
  #page.scholarship #bhav-letter .letter-wrapper img.bhav-person {
    left: -170px;
  }
}
@media (max-width: 1200px) {
  #page.scholarship #bhav-letter .letter-wrapper img.bhav-person {
    left: -15px;
    margin-left: 0;
    width: 700px;
    min-width: 0;
  }
}
#page.scholarship #bhav-letter .letter-wrapper .letter {
  width: 530px;
  padding-top: 40px;
  font-size: 16px;
  font-family: 'Lato', 'Open Sans', sans-serif;
}
#page.scholarship #bhav-letter .letter-wrapper .letter img.quotes {
  position: relative;
  top: 40px;
  left: -60px;
}
@media (max-width: 1199px) {
  #page.scholarship #bhav-letter .letter-wrapper .letter img.quotes {
    position: static;
    float: left;
    margin-right: 5px;
  }
}
#page.scholarship #bhav-letter .letter-wrapper .letter .bhav-sign p {
  margin-bottom: 0;
}
#page.scholarship #bhav-letter .letter-wrapper .letter p {
  margin-bottom: 20px;
}
@media (max-width: 1800px) {
  #page.scholarship #bhav-letter .letter-wrapper .letter {
    padding-top: 20px;
  }
}
@media (max-width: 1450px) {
  #page.scholarship #bhav-letter .letter-wrapper .letter {
    padding-top: 0;
    padding-right: 0;
  }
}
@media (max-width: 1200px) {
  #page.scholarship #bhav-letter .letter-wrapper .letter {
    width: auto;
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: -130px;
  }
}
@media (max-width: 991px) {
  #page.scholarship #bhav-letter .letter-wrapper .letter {
    margin-top: -20px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 480px) {
  #page.scholarship #bhav-letter .letter-wrapper .letter {
    margin-bottom: -55px;
  }
}
#page.scholarship #nitty-gritty .first-column {
  padding-right: 60px;
}
#page.scholarship #nitty-gritty dl {
  margin-left: 20px;
  margin-top: 20px;
  text-align: left;
}
#page.scholarship #nitty-gritty dl dd,
#page.scholarship #nitty-gritty dl dt {
  font-size: 18px;
  margin-bottom: 20px;
}
#page.scholarship #application {
  background-image: url('/Images/Scholarship/application-bg-transparent.png');
  background-position: 50% 0;
  background-size: 100% 800px;
  background-repeat: no-repeat;
}
@media (max-width: 1199px) {
  #page.scholarship #application {
    background-size: auto 800px;
  }
}
#page.scholarship #application .header h2,
#page.scholarship #application .header p {
  color: white;
}
#page.scholarship #application .header p {
  padding: 0 50px;
  margin-top: 30px;
  font-size: 18px;
}
#page.scholarship #application .panel {
  border-radius: 0;
  margin-top: 30px;
}
#page.scholarship #application .panel .panel-body {
  border-radius: 0;
  text-align: left;
  padding: 50px;
}
@media (max-width: 991px) {
  #page.scholarship #application .panel .panel-body {
    padding: 20px;
  }
}
#page.scholarship #application .panel .panel-body .file-upload-container .dragndrop,
#page.scholarship #application .panel .panel-body .file-upload-container .file-input,
#page.scholarship #application .panel .panel-body .file-upload-container .uploading,
#page.scholarship #application .panel .panel-body .file-upload-container .success,
#page.scholarship #application .panel .panel-body .file-upload-container .error {
  display: none;
}
#page.scholarship #application .panel .panel-body .file-upload-container .box-input {
  text-align: center;
  border: 1px solid #d0d9df;
  background-color: #f8f9f9;
}
#page.scholarship #application .panel .panel-body .file-upload-container .box-input label,
#page.scholarship #application .panel .panel-body .file-upload-container .box-input .error,
#page.scholarship #application .panel .panel-body .file-upload-container .box-input .uploading,
#page.scholarship #application .panel .panel-body .file-upload-container .box-input .success {
  padding: 90px 20px;
  width: 100%;
}
#page.scholarship #application .panel .panel-body .file-upload-container .box-input .error {
  color: red;
}
#page.scholarship #application .panel .panel-body .file-upload-container .box-input label {
  cursor: pointer;
}
#page.scholarship #application .panel .panel-body .file-upload-container .box-input label span.icon-attach {
  display: inline-block;
  text-align: left;
}
#page.scholarship #application .panel .panel-body .file-upload-container .box-input label span.icon-attach:before {
  font-size: 30px;
  position: relative;
  float: left;
  top: 5px;
}
#page.scholarship #application .panel .panel-body .file-upload-container .box-input label .filename {
  display: block;
  margin-top: 15px;
  font-weight: normal;
  text-transform: none;
}
#page.scholarship #application .panel .panel-body .file-upload-container .box-input.file-drag-and-drop {
  /*background-color: white;
                            outline: 2px dashed black;
                            outline-offset: -10px;
                            min-height: 200px;*/
}
#page.scholarship #application .panel .panel-body .file-upload-container .box-input.file-drag-and-drop.dragging {
  background-color: #eaeded;
}
#page.scholarship #application .panel .panel-body .file-upload-container .box-input.file-drag-and-drop .dragndrop {
  display: inline;
}
#page.scholarship #application .panel .panel-body .form-group {
  margin-bottom: 30px;
}
#page.scholarship #application .panel .panel-body .form-group .control-label {
  font-size: 15px;
  font-weight: normal;
  text-transform: none;
  margin-bottom: 15px;
}
#page.scholarship #application .panel .panel-body .checkbox input {
  color: #ed7187;
}
#page.scholarship #application .panel .panel-body .checkbox label {
  color: #89949b;
}
#page.scholarship #application .panel .panel-body .submit-button {
  width: 100%;
  background: #ECA357;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #ECA357, #EE5A9C);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #ECA357, #EE5A9C);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #ECA357, #EE5A9C);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(right, #ECA357, #EE5A9C);
  /* Standard syntax */
  text-align: center;
  color: #FFF;
  border: none;
}
#page.scholarship .share-vertical {
  left: -50px;
  height: 92%;
  top: inherit;
  bottom: inherit;
}
@media (min-width: 992px) {
  #page.scholarship .add-link-col {
    padding-left: 0;
  }
}
#page.scholarship .add-link-col #scholarship-add-social-link-btn {
  border-width: 1px;
}
#page.scholarship .add-link-col #scholarship-add-social-link-btn span.icon-plus {
  margin-left: 3px;
}
#page.scholarship .scholarship-privacy-terms {
  font-size: 13px;
  margin-top: 10px;
  color: #89949b;
}
#page.scholarship .scholarship-privacy-terms p {
  margin: 0 0 5px;
}
.sitemap #content .social {
  font-size: 30px;
}
.sitemap #content .social a {
  color: #36373c;
}
.sitemap #content .social a:hover,
.sitemap #content .social a:focus,
.sitemap #content .social a:active {
  text-decoration: none;
  color: #000;
}
.sitemap .bg-white {
  border-top: 1px solid #d0d9df;
}
#sitemap ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding-left: 0;
  font-weight: 600;
  font-size: 16px;
}
#sitemap ul a {
  color: #36373c;
}
#sitemap ul ul {
  margin: 10px 0 20px 0;
  padding: 10px 0 0 15px;
  font-weight: 400;
  font-size: 14px;
  border-top: 1px solid #d0d9df;
}
#sitemap ul ul a {
  color: #89949b;
}
.train.courses .progress-bar-warning {
  background-color: darkorange;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-description {
  font-size: 16px;
}
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .row {
  margin: 0;
}
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .label {
  padding: 5px 3px;
  display: inherit;
  float: none;
  margin: 0;
  font-size: 11px;
}
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-NotStarted {
  background-color: transparent;
  color: #4d4f56;
}
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-NotStarted[href]:hover,
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-NotStarted[href]:focus {
  background-color: rgba(0, 0, 0, 0);
}
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-Started {
  background-color: #0072bc;
}
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-Started[href]:hover,
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-Started[href]:focus {
  background-color: #005389;
}
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-Review {
  background-color: darkorange;
}
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-Review[href]:hover,
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-Review[href]:focus {
  background-color: #cc7000;
}
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-Revise {
  background-color: #e00001;
}
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-Revise[href]:hover,
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-Revise[href]:focus {
  background-color: #ad0001;
}
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-Approved {
  background-color: #1fb08a;
}
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-Approved[href]:hover,
.train.course-index #course-lessons-list .group-content .lesson .component-statuses .status-Approved[href]:focus {
  background-color: #178568;
}
.train.course-index .tasks {
  list-style: none;
  padding-left: 0;
}
.train.course-index .tasks > li {
  border-bottom: 1px dashed #4d4f56;
  padding: 5px 0 20px 0;
}
.train.course-index .tasks > li:first-child {
  margin-top: 20px;
  border-top: 1px dashed #4d4f56;
}
.train .callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #d6d6d6;
  border-left-color: #ffd723;
  border-left-width: 5px;
  border-radius: 3px;
  background-color: #fefefe;
}
.train .callout p:last-child {
  margin-bottom: 0;
}
.train .callout .sample {
  background-color: #f8f9f9;
  margin: 15px 20px;
  padding: 15px 20px;
}
.train .callout .sample h2 {
  font-size: 20px;
}
.train .callout .sample h3 {
  font-size: 18px;
}
.train .callout .sample h4 {
  font-size: 16px;
}
.teach-status {
  font-size: 15px;
  font-weight: 600;
}
.train-tutor-comments {
  list-style: none;
  padding: 0;
  max-width: 800px;
}
.train-tutor-comments li {
  padding-top: 10px;
}
.train-tutor-comments li pre {
  font-size: 16px;
}
.train.test-question textarea {
  height: 73px;
}
.train.course-index #course-lessons-actions a {
  color: #36373c;
}
.train.course-index #course-lessons-actions a:hover,
.train.course-index #course-lessons-actions a:active,
.train.course-index #course-lessons-actions a:focus {
  color: #060606;
  text-decoration: underline;
}
.train.course-index #course-lessons-actions a.btn-link {
  font-weight: 600;
}
.train.course-index #course-lessons-actions a [class^="icon-"] {
  margin-right: 3px;
}
.train.course-index #course-lessons-actions .text-left .btn-link {
  padding-left: 0;
}
@media (min-width: 992px) {
  .train.course-index #course-lessons-actions .text-left .btn-link {
    margin-right: 12px;
  }
}
.train.course-index #course-lessons-actions .text-right .btn-link {
  padding-right: 0;
  margin-left: 12px;
  color: #89949b;
}
.train.course-index #course-lessons-sort {
  margin-top: -20px;
}
@media (min-width: 768px) {
  .train.course-index #course-lessons-sort {
    padding-top: 13px;
    margin-top: 0;
  }
}
.train.course-index #course-lessons-sort.row,
.train.course-index #course-lessons-sort .row {
  margin-left: 0;
  margin-right: 0;
}
.train.course-index #course-lessons-sort.row > div,
.train.course-index #course-lessons-sort .row > div {
  padding-left: 0;
  padding-right: 0;
}
.train.course-index #course-lessons-sort p {
  margin: 0;
  padding-right: 0;
  font-weight: 600;
  line-height: 44px;
}
.train.course-index #course-lessons-sort .btn-group {
  margin-top: -13px;
}
.train.course-index #course-lessons-sort .btn-group .btn {
  font-size: 11px;
  padding: 3px 8px;
}
@media (min-width: 480px) {
  .train.course-index #course-lessons-sort .btn-group .btn {
    font-size: 13px;
    padding: 5px 16px;
  }
}
.train.course-index #course-lessons-sort .btn-group .btn [class^=icon] {
  display: block;
}
.train.course-index #course-lessons-sort .btn-group .btn [class^=icon]:before {
  margin: 0;
}
@media (min-width: 480px) {
  .train.course-index #course-lessons-sort .btn-group .btn [class^=icon] {
    font-size: 30px;
    width: auto;
    margin-right: 0;
  }
}
.train.course-index #course-lessons-sort .btn-group .btn.btn-default {
  color: #89949b;
}
.train.course-index #course-lessons-sort .btn-group .btn.btn-default:hover,
.train.course-index #course-lessons-sort .btn-group .btn.btn-default:active,
.train.course-index #course-lessons-sort .btn-group .btn.btn-default:focus {
  color: #36373c;
}
.train.course-index #course-lessons-sort .list-group {
  margin-bottom: 0;
}
.train.course-index #course-lessons-preview,
.train.course-index #course-lessons-sort-warning {
  background: #36373c;
  padding: 10px 20px 10px 50px;
  position: relative;
  margin: 0;
  color: #fff;
  border-radius: 4px;
  text-align: center;
}
.train.course-index #course-lessons-preview {
  padding: 10px 20px;
}
.train.course-index #course-lessons-preview h2 {
  color: #fff;
  margin-top: 10px;
}
.train.course-index #course-lessons-preview .btn {
  margin: 10px 5px 0;
}
@media (max-width: 480px) {
  .train.course-index #course-lessons-preview .btn {
    display: block;
  }
}
.train.course-index #course-lessons-preview .btn-outline {
  color: #ffd723;
}
.train.course-index #course-lessons-preview .btn-outline:hover {
  color: #36373c;
  background-color: #efc400;
  border-color: #efc400;
}
.train.course-index #course-lessons-sort-warning a {
  color: #ffd723;
}
.train.course-index #course-lessons-sort-warning a:hover {
  text-decoration: underline;
}
.train.course-index #course-lessons-sort-warning:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e857';
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  font-size: 20px;
  line-height: 30px;
  margin: -15px 0 0;
}
.train.course-index #course-lessons-heading {
  font-size: 10px;
  color: #89949b;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin: 60px 1px 0 41px;
}
@media (min-width: 992px) {
  .train.course-index #course-lessons-heading {
    font-size: 12px;
  }
}
.train.course-index #course-lessons-heading > div {
  padding-left: 0;
  padding-right: 0;
}
.train.course-index #lessons-search .form-group {
  position: relative;
}
.train.course-index #lessons-search .form-group:after {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e804';
  display: block;
  width: 44px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  color: #36373c;
  font-size: 16px;
  line-height: 44px;
}
.train.course-index #lessons-search-field {
  padding-right: 49px;
}
.train.course-index #lessons-search-empty {
  display: none;
  font-size: 16px;
  color: #36373c;
  text-align: center;
}
.train.course-index #course-lessons-list h3 {
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  padding: 10px 0;
  margin: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 480px) {
  .train.course-index #course-lessons-list h3 {
    font-size: 18px;
  }
}
.train.course-index #course-lessons-list h3:before,
.train.course-index #course-lessons-list h3:after {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e820';
  width: 40px;
  color: #ffd723;
  text-align: left;
  font-size: 22px;
  margin-right: 0;
}
.train.course-index #course-lessons-list h3:after {
  display: inline;
  margin-left: 5px;
  content: '\e80c';
}
.train.course-index #course-lessons-list h3.collapsed {
  color: #4e5057;
}
.train.course-index #course-lessons-list h3.collapsed:before,
.train.course-index #course-lessons-list h3.collapsed:after {
  content: '\e81f';
  color: #36373c;
}
.train.course-index #course-lessons-list h3.collapsed:after {
  content: '\e805';
}
.train.course-index #course-lessons-list h3.collapsed:hover {
  color: #36373c;
}
.train.course-index #course-lessons-list .group {
  border-top: 1px solid #d0d9df;
}
.train.course-index #course-lessons-list .group:first-child,
.train.course-index #course-lessons-list .group.first-visible {
  border-top: none;
}
.train.course-index #course-lessons-list .group:first-child h3,
.train.course-index #course-lessons-list .group.first-visible h3 {
  margin-top: 0;
}
.train.course-index #course-lessons-list .group-content {
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .train.course-index #course-lessons-list .group-content {
    padding-left: 40px;
  }
}
.train.course-index #course-lessons-list .group-content .lesson {
  margin-bottom: 12px;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-heading {
  position: relative;
  padding: 10px 0;
  margin: 0;
  background: #ffd723;
  color: #a38500;
  line-height: 30px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border: 1px solid #d0d9df;
  cursor: pointer;
  text-align: center;
  -webkit-transition: background-color 0.15s linear;
  -o-transition: background-color 0.15s linear;
  transition: background-color 0.15s linear;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-heading.collapsed {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-heading > div {
  padding: 0;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-heading h4 {
  padding-left: 20px;
  margin: 0;
  font-size: 16px;
  line-height: 30px;
  color: #36373c;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-heading:before {
  content: '';
  display: block;
  background: #d0d9df;
  width: 12px;
  height: 2px;
  position: absolute;
  left: -30px;
  bottom: 50%;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-heading:hover {
  background-color: #efc400;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-content {
  padding: 0 40px;
  background: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid #d0d9df;
  border-top: none;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-content .row {
  padding-top: 25px;
  padding-bottom: 25px;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-inclusion-note {
  font-size: 13px;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-inclusion-note .btn {
  margin-top: 10px;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-content p {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .train.course-index #course-lessons-list .group-content .lesson .lesson-content p {
    margin-bottom: 10px;
  }
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-link {
  display: inline-block;
  max-width: 100%;
  border: 1px solid #d0d9df;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  position: relative;
  color: #fff;
  cursor: default;
}
.ie8 .train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-link {
  display: block;
  width: 100%;
  border: none;
  color: #000;
}
.ie8 .train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-link img {
  border: 1px solid #d0d9df;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-link img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-link .lesson-link-overlay {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
  z-index: 5;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-link .lesson-link-overlay span:before {
  font-size: 40px;
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
  top: -3px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
@media (min-width: 768px) {
  .train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-link.locked .lesson-link-overlay {
    line-height: 20px;
  }
  .train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-link.locked .lesson-link-overlay .text {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
  }
  .train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-link.locked .lesson-link-overlay .icon-locked {
    display: inline-block;
    vertical-align: middle;
  }
  .train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-link.locked .lesson-link-overlay .small {
    text-transform: none;
  }
  .train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-link.locked .lesson-link-overlay .small.link {
    text-decoration: underline;
  }
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-link:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: background-color 0.15s linear;
  -o-transition: background-color 0.15s linear;
  transition: background-color 0.15s linear;
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-link:hover {
  cursor: pointer;
  color: #ffd723;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.train.course-index #course-lessons-list .group-content .lesson .lesson-content .lesson-link:hover:after {
  background: rgba(0, 0, 0, 0.5);
}
.train.course-index #course-lessons-list .group-content .lesson .label {
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
  margin: 5px 20px 5px 0;
  color: #fff;
  font-weight: 600;
  float: left;
  text-transform: uppercase;
  vertical-align: middle;
}
.train.course-index #course-lessons-list .group-content .lesson:last-child .lesson-heading .col-xs-10:after,
.train.course-index #course-lessons-list .group-content .lesson.last .lesson-heading .col-xs-10:after {
  content: '';
  display: block;
  background: #d0d9df;
  width: 2px;
  height: 10000px;
  position: absolute;
  left: -30px;
  bottom: 50%;
}
.train.course-index #course-lessons-list .group-content .lesson .icon-share-outline {
  display: block;
  margin: 0 auto;
  width: 30px;
  font-size: 16px;
  color: inherit;
  text-decoration: none;
}
.train.course-index #course-lessons-list .group-content .lesson .icon-share-outline:hover,
.train.course-index #course-lessons-list .group-content .lesson .icon-share-outline:active,
.train.course-index #course-lessons-list .group-content .lesson .icon-share-outline:focus {
  outline: none;
  color: #36373c;
}
.train.course-index #course-lessons-list .group-content .lesson.viewed .view:before {
  font-size: 16px;
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e855';
}
.train.course-index #course-lessons-list .group-content .lesson .complete {
  display: block;
  margin: 0 auto;
  width: 20px;
  height: 30px;
  position: relative;
}
.train.course-index #course-lessons-list .group-content .lesson .complete:before {
  display: block;
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '';
  border: 1px solid transparent;
  background: transparent;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  box-shadow: none;
  margin-right: 0;
  position: absolute;
  top: 5px;
  right: 0;
  -webkit-transition: color 0.15s linear, border-color 0.15s linear, background-color 0.15s linear, box-shadow 0.15s linear;
  -o-transition: color 0.15s linear, border-color 0.15s linear, background-color 0.15s linear, box-shadow 0.15s linear;
  transition: color 0.15s linear, border-color 0.15s linear, background-color 0.15s linear, box-shadow 0.15s linear;
}
.train.course-index #course-lessons-list .group-content .lesson.completed .lesson-heading {
  background: #fff;
  color: #89949b;
}
.train.course-index #course-lessons-list .group-content .lesson.completed .lesson-heading:hover {
  background-color: #fcfcfc;
}
.train.course-index #course-lessons-list .group-content .lesson.completed .complete:before {
  content: '\e839';
  color: #1fb08a !important;
}
.train.course-index #course-lessons-list .group-content .lesson.inclusion-available .lesson-heading {
  border-style: dashed;
  background: #fff;
  color: #89949b;
}
.train.course-index #course-lessons-list .group-content .lesson.inclusion-available .lesson-content {
  border-style: dashed;
  border-top: none;
}
.train.course-index #course-lessons-list .group-content .lesson.inclusion-available .complete {
  display: none;
}
.course-access-current .train.course-index #course-lessons-list .group-content .lesson.viewed .complete:before,
.course-access-current .train.course-index #course-lessons-list .group-content .lesson.completed .complete:before {
  border: 1px solid #d0d9df;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
  background: #fff;
}
.course-access-current .train.course-index #course-lessons-list .group-content .lesson.viewed:hover .complete:hover:before,
.course-access-current .train.course-index #course-lessons-list .group-content .lesson.completed:hover .complete:hover:before {
  color: #d0d9df;
  content: '\e839';
}
.train.course-index #course-lessons-list.sort-mode-gamemode .group .lesson .lesson-heading {
  background: #fff;
  color: #89949b;
}
.train.course-index #course-lessons-list.sort-mode-gamemode .group .lesson .lesson-heading:hover {
  background-color: #fcfcfc;
}
.train.course-index #course-lessons-list.sort-mode-gamemode .group .lesson.game-mode-current .lesson-heading {
  background: #ffd723;
  color: #a38500;
}
.train.course-index #course-lessons-list.sort-mode-gamemode .group .lesson.game-mode-current .lesson-heading:hover {
  background-color: #efc400;
}
.train.course-index #course-lessons-list.sort-mode-gamemode .group .lesson .complete {
  display: none;
}
.train.course-index #course-lessons-list.sort-mode-gamemode .group .lesson.passed .complete {
  display: block;
}
.course-access-none .train.course-index #course-lessons-list .group .lesson .lesson-heading,
.course-access-expired .train.course-index #course-lessons-list .group .lesson .lesson-heading {
  background: #fff;
  color: #89949b;
}
.course-access-none .train.course-index #course-lessons-list .group .lesson .lesson-heading:hover,
.course-access-expired .train.course-index #course-lessons-list .group .lesson .lesson-heading:hover {
  background-color: #fcfcfc;
}
.course-access-none .train.course-index #course-lessons-list .group .lesson.availability-free .lesson-heading,
.course-access-expired .train.course-index #course-lessons-list .group .lesson.availability-free .lesson-heading {
  background: #ffd723;
  color: #a38500;
}
.course-access-none .train.course-index #course-lessons-list .group .lesson.availability-free .lesson-heading:hover,
.course-access-expired .train.course-index #course-lessons-list .group .lesson.availability-free .lesson-heading:hover {
  background-color: #efc400;
}
.train.course-index .course .tooltip .tooltip-inner {
  padding: 10px 20px;
}
.train.course-index .course .popover {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .train.course-index .course .popover {
    text-align: center;
  }
}
.train.course-index .course .popover .popover-title {
  color: #89949b;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom-color: #d0d9df;
}
.train.course-index .course .popover .btn {
  margin: 0;
}
.train.course-index .course .popover .share-icon-links {
  display: block;
  float: left;
  height: 32px;
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #d0d9df;
}
@media (max-width: 767px) {
  .train.course-index .course .popover .share-icon-links {
    float: none;
    border: none;
    padding: 0;
    margin: 0 0 10px 0;
  }
}
.train.course-index .course .popover .share-icon-links a {
  display: inline-block;
  font-size: 35px;
  line-height: 32px;
}
.train.course-index .course .popover .share-icon-links a .icon:before {
  margin: 0;
  line-height: 32px;
  position: relative;
  top: -1px;
}
.admin {
  /*.accordion {
        .panel.collapsible {
            a.list-group-item {
                background: lighten(@goskills-yellow, 30%);
            }
        }
    }*/
}
.admin p.useragent {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 800px;
  margin: 0;
  padding: 0;
}
.admin .attributed {
  color: #e00001;
}
.admin .code {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.admin .callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #d6d6d6;
  border-left-color: #ffd723;
  border-left-width: 5px;
  border-radius: 3px;
  background-color: #fefefe;
}
.admin .callout p:last-child {
  margin-bottom: 0;
}
.admin section {
  margin-top: 40px;
}
.admin section section {
  margin-left: 40px;
}
.admin.user aside.left {
  float: left;
  margin-right: 60px;
}
.admin.user aside fieldset {
  margin-top: 40px;
}
.admin.user aside fieldset legend {
  display: none;
}
.admin.user .cert-download {
  padding: 20px;
  margin-bottom: 0;
}
.admin.user .cert-download label {
  margin-right: 15px;
}
.admin .form-group {
  margin-bottom: 20px;
}
.admin .btn-group {
  display: inline-flex;
}
.admin .checkbox label {
  font-size: 13px;
}
.admin .checkbox label .label-with-description-for-description {
  font-weight: normal;
  display: inline-block;
}
.admin .checkbox label .label-with-description-for-description:before {
  content: ' – ';
}
.admin .chart-filters .help-block {
  display: none;
}
.admin .series-color-column {
  width: 30px;
}
.admin .table {
  background-color: #fff;
}
.admin .table .blank {
  border: inherit;
  background: inherit;
}
.admin .table.table-width-auto {
  width: auto;
}
.admin .table .ops {
  text-align: right;
  padding: 3px 8px;
}
.admin .table .ops .text-box {
  padding: 0 8px;
  max-height: 31px;
}
.admin .table .data-expand {
  cursor: pointer;
}
.admin .table .data-row {
  font-size: 13px;
}
.admin .table .data-row > td {
  padding: 0;
}
.admin .table .data-row pre {
  padding: 0;
  border: none;
  background: transparent;
  margin: 0;
  max-width: 1200px;
}
.admin .table .data-row .panel {
  margin: 8px;
}
.admin .table tr.no-border {
  border: none;
}
.admin .table tr.no-border td {
  border: none;
}
.admin.testimonial #user-id-edit {
  padding-top: 30px;
}
.admin #content .container .dropdown-menu {
  left: auto;
  right: 0;
  min-width: 100px;
}
.admin #content .container .dropdown-menu li > a {
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 600;
}
.admin #content .container .dropdown-menu li > a.danger {
  background-color: #e00001;
  color: #fff;
}
.admin .panel.collapsible a.list-group-item {
  background: #fcfcfc;
  border: none;
  border-bottom: 1px solid #d0d9df;
}
.admin .panel.collapsible a.list-group-item .icon-collapsible:before {
  content: '\e80c';
}
.admin .panel.collapsible a.list-group-item.collapsed {
  border-bottom: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.admin .panel.collapsible a.list-group-item.collapsed .icon-collapsible:before {
  content: '\e805';
}
.admin .panel.log h2 {
  margin-bottom: 0;
}
.admin .panel.log .panel-body {
  padding: 0;
}
.admin .panel.log .panel-body p {
  padding: 20px;
}
.admin .panel.log table {
  margin-bottom: 0;
}
.admin.admin-dashboard .jqstooltip {
  width: auto !important;
  height: auto !important;
}
.admin.admin-dashboard .admin-panel-dashboard .panel-body {
  padding: 0;
}
.admin.admin-dashboard .admin-panel-dashboard > div > div > div > div {
  margin: 20px;
}
.admin.admin-dashboard .admin-panel-dashboard span {
  margin-left: 2px;
}
.admin.admin-dashboard #admin-bags-ticker,
.admin.admin-dashboard #admin-campaigns-ticker {
  font-size: 66px;
  margin-left: 0;
}
.admin.campaign-third-parties .panel-heading {
  padding: 0;
  background-color: #fcfcfb;
}
.admin.campaign-third-parties .panel-heading .ops {
  padding: 4px;
}
.admin.campaign-third-parties .panel-heading h4 {
  margin: 0;
  padding: 11px 15px 11px 10px;
  cursor: pointer;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
}
.admin.campaign-third-parties .panel-heading h4.campaign {
  font-weight: normal;
}
.admin.campaign-third-parties .panel-heading h4 .icon-plus-square {
  display: none;
}
.admin.campaign-third-parties .panel-heading h4 .icon-minus-square {
  color: #ffd723;
}
.admin.campaign-third-parties .panel-heading h4.collapsed .icon-minus-square {
  display: none;
}
.admin.campaign-third-parties .panel-heading h4.collapsed .icon-plus-square {
  display: inline;
}
.admin.log table.log .datetime {
  white-space: nowrap;
}
.admin.log table.log .message div {
  max-width: 600px;
  max-height: 400px;
  overflow: auto;
  font-size: 11px;
}
.admin.log table.log .url div {
  max-width: 300px;
  max-height: 400px;
  overflow: auto;
}
.admin.log table.log .data div {
  max-width: 400px;
  max-height: 400px;
  overflow: auto;
}
.admin.course-outline .tindent {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.admin.course-outline h3,
.admin.course-outline h4 {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
}
.admin.course-outline table.outline {
  table-layout: fixed;
}
.admin.course-outline table.outline tr.unit {
  background: #ddd;
}
.admin.course-outline table.outline tr.module {
  background: #e9e9e9;
}
.admin.course-outline table.outline td,
.admin.course-outline table.outline th {
  border: none;
}
.admin.course-outline table.outline th {
  width: 100px;
  white-space: nowrap;
  color: #99a;
  font-weight: normal;
  font-size: 13px;
  font-variant: small-caps;
  vertical-align: middle;
}
.admin.course-outline table.outline td.ops {
  width: 100px;
  padding: 3px;
}
.admin.course-outline table.outline td.question span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin.course-outline table.outline span.check {
  display: block;
  float: right;
  margin-left: 20px;
}
.admin.course-outline table.outline span.check:before {
  margin-right: 4px;
}
.admin.course-outline table.outline span.check.True {
  color: #1fb08a;
}
.admin.course-outline table.outline span.check.True a {
  color: #1fb08a;
}
.admin.course-outline table.outline span.check.True:before {
  content: '\2714';
}
.admin.course-outline table.outline span.check.False {
  color: #ff1415;
}
.admin.course-outline table.outline span.check.False a {
  color: #ff1415;
}
.admin.course-outline table.outline span.check.False:before {
  content: '\2718';
}
.admin.course-outline table.outline .dropdown-header {
  padding: 3px 3px 3px 6px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
}
.admin.test-questions textarea {
  height: 75px;
}
.admin.test-questions h3 {
  margin-left: 15px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .admin #content .dl-horizontal dt {
    float: none;
    width: auto;
    clear: left;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    color: #887;
    font-size: 13px;
  }
  .admin #content .dl-horizontal dd {
    margin-left: 0;
    display: block;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .admin .fluid .table {
    width: auto;
  }
}
.admin.course-pricing #content .table tr td {
  vertical-align: middle;
}
.admin .progress {
  background-image: -webkit-linear-gradient(top, #edf0f0 0%, #f8f9f9 100%);
  background-image: -o-linear-gradient(top, #edf0f0 0%, #f8f9f9 100%);
  background-image: linear-gradient(to bottom, #edf0f0 0%, #f8f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffedf0f0', endColorstr='#fff8f9f9', GradientType=0);
}
.admin .progress-bar {
  background-image: -webkit-linear-gradient(top, #ffd723 0%, #efc400 100%);
  background-image: -o-linear-gradient(top, #ffd723 0%, #efc400 100%);
  background-image: linear-gradient(to bottom, #ffd723 0%, #efc400 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffd723', endColorstr='#ffefc400', GradientType=0);
  color: #36373c;
}
.admin .progress-bar-success {
  background-image: -webkit-linear-gradient(top, #1fb08a 0%, #178568 100%);
  background-image: -o-linear-gradient(top, #1fb08a 0%, #178568 100%);
  background-image: linear-gradient(to bottom, #1fb08a 0%, #178568 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1fb08a', endColorstr='#ff178568', GradientType=0);
}
.admin .progress-bar-info {
  background-image: -webkit-linear-gradient(top, #0072bc 0%, #005389 100%);
  background-image: -o-linear-gradient(top, #0072bc 0%, #005389 100%);
  background-image: linear-gradient(to bottom, #0072bc 0%, #005389 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0072bc', endColorstr='#ff005389', GradientType=0);
}
.admin .progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #ffd723 0%, #efc400 100%);
  background-image: -o-linear-gradient(top, #ffd723 0%, #efc400 100%);
  background-image: linear-gradient(to bottom, #ffd723 0%, #efc400 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffd723', endColorstr='#ffefc400', GradientType=0);
}
.admin .progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #e00001 0%, #ad0001 100%);
  background-image: -o-linear-gradient(top, #e00001 0%, #ad0001 100%);
  background-image: linear-gradient(to bottom, #e00001 0%, #ad0001 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe00001', endColorstr='#ffad0001', GradientType=0);
}
.admin a.btn-disabled {
  pointer-events: none;
  cursor: default;
}
.admin .initially-hidden {
  display: none;
}
.admin.message-template.index .dropdown-toggle:before {
  display: none;
  content: none;
}
.admin.message-template.index .ops {
  vertical-align: middle;
}
.admin.message-template.index .message-templates-list {
  border: 1px solid #d0d9df;
  border-top: none;
}
.admin.message-template.index .message-templates-list thead {
  background-color: #f8f9f9;
}
.admin.message-template.index .message-templates-list thead th {
  position: sticky;
  top: 0;
  background-color: #f8f9f9;
  z-index: 900;
}
.admin.message-template.index .message-templates-list tbody tr {
  cursor: pointer;
  /*&.base-template{
                        font-weight: bold;
                    }*/
}
.admin.message-template.index .message-templates-list#automated-templates tr.sequence td {
  background-color: #f5f5f5;
}
.admin.message-template.index .message-templates-list#automated-templates tr.template-row td {
  border: none;
}
.admin.message-template .sequence-list a p {
  color: #36373c;
  padding: 5px;
  margin-bottom: 0;
}
.admin.message-template .sequence-list a.active p {
  background-color: #f5f5f5;
}
.admin.message-template .sequence-list a:hover {
  text-decoration: none;
}
.admin.message-template .sequence-list a:hover p {
  background-color: #f5f5f5;
}
.admin.message-template .email-content-display {
  margin-top: 10px;
  background: #f8f9f9;
  padding: 10px;
  border-radius: 3px;
}
.admin.message-template.message-template-revision-details .email-content-display {
  background: #fff;
}
.admin.message-template #message-template-revision-accordion .has-variation {
  padding: 0;
}
.admin.message-template #message-template-revision-accordion .email-experiment-tabs ul {
  border-bottom-color: #fff;
}
.admin.message-template #message-template-revision-accordion .email-experiment-tabs ul li {
  width: 50%;
  background-color: #f8f9f9;
}
.admin.message-template #message-template-revision-accordion .email-experiment-tabs ul li.variation a {
  background-color: #ffe8cc;
}
.admin.message-template #message-template-revision-accordion .email-experiment-tabs ul li.variation a:hover {
  background-color: #ffd199;
}
.admin.message-template #message-template-revision-accordion .email-experiment-tabs ul li:not(.active) a {
  border-color: #ddd;
}
.admin.message-template #message-template-revision-accordion .email-experiment-tabs ul li.active a {
  background-color: #fff;
  border-bottom-color: #fff;
}
.admin.message-template #message-template-revision-accordion .email-experiment-tabs ul li.active.variation a {
  background-color: #ffe8cc;
  border-bottom-color: #ffe8cc;
}
.admin.message-template #message-template-revision-accordion .email-experiment-tabs ul li a {
  text-transform: uppercase;
  color: #36373c;
  font-size: 13px;
  font-weight: 600;
  margin-right: 0;
  border-radius: 0;
}
.admin.message-template #message-template-revision-accordion .email-experiment-tabs ul li:first-child a {
  border-left: none;
}
.admin.message-template #message-template-revision-accordion .email-experiment-tabs ul li:last-child a {
  border-right: none;
}
.admin.message-template #message-template-revision-accordion .email-experiment-tabs .tab-pane {
  padding: 20px;
  background-color: #fff;
}
.admin.message-template #message-template-revision-accordion .email-experiment-tabs .tab-pane.variation-tab {
  background-color: #ffe8cc;
}
.admin.message-template.promo-images .panel-body {
  height: 200px;
}
.admin.message-template.promo-images img.promo-image {
  max-width: 100%;
  max-height: 160px;
}
.admin .admin-full-width-tabs ul {
  border-bottom-color: #fff;
}
.admin .admin-full-width-tabs ul li {
  width: 50%;
  background-color: #f8f9f9;
}
.admin .admin-full-width-tabs ul li:not(.active) a {
  border-color: #ddd;
}
.admin .admin-full-width-tabs ul li.active a {
  background-color: #fff;
  border-bottom-color: #fff;
}
.admin .admin-full-width-tabs ul li a {
  text-transform: uppercase;
  color: #36373c;
  font-size: 13px;
  font-weight: 600;
  margin-right: 0;
  border-radius: 0;
}
.admin .admin-full-width-tabs .tab-pane {
  background-color: #fff;
}
.admin .admin-full-width-tabs .tab-pane .panel,
.admin .admin-full-width-tabs .tab-pane table,
.admin .admin-full-width-tabs .tab-pane th,
.admin .admin-full-width-tabs .tab-pane tr {
  border-radius: 0;
}
.admin.message-template-statistics tr.variation {
  background-color: #ffe8cc;
}
.admin.message-template-statistics .table-striped > tbody > tr:nth-child(odd).variation > td {
  background-color: #ffe8cc;
}
.admin.message-template-statistics tr.clickable-row:hover {
  cursor: pointer;
}
.admin.experiment-results .collapse-link h2 {
  margin-bottom: 0;
}
.admin.experiment-results .collapse-link:hover {
  cursor: pointer;
}
.admin.experiment-results .goal-panel .panel-heading .stat.risky {
  color: #ff1415;
}
.admin.experiment-results .goal-panel .panel-heading .stat.good {
  color: #8a6d3b;
}
.admin.experiment-results .goal-panel .panel-heading .stat.better {
  color: #31708f;
}
.admin.experiment-results .goal-panel .panel-heading .stat.best {
  color: #1fb08a;
}
.admin.org #org-admin-lookup {
  margin-top: 5px;
}
.admin.org .org-admin-row {
  padding: 10px 10px 10px 10px;
}
.admin.org .org-admin-row:hover {
  background-color: #fcfcfc;
}
.admin.org .org-admin-row .icon-cancel {
  color: #89949b;
}
.admin.org .org-admin-row .icon-cancel:hover {
  color: #36373c;
  cursor: pointer;
}
.autocomplete-suggestions {
  font-size: 13px;
  border: 1px solid #d0d9df;
  background: #FFF;
  border-radius: 4px;
  cursor: default;
  text-align: left;
  max-height: 350px;
  overflow: auto;
}
.autocomplete-suggestions .autocomplete-selected {
  background: #ffd723;
}
.autocomplete-suggestions .autocomplete-suggestion {
  padding: 3px 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete-suggestions .autocomplete-suggestion strong {
  font-weight: 600;
}
#admin-navbar {
  background-color: #aaa;
  min-height: 0;
  margin-bottom: 0;
  border: none;
}
#admin-navbar .navbar-nav > li {
  margin: 0;
}
#admin-navbar .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #36373c;
}
#admin-navbar .dropdown-menu li.disabled a {
  color: #ccc;
}
.rotating {
  -webkit-animation: rotating 3s infinite linear;
  -o-animation: rotating 3s infinite linear;
  animation: rotating 3s infinite linear;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.purchases .cart-items {
  width: 25%;
}
.purchases .cart-items div {
  padding-left: 20px;
  text-indent: -20px;
}
.purchases .cart-items div span {
  text-indent: 0;
}
@media (min-width: 992px) {
  #custom-cart-contents .custom-cart-field-col {
    width: 12%;
  }
}
#custom-cart-contents th,
#custom-cart-contents td {
  vertical-align: middle;
}
.reed-co-uk .form-group {
  margin-bottom: 0;
}
.reed-co-uk .sub-text {
  margin-left: 13px;
}
#blog-image-upload {
  display: block;
  position: relative;
  text-transform: none;
  font-weight: normal;
  color: #36373c;
  font-size: 14px;
  margin: 0 0 20px 0;
  cursor: pointer;
}
#blog-image {
  display: none;
  position: relative;
}
#blog-image:after {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e84e';
  margin: -40px 0 0 -40px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 60px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
label:hover #blog-image:after,
label:focus #blog-image:after {
  opacity: 1;
}
#blog-image-remove {
  display: none;
}
.blog-file-uploading {
  color: #89949b;
  display: none;
  -webkit-animation: pulse 3s infinite;
  -o-animation: pulse 3s infinite;
  animation: pulse 3s infinite;
}
#blog-files {
  list-style: none;
  padding: 0;
  margin: 0;
}
#blog-files:before,
#blog-files:after {
  content: " ";
  display: table;
}
#blog-files:after {
  clear: both;
}
#blog-files:before,
#blog-files:after {
  content: " ";
  display: table;
}
#blog-files:after {
  clear: both;
}
#blog-files li {
  background-color: #fff;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  padding: 70px 0 0 0;
  margin: 0 10px 10px 0;
  float: left;
  border-radius: 4px;
  position: relative;
}
#blog-files li .blog-file-name {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  z-index: 10;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
#blog-files li .blog-file-overlay {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: relative;
  z-index: 15;
}
#blog-files li a {
  display: inline-block;
  background: #fff;
  border-radius: 4px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  opacity: 0.7;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  color: #36373c;
}
#blog-files li a:hover,
#blog-files li a:focus,
#blog-files li a:active {
  opacity: 1;
}
#blog-files-error {
  color: #e00001;
  display: none;
}
#blog-files-error:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e857';
  margin-right: 5px;
}
#content.file-drag-and-drop.dragging:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1000000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
#content.file-drag-and-drop.dragging:after {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e81f';
  display: block;
  position: fixed;
  z-index: 1000001;
  top: 50%;
  left: 50%;
  margin: -0.5em 0 0 -0.5em;
  font-size: 80px;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#blog-form.has-thumbnail #blog-image {
  display: block;
}
#blog-form.has-thumbnail #blog-image-none {
  display: none;
}
#blog-form.has-thumbnail #blog-image-remove {
  display: inline-block;
}
#blog-form.upload-error #blog-files-error {
  display: block;
}
#blog-form.upload-error #blog-image-upload:after {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e857';
  display: block;
  position: absolute;
  top: -20px;
  right: 0;
  color: #e00001;
}
#blog-form.uploading #blog-files-uploading {
  display: inline-block;
}
#blog-form.uploading #blog-files-upload {
  display: none;
}
#blog-form.uploading.uploading-thumbnail #blog-image-uploading {
  display: block;
}
#blog-form.uploading.uploading-thumbnail #blog-image,
#blog-form.uploading.uploading-thumbnail #blog-image-remove,
#blog-form.uploading.uploading-thumbnail #blog-image-none {
  display: none;
}
.blog-editor .panel .panel-heading {
  padding: 0;
}
.blog-editor .panel .panel-heading h3 {
  margin: 0;
  padding: 0;
}
.blog-editor .panel .panel-heading h3 a {
  display: block;
  color: #222222;
  padding: 10px 15px;
  text-decoration: none;
  position: relative;
}
.blog-editor .panel .panel-heading h3 a:hover,
.blog-editor .panel .panel-heading h3 a:focus,
.blog-editor .panel .panel-heading h3 a:active {
  color: #000;
  background: #fff;
}
.blog-editor .panel .panel-heading h3 a:after {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e80c';
  display: block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  position: absolute;
  top: 9px;
  right: 15px;
}
.blog-editor .panel .panel-heading h3 a.collapsed:after {
  content: '\e805';
}
#blog-edit-seo ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#blog-edit-seo ul li {
  margin: 0 0 5px 0;
  padding: 0;
}
#blog-edit-seo .seo {
  color: #89949b;
  font-weight: 600;
}
#blog-edit-seo .seo:before {
  font-family: 'goskills-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
  content: '\e839';
  margin-right: 5px;
}
#blog-edit-seo .seo.seo-bad {
  color: #e00001;
}
#blog-edit-seo .seo.seo-bad:before {
  content: '\e82f';
}
#blog-edit-seo .seo.seo-ok {
  color: #ffd723;
}
#blog-edit-seo .seo.seo-good {
  color: #1fb08a;
}
#blog-edit-seo .seo.seo-na:before {
  content: '\e83f';
}
#blog-comment-moderation tr {
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
#blog-comment-moderation tr.moderating {
  pointer-events: none;
  opacity: 0.5;
}
#download-preview .blog-download-box {
  max-width: 720px;
}
.admin.course-tutors #overview-table {
  display: none;
}
.admin.course-tutors #overview-table table tr td:nth-child(n+3),
.admin.course-tutors #overview-table table tr th:nth-child(n+3) {
  text-align: right;
}
.admin.course-tutors #overview-table table .tutor {
  white-space: nowrap;
}
.admin.course-tutors #overview-table table .label {
  font-size: 11px;
  padding: 4px 8px;
  float: right;
}
.admin.course-tutors #overview-table table tfoot tr td {
  font-weight: 600;
}
.admin.course-tutors #overview-table table tfoot tr td:nth-child(n+2) {
  text-align: right;
}
.admin.course-tutors .tutor-royalties tr td:nth-child(n+2),
.admin.course-tutors .tutor-royalties tr th:nth-child(n+2) {
  text-align: right;
}
.admin.course-tutors .tutor-royalties tfoot tr td {
  font-weight: 600;
}
.admin.course-tutors .tutor-royalties tfoot tr td:first-child {
  text-align: right;
}
.admin.shortcuts.report table.table td.description {
  max-width: 400px;
}
.nav-profile-pic {
  width: 33px;
  border: 2px solid #ffd723;
  height: 33px;
}
.profile-course-link,
.profile-course-link:hover,
.profile-course-link:visited,
.profile-course-link:focus {
  color: #36373c;
  outline: none;
  text-decoration: none;
}
.profile-heading {
  position: relative;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #89949b;
}
.course-panel .course-image-wrapper {
  padding: 0;
  background-color: transparent;
  text-align: center;
  margin-top: 15px;
}
.course-panel .course-image-wrapper img {
  -webkit-box-shadow: 0px 10px 10px 2px #d0d9df;
  box-shadow: 0px 10px 10px 2px #d0d9df;
  border-radius: 6px;
  max-width: 90px;
  height: auto;
}
@media (min-width: 768px) {
  .course-panel .course-image-wrapper {
    margin-top: 0;
  }
  .course-panel .course-image-wrapper img {
    max-width: 120px;
    /*Because course card images 2x are 120x120? */
  }
}
@media (min-width: 992px) {
  .course-panel .course-image-wrapper img {
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .course-panel .course-details {
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  .course-panel .course-details {
    padding-left: 40px;
  }
}
.profile-info-panel {
  position: relative;
  margin-bottom: 10px;
}
.profile-info-panel .profile-edit-preview {
  font-weight: bold;
  position: absolute;
  top: 10px;
  width: 100%;
}
.profile-info-panel .profile-edit-preview span {
  display: none;
}
.profile-info-panel .profile-info-panel-inner-row {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture,
.profile-info-panel .profile-info-panel-inner-row .profile-info,
.profile-info-panel .profile-info-panel-inner-row .profile-private-info,
.profile-info-panel .profile-info-panel-inner-row .edit-profile {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #d0d9df;
}
.profile-info-panel .profile-info-panel-inner-row .edit-profile {
  padding: 0;
}
.profile-info-panel .profile-info-panel-inner-row .edit-profile .edit-profile-btn {
  border-radius: 0;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture {
  text-align: center;
  border-top: none;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper {
  position: relative;
  margin: 15px auto;
  line-height: 130px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  display: block;
  font-size: 70px;
  -webkit-box-shadow: 0px 10px 10px 2px #d0d9df;
  box-shadow: 0px 10px 10px 2px #d0d9df;
  margin-bottom: 20px;
  overflow: hidden;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer {
  position: absolute;
  height: 100%;
  width: 100%;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper {
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper .text {
  z-index: 900;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper .pie {
  width: 50%;
  height: 100%;
  transform-origin: 100% 50%;
  position: absolute;
  background: transparent;
  border: 5px solid #ffd723;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper .spinner {
  z-index: 200;
  opacity: 1;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper .filler {
  left: 50%;
  z-index: 100;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper .mask {
  width: 50%;
  height: 100%;
  position: absolute;
  background: inherit;
  opacity: 1;
  z-index: 300;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper:not(.reverse) .spinner {
  border-right: none;
  border-top-left-radius: 100% 50%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 100% 50%;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper:not(.reverse) .filler {
  border-left: none;
  border-top-left-radius: 0;
  border-top-right-radius: 100% 50%;
  border-bottom-right-radius: 100% 50%;
  border-bottom-left-radius: 0;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper:not(.reverse).over-half .filler {
  animation: opa steps(1, end) reverse;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper:not(.reverse).over-half .mask {
  animation: opa steps(1, end) forwards;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper:not(.reverse).under-half .filler {
  opacity: 0;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper.reverse .spinner {
  border-left: none;
  border-top-left-radius: 0;
  border-top-right-radius: 100% 50%;
  border-bottom-right-radius: 100% 50%;
  border-bottom-left-radius: 0;
  left: 50%;
  transform-origin: 0 50%;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper.reverse .filler {
  border-right: none;
  border-top-left-radius: 100% 50%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 100% 50%;
  opacity: 1;
  left: 0;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper.reverse .mask {
  opacity: 0;
  left: 50%;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper.reverse.over-half .filler {
  animation: opa steps(1, end) forwards;
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper .pie-timer .wrapper.reverse.over-half .mask {
  animation: opa steps(1, end) reverse;
  opacity: 1;
}
@-webkit-keyframes rota {
  0% {
    transform: rotate(0deg);
  }
}
@-moz-keyframes rota {
  0% {
    transform: rotate(0deg);
  }
}
@-o-keyframes rota {
  0% {
    transform: rotate(0deg);
  }
}
@keyframes rota {
  0% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes opa {
  0% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}
@-moz-keyframes opa {
  0% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}
@-o-keyframes opa {
  0% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}
@keyframes opa {
  0% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}
.profile-info-panel .profile-info-panel-inner-row .profile-picture .profile-photo-wrapper img {
  border: none;
  width: 120px;
  height: 120px;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 300;
}
.profile-info-panel .profile-info-panel-inner-row .profile-completion {
  color: #89949b;
  font-size: 11px;
  margin-top: 15px;
}
.profile-info-panel .profile-info-panel-inner-row .profile-heading {
  margin-top: -22px;
}
.profile-info-panel .profile-info-panel-inner-row .profile-heading span {
  padding-left: 5px;
  padding-right: 5px;
  background-color: white;
}
.profile-info-panel .profile-info-panel-inner-row .profile-info .fullname {
  font-weight: bold;
}
.profile-info-panel .profile-info-panel-inner-row .profile-info .position,
.profile-info-panel .profile-info-panel-inner-row .profile-info .location {
  color: #89949b;
}
.profile-info-panel .profile-info-panel-inner-row .profile-info .profile-link a,
.profile-info-panel .profile-info-panel-inner-row .profile-info .profile-link a:hover {
  color: #89949b;
  font-size: 13px;
  text-decoration: none;
}
.profile-info-panel .profile-info-panel-inner-row .profile-info .profile-link a:hover {
  color: #ffd723;
}
.profile-info-panel .profile-info-panel-inner-row .profile-info .social-media-shares {
  font-size: 18px;
}
.profile-info-panel .profile-info-panel-inner-row .profile-private-info .birthday,
.profile-info-panel .profile-info-panel-inner-row .profile-private-info .email,
.profile-info-panel .profile-info-panel-inner-row .profile-private-info .phone {
  color: #89949b;
  font-size: 13px;
}
.profile-info-panel .profile-info-panel-inner-row .profile-private-info.profile-other-info {
  color: #89949b;
  text-align: center;
}
@media (min-width: 768px) {
  .profile-info-panel .profile-info-panel-inner-row {
    /*padding-bottom: 20px;*/
  }
  .profile-info-panel .profile-info-panel-inner-row .profile-slug {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .profile-info-panel .profile-info-panel-inner-row .social-media-shares {
    margin-bottom: 10px;
  }
  .profile-info-panel .profile-info-panel-inner-row .profile-picture,
  .profile-info-panel .profile-info-panel-inner-row .profile-info,
  .profile-info-panel .profile-info-panel-inner-row .profile-shares,
  .profile-info-panel .profile-info-panel-inner-row .edit-profile {
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
  }
  .profile-info-panel .profile-info-panel-inner-row .edit-profile {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .profile-info-panel .profile-info-panel-inner-row .edit-profile .edit-profile-btn {
    border-radius: 4px;
  }
  .profile-info-panel .profile-info-panel-inner-row .fullname {
    font-size: 36px;
  }
  .profile-info-panel .profile-info-panel-inner-row .location,
  .profile-info-panel .profile-info-panel-inner-row .position,
  .profile-info-panel .profile-info-panel-inner-row .profile-link a,
  .profile-info-panel .profile-info-panel-inner-row .profile-link a:hover,
  .profile-info-panel .profile-info-panel-inner-row .birthday,
  .profile-info-panel .profile-info-panel-inner-row .email,
  .profile-info-panel .profile-info-panel-inner-row .phone {
    font-size: 16px;
  }
  .profile-info-panel .profile-info-panel-inner-row .profile-shares h5 {
    display: none;
  }
  .profile-info-panel .profile-info-panel-inner-row .profile-shares .profile-link a,
  .profile-info-panel .profile-info-panel-inner-row .profile-shares .profile-link a:hover {
    font-size: 16px;
  }
  .profile-info-panel .profile-info-panel-inner-row .profile-private-info .birthday,
  .profile-info-panel .profile-info-panel-inner-row .profile-private-info .email,
  .profile-info-panel .profile-info-panel-inner-row .profile-private-info .phone {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .profile-info-panel .profile-info-panel-inner-row .profile-picture,
  .profile-info-panel .profile-info-panel-inner-row .profile-info,
  .profile-info-panel .profile-info-panel-inner-row .profile-private-info,
  .profile-info-panel .profile-info-panel-inner-row .edit-profile {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #d0d9df;
  }
  .profile-info-panel .profile-info-panel-inner-row .profile-picture {
    border-top: none;
  }
  .profile-info-panel .profile-info-panel-inner-row .profile-info,
  .profile-info-panel .profile-info-panel-inner-row .profile-picture,
  .profile-info-panel .profile-info-panel-inner-row .edit-profile {
    text-align: center;
  }
  .profile-info-panel .profile-info-panel-inner-row .profile-heading {
    margin-top: -27px;
    text-align: center;
    display: block;
  }
  .profile-info-panel .profile-info-panel-inner-row .profile-heading span {
    padding-left: 5px;
    padding-right: 5px;
  }
  .profile-info-panel .profile-info-panel-inner-row .fullname {
    font-size: 24px;
  }
  .profile-info-panel .profile-info-panel-inner-row .location,
  .profile-info-panel .profile-info-panel-inner-row .position,
  .profile-info-panel .profile-info-panel-inner-row .profile-link a,
  .profile-info-panel .profile-info-panel-inner-row .profile-link a:hover,
  .profile-info-panel .profile-info-panel-inner-row .birthday,
  .profile-info-panel .profile-info-panel-inner-row .email,
  .profile-info-panel .profile-info-panel-inner-row .phone {
    font-size: 14px;
  }
  .profile-info-panel .profile-info-panel-inner-row .profile-shares h5 {
    display: block;
  }
  .profile-info-panel .profile-info-panel-inner-row .profile-shares .profile-link a,
  .profile-info-panel .profile-info-panel-inner-row .profile-shares .profile-link a:hover {
    font-size: 14px;
  }
  .profile-info-panel .profile-info-panel-inner-row .profile-private-info .birthday,
  .profile-info-panel .profile-info-panel-inner-row .profile-private-info .email,
  .profile-info-panel .profile-info-panel-inner-row .profile-private-info .phone {
    font-size: 14px;
  }
  .profile-info-panel .profile-info-panel-inner-row .profile-private-info .profile-private-info-container {
    padding-top: 10px;
  }
  .profile-info-panel .profile-info-panel-inner-row .profile-private-info.profile-other-info {
    color: #89949b;
    text-align: left;
  }
}
.profile-edit {
  /*.affix-top {
        width: 100%;
    }*/
}
.profile-edit input,
.profile-edit select,
.profile-edit textarea,
.profile-edit .btn,
.profile-edit .input-group {
  margin-top: 5px;
  margin-bottom: 15px;
}
.profile-edit .input-group * {
  margin-top: 0px;
  margin-bottom: 0px;
}
.profile-edit .profile-picture-input-group {
  margin-bottom: 5px;
}
.profile-edit .profile-pic-filename {
  background-color: white;
}
.profile-edit .choose-file-btn {
  text-transform: none;
  border-radius: 0px;
}
.profile-edit .profile-supported-images {
  font-size: 11px;
  margin-bottom: 10px;
  color: #89949b;
}
.profile-edit .affix {
  top: 0px;
  position: fixed;
}
.profile-edit .control-label.profile-heading {
  color: #89949b !important;
}
.profile-edit .affix-bottom {
  position: absolute;
}
.profile-course-panel:hover,
.activity-card:hover,
.activity-panel:hover,
.course-family-panel:hover {
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.available-training .course-family-panel,
.available-training .activity-card {
  max-width: 230px;
  margin: 0 auto 15px auto;
}
@media (min-width: 992px) {
  .available-training .course-family-panel,
  .available-training .activity-card {
    margin-left: 0;
  }
}
.profile-dashboard {
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
.profile-dashboard .profile-org-advertising {
  padding-bottom: 20px;
}
.profile-dashboard .profile-org-advertising .profile-org-advertising-row {
  margin: 0;
}
.profile-dashboard .profile-org-advertising .profile-org-advertising-row .content-col {
  height: 120px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .profile-dashboard .profile-org-advertising .profile-org-advertising-row .content-col {
    height: 240px;
    margin-bottom: 0;
  }
  .profile-dashboard .profile-org-advertising .profile-org-advertising-row .content-col:first-child {
    padding-left: 0px;
  }
  .profile-dashboard .profile-org-advertising .profile-org-advertising-row .content-col:last-child {
    padding-right: 0px;
  }
}
.profile-dashboard .empty-profile-section {
  min-height: 200px;
  line-height: 200px;
  text-align: center;
}
.profile-dashboard .empty-profile-section .empty-profile-section-text {
  color: #89949b;
  line-height: initial;
  display: inline-block;
  vertical-align: middle;
}
.profile-dashboard .disable-links a,
.profile-dashboard .disable-links a:hover {
  color: #d0d9df;
}
.profile-dashboard .profile-see-what-others-see {
  text-align: center;
}
.profile-dashboard .panel {
  border: 1px solid #d0d9df;
  border-bottom-width: 3px;
}
.profile-dashboard .dashboard-sections-wrapper a.profile-section.active {
  display: none;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.profile-dashboard .switch {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  width: 100px;
  height: 34px;
  cursor: pointer;
}
.profile-dashboard .switch span.private {
  position: absolute;
  font-size: 11px;
  text-transform: none;
  left: 8px;
  top: 10px;
  font-weight: 400;
  color: #89949b;
}
.profile-dashboard .switch span.public {
  position: absolute;
  font-size: 11px;
  text-transform: none;
  right: 8px;
  top: 10px;
  font-weight: 400;
  color: #89949b;
}
.profile-dashboard .switch span.private:hover,
.profile-dashboard .switch span.public:hover {
  color: #36373c;
}
.profile-dashboard .switch input {
  display: none;
}
.profile-dashboard .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.profile-dashboard .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 46px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.profile-dashboard input:checked + .slider {
  background-color: #ffd723;
}
.profile-dashboard input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.profile-dashboard input:checked + .slider:before {
  width: 40px;
  -webkit-transform: translateX(52px);
  -ms-transform: translateX(52px);
  transform: translateX(52px);
}
.profile-dashboard .slider.round {
  border-radius: 34px;
}
.profile-dashboard .slider.round:before {
  border-radius: 34px;
}
.profile-dashboard .course-actions {
  position: absolute;
  top: -10px;
  right: 10px;
  /*float: right;
            margin-top: -25px;*/
}
.profile-dashboard .course-actions .dismiss-user-course {
  cursor: pointer;
  color: #89949b;
}
.profile-dashboard .course-actions .dismiss-user-course:hover {
  color: #36373c;
}
.profile-dashboard .course-actions .profile-private-course-btn {
  color: #89949b;
  cursor: default;
}
.profile-dashboard .color-google,
.profile-dashboard .color-facebook,
.profile-dashboard .color-twitter,
.profile-dashboard .color-linkedin,
.profile-dashboard .color-default {
  color: #d0d9df;
}
.profile-dashboard .profile-heading span {
  padding-right: 5px;
  background-color: #f8f9f9;
}
.profile-dashboard h2.profile-heading {
  margin-bottom: 20px;
}
.profile-dashboard h2.profile-heading:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.5em;
  border-top: 1px solid #d0d9df;
  z-index: -1;
}
.profile-dashboard .profile-tabs {
  margin-bottom: 25px;
  border-bottom: 1px solid #d0d9df;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}
.profile-dashboard .profile-tabs > li > a {
  color: #89949b;
  border: none;
  border-bottom: 4px solid transparent;
}
.profile-dashboard .profile-tabs > li.active > a,
.profile-dashboard .profile-tabs li > a:hover {
  border: none;
  border-bottom: 4px solid #ffd723;
  color: #4d4f56;
}
.profile-dashboard .profile-tabs .profile-toggle-nav-tab {
  text-transform: none;
}
.profile-dashboard .profile-tabs a:focus,
.profile-dashboard .profile-tabs a:visited {
  outline: none;
  border: none;
  border-bottom: 4px solid transparent;
  background-color: none;
  border-color: none;
}
.profile-dashboard .goals-panel {
  padding: 20px;
  position: relative;
}
.profile-dashboard .goals-panel .goals-settings {
  margin-top: -20px;
  text-align: center;
}
.profile-dashboard .goals-panel .goals-settings .goals-settings-link {
  color: #36373c;
  font-size: 18px;
}
.profile-dashboard .goals-panel .goals-settings .goals-settings-link:hover {
  color: #ffd723;
}
@media (min-width: 768px) {
  .profile-dashboard .goals-panel .goals-settings {
    text-align: right;
  }
}
.profile-dashboard .goals-panel .panel-body {
  padding: 0px;
}
.profile-dashboard .goals-panel .setup-goals-wrapper {
  padding: 20px 20px 20px 20px;
}
.profile-dashboard .goals-panel .goals-time-spent,
.profile-dashboard .goals-panel .goals-lessons-per-week,
.profile-dashboard .goals-panel .goals-daily-streaks,
.profile-dashboard .goals-panel .goals-status {
  margin: 10px;
  border-radius: 10px;
  background-color: #f8f9f9;
  height: 200px;
}
.profile-dashboard .goals-panel .goals-time-spent .highcharts-container,
.profile-dashboard .goals-panel .goals-lessons-per-week .highcharts-container,
.profile-dashboard .goals-panel .goals-daily-streaks .highcharts-container,
.profile-dashboard .goals-panel .goals-status .highcharts-container {
  border-radius: 10px;
}
@media (min-width: 992px) {
  .profile-dashboard .goals-panel .goals-time-spent,
  .profile-dashboard .goals-panel .goals-lessons-per-week,
  .profile-dashboard .goals-panel .goals-daily-streaks,
  .profile-dashboard .goals-panel .goals-status {
    margin: 0;
  }
}
.profile-dashboard .goals-panel .goals-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  padding-top: 10px;
  padding-left: 10px;
  font-family: 'Lato', 'Open Sans', sans-serif;
}
.profile-dashboard .goals-panel .goals-daily-streaks-container {
  margin-top: 40px;
  text-align: center;
}
.profile-dashboard .goals-panel .goals-daily-streaks-container .daily-streak {
  border-radius: 50%;
  background-color: #d0d9df;
  width: 30px;
  height: 30px;
  font-size: 15px;
  text-align: center;
  display: inline-block;
  line-height: 30px;
  z-index: 2;
  position: relative;
  margin: 10px;
}
.profile-dashboard .goals-panel .goals-daily-streaks-container .daily-streak span {
  display: inline-block;
  line-height: normal;
  z-index: 4;
  position: relative;
}
.profile-dashboard .goals-panel .goals-daily-streaks-container .daily-streak-attended {
  background-color: #ffd723;
}
.profile-dashboard .goals-panel .goals-daily-streaks-container .daily-streak-current {
  background-color: #f8f9f9;
}
.profile-dashboard .goals-panel .goals-daily-streaks-container .daily-streak-current::after {
  position: absolute;
  content: " ";
  width: 44px;
  height: 44px;
  border: 3px solid #ffd723;
  left: -7px;
  top: -7px;
  z-index: 3;
  border-radius: 50%;
  background-color: white;
}
.profile-dashboard .tooltip {
  min-width: 200px;
  padding: 5px 0;
}
.profile-dashboard .tooltip .tooltip-inner {
  padding: 10px 20px;
}
.profile-dashboard .tooltip.right {
  padding: 0 5px;
}
.profile-dashboard .private-profile-actions .panel-body {
  text-align: center;
}
.profile-dashboard .private-profile-actions .panel-body .profile-toggle-link {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .profile-dashboard .private-profile-actions .panel-body {
    background-image: url('/Images/Profiles/spaceanimated.svg');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    min-height: 150px;
    text-align: left;
  }
  .profile-dashboard .private-profile-actions .panel-body .profile-toggle-link {
    display: inline-block;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .profile-dashboard .private-profile-actions .panel-body {
    background-size: auto;
  }
}
@media (min-width: 768px) {
  .profile-dashboard .empty-goals-panel .panel-body {
    background-image: url('/Images/Profiles/spaceanimated.svg');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    min-height: 150px;
  }
  .profile-dashboard .empty-goals-panel .panel-body .setup-goals-wrapper {
    margin-top: 20px;
  }
}
.profile-dashboard .add-course-btn,
.profile-dashboard .select-courses-btn {
  padding-left: 25px;
  padding-right: 25px;
}
.profile-dashboard .add-course-btn {
  margin-left: -15px;
}
.profile-dashboard .course-panel:first-child,
.profile-dashboard .referrals-panel {
  margin-top: 20px;
}
.profile-dashboard .referral-promotion {
  margin-top: 20px;
  margin-bottom: 20px;
}
.profile-dashboard .referral-promotion-description {
  font-size: 13px;
  color: #89949b;
}
@media (min-width: 768px) {
  .profile-dashboard .empty-courses-panel {
    background-image: url('/Images/Profiles/addcourse.svg');
    background-size: 50%;
    /*opacity: .3;*/
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: -30px;
    min-height: 250px;
  }
  .profile-dashboard .empty-courses-panel .start-learning-promotion {
    margin-top: 50px;
  }
  .profile-dashboard .empty-courses-panel .select-courses-btn {
    margin-top: 10px;
  }
}
.profile-dashboard .course-panel {
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
}
.profile-dashboard .course-panel .course-details .course-title {
  text-align: center;
  margin-top: 20px;
}
.profile-dashboard .course-panel .course-details .course-progress,
.profile-dashboard .course-panel .course-details .course-time-spent,
.profile-dashboard .course-panel .course-details .course-badges {
  height: 100px;
  /*margin-top: 20px;*/
}
.profile-dashboard .course-panel .course-details .course-time-spent {
  border-right: 1px solid #d0d9df;
}
.profile-dashboard .course-panel .course-details .course-badges {
  position: relative;
  text-align: center;
}
.profile-dashboard .course-panel .course-details .course-badges .tooltip {
  min-width: 200px;
}
.profile-dashboard .course-panel .course-details .course-badges .course-badge {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ffd723;
  border-color: transparent !important;
  vertical-align: middle;
  display: inline-block;
}
.profile-dashboard .course-panel .course-details .course-badges .course-badge .tooltip-overlay {
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1000;
  position: absolute;
}
.profile-dashboard .course-panel .course-details .course-badges .course-badge svg {
  position: absolute;
  top: -5px;
  left: -5px;
}
.profile-dashboard .course-panel .course-details .course-badges .course-badge.current {
  top: 0;
  width: 40px;
  height: 40px;
}
.profile-dashboard .course-panel .course-details .course-badges .course-badge.current svg {
  top: -10px;
  left: -10px;
}
.profile-dashboard .course-panel .course-details .course-badges .course-badge.not-attained {
  background-color: #d0d9df;
}
.profile-dashboard .course-panel .course-details .course-badges .course-badge .progress {
  margin-bottom: 0;
  height: 15px;
}
.profile-dashboard .course-panel .course-details .course-badges .badges-container {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .profile-dashboard .course-panel .course-details {
    padding-left: 20px;
  }
  .profile-dashboard .course-panel .course-details .course-title {
    text-align: left;
    margin-top: 0;
  }
  .profile-dashboard .course-panel .course-details .course-badges {
    text-align: left;
  }
  .profile-dashboard .course-panel .course-details .course-badges .badges-container {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .profile-dashboard .course-panel .course-details {
    padding-left: 40px;
  }
  .profile-dashboard .course-panel .course-details .course-progress,
  .profile-dashboard .course-panel .course-details .course-time-spent {
    border-right: 1px solid #d0d9df;
  }
  .profile-dashboard .course-panel .course-details .course-progress,
  .profile-dashboard .course-panel .course-details .course-time-spent,
  .profile-dashboard .course-panel .course-details .course-badges {
    margin-top: 0px;
  }
  .profile-dashboard .course-panel .course-details .course-badges .badges-container {
    margin-top: 20px;
  }
}
.profile-dashboard .course-panel .course-actions::after {
  clear: both;
}
.profile-dashboard .course-panel .lessons-completion {
  font-size: 25px;
  margin-top: 7px;
}
.profile-dashboard .course-panel .time-spent-paragraph {
  vertical-align: bottom;
}
.profile-dashboard .course-panel .hours,
.profile-dashboard .course-panel .minutes {
  font-size: 40px;
  /*font-size: @font-size-xl;*/
}
.profile-dashboard .course-panel .progress-col,
.profile-dashboard .course-panel .trophy-col {
  padding: 0;
}
.profile-dashboard .course-panel .trophy-col {
  text-align: center;
  height: 25px;
  line-height: 22px;
  font-size: 20px;
}
.profile-dashboard .course-panel .progress {
  position: relative;
  margin-bottom: 0;
  /*margin-top: 10px;*/
  border-radius: 0;
  height: 25px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d0d9df;
}
.profile-dashboard .course-panel .progress .progress-bar {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.profile-dashboard .course-panel .progress .progress-trophy {
  position: absolute;
  right: 0;
  top: 3px;
}
.profile-dashboard .course-panel .course-progress-wrapper {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .profile-dashboard .course-panel {
    /*padding-left: 40px !important;*/
  }
}
.profile-dashboard .course-access-expired {
  border-bottom: 1px solid #d0d9df;
  font-size: 11px;
  padding-left: 40px;
  padding-right: 20px;
}
.profile-dashboard .course-access-expired * {
  padding: 0;
}
.profile-dashboard .course-access-expired .course-expired-text {
  font-size: 13px;
  padding: 0 5px;
}
.profile-dashboard .course-access-expired .course-expired-text p {
  margin-bottom: 0;
}
.profile-dashboard .course-access-expired .course-expired-icon span {
  font-size: 40px;
}
.profile-dashboard .course-access-expired .course-expired-button a {
  font-size: 14px;
  padding: 7px 16px;
}
@media (min-width: 992px) {
  .profile-dashboard .course-access-expired .course-expired-icon,
  .profile-dashboard .course-access-expired .course-expired-text,
  .profile-dashboard .course-access-expired .course-expired-button {
    height: 39px;
    line-height: 39px;
  }
  .profile-dashboard .course-access-expired .course-expired-icon *,
  .profile-dashboard .course-access-expired .course-expired-text *,
  .profile-dashboard .course-access-expired .course-expired-button * {
    display: inline-block;
    vertical-align: middle;
  }
  .profile-dashboard .course-access-expired .course-expired-icon p,
  .profile-dashboard .course-access-expired .course-expired-text p,
  .profile-dashboard .course-access-expired .course-expired-button p {
    line-height: initial;
  }
}
.profile-dashboard .empty-courses-panel .panel-body {
  padding-left: 40px;
}
.profile-dashboard .course-certificates {
  padding-left: 40px;
  font-size: 13px;
}
.profile-dashboard .course-certificates .certificates-table {
  margin-bottom: 0px;
}
.profile-dashboard .course-certificates .certificates-table > tbody > tr > td {
  border-top: none;
  padding-left: 0;
  vertical-align: middle;
}
.profile-dashboard .course-certificates .certificate-download-link {
  font-size: 24px;
}
@media (min-width: 768px) {
  .profile-dashboard .course-certificates {
    font-size: 16px;
  }
}
.profile-dashboard .profile-private {
  margin-top: 25px;
}
.profile-dashboard .profile-private .referral-link {
  margin-top: 30px;
}
.profile-dashboard .profile-private .referral-link input {
  background-color: white;
}
.profile-dashboard .profile-private .referrals-share {
  margin-top: 30px;
  font-size: 18px;
}
.profile-dashboard .profile-private .referrals-share-span {
  margin-right: 20px;
  font-size: 14px;
}
.profile-dashboard .profile-private .referrals-image-wrapper {
  text-align: center;
  padding-left: 50px;
  padding-right: 50px;
}
.profile-dashboard .profile-private .no-referrals-text {
  margin-top: 40px;
  margin-bottom: 40px;
}
.profile-dashboard .profile-private .referrals-table-section {
  padding: 0;
}
.profile-dashboard .profile-private .referrals-table-section .referrals-table td:first-child {
  padding-left: 40px;
}
.profile-dashboard .profile-private .referrals-table-section .referrals-table td:last-child {
  padding-right: 20px;
}
.profile-dashboard .profile-private .referrals-table-section .referrals-table thead td {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #89949b;
}
.profile-dashboard .profile-private .referrals-table-section .referrals-table tbdoy tr:first-child td {
  margin-top: 20px;
}
.profile-dashboard .profile-private .referrals-table-section .referrals-table tbody tr:not(:first-child) td {
  border-top: none;
}
.profile-dashboard .bag-card {
  margin: 0 auto 15px auto;
}
.profile-dashboard .bag-card .progress {
  position: relative;
  margin-bottom: 0;
  /*margin-top: 10px;*/
  border-radius: 0;
  height: 25px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d0d9df;
}
.profile-dashboard .bag-card .progress .progress-bar {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (min-width: 992px) {
  .profile-dashboard .bag-card {
    margin-left: 0;
  }
}
.profile-add-courses-heading {
  padding-bottom: 20px;
  padding-top: 20px;
}
/*TODO: take this out here*/
.course-family-panel {
  font-family: 'Lato', 'Open Sans', sans-serif;
  height: 325px;
  border: 1px solid #d0d9df;
  border-bottom-width: 3px;
}
.course-family-panel a,
.course-family-panel a:hover,
.course-family-panel a:visited {
  color: #36373c;
  text-decoration: none;
}
.course-family-panel .course-family-panel-heading {
  padding: 0;
  border-bottom: none;
}
.course-family-panel .course-family-panel-footer {
  font-weight: bold;
}
.profile-select-family {
  position: relative;
}
.profile-select-family .select-family a,
.profile-select-family .select-family a:hover,
.profile-select-family .select-family a *,
.profile-select-family .select-family a *:hover {
  text-decoration: none;
  color: #4d4f56;
}
.profile-add-courses {
  position: relative;
}
.profile-add-courses .scorm-link a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -webkit-transition: box-shadow 0.15s linear;
  -o-transition: box-shadow 0.15s linear;
  transition: box-shadow 0.15s linear;
  color: #36373c;
  text-decoration: none;
}
.profile-add-courses .scorm-link a:focus {
  outline: none;
}
.profile-add-courses .scorm-link img {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.profile-add-courses .scorm-link .bag-card-title {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-width: 2px;
}
.profile-add-courses .add-courses-nav-link {
  text-align: center;
  color: #4d4f56;
}
.profile-add-courses .add-courses-nav-link p:first-child {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 0;
}
.profile-add-courses .add-courses-nav-link:hover {
  text-decoration: none;
  color: #ffd723;
}
.profile-add-courses #confirm-row {
  text-align: left;
  z-index: 2;
  position: relative;
  min-height: 85px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.profile-add-courses .confirm-courses-wrapper {
  text-align: center;
  transition: all .25s ease;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #36373c;
}
.profile-add-courses .back,
.profile-add-courses .close-course-selection {
  font-weight: bold;
  display: inline-block;
  position: relative;
  color: #36373c;
  width: 65px;
  height: 65px;
  text-align: center;
  border-radius: 50%;
  background-color: transparent;
  text-decoration: none;
  z-index: 100;
  font-size: 13px;
}
.profile-add-courses .back:hover,
.profile-add-courses .close-course-selection:hover {
  background-color: #e3e3e3;
}
.profile-add-courses .back > span,
.profile-add-courses .close-course-selection > span {
  display: block;
  font-size: 24px;
  margin: 6px 0 -3px 4px;
}
.profile-add-courses .close-course-selection > span {
  font-size: 20px;
  margin: 9px 0 0 5px;
}
.profile-add-courses .progress {
  position: relative;
  margin-bottom: 0;
  /*margin-top: 10px;*/
  border-radius: 0;
  height: 25px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d0d9df;
}
.profile-add-courses .progress .progress-bar {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.profile-add-courses .add-courses-heading .profile-heading {
  position: relative;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
}
.profile-add-courses .add-courses-heading .profile-heading span {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #f8f9f9;
}
.profile-select-family::before {
  position: fixed;
  content: " ";
  width: 100%;
  height: 100%;
  background-image: url('/Images/Profiles/addcourse.svg');
  background-size: contain;
  opacity: .3;
  background-repeat: no-repeat;
  background-position-x: center;
}
.profile-add-courses.fullpage::before {
  position: fixed;
  content: " ";
  width: 50%;
  height: 50%;
  background-image: url('/Images/Profiles/addcourse.svg');
  background-size: contain;
  opacity: .3;
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: top;
}
.profile-add-courses.fullpage::after {
  position: fixed;
  content: " ";
  width: 50%;
  height: 50%;
  left: 50%;
  top: 50%;
  background-image: url('/Images/Profiles/addcourse.svg');
  background-size: contain;
  opacity: .3;
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position-x: right;
  z-index: -1;
}
.profile-goals-setup .goals-setup-header {
  min-height: 120px;
}
@media (min-width: 768px) {
  .profile-goals-setup .goals-setup-header {
    background-image: url('/Images/Profiles/spaceanimated.svg');
    /*background-size: 50%;*/
    /*opacity: .3;*/
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
  }
}
.profile-goals-setup .goals-setup-panel .panel-heading {
  border-bottom: 1px solid #d0d9df;
}
.profile-goals-setup .goals-setup-panel .panel-heading .progress {
  margin-bottom: 10px;
  margin-top: 10px;
  height: 12px;
}
.profile-goals-setup .goals-setup-panel .panel-heading .progress .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.profile-goals-setup .goals-setup-panel .panel-heading p {
  color: #89949b;
  margin-bottom: 0;
}
.profile-goals-setup .goals-setup-panel .panel-heading p span {
  padding-left: 10px;
  padding-right: 10px;
}
.profile-goals-setup .goals-setup-panel .panel-heading p span.current {
  color: #4d4f56;
  font-weight: bold;
}
.profile-goals-setup ol.goals-setup-slides {
  padding: 0;
}
.profile-goals-setup ol.goals-setup-slides li.goals-setup-slide {
  display: none;
  list-style: none;
}
.profile-goals-setup ol.goals-setup-slides li.goals-setup-slide.active {
  display: list-item;
}
.profile-goals-setup .goals-setup-input {
  color: #36373c;
  display: inline;
  max-width: 50px;
  text-align: center;
  border: none;
  border-bottom: 1px solid #36373c;
  padding: 0;
  border-radius: 0px;
  font-size: 25px;
  height: 30px;
}
.profile-goals-setup button {
  margin-top: 0 !important;
}
.profile-goals-setup .goals-setup-img {
  margin-bottom: 20px;
  width: 100px;
  height: 100px;
}
.profile-goals-setup .goals-setup-text {
  font-size: 25px;
}
.profile-account .color-google,
.profile-account .color-facebook,
.profile-account .color-twitter,
.profile-account .color-linkedin,
.profile-account .color-default {
  color: #d0d9df;
}
.profile-account .panel {
  -moz-box-shadow: 0 2px #ddd;
  -webkit-box-shadow: 0 2px #ddd;
  box-shadow: 0 2px #ddd;
  border: 1px solid #d0d9df;
}
.profile-account .profile-shares .color-google,
.profile-account .profile-shares .color-facebook,
.profile-account .profile-shares .color-twitter,
.profile-account .profile-shares .color-linkedin,
.profile-account .profile-shares .color-default {
  color: #d0d9df;
}
.profile-account .no-content-paragraph {
  color: #89949b;
  text-align: left;
  margin-top: 15px;
}
.profile-account .new-password-panel .save-password-btn {
  margin-top: 20px;
}
.profile-account .new-password-panel input {
  line-height: 23px;
  height: auto;
  padding: 10px 16px;
  margin-top: 15px;
}
.profile-account .external-logins-panel .existing-external-logins,
.profile-account .external-logins-panel .add-external-logins {
  margin-bottom: 10px;
  /*margin-top: 10px;*/
}
.profile-account .external-logins-panel .add-external-logins.existing {
  margin-top: 25px;
}
.profile-account .external-logins-panel .add-external-login-btn {
  opacity: .8;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  margin-top: 15px;
}
.profile-account .external-logins-panel .add-external-login-btn span {
  border: none;
}
.profile-account .external-logins-panel .add-external-login-btn .add-external-login-text,
.profile-account .external-logins-panel .add-external-login-btn .add-external-login-plus {
  background-color: #d0d9df;
  /*font-size: 18px;*/
}
.profile-account .external-logins-panel .add-external-login-btn .add-external-login-plus {
  border-left: 1px solid white;
}
.profile-account .external-logins-panel .add-external-login-btn:hover {
  opacity: 1;
  /*.add-external-login-text, .add-external-login-plus {
                background-color: @goskills-grey;
                color: white;
            }

            .btn-google, .btn-facebook {
                color: white;
            }

            .btn-google {
                background-color: #df572c;
            }

            .btn-facebook {
                background-color: #3d5d91;
            }*/
}
.profile-account .external-logins-panel .external-login {
  margin-top: 15px;
}
.profile-account .external-logins-panel .external-login input {
  background-color: transparent;
  border-right: none;
  font-size: 14px;
}
.profile-account .external-logins-panel .external-login .external-login-removal {
  background-color: transparent;
  border-left: none;
  font-size: 14px;
  color: #89949b;
}
.profile-account .external-logins-panel .external-login .external-login-removal:hover {
  color: #36373c;
}
.profile-account .email-subscriptions-panel .email-subscription-wrapper {
  text-align: center;
}
.profile-account .email-subscriptions-panel .email-subscription-checkbox-wrapper {
  margin-top: 20px;
  position: relative;
  opacity: 0.6;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.profile-account .email-subscriptions-panel .email-subscription-checkbox-wrapper .email-subscription-link {
  display: inline-block;
}
.profile-account .email-subscriptions-panel .email-subscription-checkbox-wrapper .email-subscription-link:focus {
  outline: none;
}
.profile-account .email-subscriptions-panel .email-subscription-checkbox-wrapper .checkbox-wrapper {
  display: inline;
  margin-left: -20px;
}
.profile-account .email-subscriptions-panel .email-subscription-checkbox-wrapper .email-subscription-checkbox {
  width: 35px;
  height: 35px;
  margin: 0;
  background-color: white;
  border-radius: 50%;
  vertical-align: bottom;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  cursor: pointer;
  position: relative;
  text-align: center;
  border: 3px solid white;
  font-family: 'goskills-icons';
  font-size: 35px;
}
.profile-account .email-subscriptions-panel .email-subscription-checkbox-wrapper .email-subscription-checkbox:checked {
  /*background-color: @brand-primary !important;*/
}
.profile-account .email-subscriptions-panel .email-subscription-checkbox-wrapper .email-subscription-checkbox:not(:checked)::after {
  position: absolute;
  content: '\e806';
  color: #d0d9df;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  top: -5.5px;
  left: 0px;
}
.profile-account .email-subscriptions-panel .email-subscription-checkbox-wrapper .email-subscription-checkbox:checked::after {
  position: absolute;
  content: '\e891';
  color: #ffd723;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  top: -5.5px;
  left: 0px;
}
.profile-account .email-subscriptions-panel .email-subscription-checkbox-wrapper.active {
  opacity: 1;
}
.profile-account .email-subscriptions-panel .email-subscription-description {
  margin-top: 15px;
}
.profile-account .payments-panel .card-options {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .profile-account .payments-panel .card-options {
    text-align: right;
  }
}
.profile-account .payments-panel .remove-card-btn {
  margin-top: 20px;
}
.profile-account .payments-panel .redeem-coupon-form {
  margin-top: 20px;
}
.profile-account .payments-panel .account-money-card-empty {
  border: 1px solid #d0d9df;
  border-radius: 5px;
  height: 200px;
  line-height: 200px;
  text-align: center;
  position: relative;
  color: #89949b;
  margin-top: 10px;
}
.profile-account .payments-panel .account-money-card-empty:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 63%;
}
.profile-account .payments-panel .account-money-card-empty > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.profile-account .payments-panel .account-money-card {
  -moz-box-shadow: 0 2px #ddd;
  -webkit-box-shadow: 0 2px #ddd;
  box-shadow: 0 2px #ddd;
  border: 1px solid #d0d9df;
  border-radius: 10px;
  background-color: transparent;
  position: relative;
  margin-top: 10px;
}
.profile-account .payments-panel .account-money-card:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 63%;
}
.profile-account .payments-panel .account-money-card > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.profile-account .payments-panel .account-money-card .content {
  padding-left: 20px;
  padding-right: 20px;
}
.profile-account .payments-panel .account-money-card .card-logo {
  max-width: 50%;
  margin-top: 25px;
}
.profile-account .payments-panel .account-money-card .card-number {
  margin-top: 30px;
  color: #89949b;
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  .profile-account .payments-panel .account-money-card .card-number {
    font-size: 20px;
  }
}
.profile-account .payments-panel .account-money-card .card-data {
  color: #d0d9df;
  font-size: 11px;
  margin-top: 25px;
}
.profile-account .payments-panel .account-money-card .card-data .valid-thru {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  padding-right: 0;
}
.profile-account .payments-panel .account-money-card .card-data .expiry-date {
  color: #89949b;
  font-size: 14px;
  margin-top: 5px;
  font-weight: bold;
  padding-left: 10px;
}
.profile-account .payments-panel .account-money-card.visa .card-logo {
  max-width: 40%;
}
.profile-account .payments-panel .account-money-card.visa .card-number {
  margin-top: 35px;
}
.profile-account .payments-panel .account-money-card.visa .card-number,
.profile-account .payments-panel .account-money-card.visa .card-logo,
.profile-account .payments-panel .account-money-card.visa .card-data {
  margin-left: 0;
  margin-right: 0;
}
.profile-account .payments-panel .account-money-card.master_card .card-logo {
  max-width: 30%;
  margin-top: 20px;
}
.profile-account .payments-panel .account-money-card.master_card .card-data {
  margin-top: 20px;
}
.profile-account .payments-panel .account-money-card.amex .card-logo {
  max-width: 35%;
  margin-top: 20px;
}
.profile-account .payments-table,
.profile-account .subscriptions-table,
.profile-account .coupons-table {
  margin-top: 10px;
}
.profile-account .payments-table td,
.profile-account .subscriptions-table td,
.profile-account .coupons-table td {
  border: none;
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: middle;
}
.profile-account .payments-table td:first-child,
.profile-account .subscriptions-table td:first-child,
.profile-account .coupons-table td:first-child {
  padding-left: 0;
}
.profile-account .payments-table td.payment-amount.active-subscription,
.profile-account .subscriptions-table td.payment-amount.active-subscription,
.profile-account .coupons-table td.payment-amount.active-subscription {
  font-size: 18px;
}
.profile-account .payments-table td.payment-amount.inactive-subscription,
.profile-account .subscriptions-table td.payment-amount.inactive-subscription,
.profile-account .coupons-table td.payment-amount.inactive-subscription {
  color: #89949b;
}
.profile-account .payments-table td.download-statement-cell span.icon-download,
.profile-account .subscriptions-table td.download-statement-cell span.icon-download,
.profile-account .coupons-table td.download-statement-cell span.icon-download {
  font-size: 24px;
}
.profile-account .payments-table td:not(:first-child),
.profile-account .subscriptions-table td:not(:first-child) {
  text-align: center;
}
.email-box-wrapper {
  width: 80px;
  height: 80px;
  line-height: 76px;
  text-align: center;
  margin: 0;
  /* padding-left: 5px; */
  border-radius: 50%;
  /* padding-bottom: 5px; */
  display: inline-block;
  vertical-align: middle;
  background-color: #d0d9df;
}
.email-box-wrapper span {
  font-size: 33px;
  color: white;
  margin-left: 7px;
}
.email-box-wrapper.active {
  background-color: #ffd723;
}
.profile-notifications #content .container {
  padding-top: 0;
}
.profile-notifications .empty-notifications-panel {
  min-height: 150px;
  line-height: 150px;
}
.profile-notifications .empty-notifications-panel .empty-notifications-panel-text {
  line-height: initial;
}
.profile-notifications .notifications-header {
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: url('/Images/Profiles/Plane.svg');
  /*background-size: 50%;*/
  /*opacity: .3;*/
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
}
.profile-notifications .notifications-header h2 {
  display: inline;
}
.profile-notifications .notifications-header .notifications-unseen-count {
  width: 50px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  /* font-size: 24px; */
  /* vertical-align: middle; */
  text-align: center;
  border-radius: 50%;
  background-color: #ffd723;
  margin-left: 20px;
}
@media (min-width: 992px) {
  .profile-notifications .notifications-header {
    min-height: 125px;
    line-height: 125px;
  }
}
.profile-notifications .notification-link,
.profile-notifications .notification-link:hover,
.profile-notifications .notification-link:visited {
  color: #36373c;
}
.profile-notifications .notification-panel {
  padding-top: 30px;
  padding-bottom: 30px;
}
.profile-notifications .notification-panel:not(:first-child) {
  border-top: 1px solid #d0d9df;
}
.profile-notifications .notification-sent-datetime {
  margin-top: 0;
}
.profile-notifications .email-box-wrapper {
  width: 70px;
  height: 70px;
  line-height: 60px;
  border: 2px solid #d0d9df;
}
.profile-notifications .email-box-wrapper.active {
  border: 2px solid #ffd723;
}
#cancellation-reason-radio-buttons div {
  margin-bottom: 15px;
}
#cancellation-reason-radio-buttons div label {
  font-weight: 400;
  font-size: 14px;
  padding-left: 10px;
}
#cancellation-reason-radio-buttons .collapsible {
  margin-left: 25px;
}
.org-branding-1874.login .social-logins {
  display: none;
}
/*.org-branding(1, #fff, #006bae, #dff2fe, #006bae); //GoSkills test org*/
.org-branding-1683 .navbar-brand {
  background-image: url('/Blobs/Orgs/1683/header-logo.png?v=1');
  background-size: auto !important;
}
.org-branding-1683 #header {
  background-color: #006bae;
}
@media (max-width: 767px) {
  .org-branding-1683 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li {
    border-top-color: #005b95;
  }
  .org-branding-1683 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #dff2fe;
  }
  .org-branding-1683 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .org-branding-1683 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .org-branding-1683 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active,
  .org-branding-1683 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a .active {
    color: #fff;
  }
}
.org-branding-1683 #header .navbar-inverse .navbar-nav > li {
  border-bottom-color: #005b95;
}
.org-branding-1683 #header .navbar-inverse .navbar-nav > li > a {
  color: #dff2fe;
}
.org-branding-1683 #header .navbar-inverse .navbar-nav > li > a:hover,
.org-branding-1683 #header .navbar-inverse .navbar-nav > li > a:focus,
.org-branding-1683 #header .navbar-inverse .navbar-nav > li > a:active,
.org-branding-1683 #header .navbar-inverse .navbar-nav > li > a .active {
  color: #fff;
}
.org-branding-1683 #header-search {
  border-color: #005b95;
}
.org-branding-1683 #header-account > a:hover {
  background: #005b95;
}
.org-branding-1683 #lesson-banner {
  background: #006bae;
  color: #dff2fe;
}
.org-branding-1683 #lesson-banner .logo {
  background-image: url('/Blobs/Orgs/1683/header-logo.png');
}
.org-branding-1683 #lesson-banner .text-right a {
  color: #fff;
  border-color: #005b95;
}
.org-branding-1683 #lesson-banner .text-right a:hover,
.org-branding-1683 #lesson-banner .text-right a:focus,
.org-branding-1683 #lesson-banner .text-right a:active {
  color: #006bae;
  background: #fff;
}
.org-branding-1683 .btn-primary {
  color: #fff;
  background: #006bae;
  border-color: #006bae;
}
.org-branding-1683 .btn-primary:hover,
.org-branding-1683 .btn-primary:focus {
  color: #fff;
  background: #00558a;
}
.org-branding-1683 .btn-primary:active,
.org-branding-1683 .btn-primary.active {
  color: #fff;
  background: #004976;
}
.org-branding-1683 .btn-primary.btn-outline {
  color: #006bae;
  background: #fff;
}
.org-branding-1683 .btn-primary.btn-outline:hover,
.org-branding-1683 .btn-primary.btn-outline:focus,
.org-branding-1683 .btn-primary.btn-outline:active,
.org-branding-1683 .btn-primary.btn-outline.active {
  color: #fff;
  background: #004976;
}
.org-branding-1683 .btn-group-vertical.filters .btn.btn-primary {
  border-right-color: #006bae;
}
.org-branding-1683 .btn-group-vertical.filters .btn.btn-primary:hover,
.org-branding-1683 .btn-group-vertical.filters .btn.btn-primary:focus,
.org-branding-1683 .btn-group-vertical.filters .btn.btn-primary.focus {
  background: #006bae;
}
.org-branding-1683 .btn-group-vertical.filters .btn.btn-primary:after {
  border-left-color: #006bae;
}
.org-branding-1683.filters.left-facing .btn.btn-primary {
  border-left-color: #006bae;
}
.org-branding-1683.filters.left-facing .btn.btn-primary:before {
  border-right-color: #006bae;
}
.org-branding-1683 #lesson .nav-tabs li.active a {
  background: #006bae;
  border-color: #006bae;
  color: #fff;
}
.org-branding-1683 #lesson .btn-primary.btn-outline {
  background: #36373c;
  color: #fff;
  border-color: #fff;
}
.org-branding-1683 #lesson .btn-primary.btn-outline [class^="icon-"],
.org-branding-1683 #lesson .btn-primary.btn-outline [class*=" icon-"] {
  color: inherit;
}
.org-branding-1683 #lesson .btn-primary.btn-outline:hover,
.org-branding-1683 #lesson .btn-primary.btn-outline:focus,
.org-branding-1683 #lesson .btn-primary.btn-outline:active,
.org-branding-1683 #lesson .btn-primary.btn-outline.active {
  color: #006bae;
  background: #fff;
}
.org-branding-1683 #lesson-files a {
  background: #006bae;
  color: #fff;
}
.org-branding-1683 #lesson-files a:hover,
.org-branding-1683 #lesson-files a:focus,
.org-branding-1683 #lesson-files a:active,
.org-branding-1683 #lesson-files a.active {
  background: #004976;
}
.org-branding-1683 #lesson-navigation a.next:hover .icon-right-big,
.org-branding-1683 #lesson-navigation a.next:focus .icon-right-big,
.org-branding-1683 #lesson-navigation a.next:active .icon-right-big {
  background: #004976;
  color: #fff;
}
.org-branding-1683 #lesson-navigation a.next.disabled .icon-right-big,
.org-branding-1683 #lesson-navigation a.next.disabled:hover .icon-right-big,
.org-branding-1683 #lesson-navigation a.next.disabled:focus .icon-right-big,
.org-branding-1683 #lesson-navigation a.next.disabled:active .icon-right-big {
  color: #89949b;
  background: transparent;
}
.org-branding-1683 #lesson-navigation .icon-right-big {
  background: #006bae;
  color: #fff;
}
.org-branding-1724 .navbar-brand {
  background-image: url('/Blobs/Orgs/1724/header-logo.png?v=1');
  background-size: auto !important;
}
.org-branding-1724 #header {
  background-color: #e12726;
}
@media (max-width: 767px) {
  .org-branding-1724 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li {
    border-top-color: #d11e1d;
  }
  .org-branding-1724 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffafaf;
  }
  .org-branding-1724 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .org-branding-1724 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .org-branding-1724 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active,
  .org-branding-1724 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a .active {
    color: #fff;
  }
}
.org-branding-1724 #header .navbar-inverse .navbar-nav > li {
  border-bottom-color: #d11e1d;
}
.org-branding-1724 #header .navbar-inverse .navbar-nav > li > a {
  color: #ffafaf;
}
.org-branding-1724 #header .navbar-inverse .navbar-nav > li > a:hover,
.org-branding-1724 #header .navbar-inverse .navbar-nav > li > a:focus,
.org-branding-1724 #header .navbar-inverse .navbar-nav > li > a:active,
.org-branding-1724 #header .navbar-inverse .navbar-nav > li > a .active {
  color: #fff;
}
.org-branding-1724 #header-search {
  border-color: #d11e1d;
}
.org-branding-1724 #header-account > a:hover {
  background: #d11e1d;
}
.org-branding-1724 #lesson-banner {
  background: #e12726;
  color: #ffafaf;
}
.org-branding-1724 #lesson-banner .logo {
  background-image: url('/Blobs/Orgs/1724/header-logo.png');
}
.org-branding-1724 #lesson-banner .text-right a {
  color: #fff;
  border-color: #d11e1d;
}
.org-branding-1724 #lesson-banner .text-right a:hover,
.org-branding-1724 #lesson-banner .text-right a:focus,
.org-branding-1724 #lesson-banner .text-right a:active {
  color: #e12726;
  background: #fff;
}
.org-branding-1724 .btn-primary {
  color: #fff;
  background: #e12726;
  border-color: #e12726;
}
.org-branding-1724 .btn-primary:hover,
.org-branding-1724 .btn-primary:focus {
  color: #fff;
  background: #c81d1c;
}
.org-branding-1724 .btn-primary:active,
.org-branding-1724 .btn-primary.active {
  color: #fff;
  background: #b61a19;
}
.org-branding-1724 .btn-primary.btn-outline {
  color: #e12726;
  background: #fff;
}
.org-branding-1724 .btn-primary.btn-outline:hover,
.org-branding-1724 .btn-primary.btn-outline:focus,
.org-branding-1724 .btn-primary.btn-outline:active,
.org-branding-1724 .btn-primary.btn-outline.active {
  color: #fff;
  background: #b61a19;
}
.org-branding-1724 .btn-group-vertical.filters .btn.btn-primary {
  border-right-color: #e12726;
}
.org-branding-1724 .btn-group-vertical.filters .btn.btn-primary:hover,
.org-branding-1724 .btn-group-vertical.filters .btn.btn-primary:focus,
.org-branding-1724 .btn-group-vertical.filters .btn.btn-primary.focus {
  background: #e12726;
}
.org-branding-1724 .btn-group-vertical.filters .btn.btn-primary:after {
  border-left-color: #e12726;
}
.org-branding-1724.filters.left-facing .btn.btn-primary {
  border-left-color: #e12726;
}
.org-branding-1724.filters.left-facing .btn.btn-primary:before {
  border-right-color: #e12726;
}
.org-branding-1724 #lesson .nav-tabs li.active a {
  background: #e12726;
  border-color: #e12726;
  color: #fff;
}
.org-branding-1724 #lesson .btn-primary.btn-outline {
  background: #36373c;
  color: #fff;
  border-color: #fff;
}
.org-branding-1724 #lesson .btn-primary.btn-outline [class^="icon-"],
.org-branding-1724 #lesson .btn-primary.btn-outline [class*=" icon-"] {
  color: inherit;
}
.org-branding-1724 #lesson .btn-primary.btn-outline:hover,
.org-branding-1724 #lesson .btn-primary.btn-outline:focus,
.org-branding-1724 #lesson .btn-primary.btn-outline:active,
.org-branding-1724 #lesson .btn-primary.btn-outline.active {
  color: #e12726;
  background: #fff;
}
.org-branding-1724 #lesson-files a {
  background: #e12726;
  color: #fff;
}
.org-branding-1724 #lesson-files a:hover,
.org-branding-1724 #lesson-files a:focus,
.org-branding-1724 #lesson-files a:active,
.org-branding-1724 #lesson-files a.active {
  background: #b61a19;
}
.org-branding-1724 #lesson-navigation a.next:hover .icon-right-big,
.org-branding-1724 #lesson-navigation a.next:focus .icon-right-big,
.org-branding-1724 #lesson-navigation a.next:active .icon-right-big {
  background: #b61a19;
  color: #fff;
}
.org-branding-1724 #lesson-navigation a.next.disabled .icon-right-big,
.org-branding-1724 #lesson-navigation a.next.disabled:hover .icon-right-big,
.org-branding-1724 #lesson-navigation a.next.disabled:focus .icon-right-big,
.org-branding-1724 #lesson-navigation a.next.disabled:active .icon-right-big {
  color: #89949b;
  background: transparent;
}
.org-branding-1724 #lesson-navigation .icon-right-big {
  background: #e12726;
  color: #fff;
}
.org-branding-1804 .navbar-brand {
  background-image: url('/Blobs/Orgs/1804/header-logo.png?v=1');
  background-size: auto !important;
}
.org-branding-1804 #header {
  background-color: #142a5c;
}
@media (max-width: 767px) {
  .org-branding-1804 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li {
    border-top-color: #0f2047;
  }
  .org-branding-1804 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .org-branding-1804 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .org-branding-1804 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .org-branding-1804 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active,
  .org-branding-1804 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a .active {
    color: #fff;
  }
}
.org-branding-1804 #header .navbar-inverse .navbar-nav > li {
  border-bottom-color: #0f2047;
}
.org-branding-1804 #header .navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.org-branding-1804 #header .navbar-inverse .navbar-nav > li > a:hover,
.org-branding-1804 #header .navbar-inverse .navbar-nav > li > a:focus,
.org-branding-1804 #header .navbar-inverse .navbar-nav > li > a:active,
.org-branding-1804 #header .navbar-inverse .navbar-nav > li > a .active {
  color: #fff;
}
.org-branding-1804 #header-search {
  border-color: #0f2047;
}
.org-branding-1804 #header-account > a:hover {
  background: #0f2047;
}
.org-branding-1804 #lesson-banner {
  background: #142a5c;
  color: #ffffff;
}
.org-branding-1804 #lesson-banner .logo {
  background-image: url('/Blobs/Orgs/1804/header-logo.png');
}
.org-branding-1804 #lesson-banner .text-right a {
  color: #fff;
  border-color: #0f2047;
}
.org-branding-1804 #lesson-banner .text-right a:hover,
.org-branding-1804 #lesson-banner .text-right a:focus,
.org-branding-1804 #lesson-banner .text-right a:active {
  color: #142a5c;
  background: #fff;
}
.org-branding-1804 .btn-primary {
  color: #fff;
  background: #4062ad;
  border-color: #4062ad;
}
.org-branding-1804 .btn-primary:hover,
.org-branding-1804 .btn-primary:focus {
  color: #fff;
  background: #365393;
}
.org-branding-1804 .btn-primary:active,
.org-branding-1804 .btn-primary.active {
  color: #fff;
  background: #314b84;
}
.org-branding-1804 .btn-primary.btn-outline {
  color: #4062ad;
  background: #fff;
}
.org-branding-1804 .btn-primary.btn-outline:hover,
.org-branding-1804 .btn-primary.btn-outline:focus,
.org-branding-1804 .btn-primary.btn-outline:active,
.org-branding-1804 .btn-primary.btn-outline.active {
  color: #fff;
  background: #314b84;
}
.org-branding-1804 .btn-group-vertical.filters .btn.btn-primary {
  border-right-color: #4062ad;
}
.org-branding-1804 .btn-group-vertical.filters .btn.btn-primary:hover,
.org-branding-1804 .btn-group-vertical.filters .btn.btn-primary:focus,
.org-branding-1804 .btn-group-vertical.filters .btn.btn-primary.focus {
  background: #4062ad;
}
.org-branding-1804 .btn-group-vertical.filters .btn.btn-primary:after {
  border-left-color: #4062ad;
}
.org-branding-1804.filters.left-facing .btn.btn-primary {
  border-left-color: #4062ad;
}
.org-branding-1804.filters.left-facing .btn.btn-primary:before {
  border-right-color: #4062ad;
}
.org-branding-1804 #lesson .nav-tabs li.active a {
  background: #4062ad;
  border-color: #4062ad;
  color: #fff;
}
.org-branding-1804 #lesson .btn-primary.btn-outline {
  background: #36373c;
  color: #fff;
  border-color: #fff;
}
.org-branding-1804 #lesson .btn-primary.btn-outline [class^="icon-"],
.org-branding-1804 #lesson .btn-primary.btn-outline [class*=" icon-"] {
  color: inherit;
}
.org-branding-1804 #lesson .btn-primary.btn-outline:hover,
.org-branding-1804 #lesson .btn-primary.btn-outline:focus,
.org-branding-1804 #lesson .btn-primary.btn-outline:active,
.org-branding-1804 #lesson .btn-primary.btn-outline.active {
  color: #4062ad;
  background: #fff;
}
.org-branding-1804 #lesson-files a {
  background: #4062ad;
  color: #fff;
}
.org-branding-1804 #lesson-files a:hover,
.org-branding-1804 #lesson-files a:focus,
.org-branding-1804 #lesson-files a:active,
.org-branding-1804 #lesson-files a.active {
  background: #314b84;
}
.org-branding-1804 #lesson-navigation a.next:hover .icon-right-big,
.org-branding-1804 #lesson-navigation a.next:focus .icon-right-big,
.org-branding-1804 #lesson-navigation a.next:active .icon-right-big {
  background: #314b84;
  color: #fff;
}
.org-branding-1804 #lesson-navigation a.next.disabled .icon-right-big,
.org-branding-1804 #lesson-navigation a.next.disabled:hover .icon-right-big,
.org-branding-1804 #lesson-navigation a.next.disabled:focus .icon-right-big,
.org-branding-1804 #lesson-navigation a.next.disabled:active .icon-right-big {
  color: #89949b;
  background: transparent;
}
.org-branding-1804 #lesson-navigation .icon-right-big {
  background: #4062ad;
  color: #fff;
}
.org-branding-1820 .navbar-brand {
  background-image: url('/Blobs/Orgs/1820/header-logo.png?v=1');
  background-size: auto !important;
}
.org-branding-1820 #header {
  background-color: #142a5c;
}
@media (max-width: 767px) {
  .org-branding-1820 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li {
    border-top-color: #0f2047;
  }
  .org-branding-1820 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .org-branding-1820 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .org-branding-1820 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .org-branding-1820 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active,
  .org-branding-1820 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a .active {
    color: #fff;
  }
}
.org-branding-1820 #header .navbar-inverse .navbar-nav > li {
  border-bottom-color: #0f2047;
}
.org-branding-1820 #header .navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.org-branding-1820 #header .navbar-inverse .navbar-nav > li > a:hover,
.org-branding-1820 #header .navbar-inverse .navbar-nav > li > a:focus,
.org-branding-1820 #header .navbar-inverse .navbar-nav > li > a:active,
.org-branding-1820 #header .navbar-inverse .navbar-nav > li > a .active {
  color: #fff;
}
.org-branding-1820 #header-search {
  border-color: #0f2047;
}
.org-branding-1820 #header-account > a:hover {
  background: #0f2047;
}
.org-branding-1820 #lesson-banner {
  background: #142a5c;
  color: #ffffff;
}
.org-branding-1820 #lesson-banner .logo {
  background-image: url('/Blobs/Orgs/1820/header-logo.png');
}
.org-branding-1820 #lesson-banner .text-right a {
  color: #fff;
  border-color: #0f2047;
}
.org-branding-1820 #lesson-banner .text-right a:hover,
.org-branding-1820 #lesson-banner .text-right a:focus,
.org-branding-1820 #lesson-banner .text-right a:active {
  color: #142a5c;
  background: #fff;
}
.org-branding-1820 .btn-primary {
  color: #fff;
  background: #4062ad;
  border-color: #4062ad;
}
.org-branding-1820 .btn-primary:hover,
.org-branding-1820 .btn-primary:focus {
  color: #fff;
  background: #365393;
}
.org-branding-1820 .btn-primary:active,
.org-branding-1820 .btn-primary.active {
  color: #fff;
  background: #314b84;
}
.org-branding-1820 .btn-primary.btn-outline {
  color: #4062ad;
  background: #fff;
}
.org-branding-1820 .btn-primary.btn-outline:hover,
.org-branding-1820 .btn-primary.btn-outline:focus,
.org-branding-1820 .btn-primary.btn-outline:active,
.org-branding-1820 .btn-primary.btn-outline.active {
  color: #fff;
  background: #314b84;
}
.org-branding-1820 .btn-group-vertical.filters .btn.btn-primary {
  border-right-color: #4062ad;
}
.org-branding-1820 .btn-group-vertical.filters .btn.btn-primary:hover,
.org-branding-1820 .btn-group-vertical.filters .btn.btn-primary:focus,
.org-branding-1820 .btn-group-vertical.filters .btn.btn-primary.focus {
  background: #4062ad;
}
.org-branding-1820 .btn-group-vertical.filters .btn.btn-primary:after {
  border-left-color: #4062ad;
}
.org-branding-1820.filters.left-facing .btn.btn-primary {
  border-left-color: #4062ad;
}
.org-branding-1820.filters.left-facing .btn.btn-primary:before {
  border-right-color: #4062ad;
}
.org-branding-1820 #lesson .nav-tabs li.active a {
  background: #4062ad;
  border-color: #4062ad;
  color: #fff;
}
.org-branding-1820 #lesson .btn-primary.btn-outline {
  background: #36373c;
  color: #fff;
  border-color: #fff;
}
.org-branding-1820 #lesson .btn-primary.btn-outline [class^="icon-"],
.org-branding-1820 #lesson .btn-primary.btn-outline [class*=" icon-"] {
  color: inherit;
}
.org-branding-1820 #lesson .btn-primary.btn-outline:hover,
.org-branding-1820 #lesson .btn-primary.btn-outline:focus,
.org-branding-1820 #lesson .btn-primary.btn-outline:active,
.org-branding-1820 #lesson .btn-primary.btn-outline.active {
  color: #4062ad;
  background: #fff;
}
.org-branding-1820 #lesson-files a {
  background: #4062ad;
  color: #fff;
}
.org-branding-1820 #lesson-files a:hover,
.org-branding-1820 #lesson-files a:focus,
.org-branding-1820 #lesson-files a:active,
.org-branding-1820 #lesson-files a.active {
  background: #314b84;
}
.org-branding-1820 #lesson-navigation a.next:hover .icon-right-big,
.org-branding-1820 #lesson-navigation a.next:focus .icon-right-big,
.org-branding-1820 #lesson-navigation a.next:active .icon-right-big {
  background: #314b84;
  color: #fff;
}
.org-branding-1820 #lesson-navigation a.next.disabled .icon-right-big,
.org-branding-1820 #lesson-navigation a.next.disabled:hover .icon-right-big,
.org-branding-1820 #lesson-navigation a.next.disabled:focus .icon-right-big,
.org-branding-1820 #lesson-navigation a.next.disabled:active .icon-right-big {
  color: #89949b;
  background: transparent;
}
.org-branding-1820 #lesson-navigation .icon-right-big {
  background: #4062ad;
  color: #fff;
}
.org-branding-1821 .navbar-brand {
  background-image: url('/Blobs/Orgs/1821/header-logo.png?v=1');
  background-size: auto !important;
}
.org-branding-1821 #header {
  background-color: #142a5c;
}
@media (max-width: 767px) {
  .org-branding-1821 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li {
    border-top-color: #0f2047;
  }
  .org-branding-1821 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .org-branding-1821 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .org-branding-1821 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .org-branding-1821 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active,
  .org-branding-1821 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a .active {
    color: #fff;
  }
}
.org-branding-1821 #header .navbar-inverse .navbar-nav > li {
  border-bottom-color: #0f2047;
}
.org-branding-1821 #header .navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.org-branding-1821 #header .navbar-inverse .navbar-nav > li > a:hover,
.org-branding-1821 #header .navbar-inverse .navbar-nav > li > a:focus,
.org-branding-1821 #header .navbar-inverse .navbar-nav > li > a:active,
.org-branding-1821 #header .navbar-inverse .navbar-nav > li > a .active {
  color: #fff;
}
.org-branding-1821 #header-search {
  border-color: #0f2047;
}
.org-branding-1821 #header-account > a:hover {
  background: #0f2047;
}
.org-branding-1821 #lesson-banner {
  background: #142a5c;
  color: #ffffff;
}
.org-branding-1821 #lesson-banner .logo {
  background-image: url('/Blobs/Orgs/1821/header-logo.png');
}
.org-branding-1821 #lesson-banner .text-right a {
  color: #fff;
  border-color: #0f2047;
}
.org-branding-1821 #lesson-banner .text-right a:hover,
.org-branding-1821 #lesson-banner .text-right a:focus,
.org-branding-1821 #lesson-banner .text-right a:active {
  color: #142a5c;
  background: #fff;
}
.org-branding-1821 .btn-primary {
  color: #fff;
  background: #4062ad;
  border-color: #4062ad;
}
.org-branding-1821 .btn-primary:hover,
.org-branding-1821 .btn-primary:focus {
  color: #fff;
  background: #365393;
}
.org-branding-1821 .btn-primary:active,
.org-branding-1821 .btn-primary.active {
  color: #fff;
  background: #314b84;
}
.org-branding-1821 .btn-primary.btn-outline {
  color: #4062ad;
  background: #fff;
}
.org-branding-1821 .btn-primary.btn-outline:hover,
.org-branding-1821 .btn-primary.btn-outline:focus,
.org-branding-1821 .btn-primary.btn-outline:active,
.org-branding-1821 .btn-primary.btn-outline.active {
  color: #fff;
  background: #314b84;
}
.org-branding-1821 .btn-group-vertical.filters .btn.btn-primary {
  border-right-color: #4062ad;
}
.org-branding-1821 .btn-group-vertical.filters .btn.btn-primary:hover,
.org-branding-1821 .btn-group-vertical.filters .btn.btn-primary:focus,
.org-branding-1821 .btn-group-vertical.filters .btn.btn-primary.focus {
  background: #4062ad;
}
.org-branding-1821 .btn-group-vertical.filters .btn.btn-primary:after {
  border-left-color: #4062ad;
}
.org-branding-1821.filters.left-facing .btn.btn-primary {
  border-left-color: #4062ad;
}
.org-branding-1821.filters.left-facing .btn.btn-primary:before {
  border-right-color: #4062ad;
}
.org-branding-1821 #lesson .nav-tabs li.active a {
  background: #4062ad;
  border-color: #4062ad;
  color: #fff;
}
.org-branding-1821 #lesson .btn-primary.btn-outline {
  background: #36373c;
  color: #fff;
  border-color: #fff;
}
.org-branding-1821 #lesson .btn-primary.btn-outline [class^="icon-"],
.org-branding-1821 #lesson .btn-primary.btn-outline [class*=" icon-"] {
  color: inherit;
}
.org-branding-1821 #lesson .btn-primary.btn-outline:hover,
.org-branding-1821 #lesson .btn-primary.btn-outline:focus,
.org-branding-1821 #lesson .btn-primary.btn-outline:active,
.org-branding-1821 #lesson .btn-primary.btn-outline.active {
  color: #4062ad;
  background: #fff;
}
.org-branding-1821 #lesson-files a {
  background: #4062ad;
  color: #fff;
}
.org-branding-1821 #lesson-files a:hover,
.org-branding-1821 #lesson-files a:focus,
.org-branding-1821 #lesson-files a:active,
.org-branding-1821 #lesson-files a.active {
  background: #314b84;
}
.org-branding-1821 #lesson-navigation a.next:hover .icon-right-big,
.org-branding-1821 #lesson-navigation a.next:focus .icon-right-big,
.org-branding-1821 #lesson-navigation a.next:active .icon-right-big {
  background: #314b84;
  color: #fff;
}
.org-branding-1821 #lesson-navigation a.next.disabled .icon-right-big,
.org-branding-1821 #lesson-navigation a.next.disabled:hover .icon-right-big,
.org-branding-1821 #lesson-navigation a.next.disabled:focus .icon-right-big,
.org-branding-1821 #lesson-navigation a.next.disabled:active .icon-right-big {
  color: #89949b;
  background: transparent;
}
.org-branding-1821 #lesson-navigation .icon-right-big {
  background: #4062ad;
  color: #fff;
}
.org-branding-1851 .navbar-brand {
  background-image: url('/Blobs/Orgs/1851/header-logo.png?v=1');
  background-size: auto !important;
}
.org-branding-1851 #header {
  background-color: #1e90ff;
}
@media (max-width: 767px) {
  .org-branding-1851 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li {
    border-top-color: #0483ff;
  }
  .org-branding-1851 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .org-branding-1851 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .org-branding-1851 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .org-branding-1851 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active,
  .org-branding-1851 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a .active {
    color: #fff;
  }
}
.org-branding-1851 #header .navbar-inverse .navbar-nav > li {
  border-bottom-color: #0483ff;
}
.org-branding-1851 #header .navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.org-branding-1851 #header .navbar-inverse .navbar-nav > li > a:hover,
.org-branding-1851 #header .navbar-inverse .navbar-nav > li > a:focus,
.org-branding-1851 #header .navbar-inverse .navbar-nav > li > a:active,
.org-branding-1851 #header .navbar-inverse .navbar-nav > li > a .active {
  color: #fff;
}
.org-branding-1851 #header-search {
  border-color: #0483ff;
}
.org-branding-1851 #header-account > a:hover {
  background: #0483ff;
}
.org-branding-1851 #lesson-banner {
  background: #1e90ff;
  color: #ffffff;
}
.org-branding-1851 #lesson-banner .logo {
  background-image: url('/Blobs/Orgs/1851/header-logo.png');
}
.org-branding-1851 #lesson-banner .text-right a {
  color: #fff;
  border-color: #0483ff;
}
.org-branding-1851 #lesson-banner .text-right a:hover,
.org-branding-1851 #lesson-banner .text-right a:focus,
.org-branding-1851 #lesson-banner .text-right a:active {
  color: #1e90ff;
  background: #fff;
}
.org-branding-1851 .btn-primary {
  color: #fff;
  background: #7EC144;
  border-color: #7EC144;
}
.org-branding-1851 .btn-primary:hover,
.org-branding-1851 .btn-primary:focus {
  color: #fff;
  background: #6da938;
}
.org-branding-1851 .btn-primary:active,
.org-branding-1851 .btn-primary.active {
  color: #fff;
  background: #639a33;
}
.org-branding-1851 .btn-primary.btn-outline {
  color: #7EC144;
  background: #fff;
}
.org-branding-1851 .btn-primary.btn-outline:hover,
.org-branding-1851 .btn-primary.btn-outline:focus,
.org-branding-1851 .btn-primary.btn-outline:active,
.org-branding-1851 .btn-primary.btn-outline.active {
  color: #fff;
  background: #639a33;
}
.org-branding-1851 .btn-group-vertical.filters .btn.btn-primary {
  border-right-color: #7EC144;
}
.org-branding-1851 .btn-group-vertical.filters .btn.btn-primary:hover,
.org-branding-1851 .btn-group-vertical.filters .btn.btn-primary:focus,
.org-branding-1851 .btn-group-vertical.filters .btn.btn-primary.focus {
  background: #7EC144;
}
.org-branding-1851 .btn-group-vertical.filters .btn.btn-primary:after {
  border-left-color: #7EC144;
}
.org-branding-1851.filters.left-facing .btn.btn-primary {
  border-left-color: #7EC144;
}
.org-branding-1851.filters.left-facing .btn.btn-primary:before {
  border-right-color: #7EC144;
}
.org-branding-1851 #lesson .nav-tabs li.active a {
  background: #7EC144;
  border-color: #7EC144;
  color: #fff;
}
.org-branding-1851 #lesson .btn-primary.btn-outline {
  background: #36373c;
  color: #fff;
  border-color: #fff;
}
.org-branding-1851 #lesson .btn-primary.btn-outline [class^="icon-"],
.org-branding-1851 #lesson .btn-primary.btn-outline [class*=" icon-"] {
  color: inherit;
}
.org-branding-1851 #lesson .btn-primary.btn-outline:hover,
.org-branding-1851 #lesson .btn-primary.btn-outline:focus,
.org-branding-1851 #lesson .btn-primary.btn-outline:active,
.org-branding-1851 #lesson .btn-primary.btn-outline.active {
  color: #7EC144;
  background: #fff;
}
.org-branding-1851 #lesson-files a {
  background: #7EC144;
  color: #fff;
}
.org-branding-1851 #lesson-files a:hover,
.org-branding-1851 #lesson-files a:focus,
.org-branding-1851 #lesson-files a:active,
.org-branding-1851 #lesson-files a.active {
  background: #639a33;
}
.org-branding-1851 #lesson-navigation a.next:hover .icon-right-big,
.org-branding-1851 #lesson-navigation a.next:focus .icon-right-big,
.org-branding-1851 #lesson-navigation a.next:active .icon-right-big {
  background: #639a33;
  color: #fff;
}
.org-branding-1851 #lesson-navigation a.next.disabled .icon-right-big,
.org-branding-1851 #lesson-navigation a.next.disabled:hover .icon-right-big,
.org-branding-1851 #lesson-navigation a.next.disabled:focus .icon-right-big,
.org-branding-1851 #lesson-navigation a.next.disabled:active .icon-right-big {
  color: #89949b;
  background: transparent;
}
.org-branding-1851 #lesson-navigation .icon-right-big {
  background: #7EC144;
  color: #fff;
}
.org-branding-1853 .navbar-brand {
  background-image: url('/Blobs/Orgs/1853/header-logo.png?v=1');
  background-size: auto !important;
}
.org-branding-1853 #header {
  background-color: #4a494a;
}
@media (max-width: 767px) {
  .org-branding-1853 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li {
    border-top-color: #3d3c3d;
  }
  .org-branding-1853 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .org-branding-1853 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .org-branding-1853 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .org-branding-1853 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active,
  .org-branding-1853 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a .active {
    color: #fff;
  }
}
.org-branding-1853 #header .navbar-inverse .navbar-nav > li {
  border-bottom-color: #3d3c3d;
}
.org-branding-1853 #header .navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.org-branding-1853 #header .navbar-inverse .navbar-nav > li > a:hover,
.org-branding-1853 #header .navbar-inverse .navbar-nav > li > a:focus,
.org-branding-1853 #header .navbar-inverse .navbar-nav > li > a:active,
.org-branding-1853 #header .navbar-inverse .navbar-nav > li > a .active {
  color: #fff;
}
.org-branding-1853 #header-search {
  border-color: #3d3c3d;
}
.org-branding-1853 #header-account > a:hover {
  background: #3d3c3d;
}
.org-branding-1853 #lesson-banner {
  background: #4a494a;
  color: #ffffff;
}
.org-branding-1853 #lesson-banner .logo {
  background-image: url('/Blobs/Orgs/1853/header-logo.png');
}
.org-branding-1853 #lesson-banner .text-right a {
  color: #fff;
  border-color: #3d3c3d;
}
.org-branding-1853 #lesson-banner .text-right a:hover,
.org-branding-1853 #lesson-banner .text-right a:focus,
.org-branding-1853 #lesson-banner .text-right a:active {
  color: #4a494a;
  background: #fff;
}
.org-branding-1853 .btn-primary {
  color: #fff;
  background: #1476da;
  border-color: #1476da;
}
.org-branding-1853 .btn-primary:hover,
.org-branding-1853 .btn-primary:focus {
  color: #fff;
  background: #1164b9;
}
.org-branding-1853 .btn-primary:active,
.org-branding-1853 .btn-primary.active {
  color: #fff;
  background: #0f5aa7;
}
.org-branding-1853 .btn-primary.btn-outline {
  color: #1476da;
  background: #fff;
}
.org-branding-1853 .btn-primary.btn-outline:hover,
.org-branding-1853 .btn-primary.btn-outline:focus,
.org-branding-1853 .btn-primary.btn-outline:active,
.org-branding-1853 .btn-primary.btn-outline.active {
  color: #fff;
  background: #0f5aa7;
}
.org-branding-1853 .btn-group-vertical.filters .btn.btn-primary {
  border-right-color: #1476da;
}
.org-branding-1853 .btn-group-vertical.filters .btn.btn-primary:hover,
.org-branding-1853 .btn-group-vertical.filters .btn.btn-primary:focus,
.org-branding-1853 .btn-group-vertical.filters .btn.btn-primary.focus {
  background: #1476da;
}
.org-branding-1853 .btn-group-vertical.filters .btn.btn-primary:after {
  border-left-color: #1476da;
}
.org-branding-1853.filters.left-facing .btn.btn-primary {
  border-left-color: #1476da;
}
.org-branding-1853.filters.left-facing .btn.btn-primary:before {
  border-right-color: #1476da;
}
.org-branding-1853 #lesson .nav-tabs li.active a {
  background: #1476da;
  border-color: #1476da;
  color: #fff;
}
.org-branding-1853 #lesson .btn-primary.btn-outline {
  background: #36373c;
  color: #fff;
  border-color: #fff;
}
.org-branding-1853 #lesson .btn-primary.btn-outline [class^="icon-"],
.org-branding-1853 #lesson .btn-primary.btn-outline [class*=" icon-"] {
  color: inherit;
}
.org-branding-1853 #lesson .btn-primary.btn-outline:hover,
.org-branding-1853 #lesson .btn-primary.btn-outline:focus,
.org-branding-1853 #lesson .btn-primary.btn-outline:active,
.org-branding-1853 #lesson .btn-primary.btn-outline.active {
  color: #1476da;
  background: #fff;
}
.org-branding-1853 #lesson-files a {
  background: #1476da;
  color: #fff;
}
.org-branding-1853 #lesson-files a:hover,
.org-branding-1853 #lesson-files a:focus,
.org-branding-1853 #lesson-files a:active,
.org-branding-1853 #lesson-files a.active {
  background: #0f5aa7;
}
.org-branding-1853 #lesson-navigation a.next:hover .icon-right-big,
.org-branding-1853 #lesson-navigation a.next:focus .icon-right-big,
.org-branding-1853 #lesson-navigation a.next:active .icon-right-big {
  background: #0f5aa7;
  color: #fff;
}
.org-branding-1853 #lesson-navigation a.next.disabled .icon-right-big,
.org-branding-1853 #lesson-navigation a.next.disabled:hover .icon-right-big,
.org-branding-1853 #lesson-navigation a.next.disabled:focus .icon-right-big,
.org-branding-1853 #lesson-navigation a.next.disabled:active .icon-right-big {
  color: #89949b;
  background: transparent;
}
.org-branding-1853 #lesson-navigation .icon-right-big {
  background: #1476da;
  color: #fff;
}
.org-branding-1868 .navbar-brand {
  background-image: url('/Blobs/Orgs/1868/header-logo.png?v=1');
  background-size: auto !important;
}
.org-branding-1868 #header {
  background-color: #36373c;
}
@media (max-width: 767px) {
  .org-branding-1868 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li {
    border-top-color: #2a2b2f;
  }
  .org-branding-1868 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .org-branding-1868 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .org-branding-1868 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .org-branding-1868 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active,
  .org-branding-1868 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a .active {
    color: #fff;
  }
}
.org-branding-1868 #header .navbar-inverse .navbar-nav > li {
  border-bottom-color: #2a2b2f;
}
.org-branding-1868 #header .navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.org-branding-1868 #header .navbar-inverse .navbar-nav > li > a:hover,
.org-branding-1868 #header .navbar-inverse .navbar-nav > li > a:focus,
.org-branding-1868 #header .navbar-inverse .navbar-nav > li > a:active,
.org-branding-1868 #header .navbar-inverse .navbar-nav > li > a .active {
  color: #fff;
}
.org-branding-1868 #header-search {
  border-color: #2a2b2f;
}
.org-branding-1868 #header-account > a:hover {
  background: #2a2b2f;
}
.org-branding-1868 #lesson-banner {
  background: #36373c;
  color: #ffffff;
}
.org-branding-1868 #lesson-banner .logo {
  background-image: url('/Blobs/Orgs/1868/header-logo.png');
}
.org-branding-1868 #lesson-banner .text-right a {
  color: #fff;
  border-color: #2a2b2f;
}
.org-branding-1868 #lesson-banner .text-right a:hover,
.org-branding-1868 #lesson-banner .text-right a:focus,
.org-branding-1868 #lesson-banner .text-right a:active {
  color: #36373c;
  background: #fff;
}
.org-branding-1868 .btn-primary {
  color: #fff;
  background: #00b9f2;
  border-color: #00b9f2;
}
.org-branding-1868 .btn-primary:hover,
.org-branding-1868 .btn-primary:focus {
  color: #fff;
  background: #009ece;
}
.org-branding-1868 .btn-primary:active,
.org-branding-1868 .btn-primary.active {
  color: #fff;
  background: #008eba;
}
.org-branding-1868 .btn-primary.btn-outline {
  color: #00b9f2;
  background: #fff;
}
.org-branding-1868 .btn-primary.btn-outline:hover,
.org-branding-1868 .btn-primary.btn-outline:focus,
.org-branding-1868 .btn-primary.btn-outline:active,
.org-branding-1868 .btn-primary.btn-outline.active {
  color: #fff;
  background: #008eba;
}
.org-branding-1868 .btn-group-vertical.filters .btn.btn-primary {
  border-right-color: #00b9f2;
}
.org-branding-1868 .btn-group-vertical.filters .btn.btn-primary:hover,
.org-branding-1868 .btn-group-vertical.filters .btn.btn-primary:focus,
.org-branding-1868 .btn-group-vertical.filters .btn.btn-primary.focus {
  background: #00b9f2;
}
.org-branding-1868 .btn-group-vertical.filters .btn.btn-primary:after {
  border-left-color: #00b9f2;
}
.org-branding-1868.filters.left-facing .btn.btn-primary {
  border-left-color: #00b9f2;
}
.org-branding-1868.filters.left-facing .btn.btn-primary:before {
  border-right-color: #00b9f2;
}
.org-branding-1868 #lesson .nav-tabs li.active a {
  background: #00b9f2;
  border-color: #00b9f2;
  color: #fff;
}
.org-branding-1868 #lesson .btn-primary.btn-outline {
  background: #36373c;
  color: #fff;
  border-color: #fff;
}
.org-branding-1868 #lesson .btn-primary.btn-outline [class^="icon-"],
.org-branding-1868 #lesson .btn-primary.btn-outline [class*=" icon-"] {
  color: inherit;
}
.org-branding-1868 #lesson .btn-primary.btn-outline:hover,
.org-branding-1868 #lesson .btn-primary.btn-outline:focus,
.org-branding-1868 #lesson .btn-primary.btn-outline:active,
.org-branding-1868 #lesson .btn-primary.btn-outline.active {
  color: #00b9f2;
  background: #fff;
}
.org-branding-1868 #lesson-files a {
  background: #00b9f2;
  color: #fff;
}
.org-branding-1868 #lesson-files a:hover,
.org-branding-1868 #lesson-files a:focus,
.org-branding-1868 #lesson-files a:active,
.org-branding-1868 #lesson-files a.active {
  background: #008eba;
}
.org-branding-1868 #lesson-navigation a.next:hover .icon-right-big,
.org-branding-1868 #lesson-navigation a.next:focus .icon-right-big,
.org-branding-1868 #lesson-navigation a.next:active .icon-right-big {
  background: #008eba;
  color: #fff;
}
.org-branding-1868 #lesson-navigation a.next.disabled .icon-right-big,
.org-branding-1868 #lesson-navigation a.next.disabled:hover .icon-right-big,
.org-branding-1868 #lesson-navigation a.next.disabled:focus .icon-right-big,
.org-branding-1868 #lesson-navigation a.next.disabled:active .icon-right-big {
  color: #89949b;
  background: transparent;
}
.org-branding-1868 #lesson-navigation .icon-right-big {
  background: #00b9f2;
  color: #fff;
}
.org-branding-1874 .navbar-brand {
  background-image: url('/Blobs/Orgs/1874/header-logo.png?v=1');
  background-size: auto !important;
}
.org-branding-1874 #header {
  background-color: #0076BD;
}
@media (max-width: 767px) {
  .org-branding-1874 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li {
    border-top-color: #0066a4;
  }
  .org-branding-1874 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .org-branding-1874 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .org-branding-1874 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .org-branding-1874 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active,
  .org-branding-1874 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a .active {
    color: #fff;
  }
}
.org-branding-1874 #header .navbar-inverse .navbar-nav > li {
  border-bottom-color: #0066a4;
}
.org-branding-1874 #header .navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.org-branding-1874 #header .navbar-inverse .navbar-nav > li > a:hover,
.org-branding-1874 #header .navbar-inverse .navbar-nav > li > a:focus,
.org-branding-1874 #header .navbar-inverse .navbar-nav > li > a:active,
.org-branding-1874 #header .navbar-inverse .navbar-nav > li > a .active {
  color: #fff;
}
.org-branding-1874 #header-search {
  border-color: #0066a4;
}
.org-branding-1874 #header-account > a:hover {
  background: #0066a4;
}
.org-branding-1874 #lesson-banner {
  background: #0076BD;
  color: #ffffff;
}
.org-branding-1874 #lesson-banner .logo {
  background-image: url('/Blobs/Orgs/1874/header-logo.png');
}
.org-branding-1874 #lesson-banner .text-right a {
  color: #fff;
  border-color: #0066a4;
}
.org-branding-1874 #lesson-banner .text-right a:hover,
.org-branding-1874 #lesson-banner .text-right a:focus,
.org-branding-1874 #lesson-banner .text-right a:active {
  color: #0076BD;
  background: #fff;
}
.org-branding-1874 .btn-primary {
  color: #fff;
  background: #0076BD;
  border-color: #0076BD;
}
.org-branding-1874 .btn-primary:hover,
.org-branding-1874 .btn-primary:focus {
  color: #fff;
  background: #006099;
}
.org-branding-1874 .btn-primary:active,
.org-branding-1874 .btn-primary.active {
  color: #fff;
  background: #005385;
}
.org-branding-1874 .btn-primary.btn-outline {
  color: #0076BD;
  background: #fff;
}
.org-branding-1874 .btn-primary.btn-outline:hover,
.org-branding-1874 .btn-primary.btn-outline:focus,
.org-branding-1874 .btn-primary.btn-outline:active,
.org-branding-1874 .btn-primary.btn-outline.active {
  color: #fff;
  background: #005385;
}
.org-branding-1874 .btn-group-vertical.filters .btn.btn-primary {
  border-right-color: #0076BD;
}
.org-branding-1874 .btn-group-vertical.filters .btn.btn-primary:hover,
.org-branding-1874 .btn-group-vertical.filters .btn.btn-primary:focus,
.org-branding-1874 .btn-group-vertical.filters .btn.btn-primary.focus {
  background: #0076BD;
}
.org-branding-1874 .btn-group-vertical.filters .btn.btn-primary:after {
  border-left-color: #0076BD;
}
.org-branding-1874.filters.left-facing .btn.btn-primary {
  border-left-color: #0076BD;
}
.org-branding-1874.filters.left-facing .btn.btn-primary:before {
  border-right-color: #0076BD;
}
.org-branding-1874 #lesson .nav-tabs li.active a {
  background: #0076BD;
  border-color: #0076BD;
  color: #fff;
}
.org-branding-1874 #lesson .btn-primary.btn-outline {
  background: #36373c;
  color: #fff;
  border-color: #fff;
}
.org-branding-1874 #lesson .btn-primary.btn-outline [class^="icon-"],
.org-branding-1874 #lesson .btn-primary.btn-outline [class*=" icon-"] {
  color: inherit;
}
.org-branding-1874 #lesson .btn-primary.btn-outline:hover,
.org-branding-1874 #lesson .btn-primary.btn-outline:focus,
.org-branding-1874 #lesson .btn-primary.btn-outline:active,
.org-branding-1874 #lesson .btn-primary.btn-outline.active {
  color: #0076BD;
  background: #fff;
}
.org-branding-1874 #lesson-files a {
  background: #0076BD;
  color: #fff;
}
.org-branding-1874 #lesson-files a:hover,
.org-branding-1874 #lesson-files a:focus,
.org-branding-1874 #lesson-files a:active,
.org-branding-1874 #lesson-files a.active {
  background: #005385;
}
.org-branding-1874 #lesson-navigation a.next:hover .icon-right-big,
.org-branding-1874 #lesson-navigation a.next:focus .icon-right-big,
.org-branding-1874 #lesson-navigation a.next:active .icon-right-big {
  background: #005385;
  color: #fff;
}
.org-branding-1874 #lesson-navigation a.next.disabled .icon-right-big,
.org-branding-1874 #lesson-navigation a.next.disabled:hover .icon-right-big,
.org-branding-1874 #lesson-navigation a.next.disabled:focus .icon-right-big,
.org-branding-1874 #lesson-navigation a.next.disabled:active .icon-right-big {
  color: #89949b;
  background: transparent;
}
.org-branding-1874 #lesson-navigation .icon-right-big {
  background: #0076BD;
  color: #fff;
}
.org-branding-1972 .navbar-brand {
  background-image: url('/Blobs/Orgs/1972/header-logo.png?v=1');
  background-size: auto !important;
}
.org-branding-1972 #header {
  background-color: #36373c;
}
@media (max-width: 767px) {
  .org-branding-1972 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li {
    border-top-color: #2a2b2f;
  }
  .org-branding-1972 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .org-branding-1972 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .org-branding-1972 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .org-branding-1972 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active,
  .org-branding-1972 #header .navbar-inverse .navbar-nav .open .dropdown-menu > li > a .active {
    color: #fff;
  }
}
.org-branding-1972 #header .navbar-inverse .navbar-nav > li {
  border-bottom-color: #2a2b2f;
}
.org-branding-1972 #header .navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.org-branding-1972 #header .navbar-inverse .navbar-nav > li > a:hover,
.org-branding-1972 #header .navbar-inverse .navbar-nav > li > a:focus,
.org-branding-1972 #header .navbar-inverse .navbar-nav > li > a:active,
.org-branding-1972 #header .navbar-inverse .navbar-nav > li > a .active {
  color: #fff;
}
.org-branding-1972 #header-search {
  border-color: #2a2b2f;
}
.org-branding-1972 #header-account > a:hover {
  background: #2a2b2f;
}
.org-branding-1972 #lesson-banner {
  background: #36373c;
  color: #ffffff;
}
.org-branding-1972 #lesson-banner .logo {
  background-image: url('/Blobs/Orgs/1972/header-logo.png');
}
.org-branding-1972 #lesson-banner .text-right a {
  color: #fff;
  border-color: #2a2b2f;
}
.org-branding-1972 #lesson-banner .text-right a:hover,
.org-branding-1972 #lesson-banner .text-right a:focus,
.org-branding-1972 #lesson-banner .text-right a:active {
  color: #36373c;
  background: #fff;
}
.org-branding-1972 .btn-primary {
  color: #fff;
  background: #c41230;
  border-color: #c41230;
}
.org-branding-1972 .btn-primary:hover,
.org-branding-1972 .btn-primary:focus {
  color: #fff;
  background: #a30f28;
}
.org-branding-1972 .btn-primary:active,
.org-branding-1972 .btn-primary.active {
  color: #fff;
  background: #910d23;
}
.org-branding-1972 .btn-primary.btn-outline {
  color: #c41230;
  background: #fff;
}
.org-branding-1972 .btn-primary.btn-outline:hover,
.org-branding-1972 .btn-primary.btn-outline:focus,
.org-branding-1972 .btn-primary.btn-outline:active,
.org-branding-1972 .btn-primary.btn-outline.active {
  color: #fff;
  background: #910d23;
}
.org-branding-1972 .btn-group-vertical.filters .btn.btn-primary {
  border-right-color: #c41230;
}
.org-branding-1972 .btn-group-vertical.filters .btn.btn-primary:hover,
.org-branding-1972 .btn-group-vertical.filters .btn.btn-primary:focus,
.org-branding-1972 .btn-group-vertical.filters .btn.btn-primary.focus {
  background: #c41230;
}
.org-branding-1972 .btn-group-vertical.filters .btn.btn-primary:after {
  border-left-color: #c41230;
}
.org-branding-1972.filters.left-facing .btn.btn-primary {
  border-left-color: #c41230;
}
.org-branding-1972.filters.left-facing .btn.btn-primary:before {
  border-right-color: #c41230;
}
.org-branding-1972 #lesson .nav-tabs li.active a {
  background: #c41230;
  border-color: #c41230;
  color: #fff;
}
.org-branding-1972 #lesson .btn-primary.btn-outline {
  background: #36373c;
  color: #fff;
  border-color: #fff;
}
.org-branding-1972 #lesson .btn-primary.btn-outline [class^="icon-"],
.org-branding-1972 #lesson .btn-primary.btn-outline [class*=" icon-"] {
  color: inherit;
}
.org-branding-1972 #lesson .btn-primary.btn-outline:hover,
.org-branding-1972 #lesson .btn-primary.btn-outline:focus,
.org-branding-1972 #lesson .btn-primary.btn-outline:active,
.org-branding-1972 #lesson .btn-primary.btn-outline.active {
  color: #c41230;
  background: #fff;
}
.org-branding-1972 #lesson-files a {
  background: #c41230;
  color: #fff;
}
.org-branding-1972 #lesson-files a:hover,
.org-branding-1972 #lesson-files a:focus,
.org-branding-1972 #lesson-files a:active,
.org-branding-1972 #lesson-files a.active {
  background: #910d23;
}
.org-branding-1972 #lesson-navigation a.next:hover .icon-right-big,
.org-branding-1972 #lesson-navigation a.next:focus .icon-right-big,
.org-branding-1972 #lesson-navigation a.next:active .icon-right-big {
  background: #910d23;
  color: #fff;
}
.org-branding-1972 #lesson-navigation a.next.disabled .icon-right-big,
.org-branding-1972 #lesson-navigation a.next.disabled:hover .icon-right-big,
.org-branding-1972 #lesson-navigation a.next.disabled:focus .icon-right-big,
.org-branding-1972 #lesson-navigation a.next.disabled:active .icon-right-big {
  color: #89949b;
  background: transparent;
}
.org-branding-1972 #lesson-navigation .icon-right-big {
  background: #c41230;
  color: #fff;
}