@charset "utf-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@import "//fonts.googleapis.com/css?family=Open+Sans:400,300";
@import "//d1azc1qln24ryf.cloudfront.net/25291/videojs/style-cf.css?ygk429";
@import "/staticx/udemy/js/bower_components/video.js/dist/video-js.css";
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;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../../udemy/js/bower_components/bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('../../udemy/js/bower_components/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../udemy/js/bower_components/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../udemy/js/bower_components/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../udemy/js/bower_components/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
* {
  -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", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.43;
  color: #353535;
  background-color: #f4f4f4;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #4985B8;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #335d82;
  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,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.43;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 21px;
  margin-bottom: 21px;
  border: 0;
  border-top: 1px solid #ccc;
}
.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: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
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: 21px;
  margin-bottom: 10.5px;
}
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: 10.5px;
  margin-bottom: 10.5px;
}
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: 24px;
}
h3,
.h3 {
  font-size: 18px;
}
h4,
.h4 {
  font-size: 15px;
}
h5,
.h5 {
  font-size: 15px;
}
h6,
.h6 {
  font-size: 15px;
}
p {
  margin: 0 0 10.5px;
}
.lead {
  margin-bottom: 21px;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 22.5px;
  }
}
small,
.small {
  font-size: 86%;
}
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 {
  color: #777777;
}
.text-primary {
  color: #4985B8;
}
a.text-primary:hover {
  color: #3a6b94;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #e82c0c;
}
a.text-danger:hover {
  color: #b82309;
}
.bg-primary {
  color: #fff;
  background-color: #4985B8;
}
a.bg-primary:hover {
  background-color: #3a6b94;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.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: #fad5ce;
}
a.bg-danger:hover {
  background-color: #f5ada0;
}
.page-header {
  padding-bottom: 9.5px;
  margin: 42px 0 21px;
  border-bottom: 1px solid #ccc;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10.5px;
}
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: 21px;
}
dt,
dd {
  line-height: 1.43;
}
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: 10.5px 21px;
  margin: 0 0 21px;
  font-size: 18.75px;
  border-left: 5px solid #ccc;
}
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.43;
  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 #ccc;
  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: 21px;
  font-style: normal;
  line-height: 1.43;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  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: 10px;
  margin: 0 0 10.5px;
  font-size: 14px;
  line-height: 1.43;
  word-break: break-all;
  word-wrap: break-word;
  color: #353535;
  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: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 21px;
}
.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.43;
  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: #f4f4f4;
}
.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-child(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: #dff0d8;
}
.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: #d0e9c6;
}
.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: #fad5ce;
}
.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: #f8c1b7;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15.75px;
    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: 21px;
  font-size: 22.5px;
  line-height: inherit;
  color: #353535;
  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: 5px;
  font-size: 15px;
  line-height: 1.43;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 31px;
  padding: 4px 12px;
  font-size: 15px;
  line-height: 1.43;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  /* box-shadow */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -ms-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;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  /* box-shadow */
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #777777;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #777777;
}
.form-control::-webkit-input-placeholder {
  color: #777777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #ccc;
  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: 31px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm {
    line-height: 33px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg {
    line-height: 60px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 21px;
  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: 5px;
  padding-bottom: 5px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm,
.form-group-sm .form-control {
  height: 33px;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm,
select.form-group-sm .form-control {
  height: 33px;
  line-height: 33px;
}
textarea.input-sm,
textarea.form-group-sm .form-control,
select[multiple].input-sm,
select[multiple].form-group-sm .form-control {
  height: auto;
}
.input-lg,
.form-group-lg .form-control {
  height: 60px;
  padding: 16px 12px;
  font-size: 19px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg,
select.form-group-lg .form-control {
  height: 60px;
  line-height: 60px;
}
textarea.input-lg,
textarea.form-group-lg .form-control,
select[multiple].input-lg,
select[multiple].form-group-lg .form-control {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 38.75px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 31px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback {
  width: 60px;
  height: 60px;
  line-height: 60px;
}
.input-sm + .form-control-feedback {
  width: 33px;
  height: 33px;
  line-height: 33px;
}
.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: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  /* box-shadow */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-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: #2b542c;
  /* box-shadow */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.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;
  /* box-shadow */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-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;
  /* box-shadow */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  -moz-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: #e82c0c;
}
.has-error .form-control {
  border-color: #e82c0c;
  /* box-shadow */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-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: #b82309;
  /* box-shadow */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f77963;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f77963;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f77963;
}
.has-error .input-group-addon {
  color: #e82c0c;
  border-color: #e82c0c;
  background-color: #fad5ce;
}
.has-error .form-control-feedback {
  color: #e82c0c;
}
.has-feedback label ~ .form-control-feedback {
  top: 26px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #757575;
}
@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: 5px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 26px;
}
.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: 5px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 22.28px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 7px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 4px 12px;
  font-size: 15px;
  line-height: 1.43;
  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;
  /* box-shadow */
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-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);
  /* box-shadow */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.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: #adadad;
}
.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: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-default:hover {
  color: #333;
  background-color: #f7f7f7;
  border-color: #bfbfbf;
}
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle .btn-default {
  color: #333;
  background-color: #f0f0f0;
  border-color: #b8b8b8;
  outline: 0 !important;
  /* box-shadow */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle .btn-default {
  background-image: none;
  outline: 0 !important;
}
.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: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #4985B8;
  border-color: #4178a7;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3a6b94;
  border-color: #30587b;
}
.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: #4985B8;
  border-color: #4178a7;
}
.btn-primary .badge {
  color: #4985B8;
  background-color: #fff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #447dae;
  border-color: #3a6b94;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle .btn-primary {
  color: #fff;
  background-color: #4075a3;
  border-color: #366389;
  outline: 0 !important;
  /* box-shadow */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle .btn-primary {
  background-image: none;
  outline: 0 !important;
}
.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: #4985B8;
  border-color: #4178a7;
}
.btn-primary .badge {
  color: #4985B8;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #54B551;
  border-color: #49a647;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #42943f;
  border-color: #367b34;
}
.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: #54B551;
  border-color: #49a647;
}
.btn-success .badge {
  color: #54B551;
  background-color: #fff;
}
.btn-success:hover {
  color: #fff;
  background-color: #4dad4a;
  border-color: #42943f;
}
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle .btn-success {
  color: #fff;
  background-color: #48a245;
  border-color: #3d893a;
  outline: 0 !important;
  /* box-shadow */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle .btn-success {
  background-image: none;
  outline: 0 !important;
}
.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: #54B551;
  border-color: #49a647;
}
.btn-success .badge {
  color: #54B551;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.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: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-info:hover {
  color: #fff;
  background-color: #4ebbdb;
  border-color: #31b0d5;
}
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle .btn-info {
  color: #fff;
  background-color: #42b6d9;
  border-color: #29a8cd;
  outline: 0 !important;
  /* box-shadow */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle .btn-info {
  background-image: none;
  outline: 0 !important;
}
.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: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.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: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-warning:hover {
  color: #fff;
  background-color: #efa640;
  border-color: #ec971f;
}
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle .btn-warning {
  color: #fff;
  background-color: #eea032;
  border-color: #e89014;
  outline: 0 !important;
  /* box-shadow */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle .btn-warning {
  background-image: none;
  outline: 0 !important;
}
.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: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.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: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-danger:hover {
  color: #fff;
  background-color: #d64742;
  border-color: #c9302c;
}
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle .btn-danger {
  color: #fff;
  background-color: #d43a36;
  border-color: #bd2d29;
  outline: 0 !important;
  /* box-shadow */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle .btn-danger {
  background-image: none;
  outline: 0 !important;
}
.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: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #4985B8;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  /* box-shadow */
  -webkit-box-shadow: none;
  -moz-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: #335d82;
  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: 16px 12px;
  font-size: 19px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
}
.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;
  transition: opacity 0.15s linear;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-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;
}
.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: 15px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  /* box-shadow */
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-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: 9.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.43;
  color: #353535;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #282828;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #4985B8;
}
.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.43;
  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: 1px;
}
@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 > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-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 {
  /* box-shadow */
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-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 {
  /* box-shadow */
  -webkit-box-shadow: none;
  -moz-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: 60px;
  padding: 16px 12px;
  font-size: 19px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 60px;
  line-height: 60px;
}
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: 33px;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 33px;
  line-height: 33px;
}
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: 4px 12px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #ccc;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 6px 10px;
  font-size: 13px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 16px 12px;
  font-size: 19px;
  border-radius: 6px;
}
.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: #ccc;
}
.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: #ccc;
  border-color: #4985B8;
}
.nav .nav-divider {
  height: 1px;
  margin: 9.5px 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.43;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #ccc #ccc #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  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: #f4f4f4;
  }
}
.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: #4985B8;
}
.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: #f4f4f4;
  }
}
.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: 50px;
  margin-bottom: 21px;
  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: 14.5px 15px;
  font-size: 19px;
  line-height: 21px;
  height: 50px;
}
.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: 8px;
  margin-bottom: 8px;
  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: 7.25px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 21px;
}
@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: 21px;
  }
  .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: 14.5px;
    padding-bottom: 14.5px;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  /* box-shadow */
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  -moz-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: 9.5px;
  margin-bottom: 9.5px;
}
@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;
    /* box-shadow */
    -webkit-box-shadow: none;
    -moz-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 {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 9.5px;
  margin-bottom: 9.5px;
}
.navbar-btn.btn-sm {
  margin-top: 8.5px;
  margin-bottom: 8.5px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 14.5px;
  margin-bottom: 14.5px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
    float: left;
  }
  .navbar-right {
    float: right !important;
    float: right;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.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: #e7e7e7;
}
.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: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  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: #e7e7e7;
  }
  .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: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #777777;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #777777;
}
.navbar-inverse .navbar-nav > li > a {
  color: #777777;
}
.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: #080808;
}
.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: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .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: #080808;
  }
  .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: #777777;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #777777;
}
.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: 8px 15px;
  margin-bottom: 21px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 21px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 4px 12px;
  line-height: 1.43;
  text-decoration: none;
  color: #4985B8;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #fff;
  background-color: #4985B8;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #4985B8;
  border-color: #ddd;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 16px 12px;
  font-size: 19px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 6px 10px;
  font-size: 13px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 21px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #4985B8;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}
.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: #4985B8;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3a6b94;
}
.label-success {
  background-color: #54B551;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #42943f;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.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: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #4985B8;
  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;
}
.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #ccc;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 23px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #b3b3b3;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 67.5px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 21px;
  line-height: 1.43;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border 0.2s ease-in-out;
  -webkit-transition: border 0.2s ease-in-out;
  -moz-transition: border 0.2s ease-in-out;
  -ms-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #4985B8;
}
.thumbnail .caption {
  padding: 9px;
  color: #353535;
}
.alert {
  padding: 20px;
  margin-bottom: 21px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 40px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: transparent;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: rgba(0, 0, 0, 0);
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: transparent;
  color: #31708f;
}
.alert-info hr {
  border-top-color: rgba(0, 0, 0, 0);
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: transparent;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: rgba(0, 0, 0, 0);
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #fad5ce;
  border-color: transparent;
  color: #e82c0c;
}
.alert-danger hr {
  border-top-color: rgba(0, 0, 0, 0);
}
.alert-danger .alert-link {
  color: #b82309;
}
@-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: 21px;
  margin-bottom: 21px;
  background-color: #f5f5f5;
  border-radius: 4px;
  /* box-shadow */
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-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: 21px;
  color: #fff;
  text-align: center;
  background-color: #4985B8;
  /* box-shadow */
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-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-transform-origin: %50;
  -o-transform-origin: %50;
  -ms-transform-origin: %50;
  transform-origin: %50;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #54B551;
}
.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: #5bc0de;
}
.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: #f0ad4e;
}
.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: #d9534f;
}
.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);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.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: #ccc;
  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: #fff;
  background-color: #4985B8;
  border-color: #4985B8;
}
.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: #dce7f1;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.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: #e82c0c;
  background-color: #fad5ce;
}
a.list-group-item-danger {
  color: #e82c0c;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #e82c0c;
  background-color: #f8c1b7;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #e82c0c;
  border-color: #e82c0c;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 21px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  /* box-shadow */
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-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: 15px;
}
.panel-heading {
  padding: 10px 15px;
  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: 17px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  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: 15px;
  padding-right: 15px;
}
.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: 21px;
}
.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: #ddd;
}
.panel-default > .panel-heading {
  color: #353535;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #353535;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #4985B8;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #4985B8;
  border-color: #4985B8;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #4985B8;
}
.panel-primary > .panel-heading .badge {
  color: #4985B8;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #4985B8;
}
.panel-success {
  border-color: transparent;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: transparent;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}
.panel-info {
  border-color: transparent;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: transparent;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}
.panel-warning {
  border-color: transparent;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: transparent;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}
.panel-danger {
  border-color: transparent;
}
.panel-danger > .panel-heading {
  color: #e82c0c;
  background-color: #fad5ce;
  border-color: transparent;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}
.panel-danger > .panel-heading .badge {
  color: #fad5ce;
  background-color: #e82c0c;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}
.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%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  /* box-shadow */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 22.5px;
  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: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  -webkit-transform: translate(0, -25%);
  -moz-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-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 {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-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: 6px;
  /* box-shadow */
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -moz-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.43px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.43;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  padding: 20px;
  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 {
    /* box-shadow */
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -moz-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: 1030;
  display: block;
  visibility: visible;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, 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: 500;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #1e2c35;
  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: #1e2c35;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #1e2c35;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #1e2c35;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #1e2c35;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #1e2c35;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #1e2c35;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #1e2c35;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #1e2c35;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.43;
  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: 6px;
  /* box-shadow */
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-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: 15px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 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;
  transition: 0.6s ease-in-out left;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -ms-transition: 0.6s ease-in-out left;
  -o-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 {
    transition: transform 0.6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    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: 15%;
  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;
  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: #fff;
}
.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;
  }
}
.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,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer: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,
.pager:after,
.panel-body:after,
.modal-footer: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;
  }
}
/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
  padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/* button sets */
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  /* support: IE10, see #8844 */
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0;
  /* support: IE7 */
  font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
  cursor: default;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("images/animated-overlay.gif");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222;
}
.ui-widget-content a {
  color: #222222;
}
.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}
.ui-widget-header a {
  color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #212121;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
  background-image: url(images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_cd0a0a_256x240.png);
}
/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: alpha(opacity=30);
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: alpha(opacity=30);
  border-radius: 8px;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('fancybox_sprite.png');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('fancybox_overlay.png');
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url('fancybox_sprite@2x.png');
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url('fancybox_loading@2x.gif');
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
#smartbanner {
  position: absolute;
  left: 0;
  top: -82px;
  border-bottom: 1px solid #e8e8e8;
  width: 100%;
  height: 78px;
  font-family: 'Helvetica Neue', sans-serif;
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  z-index: 9998;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  -webkit-text-size-adjust: none;
}
#smartbanner .sb-container {
  margin: 0 auto;
}
#smartbanner .sb-close {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  border: 2px solid #fff;
  width: 14px;
  height: 14px;
  font-family: 'ArialRoundedMTBold', Arial;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
  color: #fff;
  background: #070707;
  text-decoration: none;
  text-shadow: none;
  border-radius: 14px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  -webkit-font-smoothing: subpixel-antialiased;
}
#smartbanner .sb-close:active {
  font-size: 13px;
  color: #aaa;
}
#smartbanner .sb-icon {
  position: absolute;
  left: 30px;
  top: 10px;
  display: block;
  width: 57px;
  height: 57px;
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#smartbanner.no-icon .sb-icon {
  display: none;
}
#smartbanner .sb-info {
  position: absolute;
  left: 98px;
  top: 18px;
  width: 44%;
  font-size: 11px;
  line-height: 1.2em;
  font-weight: bold;
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
#smartbanner #smartbanner.no-icon .sb-info {
  left: 34px;
}
#smartbanner .sb-info strong {
  display: block;
  font-size: 13px;
  color: #4d4d4d;
  line-height: 18px;
}
#smartbanner .sb-info > span {
  display: block;
}
#smartbanner .sb-info em {
  font-style: normal;
  text-transform: uppercase;
}
#smartbanner .sb-button {
  position: absolute;
  right: 20px;
  top: 24px;
  border: 1px solid #bfbfbf;
  padding: 0 10px;
  min-width: 10%;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  color: #6a6a6a;
  background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset;
}
#smartbanner .sb-button:active,
#smartbanner .sb-button:hover {
  background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%);
}
#smartbanner .sb-icon.gloss:after {
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 50%;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 10px 10px 12px 12px;
}
#smartbanner.android {
  border-color: #212228;
  background: #3d3d3d url('dark_background_stripes.gif');
  border-top: 5px solid #88B131;
  box-shadow: none;
}
#smartbanner.android .sb-close {
  border: 0;
  width: 17px;
  height: 17px;
  line-height: 17px;
  color: #b1b1b3;
  background: #1c1e21;
  text-shadow: 0 1px 1px #000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}
#smartbanner.android .sb-close:active {
  color: #eee;
}
#smartbanner.android .sb-info {
  color: #ccc;
  text-shadow: 0 1px 2px #000;
}
#smartbanner.android .sb-info strong {
  color: #fff;
}
#smartbanner.android .sb-button {
  min-width: 12%;
  border: 1px solid #DDDCDC;
  padding: 1px;
  color: #d1d1d1;
  background: none;
  border-radius: 0;
  box-shadow: none;
}
#smartbanner.android .sb-button span {
  text-align: center;
  display: block;
  padding: 0 10px;
  background-color: #42B6C9;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42B6C9), to(#39A9BB));
  background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB);
  text-transform: none;
  text-shadow: none;
  box-shadow: none;
}
#smartbanner.android .sb-button:active,
#smartbanner.android .sb-button:hover {
  background: none;
}
#smartbanner.android .sb-button:active span,
#smartbanner.android .sb-button:hover span {
  background: #2AC7E1;
}
figure,
figcaption {
  display: block;
}
.transition {
  -webkit-transition: top 400ms linear;
  -moz-transition: top 400ms linear;
  -ms-transition: top 400ms linear;
  -o-transition: top 400ms linear;
  transition: top 400ms linear;
}
.timeTo {
  font-family: Tahoma, Verdana, Aial, sans-serif;
  font-size: 28px;
  line-height: 108%;
  font-weight: bold;
  height: 32px;
}
.timeTo span {
  vertical-align: top;
}
.timeTo.timeTo-white div {
  color: black;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 38%, #cccccc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #ffffff), color-stop(100%, #cccccc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 38%, #cccccc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 38%, #cccccc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 38%, #cccccc 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 38%, #cccccc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0);
  /* IE6-9 */
}
.timeTo.timeTo-black div {
  color: white;
  background: #45484d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
.timeTo.timeTo-black .timeTo-alert {
  background: #a74444;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a74444 0%, #3f0000 67%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a74444), color-stop(67%, #3f0000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a74444 0%, #3f0000 67%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a74444 0%, #3f0000 67%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a74444 0%, #3f0000 67%);
  /* IE10+ */
  background: linear-gradient(to bottom, #a74444 0%, #3f0000 67%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a74444', endColorstr='#3f0000', GradientType=0);
  /* IE6-9 */
}
.timeTo.timeTo-white .timeTo-alert {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 35%, #e17373 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #ffffff), color-stop(100%, #e17373));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 35%, #e17373 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 35%, #e17373 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 35%, #e17373 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 35%, #e17373 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e17373', GradientType=0);
  /* IE6-9 */
}
.timeTo figure {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.timeTo figcaption {
  text-align: center;
  /*font-size: 12px;*/
  line-height: 80%;
  font-weight: normal;
  color: #888;
}
.timeTo div {
  position: relative;
  display: inline-block;
  /*width: 25px;
	height: 30px;*/
  border-top: 1px solid silver;
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  overflow: hidden;
}
.timeTo div.first {
  border-left: 1px solid silver;
}
.timeTo ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 3px;
}
.timeTo ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/byscuits
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot?v=3.2.1');
  src: url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.33333333em;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline;
}
/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.14285714em;
  text-align: right;
  padding-right: 0.28571429em;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.42857143em;
}
.icons-ul {
  margin-left: 2.14285714em;
  list-style-type: none;
}
.icons-ul > li {
  position: relative;
}
.icons-ul .icon-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  text-align: center;
  line-height: inherit;
}
[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none;
}
.icon-muted {
  color: #eee;
}
.icon-light {
  color: #fff;
}
.icon-dark {
  color: #333;
}
.icon-border {
  border: solid 1px #eee;
  padding: .2em .25em .15em;
  /* border-radius */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  /* border-radius */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  /* border-radius */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  /* border-radius */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  /* border-radius */
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}
/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}
/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em;
}
/* Fixes alignment in nav lists */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  line-height: inherit;
}
/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%;
}
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}
/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
  display: inline-block;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope-alt:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-power-off:before,
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-gear:before,
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file-alt:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e";
}
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-gears:before,
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up-alt:before {
  content: "\f087";
}
.icon-thumbs-down-alt:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-unchecked:before,
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paperclip:before,
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-user-md:before {
  content: "\f0f0";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-bell-alt:before {
  content: "\f0f3";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-file-text-alt:before {
  content: "\f0f6";
}
.icon-building:before {
  content: "\f0f7";
}
.icon-hospital:before {
  content: "\f0f8";
}
.icon-ambulance:before {
  content: "\f0f9";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-fighter-jet:before {
  content: "\f0fb";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-h-sign:before {
  content: "\f0fd";
}
.icon-plus-sign-alt:before {
  content: "\f0fe";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}
.icon-double-angle-up:before {
  content: "\f102";
}
.icon-double-angle-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-circle-blank:before {
  content: "\f10c";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112";
}
.icon-github-alt:before {
  content: "\f113";
}
.icon-folder-close-alt:before {
  content: "\f114";
}
.icon-folder-open-alt:before {
  content: "\f115";
}
.icon-expand-alt:before {
  content: "\f116";
}
.icon-collapse-alt:before {
  content: "\f117";
}
.icon-smile:before {
  content: "\f118";
}
.icon-frown:before {
  content: "\f119";
}
.icon-meh:before {
  content: "\f11a";
}
.icon-gamepad:before {
  content: "\f11b";
}
.icon-keyboard:before {
  content: "\f11c";
}
.icon-flag-alt:before {
  content: "\f11d";
}
.icon-flag-checkered:before {
  content: "\f11e";
}
.icon-terminal:before {
  content: "\f120";
}
.icon-code:before {
  content: "\f121";
}
.icon-reply-all:before {
  content: "\f122";
}
.icon-mail-reply-all:before {
  content: "\f122";
}
.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}
.icon-location-arrow:before {
  content: "\f124";
}
.icon-crop:before {
  content: "\f125";
}
.icon-code-fork:before {
  content: "\f126";
}
.icon-unlink:before {
  content: "\f127";
}
.icon-question:before {
  content: "\f128";
}
.icon-info:before {
  content: #5bc0de;
}
.icon-exclamation:before {
  content: "\f12a";
}
.icon-superscript:before {
  content: "\f12b";
}
.icon-subscript:before {
  content: "\f12c";
}
.icon-eraser:before {
  content: "\f12d";
}
.icon-puzzle-piece:before {
  content: "\f12e";
}
.icon-microphone:before {
  content: "\f130";
}
.icon-microphone-off:before {
  content: "\f131";
}
.icon-shield:before {
  content: "\f132";
}
.icon-calendar-empty:before {
  content: "\f133";
}
.icon-fire-extinguisher:before {
  content: "\f134";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-maxcdn:before {
  content: "\f136";
}
.icon-chevron-sign-left:before {
  content: "\f137";
}
.icon-chevron-sign-right:before {
  content: "\f138";
}
.icon-chevron-sign-up:before {
  content: "\f139";
}
.icon-chevron-sign-down:before {
  content: "\f13a";
}
.icon-html5:before {
  content: "\f13b";
}
.icon-css3:before {
  content: "\f13c";
}
.icon-anchor:before {
  content: "\f13d";
}
.icon-unlock-alt:before {
  content: "\f13e";
}
.icon-bullseye:before {
  content: "\f140";
}
.icon-ellipsis-horizontal:before {
  content: "\f141";
}
.icon-ellipsis-vertical:before {
  content: "\f142";
}
.icon-rss-sign:before {
  content: "\f143";
}
.icon-play-sign:before {
  content: "\f144";
}
.icon-ticket:before {
  content: "\f145";
}
.icon-minus-sign-alt:before {
  content: "\f146";
}
.icon-check-minus:before {
  content: "\f147";
}
.icon-level-up:before {
  content: "\f148";
}
.icon-level-down:before {
  content: "\f149";
}
.icon-check-sign:before {
  content: "\f14a";
}
.icon-edit-sign:before {
  content: "\f14b";
}
.icon-external-link-sign:before {
  content: "\f14c";
}
.icon-share-sign:before {
  content: "\f14d";
}
.icon-compass:before {
  content: "\f14e";
}
.icon-collapse:before {
  content: "\f150";
}
.icon-collapse-top:before {
  content: "\f151";
}
.icon-expand:before {
  content: "\f152";
}
.icon-euro:before,
.icon-eur:before {
  content: "\f153";
}
.icon-gbp:before {
  content: "\f154";
}
.icon-dollar:before,
.icon-usd:before {
  content: "\f155";
}
.icon-rupee:before,
.icon-inr:before {
  content: "\f156";
}
.icon-yen:before,
.icon-jpy:before {
  content: "\f157";
}
.icon-renminbi:before,
.icon-cny:before {
  content: "\f158";
}
.icon-won:before,
.icon-krw:before {
  content: "\f159";
}
.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a";
}
.icon-file:before {
  content: "\f15b";
}
.icon-file-text:before {
  content: "\f15c";
}
.icon-sort-by-alphabet:before {
  content: "\f15d";
}
.icon-sort-by-alphabet-alt:before {
  content: "\f15e";
}
.icon-sort-by-attributes:before {
  content: "\f160";
}
.icon-sort-by-attributes-alt:before {
  content: "\f161";
}
.icon-sort-by-order:before {
  content: "\f162";
}
.icon-sort-by-order-alt:before {
  content: "\f163";
}
.icon-thumbs-up:before {
  content: "\f164";
}
.icon-thumbs-down:before {
  content: "\f165";
}
.icon-youtube-sign:before {
  content: "\f166";
}
.icon-youtube:before {
  content: "\f167";
}
.icon-xing:before {
  content: "\f168";
}
.icon-xing-sign:before {
  content: "\f169";
}
.icon-youtube-play:before {
  content: "\f16a";
}
.icon-dropbox:before {
  content: "\f16b";
}
.icon-stackexchange:before {
  content: "\f16c";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-flickr:before {
  content: "\f16e";
}
.icon-adn:before {
  content: "\f170";
}
.icon-bitbucket:before {
  content: "\f171";
}
.icon-bitbucket-sign:before {
  content: "\f172";
}
.icon-tumblr:before {
  content: "\f173";
}
.icon-tumblr-sign:before {
  content: "\f174";
}
.icon-long-arrow-down:before {
  content: "\f175";
}
.icon-long-arrow-up:before {
  content: "\f176";
}
.icon-long-arrow-left:before {
  content: "\f177";
}
.icon-long-arrow-right:before {
  content: "\f178";
}
.icon-apple:before {
  content: "\f179";
}
.icon-windows:before {
  content: "\f17a";
}
.icon-android:before {
  content: "\f17b";
}
.icon-linux:before {
  content: "\f17c";
}
.icon-dribbble:before {
  content: "\f17d";
}
.icon-skype:before {
  content: "\f17e";
}
.icon-foursquare:before {
  content: "\f180";
}
.icon-trello:before {
  content: "\f181";
}
.icon-female:before {
  content: "\f182";
}
.icon-male:before {
  content: "\f183";
}
.icon-gittip:before {
  content: "\f184";
}
.icon-sun:before {
  content: "\f185";
}
.icon-moon:before {
  content: "\f186";
}
.icon-archive:before {
  content: "\f187";
}
.icon-bug:before {
  content: "\f188";
}
.icon-vk:before {
  content: "\f189";
}
.icon-weibo:before {
  content: "\f18a";
}
.icon-renren:before {
  content: "\f18b";
}
.btn {
  border: 0;
  border-radius: 3px;
}
.btn:active,
.btn.active {
  box-shadow: none;
}
.btn-shadowed {
  font-weight: bold;
  border-radius: 5px;
  box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
  text-transform: uppercase;
}
.btn-group .dropdown-menu:before {
  content: '';
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: absolute;
  background: #fff;
  top: 0px;
  left: 10px;
  box-shadow: -1px -1px rgba(0, 0, 0, 0.15);
  z-index: -1;
  margin-top: -4px;
}
.btn-group .dropdown-menu.pull-right:before {
  left: auto;
  right: 10px;
}
.btn-group .dropdown-menu .divider {
  margin: 2px 0;
}
.btn-group a.dropdown-toggle:focus {
  color: #fff;
}
.btn-group.open-on-hover .dropdown-menu {
  margin-top: -5px;
}
.btn-group.open-on-hover:hover .dropdown-menu {
  display: block;
}
.btn-group.no-arrow .dropdown-menu:before {
  display: none;
}
.dropdown.open-on-hover:hover .dropdown-menu {
  display: block;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu.pull-left {
  float: none !important;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: auto;
  right: 100%;
}
.btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.btn-group.dropup .dropdown-menu:before {
  top: auto;
  bottom: -4px;
  box-shadow: 1px 1px rgba(0, 0, 0, 0.05);
}
[lang=es] .dropdown-menu {
  font-size: 13px;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
  -webkit-appearance: none;
  padding: 4px 6px;
  border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus {
  outline-width: 3px;
}
textarea {
  display: block;
}
select {
  border-radius: 0;
  border-color: #a9a9a9;
  height: 30px;
}
#redactor-droparea-placeholder input[type=file] {
  display: inline-block;
}
.badge-danger {
  background-color: #d9534f;
}
.badge-danger[href]:hover,
.badge-danger[href]:focus {
  background-color: #c9302c;
}
.tab-content {
  border: 1px solid #ddd;
  background: #fff;
  border-top: none;
  border-radius: 0 0 4px 4px;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.muted {
  color: #777777;
}
a.muted:hover,
a.muted:focus {
  color: #5e5e5e;
}
.line-through {
  position: relative;
}
.line-through:after {
  border-bottom: 4px solid;
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-dialog {
    margin-top: 70px;
  }
}
.modal-header .close {
  padding: 10px;
  margin-top: -10px;
  margin-right: -10px;
}
/* Vars  */
.tc {
  text-align: center;
}
.tc-force {
  text-align: center !important;
}
.tc {
  text-align: center;
}
.tc-force {
  text-align: center !important;
}
.tac {
  text-align: center;
}
.tac-force {
  text-align: center !important;
}
.tac {
  text-align: center;
}
.tac-force {
  text-align: center !important;
}
.tal {
  text-align: left;
}
.tal-force {
  text-align: left !important;
}
.tal {
  text-align: left;
}
.tal-force {
  text-align: left !important;
}
.tar {
  text-align: right;
}
.tar-force {
  text-align: right !important;
}
.tar {
  text-align: right;
}
.tar-force {
  text-align: right !important;
}
.ti {
  text-indent: -999em;
}
.ti-force {
  text-indent: -999em !important;
}
.ti {
  text-indent: -999em;
}
.ti-force {
  text-indent: -999em !important;
}
.fn {
  float: none;
}
.fn-force {
  float: none !important;
}
.fn {
  float: none;
}
.fn-force {
  float: none !important;
}
.fr {
  float: right;
}
.fr-force {
  float: right !important;
}
.fr {
  float: right;
}
.fr-force {
  float: right !important;
}
.fl {
  float: left;
}
.fl-force {
  float: left !important;
}
.fl {
  float: left;
}
.fl-force {
  float: left !important;
}
.ita {
  font-style: italic;
}
.ita-force {
  font-style: italic !important;
}
.ita {
  font-style: italic;
}
.ita-force {
  font-style: italic !important;
}
.fsn {
  font-style: normal;
}
.fsn-force {
  font-style: normal !important;
}
.fsn {
  font-style: normal;
}
.fsn-force {
  font-style: normal !important;
}
.db {
  display: block;
}
.db-force {
  display: block !important;
}
.db {
  display: block;
}
.db-force {
  display: block !important;
}
.show {
  display: block;
}
.show-force {
  display: block !important;
}
.show {
  display: block;
}
.show-force {
  display: block !important;
}
.dib {
  display: inline-block;
}
.dib-force {
  display: inline-block !important;
}
.dib {
  display: inline-block;
}
.dib-force {
  display: inline-block !important;
}
.dn {
  display: none;
}
.dn-force {
  display: none !important;
}
.dn {
  display: none;
}
.dn-force {
  display: none !important;
}
.hide {
  display: none;
}
.hide-force {
  display: none !important;
}
.hide {
  display: none;
}
.hide-force {
  display: none !important;
}
.hidden {
  display: none;
}
.hidden-force {
  display: none !important;
}
.hidden {
  display: none;
}
.hidden-force {
  display: none !important;
}
.holder {
  display: none;
}
.holder-force {
  display: none !important;
}
.holder {
  display: none;
}
.holder-force {
  display: none !important;
}
.oh {
  overflow: hidden;
}
.oh-force {
  overflow: hidden !important;
}
.oh {
  overflow: hidden;
}
.oh-force {
  overflow: hidden !important;
}
.oa {
  overflow: auto;
}
.oa-force {
  overflow: auto !important;
}
.oa {
  overflow: auto;
}
.oa-force {
  overflow: auto !important;
}
.pos-s {
  position: static;
}
.pos-s-force {
  position: static !important;
}
.pos-s {
  position: static;
}
.pos-s-force {
  position: static !important;
}
.pos-r {
  position: relative;
}
.pos-r-force {
  position: relative !important;
}
.pos-r {
  position: relative;
}
.pos-r-force {
  position: relative !important;
}
.relative {
  position: relative;
}
.relative-force {
  position: relative !important;
}
.relative {
  position: relative;
}
.relative-force {
  position: relative !important;
}
.pos-a {
  position: absolute;
}
.pos-a-force {
  position: absolute !important;
}
.pos-a {
  position: absolute;
}
.pos-a-force {
  position: absolute !important;
}
.pos-f {
  position: fixed;
}
.pos-f-force {
  position: fixed !important;
}
.pos-f {
  position: fixed;
}
.pos-f-force {
  position: fixed !important;
}
.bs-dashed {
  border-style: dashed;
}
.bs-dashed-force {
  border-style: dashed !important;
}
.bs-dashed {
  border-style: dashed;
}
.bs-dashed-force {
  border-style: dashed !important;
}
.mha {
  min-height: 0;
}
.mha-force {
  min-height: 0 !important;
}
.mha {
  min-height: 0;
}
.mha-force {
  min-height: 0 !important;
}
.ha {
  height: auto;
}
.ha-force {
  height: auto !important;
}
.ha {
  height: auto;
}
.ha-force {
  height: auto !important;
}
.h52 {
  height: 52px;
}
.h52-force {
  height: 52px !important;
}
.h52 {
  height: 52px;
}
.h52-force {
  height: 52px !important;
}
.h70 {
  height: 70px;
}
.h70-force {
  height: 70px !important;
}
.h70 {
  height: 70px;
}
.h70-force {
  height: 70px !important;
}
.h100p {
  height: 100%;
}
.h100p-force {
  height: 100% !important;
}
.h100p {
  height: 100%;
}
.h100p-force {
  height: 100% !important;
}
.left0 {
  left: 0;
}
.left0-force {
  left: 0 !important;
}
.left0 {
  left: 0;
}
.left0-force {
  left: 0 !important;
}
.top0 {
  top: 0;
}
.top0-force {
  top: 0 !important;
}
.top0 {
  top: 0;
}
.top0-force {
  top: 0 !important;
}
.right0 {
  right: 0;
}
.right0-force {
  right: 0 !important;
}
.right0 {
  right: 0;
}
.right0-force {
  right: 0 !important;
}
.bottom0 {
  bottom: 0;
}
.bottom0-force {
  bottom: 0 !important;
}
.bottom0 {
  bottom: 0;
}
.bottom0-force {
  bottom: 0 !important;
}
.bottom100p {
  bottom: 100%;
}
.bottom100p-force {
  bottom: 100% !important;
}
.bottom100p {
  bottom: 100%;
}
.bottom100p-force {
  bottom: 100% !important;
}
.w240 {
  width: 240px;
}
.w240-force {
  width: 240px !important;
}
.w240 {
  width: 240px;
}
.w240-force {
  width: 240px !important;
}
.w300 {
  width: 300px;
}
.w300-force {
  width: 300px !important;
}
.w300 {
  width: 300px;
}
.w300-force {
  width: 300px !important;
}
.w100p {
  width: 100%;
}
.w100p-force {
  width: 100% !important;
}
.w100p {
  width: 100%;
}
.w100p-force {
  width: 100% !important;
}
.w140 {
  width: 140px;
}
.w140-force {
  width: 140px !important;
}
.w140 {
  width: 140px;
}
.w140-force {
  width: 140px !important;
}
.w50p {
  width: 50%;
}
.w50p-force {
  width: 50% !important;
}
.w50p {
  width: 50%;
}
.w50p-force {
  width: 50% !important;
}
.w40p {
  width: 40%;
}
.w40p-force {
  width: 40% !important;
}
.w40p {
  width: 40%;
}
.w40p-force {
  width: 40% !important;
}
.minw200 {
  min-width: 200px;
}
.minw200-force {
  min-width: 200px !important;
}
.minw200 {
  min-width: 200px;
}
.minw200-force {
  min-width: 200px !important;
}
.mw100 {
  max-width: 100%;
}
.mw100-force {
  max-width: 100% !important;
}
.mw100 {
  max-width: 100%;
}
.mw100-force {
  max-width: 100% !important;
}
.mw220 {
  max-width: 200px;
}
.mw220-force {
  max-width: 200px !important;
}
.mw220 {
  max-width: 200px;
}
.mw220-force {
  max-width: 200px !important;
}
.mw280 {
  max-width: 280px;
}
.mw280-force {
  max-width: 280px !important;
}
.mw280 {
  max-width: 280px;
}
.mw280-force {
  max-width: 280px !important;
}
.mw560 {
  max-width: 560px;
}
.mw560-force {
  max-width: 560px !important;
}
.mw560 {
  max-width: 560px;
}
.mw560-force {
  max-width: 560px !important;
}
.mh300 {
  max-height: 300px;
}
.mh300-force {
  max-height: 300px !important;
}
.mh300 {
  max-height: 300px;
}
.mh300-force {
  max-height: 300px !important;
}
.half-width {
  width: 50%;
}
.half-width-force {
  width: 50% !important;
}
.half-width {
  width: 50%;
}
.half-width-force {
  width: 50% !important;
}
.cleft {
  clear: left;
}
.cleft-force {
  clear: left !important;
}
.cleft {
  clear: left;
}
.cleft-force {
  clear: left !important;
}
.ma {
  margin: auto;
}
.ma-force {
  margin: auto !important;
}
.ma {
  margin: auto;
}
.ma-force {
  margin: auto !important;
}
.mla {
  margin-left: auto;
}
.mla-force {
  margin-left: auto !important;
}
.mla {
  margin-left: auto;
}
.mla-force {
  margin-left: auto !important;
}
.mra {
  margin-right: auto;
}
.mra-force {
  margin-right: auto !important;
}
.mra {
  margin-right: auto;
}
.mra-force {
  margin-right: auto !important;
}
.mt-50 {
  margin-top: 50px;
}
.mt-50-force {
  margin-top: 50px !important;
}
.mt-50 {
  margin-top: 50px;
}
.mt-50-force {
  margin-top: 50px !important;
}
.mt0 {
  margin-top: 0;
}
.mt0-force {
  margin-top: 0 !important;
}
.mt0 {
  margin-top: 0;
}
.mt0-force {
  margin-top: 0 !important;
}
.left50p {
  left: 50%;
}
.left50p-force {
  left: 50% !important;
}
.left50p {
  left: 50%;
}
.left50p-force {
  left: 50% !important;
}
.top50p {
  top: 50%;
}
.top50p-force {
  top: 50% !important;
}
.top50p {
  top: 50%;
}
.top50p-force {
  top: 50% !important;
}
.ml-30 {
  margin-left: -30px;
}
.ml-30-force {
  margin-left: -30px !important;
}
.ml-30 {
  margin-left: -30px;
}
.ml-30-force {
  margin-left: -30px !important;
}
.mt-30 {
  margin-top: -30px;
}
.mt-30-force {
  margin-top: -30px !important;
}
.mt-30 {
  margin-top: -30px;
}
.mt-30-force {
  margin-top: -30px !important;
}
.fs60 {
  font-size: 60px;
}
.fs60-force {
  font-size: 60px !important;
}
.fs60 {
  font-size: 60px;
}
.fs60-force {
  font-size: 60px !important;
}
.fs50 {
  font-size: 50px;
}
.fs50-force {
  font-size: 50px !important;
}
.fs50 {
  font-size: 50px;
}
.fs50-force {
  font-size: 50px !important;
}
.fs52 {
  font-size: 52px;
}
.fs52-force {
  font-size: 52px !important;
}
.fs52 {
  font-size: 52px;
}
.fs52-force {
  font-size: 52px !important;
}
.fs18 {
  font-size: 18px;
}
.fs18-force {
  font-size: 18px !important;
}
.fs18 {
  font-size: 18px;
}
.fs18-force {
  font-size: 18px !important;
}
.mw800 {
  max-width: 800px;
}
.mw800-force {
  max-width: 800px !important;
}
.mw800 {
  max-width: 800px;
}
.mw800-force {
  max-width: 800px !important;
}
.mw500 {
  max-width: 500px;
}
.mw500-force {
  max-width: 500px !important;
}
.mw500 {
  max-width: 500px;
}
.mw500-force {
  max-width: 500px !important;
}
.mw580 {
  max-width: 580px;
}
.mw580-force {
  max-width: 580px !important;
}
.mw580 {
  max-width: 580px;
}
.mw580-force {
  max-width: 580px !important;
}
.p3 {
  padding: 3px;
}
.p3-force {
  padding: 3px !important;
}
.p3 {
  padding: 3px;
}
.p3-force {
  padding: 3px !important;
}
.wa {
  width: auto;
}
.wa-force {
  width: auto !important;
}
.wa {
  width: auto;
}
.wa-force {
  width: auto !important;
}
.top-10 {
  top: -10px;
}
.top-10-force {
  top: -10px !important;
}
.top-10 {
  top: -10px;
}
.top-10-force {
  top: -10px !important;
}
.outline-none {
  outline: none;
}
.outline-none-force {
  outline: none !important;
}
.outline-none {
  outline: none;
}
.outline-none-force {
  outline: none !important;
}
#AWIN_CDT {
  position: absolute;
}
.lh8 {
  line-height: 0.8;
}
.w8 {
  width: 8px;
}
.mw8 {
  max-width: 8px;
}
.br8 {
  border-radius: 8px;
}
.lh9 {
  line-height: 0.9;
}
.w9 {
  width: 9px;
}
.mw9 {
  max-width: 9px;
}
.br9 {
  border-radius: 9px;
}
.lh10 {
  line-height: 1;
}
.w10 {
  width: 10px;
}
.mw10 {
  max-width: 10px;
}
.br10 {
  border-radius: 10px;
}
.lh11 {
  line-height: 1.1;
}
.w11 {
  width: 11px;
}
.mw11 {
  max-width: 11px;
}
.br11 {
  border-radius: 11px;
}
.lh12 {
  line-height: 1.2;
}
.w12 {
  width: 12px;
}
.mw12 {
  max-width: 12px;
}
.br12 {
  border-radius: 12px;
}
.lh13 {
  line-height: 1.3;
}
.w13 {
  width: 13px;
}
.mw13 {
  max-width: 13px;
}
.br13 {
  border-radius: 13px;
}
.lh14 {
  line-height: 1.4;
}
.w14 {
  width: 14px;
}
.mw14 {
  max-width: 14px;
}
.br14 {
  border-radius: 14px;
}
.lh15 {
  line-height: 1.5;
}
.w15 {
  width: 15px;
}
.mw15 {
  max-width: 15px;
}
.br15 {
  border-radius: 15px;
}
.lh16 {
  line-height: 1.6;
}
.w16 {
  width: 16px;
}
.mw16 {
  max-width: 16px;
}
.br16 {
  border-radius: 16px;
}
.lh17 {
  line-height: 1.7;
}
.w17 {
  width: 17px;
}
.mw17 {
  max-width: 17px;
}
.br17 {
  border-radius: 17px;
}
.lh18 {
  line-height: 1.8;
}
.w18 {
  width: 18px;
}
.mw18 {
  max-width: 18px;
}
.br18 {
  border-radius: 18px;
}
.lh19 {
  line-height: 1.9;
}
.w19 {
  width: 19px;
}
.mw19 {
  max-width: 19px;
}
.br19 {
  border-radius: 19px;
}
.preserve3d {
  -webkit-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.flex-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  width: 100%;
}
.fxw,
.df {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.dif {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.flex,
.fx {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 1px;
}
.flex-auto {
  -webkit-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  min-width: 1px;
}
.aic {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
/*
 * Added for compatibility with v5.
 */
.fxdirc {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.display-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.flex-align-center,
.fxac {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-ac {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-ae {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
.flex-justify-center,
.fxjc {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.fxjsa {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-flex-pack: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
}
.fxjsb {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
.fxae {
  -webkit-box-align: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
.fxdc {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.fxje {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
}
.fxc {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.fxwrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fx-is {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.fx-ie {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
.fx-ic {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  outline: none !important;
  font-weight: normal;
}
a:hover,
a:focus {
  text-decoration: none;
}
strong,
strong a {
  font-weight: bold;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hideItem {
  visibility: hidden;
  opacity: 0;
}
.force-hideItem {
  visibility: hidden !important;
  opacity: 0 !important;
}
.showItem {
  visibility: visible;
  opacity: 1;
}
.hidden {
  display: none;
}
form {
  margin-bottom: 0;
}
#lmkbrttt {
  display: none;
}
.focus-black-force:focus {
  color: black !important;
}
.style-reseter,
.style-reseter * {
  background: none;
  margin: 0;
  padding: 0;
  border: 0;
}
.cursor-default {
  cursor: default !important;
}
.force-style-reseter {
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.container .row {
  position: relative;
}
h1.thin {
  text-align: center;
  font-size: 36px;
  font-weight: 300;
  color: #333;
}
h2.thin {
  color: #444;
  font-size: 16px;
  font-weight: normal;
  opacity: .7;
}
.overflow-hidden {
  overflow: hidden !important;
}
.fadeOut {
  visibility: hidden;
  opacity: 0;
}
.fadeIn {
  visibility: visible;
  opacity: 1;
}
.position-hide {
  position: absolute;
  visibility: hidden;
}
.slide-up {
  height: 0;
  visibility: hidden;
  display: block;
  padding: 0;
  opacity: 0;
  margin: 0;
  border-width: 0;
}
.slide-down {
  visibility: visible;
  opacity: 1;
}
.fixed {
  position: fixed !important;
}
.fixed-to-bottom {
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
}
.ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nowrap {
  white-space: nowrap;
}
.file-asset-box {
  width: 100%;
  height: 100%;
  min-height: 240px;
  background: #fff;
  text-align: center;
  padding: 20px;
}
.file-asset-box img {
  width: 256px;
  height: 256px;
  max-height: 100%;
}
.bordered-thumb {
  display: block;
  border: 1px solid #666;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset, 0 1px 3px rgba(0, 0, 0, 0.45);
  width: 45px;
  height: 45px;
  background-position: center;
  background-size: cover;
}
.side-lined {
  position: relative;
}
.side-lined:before,
.side-lined:after {
  content: '';
  width: 30%;
  height: 1px;
  background: #eee;
  position: absolute;
  left: 0;
  top: 50%;
}
.side-lined:after {
  left: auto;
  right: 0;
}
.side-lined span {
  background: #edeff1;
  position: relative;
  z-index: 1;
  padding: 0 10px;
}
.black-bordered-popup {
  box-shadow: 0 0 0 4px #000;
}
@media (max-width: 767px) {
  .flex-col-xs {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .flex-col-xs.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flex-col-xs.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .flex-col-sm {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .flex-col-sm.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flex-col-sm.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .flex-col-md {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .flex-col-md.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flex-col-md.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
  }
}
.ase {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  min-width: 1px;
  align-self: flex-end;
}
.webkit-mask {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.table {
  display: table;
  width: 100%;
  margin: 0;
}
.table-row {
  display: table-row;
}
.tb {
  display: table-row !important;
}
.cell {
  display: table-cell;
  vertical-align: middle;
  float: none !important;
}
.table-container {
  display: table;
  width: 100%;
  margin: 0;
}
.table-container > * {
  display: table-row;
}
.table-container > * > * {
  display: table-cell;
  vertical-align: middle;
  float: none !important;
}
.table-cell {
  display: table;
  width: 100%;
  margin: 0;
}
.table-cell > * {
  display: table-cell;
  vertical-align: middle;
  float: none !important;
}
.wkm {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.stretchy-wrapper {
  width: 100%;
  padding-bottom: 56.25%;
  /* 16:9 */
  position: relative;
}
.stretchy-wrapper > div,
.stretchy-wrapper .stretch,
.stretchy-wrapper iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.sp {
  background-image: url("/staticx/udemy/images/v3/sprites.png?v=17");
}
.spb:before,
.spa:after {
  background-image: url("/staticx/udemy/images/v3/sprites.png?v=17");
  content: '';
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
iframe[id^="oauth2relay"] {
  left: -100px;
}
.cd-header-container {
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  height: 65px;
  position: relative;
}
.cd-header-container .cd-header-image {
  height: 60px;
  background-size: cover;
  background-position: center center;
  webkit-background-size: cover;
  moz-background-size: cover;
  o-background-size: cover;
}
.cd-header-container .general-header {
  background: rgba(0, 0, 0, 0.5);
  height: 60px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.cd-header-container .general-header .container {
  position: relative;
}
.cd-header-container .general-header h1 {
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  max-width: 575px;
  margin: 10px auto;
}
.side-lined2 {
  position: relative;
  text-align: center;
}
.side-lined2:before {
  background: #dedede;
  content: "";
  height: 1px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
}
.side-lined2 > span {
  background: #edeff1;
  position: relative;
  display: inline-block;
  padding: 0 10px;
  line-height: 1.2;
}
.fancybox-outer .static-content-wrapper .mask,
.static-content-wrapper .fancybox-inner .mask {
  max-height: 500px;
  box-shadow: none;
  background: #F6F7F8;
  padding: 20px;
}
.fancybox-inner .static-content-wrapper {
  margin: auto;
  border-radius: 5px;
}
.static-content-wrapper,
.form-wrapper {
  overflow: visible !important;
  margin: 20px auto;
  border: 1px solid #ccc;
}
.static-content-wrapper h1,
.form-wrapper h1 {
  background: #f1f1f1;
  font-size: 16px;
  padding: 2px 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #BEBEBE;
  box-shadow: 0 1px #edede7;
  line-height: 2.6;
  margin: auto;
}
.static-content-wrapper h1:first-child,
.form-wrapper h1:first-child {
  padding: 10px 35px 10px 15px;
  margin: 0px;
  line-height: 1.2;
}
.static-content-wrapper h1 small,
.form-wrapper h1 small {
  font-size: 14px;
}
.static-content-wrapper.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner,
.form-wrapper.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner {
  overflow: visible !important;
}
.static-content-wrapper .mask,
.form-wrapper .mask {
  overflow: auto !important;
  width: auto !important;
  background: #F1F3F6;
  max-width: 600px;
  margin: auto;
  padding: 20px;
}
.static-content-wrapper .mask.show-overflow,
.form-wrapper .mask.show-overflow {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  max-height: none !important;
}
.static-content-wrapper .mask .ud-presentationviewer,
.form-wrapper .mask .ud-presentationviewer,
.static-content-wrapper .mask iframe,
.form-wrapper .mask iframe {
  margin: auto;
  display: block;
}
.static-content-wrapper .mask form,
.form-wrapper .mask form {
  width: 100%;
}
.static-content-wrapper .tip,
.form-wrapper .tip {
  font-size: smaller;
  color: #666;
}
.static-content-wrapper .tab-label-container,
.form-wrapper .tab-label-container {
  border-bottom: 1px solid #C3C3C3;
  padding-top: 20px;
  position: relative;
  top: 1px;
}
.static-content-wrapper .tab-divs,
.form-wrapper .tab-divs {
  background: #F6F7F8;
  border-top: 1px solid #C3C3C3;
}
.static-content-wrapper article,
.form-wrapper article {
  position: relative;
  color: #444;
  font-size: 14px;
  border-top: 1px solid #e9eaeb;
}
.static-content-wrapper article .q-mark,
.form-wrapper article .q-mark {
  position: relative;
  display: inline-block;
  right: inherit;
  top: inherit;
}
.static-content-wrapper article input[type=text],
.form-wrapper article input[type=text] {
  width: 100%;
}
.static-content-wrapper article:first-child,
.form-wrapper article:first-child {
  margin-top: 0;
  border: 0;
}
.static-content-wrapper article:last-child,
.form-wrapper article:last-child {
  padding-bottom: 15px;
  margin-bottom: 0px;
}
.static-content-wrapper article p,
.form-wrapper article p,
.static-content-wrapper article li,
.form-wrapper article li {
  margin: 0 0 9px;
}
.static-content-wrapper article li:last-child,
.form-wrapper article li:last-child {
  margin-bottom: 0;
}
.static-content-wrapper article h4,
.form-wrapper article h4 {
  color: #526075;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 5px;
}
.static-content-wrapper article h5,
.form-wrapper article h5 {
  color: #526075;
  font-size: 14px;
  margin-bottom: 10px;
}
.static-content-wrapper article .btn,
.form-wrapper article .btn {
  margin: 5px 0px;
}
.static-content-wrapper article .next-step-label,
.form-wrapper article .next-step-label {
  float: right;
  margin-top: 10px;
  color: #666;
}
.static-content-wrapper article .next-step-label:hover,
.form-wrapper article .next-step-label:hover {
  color: #000;
}
.static-content-wrapper article ul:not(.as-selections),
.form-wrapper article ul:not(.as-selections),
.static-content-wrapper article .steps,
.form-wrapper article .steps {
  padding-bottom: 10px;
  margin-left: 20px;
  list-style: disc;
}
.static-content-wrapper .center,
.form-wrapper .center {
  text-align: center;
}
.static-content-wrapper .darker,
.form-wrapper .darker,
.static-content-wrapper .imaged,
.form-wrapper .imaged {
  border-top: 1px solid #e9eaeb;
  padding-bottom: 15px;
  background: #f0f2f4;
  margin-bottom: 0px;
  overflow: hidden;
}
.static-content-wrapper .darker > li,
.form-wrapper .darker > li,
.static-content-wrapper .imaged > li,
.form-wrapper .imaged > li {
  padding: 20px 20px 0;
  clear: both;
}
.static-content-wrapper .darker .img,
.form-wrapper .darker .img,
.static-content-wrapper .imaged .img,
.form-wrapper .imaged .img {
  width: 128px;
  height: 74px;
  background-size: contain;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #DBDDDF;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
}
.static-content-wrapper .darker article,
.form-wrapper .darker article,
.static-content-wrapper .imaged article,
.form-wrapper .imaged article {
  padding: 0;
  margin: 0 0 0 140px;
  border: 0;
}
.static-content-wrapper .submit-row,
.form-wrapper .submit-row {
  width: 100%;
  margin: 10px 0 5px;
  text-align: center;
}
.static-content-wrapper .blue,
.form-wrapper .blue {
  color: #526075;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transform: none !important;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
body[class*="span"] {
  float: none;
  margin-left: auto;
}
.fs0 {
  font-size: 0;
}
.fs0 > * {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
}
.inline-blocks {
  text-align: center;
  font-size: 0;
}
.inline-blocks > * {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
}
.fw3,
.light {
  font-weight: 300;
}
.fw5,
.fwn {
  font-weight: normal;
}
.fwn-force {
  font-weight: normal !important;
}
.fw6,
.sb {
  font-weight: 600;
}
.fw7,
.bold,
.fwb {
  font-weight: bold;
}
.fw9,
.bolder {
  font-weight: 900;
}
.tdu {
  text-decoration: underline;
}
.tdu:hover {
  text-decoration: underline;
}
.pure-tabs [name=t],
.pure-tabs-main > * {
  display: none;
}
.no-border-radius {
  border-radius: 0;
}
.border-radius-5 {
  border-radius: 5px;
}
.border-top-radius-5 {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.border-bottom-radius-5 {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.border-left-radius-5 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.border-right-radius-5 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.border-bottom-left-radius-5 {
  border-bottom-left-radius: 5px;
}
.border-bottom-right-radius-5 {
  border-bottom-right-radius: 5px;
}
.blr2 {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.brr2 {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.blr3 {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.brr3 {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.no-border-top-radius {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.no-border-bottom-radius {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.no-border-left-radius {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.no-border-right-radius {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.no-border-top-left-radius {
  border-top-left-radius: 0 !important;
}
.no-border-top-right-radius {
  border-top-right-radius: 0 !important;
}
.no-border-bottom-right-radius {
  border-bottom-right-radius: 0 !important;
}
.no-border-bottom-left-radius {
  border-bottom-left-radius: 0 !important;
}
.only-bottom-left-radius {
  border-radius: 0;
  border-bottom-left-radius: 5px;
}
.only-bottom-right-radius {
  border-radius: 0;
  border-bottom-right-radius: 5px;
}
.border-top-bottom {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.styled-list {
  list-style: disc;
  margin-left: 20px;
}
.regular-list {
  list-style: disc;
  margin-left: 10px;
  padding-left: 10px;
}
.floating-debug {
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  bottom: 100px;
  z-index: 999;
  overflow: auto;
}
.floating-debug pre {
  background: rgba(255, 255, 255, 0.8);
  font-size: 10px;
  border-radius: 0;
  line-height: 1;
}
#habla_window_div button {
  color: #404040;
}
.char-count-container {
  position: relative;
}
.char-count-container .char-count-input {
  padding-right: 40px;
}
.char-count-container .char-count {
  position: absolute;
  top: 0;
  right: 15px;
  color: #999;
}
.char-count-container.char-limit-exceeded .char-count-input {
  outline-color: #D33737;
}
.char-count-container.char-limit-exceeded .char-count {
  color: #D33737;
}
.wwb {
  word-wrap: break-word;
}
.top50p {
  top: 50%;
}
.left100p {
  left: 100%;
}
.b-1 {
  border: 1px solid #ccc;
}
.b-2 {
  border: 1px solid #fff;
}
.b-3 {
  border: 2px solid #E7E7E8;
}
.zindex1 {
  z-index: 1;
}
.border-bottom-none {
  border-bottom: none !important;
}
.br-1 {
  border-right: 1px solid #ccc;
}
.bt-1 {
  border-top: 1px solid #ccc;
}
.bt-2 {
  border-top: 4px solid #17aa1c;
}
.vertical-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.bs1 {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.bs2 {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.bs3 {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.br-2 {
  border-radius: 2px;
}
.br-3 {
  border-radius: 3px;
}
.br-7 {
  border-radius: 7px;
}
.none {
  display: none !important;
}
.inline-block {
  display: inline-block !important;
}
.block {
  display: block !important;
}
.visible {
  visibility: visible !important;
}
.ov {
  overflow: visible !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.no-border {
  border: 0 !important;
}
table.no-border td {
  border-top: none !important;
}
.tran1 {
  transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
}
.hover-child-op1:hover .child {
  opacity: 1;
}
.empty-p p:empty {
  display: none;
}
.full-width {
  margin-left: -3000px;
  padding-left: 3000px;
  margin-right: -3000px;
  padding-right: 3000px;
}
.js-simple-collapse {
  overflow: hidden;
  position: relative;
}
.js-simple-collapse-more-btn {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top: 30px;
  font-weight: bold;
  background: linear-gradient(rgba(244, 244, 244, 0), rgba(244, 244, 244, 0.95), #f4f4f4);
}
.hover-zi2:hover {
  z-index: 2;
}
body.modal-open .header-v4 {
  z-index: 1;
}
.ml0-first-child > *:first-child {
  margin-left: 0;
}
.ellipsis-2lines {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: box !important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wa {
  width: auto;
}
.wa-force {
  width: auto !important;
}
.wa {
  width: auto;
}
.wa-force {
  width: auto !important;
}
.tdl {
  text-decoration: line-through;
}
.tdl-force {
  text-decoration: line-through !important;
}
.tdl {
  text-decoration: line-through;
}
.tdl-force {
  text-decoration: line-through !important;
}
.op8 {
  opacity: 0.8;
}
.op8-force {
  opacity: 0.8 !important;
}
.op8 {
  opacity: 0.8;
}
.op8-force {
  opacity: 0.8 !important;
}
.zi1 {
  z-index: 1;
}
.zi1-force {
  z-index: 1 !important;
}
.zi1 {
  z-index: 1;
}
.zi1-force {
  z-index: 1 !important;
}
.zi99 {
  z-index: 99;
}
.zi99-force {
  z-index: 99 !important;
}
.zi99 {
  z-index: 99;
}
.zi99-force {
  z-index: 99 !important;
}
.zi9999 {
  z-index: 9999;
}
.zi9999-force {
  z-index: 9999 !important;
}
.zi9999 {
  z-index: 9999;
}
.zi9999-force {
  z-index: 9999 !important;
}
.w600 {
  width: 600px;
}
.w600-force {
  width: 600px !important;
}
.w600 {
  width: 600px;
}
.w600-force {
  width: 600px !important;
}
.w650 {
  width: 650px;
}
.w650-force {
  width: 650px !important;
}
.w650 {
  width: 650px;
}
.w650-force {
  width: 650px !important;
}
.cp {
  cursor: pointer;
}
.cp-force {
  cursor: pointer !important;
}
.cp {
  cursor: pointer;
}
.cp-force {
  cursor: pointer !important;
}
.bgaf {
  background-attachment: fixed;
}
.bgaf-force {
  background-attachment: fixed !important;
}
.bgaf {
  background-attachment: fixed;
}
.bgaf-force {
  background-attachment: fixed !important;
}
.bgpc {
  background-position: center;
}
.bgpc-force {
  background-position: center !important;
}
.bgpc {
  background-position: center;
}
.bgpc-force {
  background-position: center !important;
}
.bgsc {
  background-size: cover;
}
.bgsc-force {
  background-size: cover !important;
}
.bgsc {
  background-size: cover;
}
.bgsc-force {
  background-size: cover !important;
}
.bgrnr {
  background-repeat: no-repeat;
}
.bgrnr-force {
  background-repeat: no-repeat !important;
}
.bgrnr {
  background-repeat: no-repeat;
}
.bgrnr-force {
  background-repeat: no-repeat !important;
}
.mt400 {
  margin-top: 400px;
}
.mt400-force {
  margin-top: 400px !important;
}
.mt400 {
  margin-top: 400px;
}
.mt400-force {
  margin-top: 400px !important;
}
.mt300 {
  margin-top: 300px;
}
.mt300-force {
  margin-top: 300px !important;
}
.mt300 {
  margin-top: 300px;
}
.mt300-force {
  margin-top: 300px !important;
}
.pb0 {
  padding-bottom: 0;
}
.pb0-force {
  padding-bottom: 0 !important;
}
.pb0 {
  padding-bottom: 0;
}
.pb0-force {
  padding-bottom: 0 !important;
}
.op0 {
  opacity: 0;
}
.op0-force {
  opacity: 0 !important;
}
.op0 {
  opacity: 0;
}
.op0-force {
  opacity: 0 !important;
}
.fs15 {
  font-size: 15px;
}
.fs15-force {
  font-size: 15px !important;
}
.fs15 {
  font-size: 15px;
}
.fs15-force {
  font-size: 15px !important;
}
.fs85 {
  font-size: 85px;
}
.fs85-force {
  font-size: 85px !important;
}
.fs85 {
  font-size: 85px;
}
.fs85-force {
  font-size: 85px !important;
}
.fs85 {
  font-size: 85px;
}
.fs85-force {
  font-size: 85px !important;
}
.fs85 {
  font-size: 85px;
}
.fs85-force {
  font-size: 85px !important;
}
.mr10 {
  margin-right: 10px;
}
.mr10-force {
  margin-right: 10px !important;
}
.mr10 {
  margin-right: 10px;
}
.mr10-force {
  margin-right: 10px !important;
}
.mt10 {
  margin-top: 10px;
}
.mt10-force {
  margin-top: 10px !important;
}
.mt10 {
  margin-top: 10px;
}
.mt10-force {
  margin-top: 10px !important;
}
.mt-10 {
  margin-top: -10px;
}
.mt-10-force {
  margin-top: -10px !important;
}
.mt-10 {
  margin-top: -10px;
}
.mt-10-force {
  margin-top: -10px !important;
}
.mt15 {
  margin-top: 15px;
}
.mt15-force {
  margin-top: 15px !important;
}
.mt15 {
  margin-top: 15px;
}
.mt15-force {
  margin-top: 15px !important;
}
.pb0 {
  padding-bottom: 0;
}
.pb0-force {
  padding-bottom: 0 !important;
}
.pb0 {
  padding-bottom: 0;
}
.pb0-force {
  padding-bottom: 0 !important;
}
.p0 {
  padding: 0;
}
.p0-force {
  padding: 0 !important;
}
.p0 {
  padding: 0;
}
.p0-force {
  padding: 0 !important;
}
.p10 {
  padding: 10px;
}
.p10-force {
  padding: 10px !important;
}
.p10 {
  padding: 10px;
}
.p10-force {
  padding: 10px !important;
}
.ml-10 {
  margin-left: -10px;
}
.ml-10-force {
  margin-left: -10px !important;
}
.ml-10 {
  margin-left: -10px;
}
.ml-10-force {
  margin-left: -10px !important;
}
.ml-1 {
  margin-left: -1px;
}
.ml-1-force {
  margin-left: -1px !important;
}
.ml-1 {
  margin-left: -1px;
}
.ml-1-force {
  margin-left: -1px !important;
}
.right10 {
  right: 10px;
}
.right10-force {
  right: 10px !important;
}
.right10 {
  right: 10px;
}
.right10-force {
  right: 10px !important;
}
.mh400 {
  min-height: 400px;
}
.mh400-force {
  min-height: 400px !important;
}
.mh400 {
  min-height: 400px;
}
.mh400-force {
  min-height: 400px !important;
}
.mh540 {
  min-height: 540px;
}
.mh540-force {
  min-height: 540px !important;
}
.mh540 {
  min-height: 540px;
}
.mh540-force {
  min-height: 540px !important;
}
.mh420 {
  min-height: 420px;
}
.mh420-force {
  min-height: 420px !important;
}
.mh420 {
  min-height: 420px;
}
.mh420-force {
  min-height: 420px !important;
}
.vat {
  vertical-align: top;
}
.vat-force {
  vertical-align: top !important;
}
.vat {
  vertical-align: top;
}
.vat-force {
  vertical-align: top !important;
}
.m0-110 {
  margin: 0 110px;
}
.m0-110-force {
  margin: 0 110px !important;
}
.m0-110 {
  margin: 0 110px;
}
.m0-110-force {
  margin: 0 110px !important;
}
.bgpr {
  background-position: right;
}
.bgpr-force {
  background-position: right !important;
}
.bgpr {
  background-position: right;
}
.bgpr-force {
  background-position: right !important;
}
.bgpt {
  background-position: top;
}
.bgpt-force {
  background-position: top !important;
}
.bgpt {
  background-position: top;
}
.bgpt-force {
  background-position: top !important;
}
.w400 {
  width: 400px;
}
.w400-force {
  width: 400px !important;
}
.w400 {
  width: 400px;
}
.w400-force {
  width: 400px !important;
}
.w230 {
  width: 230px;
}
.w230-force {
  width: 230px !important;
}
.w230 {
  width: 230px;
}
.w230-force {
  width: 230px !important;
}
.mh36 {
  min-height: 36px;
}
.mh36-force {
  min-height: 36px !important;
}
.mh36 {
  min-height: 36px;
}
.mh36-force {
  min-height: 36px !important;
}
.minh65 {
  min-height: 65px;
}
.minh65-force {
  min-height: 65px !important;
}
.minh65 {
  min-height: 65px;
}
.minh65-force {
  min-height: 65px !important;
}
.minh200 {
  min-height: 200px;
}
.minh200-force {
  min-height: 200px !important;
}
.minh200 {
  min-height: 200px;
}
.minh200-force {
  min-height: 200px !important;
}
.border0 {
  border: 0;
}
.border0-force {
  border: 0 !important;
}
.border0 {
  border: 0;
}
.border0-force {
  border: 0 !important;
}
.w570 {
  width: 570px;
}
.w570-force {
  width: 570px !important;
}
.w570 {
  width: 570px;
}
.w570-force {
  width: 570px !important;
}
.ml0 {
  margin-left: 0;
}
.ml0-force {
  margin-left: 0 !important;
}
.ml0 {
  margin-left: 0;
}
.ml0-force {
  margin-left: 0 !important;
}
.mt-20 {
  margin-top: -20px;
}
.mt-20-force {
  margin-top: -20px !important;
}
.mt-20 {
  margin-top: -20px;
}
.mt-20-force {
  margin-top: -20px !important;
}
.bor1 {
  border: 1px solid #B3B3B3;
}
.bor1-force {
  border: 1px solid #B3B3B3 !important;
}
.bor1 {
  border: 1px solid #B3B3B3;
}
.bor1-force {
  border: 1px solid #B3B3B3 !important;
}
.fs145 {
  font-size: 145px;
}
.fs145-force {
  font-size: 145px !important;
}
.fs145 {
  font-size: 145px;
}
.fs145-force {
  font-size: 145px !important;
}
.zi-1 {
  z-index: -1;
}
.zi-1-force {
  z-index: -1 !important;
}
.zi-1 {
  z-index: -1;
}
.zi-1-force {
  z-index: -1 !important;
}
.p2-10 {
  padding: 2px 10px;
}
.p2-10-force {
  padding: 2px 10px !important;
}
.p2-10 {
  padding: 2px 10px;
}
.p2-10-force {
  padding: 2px 10px !important;
}
.p0-10 {
  padding: 0px 10px;
}
.p0-10-force {
  padding: 0px 10px !important;
}
.p0-10 {
  padding: 0px 10px;
}
.p0-10-force {
  padding: 0px 10px !important;
}
.outline-none {
  outline: 0;
}
.outline-none-force {
  outline: 0 !important;
}
.outline-none {
  outline: 0;
}
.outline-none-force {
  outline: 0 !important;
}
.brd1 {
  border: 1px solid #ccc;
}
.brd1-force {
  border: 1px solid #ccc !important;
}
.brd1 {
  border: 1px solid #ccc;
}
.brd1-force {
  border: 1px solid #ccc !important;
}
.brd2 {
  border: 2px solid #ccc;
}
.brd2-force {
  border: 2px solid #ccc !important;
}
.brd2 {
  border: 2px solid #ccc;
}
.brd2-force {
  border: 2px solid #ccc !important;
}
.bt1 {
  border-top: 1px solid #ccc;
}
.bt1-force {
  border-top: 1px solid #ccc !important;
}
.bt1 {
  border-top: 1px solid #ccc;
}
.bt1-force {
  border-top: 1px solid #ccc !important;
}
.bt2 {
  border-top: 2px solid #ccc;
}
.bt2-force {
  border-top: 2px solid #ccc !important;
}
.bt2 {
  border-top: 2px solid #ccc;
}
.bt2-force {
  border-top: 2px solid #ccc !important;
}
.br1 {
  border-right: 1px solid #ccc;
}
.br1-force {
  border-right: 1px solid #ccc !important;
}
.br1 {
  border-right: 1px solid #ccc;
}
.br1-force {
  border-right: 1px solid #ccc !important;
}
.br2 {
  border-right: 2px solid #ccc;
}
.br2-force {
  border-right: 2px solid #ccc !important;
}
.br2 {
  border-right: 2px solid #ccc;
}
.br2-force {
  border-right: 2px solid #ccc !important;
}
.bb1 {
  border-bottom: 1px solid #ccc;
}
.bb1-force {
  border-bottom: 1px solid #ccc !important;
}
.bb1 {
  border-bottom: 1px solid #ccc;
}
.bb1-force {
  border-bottom: 1px solid #ccc !important;
}
.bb2 {
  border-bottom: 2px solid #ccc;
}
.bb2-force {
  border-bottom: 2px solid #ccc !important;
}
.bb2 {
  border-bottom: 2px solid #ccc;
}
.bb2-force {
  border-bottom: 2px solid #ccc !important;
}
.bl1 {
  border-left: 1px solid #ccc;
}
.bl1-force {
  border-left: 1px solid #ccc !important;
}
.bl1 {
  border-left: 1px solid #ccc;
}
.bl1-force {
  border-left: 1px solid #ccc !important;
}
.bl2 {
  border-left: 2px solid #ccc;
}
.bl2-force {
  border-left: 2px solid #ccc !important;
}
.bl2 {
  border-left: 2px solid #ccc;
}
.bl2-force {
  border-left: 2px solid #ccc !important;
}
.border-radius-2 {
  border-radius: 2px;
}
.border-radius-2-force {
  border-radius: 2px !important;
}
.border-radius-2 {
  border-radius: 2px;
}
.border-radius-2-force {
  border-radius: 2px !important;
}
.border-radius-3 {
  border-radius: 3px;
}
.border-radius-3-force {
  border-radius: 3px !important;
}
.border-radius-3 {
  border-radius: 3px;
}
.border-radius-3-force {
  border-radius: 3px !important;
}
.border-spacing-10 {
  border-spacing: 10px;
}
.border-spacing-10-force {
  border-spacing: 10px !important;
}
.border-spacing-10 {
  border-spacing: 10px;
}
.border-spacing-10-force {
  border-spacing: 10px !important;
}
.fx2 {
  flex: 2;
}
.fx2-force {
  flex: 2 !important;
}
.fx2 {
  flex: 2;
}
.fx2-force {
  flex: 2 !important;
}
.h34 {
  height: 34px;
}
.h34-force {
  height: 34px !important;
}
.h34 {
  height: 34px;
}
.h34-force {
  height: 34px !important;
}
.w200 {
  width: 200px;
}
.h200 {
  height: 200px;
}
.w195 {
  width: 195px;
}
.h195 {
  height: 195px;
}
.w190 {
  width: 190px;
}
.h190 {
  height: 190px;
}
.w185 {
  width: 185px;
}
.h185 {
  height: 185px;
}
.w180 {
  width: 180px;
}
.h180 {
  height: 180px;
}
.w175 {
  width: 175px;
}
.h175 {
  height: 175px;
}
.w170 {
  width: 170px;
}
.h170 {
  height: 170px;
}
.w165 {
  width: 165px;
}
.h165 {
  height: 165px;
}
.w160 {
  width: 160px;
}
.h160 {
  height: 160px;
}
.w155 {
  width: 155px;
}
.h155 {
  height: 155px;
}
.w150 {
  width: 150px;
}
.h150 {
  height: 150px;
}
.w145 {
  width: 145px;
}
.h145 {
  height: 145px;
}
.w140 {
  width: 140px;
}
.h140 {
  height: 140px;
}
.w135 {
  width: 135px;
}
.h135 {
  height: 135px;
}
.w130 {
  width: 130px;
}
.h130 {
  height: 130px;
}
.w125 {
  width: 125px;
}
.h125 {
  height: 125px;
}
.w120 {
  width: 120px;
}
.h120 {
  height: 120px;
}
.w115 {
  width: 115px;
}
.h115 {
  height: 115px;
}
.w110 {
  width: 110px;
}
.h110 {
  height: 110px;
}
.w105 {
  width: 105px;
}
.h105 {
  height: 105px;
}
.w100 {
  width: 100px;
}
.h100 {
  height: 100px;
}
.w95 {
  width: 95px;
}
.h95 {
  height: 95px;
}
.w90 {
  width: 90px;
}
.h90 {
  height: 90px;
}
.w85 {
  width: 85px;
}
.h85 {
  height: 85px;
}
.w80 {
  width: 80px;
}
.h80 {
  height: 80px;
}
.w75 {
  width: 75px;
}
.h75 {
  height: 75px;
}
.w70 {
  width: 70px;
}
.h70 {
  height: 70px;
}
.w65 {
  width: 65px;
}
.h65 {
  height: 65px;
}
.w60 {
  width: 60px;
}
.h60 {
  height: 60px;
}
.w55 {
  width: 55px;
}
.h55 {
  height: 55px;
}
.w50 {
  width: 50px;
}
.h50 {
  height: 50px;
}
.w45 {
  width: 45px;
}
.h45 {
  height: 45px;
}
.w40 {
  width: 40px;
}
.h40 {
  height: 40px;
}
.w35 {
  width: 35px;
}
.h35 {
  height: 35px;
}
.w30 {
  width: 30px;
}
.h30 {
  height: 30px;
}
.w25 {
  width: 25px;
}
.h25 {
  height: 25px;
}
.w20 {
  width: 20px;
}
.h20 {
  height: 20px;
}
.w15 {
  width: 15px;
}
.h15 {
  height: 15px;
}
.w10 {
  width: 10px;
}
.h10 {
  height: 10px;
}
.w5 {
  width: 5px;
}
.h5 {
  height: 5px;
}
.w0 {
  width: 0px;
}
.h0 {
  height: 0px;
}
.top50 {
  top: 50px;
}
.top45 {
  top: 45px;
}
.top40 {
  top: 40px;
}
.top35 {
  top: 35px;
}
.top30 {
  top: 30px;
}
.top25 {
  top: 25px;
}
.top20 {
  top: 20px;
}
.top15 {
  top: 15px;
}
.top10 {
  top: 10px;
}
.top5 {
  top: 5px;
}
.top0 {
  top: 0px;
}
.lh480 {
  line-height: 48;
}
.w480 {
  width: 480px;
}
.mw480 {
  max-width: 480px;
}
.br480 {
  border-radius: 480px;
}
.lh500 {
  line-height: 50;
}
.w500 {
  width: 500px;
}
.mw500 {
  max-width: 500px;
}
.br500 {
  border-radius: 500px;
}
.lh550 {
  line-height: 55;
}
.w550 {
  width: 550px;
}
.mw550 {
  max-width: 550px;
}
.br550 {
  border-radius: 550px;
}
.lh640 {
  line-height: 64;
}
.w640 {
  width: 640px;
}
.mw640 {
  max-width: 640px;
}
.br640 {
  border-radius: 640px;
}
.lh760 {
  line-height: 76;
}
.w760 {
  width: 760px;
}
.mw760 {
  max-width: 760px;
}
.br760 {
  border-radius: 760px;
}
.lh800 {
  line-height: 80;
}
.w800 {
  width: 800px;
}
.mw800 {
  max-width: 800px;
}
.br800 {
  border-radius: 800px;
}
.m150 {
  margin: 150px;
}
.p150 {
  padding: 150px;
}
.mt150 {
  margin-top: 150px;
}
.mr150 {
  margin-right: 150px;
}
.mb150 {
  margin-bottom: 150px;
}
.ml150 {
  margin-left: 150px;
}
.pt150 {
  padding-top: 150px;
}
.pr150 {
  padding-right: 150px;
}
.pb150 {
  padding-bottom: 150px;
}
.pl150 {
  padding-left: 150px;
}
.m145 {
  margin: 145px;
}
.p145 {
  padding: 145px;
}
.mt145 {
  margin-top: 145px;
}
.mr145 {
  margin-right: 145px;
}
.mb145 {
  margin-bottom: 145px;
}
.ml145 {
  margin-left: 145px;
}
.pt145 {
  padding-top: 145px;
}
.pr145 {
  padding-right: 145px;
}
.pb145 {
  padding-bottom: 145px;
}
.pl145 {
  padding-left: 145px;
}
.m140 {
  margin: 140px;
}
.p140 {
  padding: 140px;
}
.mt140 {
  margin-top: 140px;
}
.mr140 {
  margin-right: 140px;
}
.mb140 {
  margin-bottom: 140px;
}
.ml140 {
  margin-left: 140px;
}
.pt140 {
  padding-top: 140px;
}
.pr140 {
  padding-right: 140px;
}
.pb140 {
  padding-bottom: 140px;
}
.pl140 {
  padding-left: 140px;
}
.m135 {
  margin: 135px;
}
.p135 {
  padding: 135px;
}
.mt135 {
  margin-top: 135px;
}
.mr135 {
  margin-right: 135px;
}
.mb135 {
  margin-bottom: 135px;
}
.ml135 {
  margin-left: 135px;
}
.pt135 {
  padding-top: 135px;
}
.pr135 {
  padding-right: 135px;
}
.pb135 {
  padding-bottom: 135px;
}
.pl135 {
  padding-left: 135px;
}
.m130 {
  margin: 130px;
}
.p130 {
  padding: 130px;
}
.mt130 {
  margin-top: 130px;
}
.mr130 {
  margin-right: 130px;
}
.mb130 {
  margin-bottom: 130px;
}
.ml130 {
  margin-left: 130px;
}
.pt130 {
  padding-top: 130px;
}
.pr130 {
  padding-right: 130px;
}
.pb130 {
  padding-bottom: 130px;
}
.pl130 {
  padding-left: 130px;
}
.m125 {
  margin: 125px;
}
.p125 {
  padding: 125px;
}
.mt125 {
  margin-top: 125px;
}
.mr125 {
  margin-right: 125px;
}
.mb125 {
  margin-bottom: 125px;
}
.ml125 {
  margin-left: 125px;
}
.pt125 {
  padding-top: 125px;
}
.pr125 {
  padding-right: 125px;
}
.pb125 {
  padding-bottom: 125px;
}
.pl125 {
  padding-left: 125px;
}
.m120 {
  margin: 120px;
}
.p120 {
  padding: 120px;
}
.mt120 {
  margin-top: 120px;
}
.mr120 {
  margin-right: 120px;
}
.mb120 {
  margin-bottom: 120px;
}
.ml120 {
  margin-left: 120px;
}
.pt120 {
  padding-top: 120px;
}
.pr120 {
  padding-right: 120px;
}
.pb120 {
  padding-bottom: 120px;
}
.pl120 {
  padding-left: 120px;
}
.m115 {
  margin: 115px;
}
.p115 {
  padding: 115px;
}
.mt115 {
  margin-top: 115px;
}
.mr115 {
  margin-right: 115px;
}
.mb115 {
  margin-bottom: 115px;
}
.ml115 {
  margin-left: 115px;
}
.pt115 {
  padding-top: 115px;
}
.pr115 {
  padding-right: 115px;
}
.pb115 {
  padding-bottom: 115px;
}
.pl115 {
  padding-left: 115px;
}
.m110 {
  margin: 110px;
}
.p110 {
  padding: 110px;
}
.mt110 {
  margin-top: 110px;
}
.mr110 {
  margin-right: 110px;
}
.mb110 {
  margin-bottom: 110px;
}
.ml110 {
  margin-left: 110px;
}
.pt110 {
  padding-top: 110px;
}
.pr110 {
  padding-right: 110px;
}
.pb110 {
  padding-bottom: 110px;
}
.pl110 {
  padding-left: 110px;
}
.m105 {
  margin: 105px;
}
.p105 {
  padding: 105px;
}
.mt105 {
  margin-top: 105px;
}
.mr105 {
  margin-right: 105px;
}
.mb105 {
  margin-bottom: 105px;
}
.ml105 {
  margin-left: 105px;
}
.pt105 {
  padding-top: 105px;
}
.pr105 {
  padding-right: 105px;
}
.pb105 {
  padding-bottom: 105px;
}
.pl105 {
  padding-left: 105px;
}
.m100 {
  margin: 100px;
}
.p100 {
  padding: 100px;
}
.mt100 {
  margin-top: 100px;
}
.mr100 {
  margin-right: 100px;
}
.mb100 {
  margin-bottom: 100px;
}
.ml100 {
  margin-left: 100px;
}
.pt100 {
  padding-top: 100px;
}
.pr100 {
  padding-right: 100px;
}
.pb100 {
  padding-bottom: 100px;
}
.pl100 {
  padding-left: 100px;
}
.m95 {
  margin: 95px;
}
.p95 {
  padding: 95px;
}
.mt95 {
  margin-top: 95px;
}
.mr95 {
  margin-right: 95px;
}
.mb95 {
  margin-bottom: 95px;
}
.ml95 {
  margin-left: 95px;
}
.pt95 {
  padding-top: 95px;
}
.pr95 {
  padding-right: 95px;
}
.pb95 {
  padding-bottom: 95px;
}
.pl95 {
  padding-left: 95px;
}
.m90 {
  margin: 90px;
}
.p90 {
  padding: 90px;
}
.mt90 {
  margin-top: 90px;
}
.mr90 {
  margin-right: 90px;
}
.mb90 {
  margin-bottom: 90px;
}
.ml90 {
  margin-left: 90px;
}
.pt90 {
  padding-top: 90px;
}
.pr90 {
  padding-right: 90px;
}
.pb90 {
  padding-bottom: 90px;
}
.pl90 {
  padding-left: 90px;
}
.m85 {
  margin: 85px;
}
.p85 {
  padding: 85px;
}
.mt85 {
  margin-top: 85px;
}
.mr85 {
  margin-right: 85px;
}
.mb85 {
  margin-bottom: 85px;
}
.ml85 {
  margin-left: 85px;
}
.pt85 {
  padding-top: 85px;
}
.pr85 {
  padding-right: 85px;
}
.pb85 {
  padding-bottom: 85px;
}
.pl85 {
  padding-left: 85px;
}
.m80 {
  margin: 80px;
}
.p80 {
  padding: 80px;
}
.mt80 {
  margin-top: 80px;
}
.mr80 {
  margin-right: 80px;
}
.mb80 {
  margin-bottom: 80px;
}
.ml80 {
  margin-left: 80px;
}
.pt80 {
  padding-top: 80px;
}
.pr80 {
  padding-right: 80px;
}
.pb80 {
  padding-bottom: 80px;
}
.pl80 {
  padding-left: 80px;
}
.m75 {
  margin: 75px;
}
.p75 {
  padding: 75px;
}
.mt75 {
  margin-top: 75px;
}
.mr75 {
  margin-right: 75px;
}
.mb75 {
  margin-bottom: 75px;
}
.ml75 {
  margin-left: 75px;
}
.pt75 {
  padding-top: 75px;
}
.pr75 {
  padding-right: 75px;
}
.pb75 {
  padding-bottom: 75px;
}
.pl75 {
  padding-left: 75px;
}
.m70 {
  margin: 70px;
}
.p70 {
  padding: 70px;
}
.mt70 {
  margin-top: 70px;
}
.mr70 {
  margin-right: 70px;
}
.mb70 {
  margin-bottom: 70px;
}
.ml70 {
  margin-left: 70px;
}
.pt70 {
  padding-top: 70px;
}
.pr70 {
  padding-right: 70px;
}
.pb70 {
  padding-bottom: 70px;
}
.pl70 {
  padding-left: 70px;
}
.m65 {
  margin: 65px;
}
.p65 {
  padding: 65px;
}
.mt65 {
  margin-top: 65px;
}
.mr65 {
  margin-right: 65px;
}
.mb65 {
  margin-bottom: 65px;
}
.ml65 {
  margin-left: 65px;
}
.pt65 {
  padding-top: 65px;
}
.pr65 {
  padding-right: 65px;
}
.pb65 {
  padding-bottom: 65px;
}
.pl65 {
  padding-left: 65px;
}
.m60 {
  margin: 60px;
}
.p60 {
  padding: 60px;
}
.mt60 {
  margin-top: 60px;
}
.mr60 {
  margin-right: 60px;
}
.mb60 {
  margin-bottom: 60px;
}
.ml60 {
  margin-left: 60px;
}
.pt60 {
  padding-top: 60px;
}
.pr60 {
  padding-right: 60px;
}
.pb60 {
  padding-bottom: 60px;
}
.pl60 {
  padding-left: 60px;
}
.m55 {
  margin: 55px;
}
.p55 {
  padding: 55px;
}
.mt55 {
  margin-top: 55px;
}
.mr55 {
  margin-right: 55px;
}
.mb55 {
  margin-bottom: 55px;
}
.ml55 {
  margin-left: 55px;
}
.pt55 {
  padding-top: 55px;
}
.pr55 {
  padding-right: 55px;
}
.pb55 {
  padding-bottom: 55px;
}
.pl55 {
  padding-left: 55px;
}
.m50 {
  margin: 50px;
}
.p50 {
  padding: 50px;
}
.mt50 {
  margin-top: 50px;
}
.mr50 {
  margin-right: 50px;
}
.mb50 {
  margin-bottom: 50px;
}
.ml50 {
  margin-left: 50px;
}
.pt50 {
  padding-top: 50px;
}
.pr50 {
  padding-right: 50px;
}
.pb50 {
  padding-bottom: 50px;
}
.pl50 {
  padding-left: 50px;
}
.m45 {
  margin: 45px;
}
.p45 {
  padding: 45px;
}
.mt45 {
  margin-top: 45px;
}
.mr45 {
  margin-right: 45px;
}
.mb45 {
  margin-bottom: 45px;
}
.ml45 {
  margin-left: 45px;
}
.pt45 {
  padding-top: 45px;
}
.pr45 {
  padding-right: 45px;
}
.pb45 {
  padding-bottom: 45px;
}
.pl45 {
  padding-left: 45px;
}
.m40 {
  margin: 40px;
}
.p40 {
  padding: 40px;
}
.mt40 {
  margin-top: 40px;
}
.mr40 {
  margin-right: 40px;
}
.mb40 {
  margin-bottom: 40px;
}
.ml40 {
  margin-left: 40px;
}
.pt40 {
  padding-top: 40px;
}
.pr40 {
  padding-right: 40px;
}
.pb40 {
  padding-bottom: 40px;
}
.pl40 {
  padding-left: 40px;
}
.m35 {
  margin: 35px;
}
.p35 {
  padding: 35px;
}
.mt35 {
  margin-top: 35px;
}
.mr35 {
  margin-right: 35px;
}
.mb35 {
  margin-bottom: 35px;
}
.ml35 {
  margin-left: 35px;
}
.pt35 {
  padding-top: 35px;
}
.pr35 {
  padding-right: 35px;
}
.pb35 {
  padding-bottom: 35px;
}
.pl35 {
  padding-left: 35px;
}
.m30 {
  margin: 30px;
}
.p30 {
  padding: 30px;
}
.mt30 {
  margin-top: 30px;
}
.mr30 {
  margin-right: 30px;
}
.mb30 {
  margin-bottom: 30px;
}
.ml30 {
  margin-left: 30px;
}
.pt30 {
  padding-top: 30px;
}
.pr30 {
  padding-right: 30px;
}
.pb30 {
  padding-bottom: 30px;
}
.pl30 {
  padding-left: 30px;
}
.m25 {
  margin: 25px;
}
.p25 {
  padding: 25px;
}
.mt25 {
  margin-top: 25px;
}
.mr25 {
  margin-right: 25px;
}
.mb25 {
  margin-bottom: 25px;
}
.ml25 {
  margin-left: 25px;
}
.pt25 {
  padding-top: 25px;
}
.pr25 {
  padding-right: 25px;
}
.pb25 {
  padding-bottom: 25px;
}
.pl25 {
  padding-left: 25px;
}
.m20 {
  margin: 20px;
}
.p20 {
  padding: 20px;
}
.mt20 {
  margin-top: 20px;
}
.mr20 {
  margin-right: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.ml20 {
  margin-left: 20px;
}
.pt20 {
  padding-top: 20px;
}
.pr20 {
  padding-right: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.pl20 {
  padding-left: 20px;
}
.m15 {
  margin: 15px;
}
.p15 {
  padding: 15px;
}
.mt15 {
  margin-top: 15px;
}
.mr15 {
  margin-right: 15px;
}
.mb15 {
  margin-bottom: 15px;
}
.ml15 {
  margin-left: 15px;
}
.pt15 {
  padding-top: 15px;
}
.pr15 {
  padding-right: 15px;
}
.pb15 {
  padding-bottom: 15px;
}
.pl15 {
  padding-left: 15px;
}
.m10 {
  margin: 10px;
}
.p10 {
  padding: 10px;
}
.mt10 {
  margin-top: 10px;
}
.mr10 {
  margin-right: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.ml10 {
  margin-left: 10px;
}
.pt10 {
  padding-top: 10px;
}
.pr10 {
  padding-right: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.pl10 {
  padding-left: 10px;
}
.m5 {
  margin: 5px;
}
.p5 {
  padding: 5px;
}
.mt5 {
  margin-top: 5px;
}
.mr5 {
  margin-right: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.ml5 {
  margin-left: 5px;
}
.pt5 {
  padding-top: 5px;
}
.pr5 {
  padding-right: 5px;
}
.pb5 {
  padding-bottom: 5px;
}
.pl5 {
  padding-left: 5px;
}
.m0 {
  margin: 0px;
}
.p0 {
  padding: 0px;
}
.mt0 {
  margin-top: 0px;
}
.mr0 {
  margin-right: 0px;
}
.mb0 {
  margin-bottom: 0px;
}
.ml0 {
  margin-left: 0px;
}
.pt0 {
  padding-top: 0px;
}
.pr0 {
  padding-right: 0px;
}
.pb0 {
  padding-bottom: 0px;
}
.pl0 {
  padding-left: 0px;
}
.mt10 {
  margin-top: 10px;
}
.mr10 {
  margin-right: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.ml10 {
  margin-left: 10px;
}
.mt9 {
  margin-top: 9px;
}
.mr9 {
  margin-right: 9px;
}
.mb9 {
  margin-bottom: 9px;
}
.ml9 {
  margin-left: 9px;
}
.mt8 {
  margin-top: 8px;
}
.mr8 {
  margin-right: 8px;
}
.mb8 {
  margin-bottom: 8px;
}
.ml8 {
  margin-left: 8px;
}
.mt7 {
  margin-top: 7px;
}
.mr7 {
  margin-right: 7px;
}
.mb7 {
  margin-bottom: 7px;
}
.ml7 {
  margin-left: 7px;
}
.mt6 {
  margin-top: 6px;
}
.mr6 {
  margin-right: 6px;
}
.mb6 {
  margin-bottom: 6px;
}
.ml6 {
  margin-left: 6px;
}
.mt5 {
  margin-top: 5px;
}
.mr5 {
  margin-right: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.ml5 {
  margin-left: 5px;
}
.mt4 {
  margin-top: 4px;
}
.mr4 {
  margin-right: 4px;
}
.mb4 {
  margin-bottom: 4px;
}
.ml4 {
  margin-left: 4px;
}
.mt3 {
  margin-top: 3px;
}
.mr3 {
  margin-right: 3px;
}
.mb3 {
  margin-bottom: 3px;
}
.ml3 {
  margin-left: 3px;
}
.mt2 {
  margin-top: 2px;
}
.mr2 {
  margin-right: 2px;
}
.mb2 {
  margin-bottom: 2px;
}
.ml2 {
  margin-left: 2px;
}
.mt1 {
  margin-top: 1px;
}
.mr1 {
  margin-right: 1px;
}
.mb1 {
  margin-bottom: 1px;
}
.ml1 {
  margin-left: 1px;
}
.mt0 {
  margin-top: 0px;
}
.mr0 {
  margin-right: 0px;
}
.mb0 {
  margin-bottom: 0px;
}
.ml0 {
  margin-left: 0px;
}
.m100-100 {
  margin: 100px 100px;
}
.p100-100 {
  padding: 100px 100px;
}
.m100-95 {
  margin: 100px 95px;
}
.p100-95 {
  padding: 100px 95px;
}
.m100-90 {
  margin: 100px 90px;
}
.p100-90 {
  padding: 100px 90px;
}
.m100-85 {
  margin: 100px 85px;
}
.p100-85 {
  padding: 100px 85px;
}
.m100-80 {
  margin: 100px 80px;
}
.p100-80 {
  padding: 100px 80px;
}
.m100-75 {
  margin: 100px 75px;
}
.p100-75 {
  padding: 100px 75px;
}
.m100-70 {
  margin: 100px 70px;
}
.p100-70 {
  padding: 100px 70px;
}
.m100-65 {
  margin: 100px 65px;
}
.p100-65 {
  padding: 100px 65px;
}
.m100-60 {
  margin: 100px 60px;
}
.p100-60 {
  padding: 100px 60px;
}
.m100-55 {
  margin: 100px 55px;
}
.p100-55 {
  padding: 100px 55px;
}
.m100-50 {
  margin: 100px 50px;
}
.p100-50 {
  padding: 100px 50px;
}
.m100-45 {
  margin: 100px 45px;
}
.p100-45 {
  padding: 100px 45px;
}
.m100-40 {
  margin: 100px 40px;
}
.p100-40 {
  padding: 100px 40px;
}
.m100-35 {
  margin: 100px 35px;
}
.p100-35 {
  padding: 100px 35px;
}
.m100-30 {
  margin: 100px 30px;
}
.p100-30 {
  padding: 100px 30px;
}
.m100-25 {
  margin: 100px 25px;
}
.p100-25 {
  padding: 100px 25px;
}
.m100-20 {
  margin: 100px 20px;
}
.p100-20 {
  padding: 100px 20px;
}
.m100-15 {
  margin: 100px 15px;
}
.p100-15 {
  padding: 100px 15px;
}
.m100-10 {
  margin: 100px 10px;
}
.p100-10 {
  padding: 100px 10px;
}
.m100-5 {
  margin: 100px 5px;
}
.p100-5 {
  padding: 100px 5px;
}
.m100-0 {
  margin: 100px 0px;
}
.p100-0 {
  padding: 100px 0px;
}
.m95-100 {
  margin: 95px 100px;
}
.p95-100 {
  padding: 95px 100px;
}
.m95-95 {
  margin: 95px 95px;
}
.p95-95 {
  padding: 95px 95px;
}
.m95-90 {
  margin: 95px 90px;
}
.p95-90 {
  padding: 95px 90px;
}
.m95-85 {
  margin: 95px 85px;
}
.p95-85 {
  padding: 95px 85px;
}
.m95-80 {
  margin: 95px 80px;
}
.p95-80 {
  padding: 95px 80px;
}
.m95-75 {
  margin: 95px 75px;
}
.p95-75 {
  padding: 95px 75px;
}
.m95-70 {
  margin: 95px 70px;
}
.p95-70 {
  padding: 95px 70px;
}
.m95-65 {
  margin: 95px 65px;
}
.p95-65 {
  padding: 95px 65px;
}
.m95-60 {
  margin: 95px 60px;
}
.p95-60 {
  padding: 95px 60px;
}
.m95-55 {
  margin: 95px 55px;
}
.p95-55 {
  padding: 95px 55px;
}
.m95-50 {
  margin: 95px 50px;
}
.p95-50 {
  padding: 95px 50px;
}
.m95-45 {
  margin: 95px 45px;
}
.p95-45 {
  padding: 95px 45px;
}
.m95-40 {
  margin: 95px 40px;
}
.p95-40 {
  padding: 95px 40px;
}
.m95-35 {
  margin: 95px 35px;
}
.p95-35 {
  padding: 95px 35px;
}
.m95-30 {
  margin: 95px 30px;
}
.p95-30 {
  padding: 95px 30px;
}
.m95-25 {
  margin: 95px 25px;
}
.p95-25 {
  padding: 95px 25px;
}
.m95-20 {
  margin: 95px 20px;
}
.p95-20 {
  padding: 95px 20px;
}
.m95-15 {
  margin: 95px 15px;
}
.p95-15 {
  padding: 95px 15px;
}
.m95-10 {
  margin: 95px 10px;
}
.p95-10 {
  padding: 95px 10px;
}
.m95-5 {
  margin: 95px 5px;
}
.p95-5 {
  padding: 95px 5px;
}
.m95-0 {
  margin: 95px 0px;
}
.p95-0 {
  padding: 95px 0px;
}
.m90-100 {
  margin: 90px 100px;
}
.p90-100 {
  padding: 90px 100px;
}
.m90-95 {
  margin: 90px 95px;
}
.p90-95 {
  padding: 90px 95px;
}
.m90-90 {
  margin: 90px 90px;
}
.p90-90 {
  padding: 90px 90px;
}
.m90-85 {
  margin: 90px 85px;
}
.p90-85 {
  padding: 90px 85px;
}
.m90-80 {
  margin: 90px 80px;
}
.p90-80 {
  padding: 90px 80px;
}
.m90-75 {
  margin: 90px 75px;
}
.p90-75 {
  padding: 90px 75px;
}
.m90-70 {
  margin: 90px 70px;
}
.p90-70 {
  padding: 90px 70px;
}
.m90-65 {
  margin: 90px 65px;
}
.p90-65 {
  padding: 90px 65px;
}
.m90-60 {
  margin: 90px 60px;
}
.p90-60 {
  padding: 90px 60px;
}
.m90-55 {
  margin: 90px 55px;
}
.p90-55 {
  padding: 90px 55px;
}
.m90-50 {
  margin: 90px 50px;
}
.p90-50 {
  padding: 90px 50px;
}
.m90-45 {
  margin: 90px 45px;
}
.p90-45 {
  padding: 90px 45px;
}
.m90-40 {
  margin: 90px 40px;
}
.p90-40 {
  padding: 90px 40px;
}
.m90-35 {
  margin: 90px 35px;
}
.p90-35 {
  padding: 90px 35px;
}
.m90-30 {
  margin: 90px 30px;
}
.p90-30 {
  padding: 90px 30px;
}
.m90-25 {
  margin: 90px 25px;
}
.p90-25 {
  padding: 90px 25px;
}
.m90-20 {
  margin: 90px 20px;
}
.p90-20 {
  padding: 90px 20px;
}
.m90-15 {
  margin: 90px 15px;
}
.p90-15 {
  padding: 90px 15px;
}
.m90-10 {
  margin: 90px 10px;
}
.p90-10 {
  padding: 90px 10px;
}
.m90-5 {
  margin: 90px 5px;
}
.p90-5 {
  padding: 90px 5px;
}
.m90-0 {
  margin: 90px 0px;
}
.p90-0 {
  padding: 90px 0px;
}
.m85-100 {
  margin: 85px 100px;
}
.p85-100 {
  padding: 85px 100px;
}
.m85-95 {
  margin: 85px 95px;
}
.p85-95 {
  padding: 85px 95px;
}
.m85-90 {
  margin: 85px 90px;
}
.p85-90 {
  padding: 85px 90px;
}
.m85-85 {
  margin: 85px 85px;
}
.p85-85 {
  padding: 85px 85px;
}
.m85-80 {
  margin: 85px 80px;
}
.p85-80 {
  padding: 85px 80px;
}
.m85-75 {
  margin: 85px 75px;
}
.p85-75 {
  padding: 85px 75px;
}
.m85-70 {
  margin: 85px 70px;
}
.p85-70 {
  padding: 85px 70px;
}
.m85-65 {
  margin: 85px 65px;
}
.p85-65 {
  padding: 85px 65px;
}
.m85-60 {
  margin: 85px 60px;
}
.p85-60 {
  padding: 85px 60px;
}
.m85-55 {
  margin: 85px 55px;
}
.p85-55 {
  padding: 85px 55px;
}
.m85-50 {
  margin: 85px 50px;
}
.p85-50 {
  padding: 85px 50px;
}
.m85-45 {
  margin: 85px 45px;
}
.p85-45 {
  padding: 85px 45px;
}
.m85-40 {
  margin: 85px 40px;
}
.p85-40 {
  padding: 85px 40px;
}
.m85-35 {
  margin: 85px 35px;
}
.p85-35 {
  padding: 85px 35px;
}
.m85-30 {
  margin: 85px 30px;
}
.p85-30 {
  padding: 85px 30px;
}
.m85-25 {
  margin: 85px 25px;
}
.p85-25 {
  padding: 85px 25px;
}
.m85-20 {
  margin: 85px 20px;
}
.p85-20 {
  padding: 85px 20px;
}
.m85-15 {
  margin: 85px 15px;
}
.p85-15 {
  padding: 85px 15px;
}
.m85-10 {
  margin: 85px 10px;
}
.p85-10 {
  padding: 85px 10px;
}
.m85-5 {
  margin: 85px 5px;
}
.p85-5 {
  padding: 85px 5px;
}
.m85-0 {
  margin: 85px 0px;
}
.p85-0 {
  padding: 85px 0px;
}
.m80-100 {
  margin: 80px 100px;
}
.p80-100 {
  padding: 80px 100px;
}
.m80-95 {
  margin: 80px 95px;
}
.p80-95 {
  padding: 80px 95px;
}
.m80-90 {
  margin: 80px 90px;
}
.p80-90 {
  padding: 80px 90px;
}
.m80-85 {
  margin: 80px 85px;
}
.p80-85 {
  padding: 80px 85px;
}
.m80-80 {
  margin: 80px 80px;
}
.p80-80 {
  padding: 80px 80px;
}
.m80-75 {
  margin: 80px 75px;
}
.p80-75 {
  padding: 80px 75px;
}
.m80-70 {
  margin: 80px 70px;
}
.p80-70 {
  padding: 80px 70px;
}
.m80-65 {
  margin: 80px 65px;
}
.p80-65 {
  padding: 80px 65px;
}
.m80-60 {
  margin: 80px 60px;
}
.p80-60 {
  padding: 80px 60px;
}
.m80-55 {
  margin: 80px 55px;
}
.p80-55 {
  padding: 80px 55px;
}
.m80-50 {
  margin: 80px 50px;
}
.p80-50 {
  padding: 80px 50px;
}
.m80-45 {
  margin: 80px 45px;
}
.p80-45 {
  padding: 80px 45px;
}
.m80-40 {
  margin: 80px 40px;
}
.p80-40 {
  padding: 80px 40px;
}
.m80-35 {
  margin: 80px 35px;
}
.p80-35 {
  padding: 80px 35px;
}
.m80-30 {
  margin: 80px 30px;
}
.p80-30 {
  padding: 80px 30px;
}
.m80-25 {
  margin: 80px 25px;
}
.p80-25 {
  padding: 80px 25px;
}
.m80-20 {
  margin: 80px 20px;
}
.p80-20 {
  padding: 80px 20px;
}
.m80-15 {
  margin: 80px 15px;
}
.p80-15 {
  padding: 80px 15px;
}
.m80-10 {
  margin: 80px 10px;
}
.p80-10 {
  padding: 80px 10px;
}
.m80-5 {
  margin: 80px 5px;
}
.p80-5 {
  padding: 80px 5px;
}
.m80-0 {
  margin: 80px 0px;
}
.p80-0 {
  padding: 80px 0px;
}
.m75-100 {
  margin: 75px 100px;
}
.p75-100 {
  padding: 75px 100px;
}
.m75-95 {
  margin: 75px 95px;
}
.p75-95 {
  padding: 75px 95px;
}
.m75-90 {
  margin: 75px 90px;
}
.p75-90 {
  padding: 75px 90px;
}
.m75-85 {
  margin: 75px 85px;
}
.p75-85 {
  padding: 75px 85px;
}
.m75-80 {
  margin: 75px 80px;
}
.p75-80 {
  padding: 75px 80px;
}
.m75-75 {
  margin: 75px 75px;
}
.p75-75 {
  padding: 75px 75px;
}
.m75-70 {
  margin: 75px 70px;
}
.p75-70 {
  padding: 75px 70px;
}
.m75-65 {
  margin: 75px 65px;
}
.p75-65 {
  padding: 75px 65px;
}
.m75-60 {
  margin: 75px 60px;
}
.p75-60 {
  padding: 75px 60px;
}
.m75-55 {
  margin: 75px 55px;
}
.p75-55 {
  padding: 75px 55px;
}
.m75-50 {
  margin: 75px 50px;
}
.p75-50 {
  padding: 75px 50px;
}
.m75-45 {
  margin: 75px 45px;
}
.p75-45 {
  padding: 75px 45px;
}
.m75-40 {
  margin: 75px 40px;
}
.p75-40 {
  padding: 75px 40px;
}
.m75-35 {
  margin: 75px 35px;
}
.p75-35 {
  padding: 75px 35px;
}
.m75-30 {
  margin: 75px 30px;
}
.p75-30 {
  padding: 75px 30px;
}
.m75-25 {
  margin: 75px 25px;
}
.p75-25 {
  padding: 75px 25px;
}
.m75-20 {
  margin: 75px 20px;
}
.p75-20 {
  padding: 75px 20px;
}
.m75-15 {
  margin: 75px 15px;
}
.p75-15 {
  padding: 75px 15px;
}
.m75-10 {
  margin: 75px 10px;
}
.p75-10 {
  padding: 75px 10px;
}
.m75-5 {
  margin: 75px 5px;
}
.p75-5 {
  padding: 75px 5px;
}
.m75-0 {
  margin: 75px 0px;
}
.p75-0 {
  padding: 75px 0px;
}
.m70-100 {
  margin: 70px 100px;
}
.p70-100 {
  padding: 70px 100px;
}
.m70-95 {
  margin: 70px 95px;
}
.p70-95 {
  padding: 70px 95px;
}
.m70-90 {
  margin: 70px 90px;
}
.p70-90 {
  padding: 70px 90px;
}
.m70-85 {
  margin: 70px 85px;
}
.p70-85 {
  padding: 70px 85px;
}
.m70-80 {
  margin: 70px 80px;
}
.p70-80 {
  padding: 70px 80px;
}
.m70-75 {
  margin: 70px 75px;
}
.p70-75 {
  padding: 70px 75px;
}
.m70-70 {
  margin: 70px 70px;
}
.p70-70 {
  padding: 70px 70px;
}
.m70-65 {
  margin: 70px 65px;
}
.p70-65 {
  padding: 70px 65px;
}
.m70-60 {
  margin: 70px 60px;
}
.p70-60 {
  padding: 70px 60px;
}
.m70-55 {
  margin: 70px 55px;
}
.p70-55 {
  padding: 70px 55px;
}
.m70-50 {
  margin: 70px 50px;
}
.p70-50 {
  padding: 70px 50px;
}
.m70-45 {
  margin: 70px 45px;
}
.p70-45 {
  padding: 70px 45px;
}
.m70-40 {
  margin: 70px 40px;
}
.p70-40 {
  padding: 70px 40px;
}
.m70-35 {
  margin: 70px 35px;
}
.p70-35 {
  padding: 70px 35px;
}
.m70-30 {
  margin: 70px 30px;
}
.p70-30 {
  padding: 70px 30px;
}
.m70-25 {
  margin: 70px 25px;
}
.p70-25 {
  padding: 70px 25px;
}
.m70-20 {
  margin: 70px 20px;
}
.p70-20 {
  padding: 70px 20px;
}
.m70-15 {
  margin: 70px 15px;
}
.p70-15 {
  padding: 70px 15px;
}
.m70-10 {
  margin: 70px 10px;
}
.p70-10 {
  padding: 70px 10px;
}
.m70-5 {
  margin: 70px 5px;
}
.p70-5 {
  padding: 70px 5px;
}
.m70-0 {
  margin: 70px 0px;
}
.p70-0 {
  padding: 70px 0px;
}
.m65-100 {
  margin: 65px 100px;
}
.p65-100 {
  padding: 65px 100px;
}
.m65-95 {
  margin: 65px 95px;
}
.p65-95 {
  padding: 65px 95px;
}
.m65-90 {
  margin: 65px 90px;
}
.p65-90 {
  padding: 65px 90px;
}
.m65-85 {
  margin: 65px 85px;
}
.p65-85 {
  padding: 65px 85px;
}
.m65-80 {
  margin: 65px 80px;
}
.p65-80 {
  padding: 65px 80px;
}
.m65-75 {
  margin: 65px 75px;
}
.p65-75 {
  padding: 65px 75px;
}
.m65-70 {
  margin: 65px 70px;
}
.p65-70 {
  padding: 65px 70px;
}
.m65-65 {
  margin: 65px 65px;
}
.p65-65 {
  padding: 65px 65px;
}
.m65-60 {
  margin: 65px 60px;
}
.p65-60 {
  padding: 65px 60px;
}
.m65-55 {
  margin: 65px 55px;
}
.p65-55 {
  padding: 65px 55px;
}
.m65-50 {
  margin: 65px 50px;
}
.p65-50 {
  padding: 65px 50px;
}
.m65-45 {
  margin: 65px 45px;
}
.p65-45 {
  padding: 65px 45px;
}
.m65-40 {
  margin: 65px 40px;
}
.p65-40 {
  padding: 65px 40px;
}
.m65-35 {
  margin: 65px 35px;
}
.p65-35 {
  padding: 65px 35px;
}
.m65-30 {
  margin: 65px 30px;
}
.p65-30 {
  padding: 65px 30px;
}
.m65-25 {
  margin: 65px 25px;
}
.p65-25 {
  padding: 65px 25px;
}
.m65-20 {
  margin: 65px 20px;
}
.p65-20 {
  padding: 65px 20px;
}
.m65-15 {
  margin: 65px 15px;
}
.p65-15 {
  padding: 65px 15px;
}
.m65-10 {
  margin: 65px 10px;
}
.p65-10 {
  padding: 65px 10px;
}
.m65-5 {
  margin: 65px 5px;
}
.p65-5 {
  padding: 65px 5px;
}
.m65-0 {
  margin: 65px 0px;
}
.p65-0 {
  padding: 65px 0px;
}
.m60-100 {
  margin: 60px 100px;
}
.p60-100 {
  padding: 60px 100px;
}
.m60-95 {
  margin: 60px 95px;
}
.p60-95 {
  padding: 60px 95px;
}
.m60-90 {
  margin: 60px 90px;
}
.p60-90 {
  padding: 60px 90px;
}
.m60-85 {
  margin: 60px 85px;
}
.p60-85 {
  padding: 60px 85px;
}
.m60-80 {
  margin: 60px 80px;
}
.p60-80 {
  padding: 60px 80px;
}
.m60-75 {
  margin: 60px 75px;
}
.p60-75 {
  padding: 60px 75px;
}
.m60-70 {
  margin: 60px 70px;
}
.p60-70 {
  padding: 60px 70px;
}
.m60-65 {
  margin: 60px 65px;
}
.p60-65 {
  padding: 60px 65px;
}
.m60-60 {
  margin: 60px 60px;
}
.p60-60 {
  padding: 60px 60px;
}
.m60-55 {
  margin: 60px 55px;
}
.p60-55 {
  padding: 60px 55px;
}
.m60-50 {
  margin: 60px 50px;
}
.p60-50 {
  padding: 60px 50px;
}
.m60-45 {
  margin: 60px 45px;
}
.p60-45 {
  padding: 60px 45px;
}
.m60-40 {
  margin: 60px 40px;
}
.p60-40 {
  padding: 60px 40px;
}
.m60-35 {
  margin: 60px 35px;
}
.p60-35 {
  padding: 60px 35px;
}
.m60-30 {
  margin: 60px 30px;
}
.p60-30 {
  padding: 60px 30px;
}
.m60-25 {
  margin: 60px 25px;
}
.p60-25 {
  padding: 60px 25px;
}
.m60-20 {
  margin: 60px 20px;
}
.p60-20 {
  padding: 60px 20px;
}
.m60-15 {
  margin: 60px 15px;
}
.p60-15 {
  padding: 60px 15px;
}
.m60-10 {
  margin: 60px 10px;
}
.p60-10 {
  padding: 60px 10px;
}
.m60-5 {
  margin: 60px 5px;
}
.p60-5 {
  padding: 60px 5px;
}
.m60-0 {
  margin: 60px 0px;
}
.p60-0 {
  padding: 60px 0px;
}
.m55-100 {
  margin: 55px 100px;
}
.p55-100 {
  padding: 55px 100px;
}
.m55-95 {
  margin: 55px 95px;
}
.p55-95 {
  padding: 55px 95px;
}
.m55-90 {
  margin: 55px 90px;
}
.p55-90 {
  padding: 55px 90px;
}
.m55-85 {
  margin: 55px 85px;
}
.p55-85 {
  padding: 55px 85px;
}
.m55-80 {
  margin: 55px 80px;
}
.p55-80 {
  padding: 55px 80px;
}
.m55-75 {
  margin: 55px 75px;
}
.p55-75 {
  padding: 55px 75px;
}
.m55-70 {
  margin: 55px 70px;
}
.p55-70 {
  padding: 55px 70px;
}
.m55-65 {
  margin: 55px 65px;
}
.p55-65 {
  padding: 55px 65px;
}
.m55-60 {
  margin: 55px 60px;
}
.p55-60 {
  padding: 55px 60px;
}
.m55-55 {
  margin: 55px 55px;
}
.p55-55 {
  padding: 55px 55px;
}
.m55-50 {
  margin: 55px 50px;
}
.p55-50 {
  padding: 55px 50px;
}
.m55-45 {
  margin: 55px 45px;
}
.p55-45 {
  padding: 55px 45px;
}
.m55-40 {
  margin: 55px 40px;
}
.p55-40 {
  padding: 55px 40px;
}
.m55-35 {
  margin: 55px 35px;
}
.p55-35 {
  padding: 55px 35px;
}
.m55-30 {
  margin: 55px 30px;
}
.p55-30 {
  padding: 55px 30px;
}
.m55-25 {
  margin: 55px 25px;
}
.p55-25 {
  padding: 55px 25px;
}
.m55-20 {
  margin: 55px 20px;
}
.p55-20 {
  padding: 55px 20px;
}
.m55-15 {
  margin: 55px 15px;
}
.p55-15 {
  padding: 55px 15px;
}
.m55-10 {
  margin: 55px 10px;
}
.p55-10 {
  padding: 55px 10px;
}
.m55-5 {
  margin: 55px 5px;
}
.p55-5 {
  padding: 55px 5px;
}
.m55-0 {
  margin: 55px 0px;
}
.p55-0 {
  padding: 55px 0px;
}
.m50-100 {
  margin: 50px 100px;
}
.p50-100 {
  padding: 50px 100px;
}
.m50-95 {
  margin: 50px 95px;
}
.p50-95 {
  padding: 50px 95px;
}
.m50-90 {
  margin: 50px 90px;
}
.p50-90 {
  padding: 50px 90px;
}
.m50-85 {
  margin: 50px 85px;
}
.p50-85 {
  padding: 50px 85px;
}
.m50-80 {
  margin: 50px 80px;
}
.p50-80 {
  padding: 50px 80px;
}
.m50-75 {
  margin: 50px 75px;
}
.p50-75 {
  padding: 50px 75px;
}
.m50-70 {
  margin: 50px 70px;
}
.p50-70 {
  padding: 50px 70px;
}
.m50-65 {
  margin: 50px 65px;
}
.p50-65 {
  padding: 50px 65px;
}
.m50-60 {
  margin: 50px 60px;
}
.p50-60 {
  padding: 50px 60px;
}
.m50-55 {
  margin: 50px 55px;
}
.p50-55 {
  padding: 50px 55px;
}
.m50-50 {
  margin: 50px 50px;
}
.p50-50 {
  padding: 50px 50px;
}
.m50-45 {
  margin: 50px 45px;
}
.p50-45 {
  padding: 50px 45px;
}
.m50-40 {
  margin: 50px 40px;
}
.p50-40 {
  padding: 50px 40px;
}
.m50-35 {
  margin: 50px 35px;
}
.p50-35 {
  padding: 50px 35px;
}
.m50-30 {
  margin: 50px 30px;
}
.p50-30 {
  padding: 50px 30px;
}
.m50-25 {
  margin: 50px 25px;
}
.p50-25 {
  padding: 50px 25px;
}
.m50-20 {
  margin: 50px 20px;
}
.p50-20 {
  padding: 50px 20px;
}
.m50-15 {
  margin: 50px 15px;
}
.p50-15 {
  padding: 50px 15px;
}
.m50-10 {
  margin: 50px 10px;
}
.p50-10 {
  padding: 50px 10px;
}
.m50-5 {
  margin: 50px 5px;
}
.p50-5 {
  padding: 50px 5px;
}
.m50-0 {
  margin: 50px 0px;
}
.p50-0 {
  padding: 50px 0px;
}
.m45-100 {
  margin: 45px 100px;
}
.p45-100 {
  padding: 45px 100px;
}
.m45-95 {
  margin: 45px 95px;
}
.p45-95 {
  padding: 45px 95px;
}
.m45-90 {
  margin: 45px 90px;
}
.p45-90 {
  padding: 45px 90px;
}
.m45-85 {
  margin: 45px 85px;
}
.p45-85 {
  padding: 45px 85px;
}
.m45-80 {
  margin: 45px 80px;
}
.p45-80 {
  padding: 45px 80px;
}
.m45-75 {
  margin: 45px 75px;
}
.p45-75 {
  padding: 45px 75px;
}
.m45-70 {
  margin: 45px 70px;
}
.p45-70 {
  padding: 45px 70px;
}
.m45-65 {
  margin: 45px 65px;
}
.p45-65 {
  padding: 45px 65px;
}
.m45-60 {
  margin: 45px 60px;
}
.p45-60 {
  padding: 45px 60px;
}
.m45-55 {
  margin: 45px 55px;
}
.p45-55 {
  padding: 45px 55px;
}
.m45-50 {
  margin: 45px 50px;
}
.p45-50 {
  padding: 45px 50px;
}
.m45-45 {
  margin: 45px 45px;
}
.p45-45 {
  padding: 45px 45px;
}
.m45-40 {
  margin: 45px 40px;
}
.p45-40 {
  padding: 45px 40px;
}
.m45-35 {
  margin: 45px 35px;
}
.p45-35 {
  padding: 45px 35px;
}
.m45-30 {
  margin: 45px 30px;
}
.p45-30 {
  padding: 45px 30px;
}
.m45-25 {
  margin: 45px 25px;
}
.p45-25 {
  padding: 45px 25px;
}
.m45-20 {
  margin: 45px 20px;
}
.p45-20 {
  padding: 45px 20px;
}
.m45-15 {
  margin: 45px 15px;
}
.p45-15 {
  padding: 45px 15px;
}
.m45-10 {
  margin: 45px 10px;
}
.p45-10 {
  padding: 45px 10px;
}
.m45-5 {
  margin: 45px 5px;
}
.p45-5 {
  padding: 45px 5px;
}
.m45-0 {
  margin: 45px 0px;
}
.p45-0 {
  padding: 45px 0px;
}
.m40-100 {
  margin: 40px 100px;
}
.p40-100 {
  padding: 40px 100px;
}
.m40-95 {
  margin: 40px 95px;
}
.p40-95 {
  padding: 40px 95px;
}
.m40-90 {
  margin: 40px 90px;
}
.p40-90 {
  padding: 40px 90px;
}
.m40-85 {
  margin: 40px 85px;
}
.p40-85 {
  padding: 40px 85px;
}
.m40-80 {
  margin: 40px 80px;
}
.p40-80 {
  padding: 40px 80px;
}
.m40-75 {
  margin: 40px 75px;
}
.p40-75 {
  padding: 40px 75px;
}
.m40-70 {
  margin: 40px 70px;
}
.p40-70 {
  padding: 40px 70px;
}
.m40-65 {
  margin: 40px 65px;
}
.p40-65 {
  padding: 40px 65px;
}
.m40-60 {
  margin: 40px 60px;
}
.p40-60 {
  padding: 40px 60px;
}
.m40-55 {
  margin: 40px 55px;
}
.p40-55 {
  padding: 40px 55px;
}
.m40-50 {
  margin: 40px 50px;
}
.p40-50 {
  padding: 40px 50px;
}
.m40-45 {
  margin: 40px 45px;
}
.p40-45 {
  padding: 40px 45px;
}
.m40-40 {
  margin: 40px 40px;
}
.p40-40 {
  padding: 40px 40px;
}
.m40-35 {
  margin: 40px 35px;
}
.p40-35 {
  padding: 40px 35px;
}
.m40-30 {
  margin: 40px 30px;
}
.p40-30 {
  padding: 40px 30px;
}
.m40-25 {
  margin: 40px 25px;
}
.p40-25 {
  padding: 40px 25px;
}
.m40-20 {
  margin: 40px 20px;
}
.p40-20 {
  padding: 40px 20px;
}
.m40-15 {
  margin: 40px 15px;
}
.p40-15 {
  padding: 40px 15px;
}
.m40-10 {
  margin: 40px 10px;
}
.p40-10 {
  padding: 40px 10px;
}
.m40-5 {
  margin: 40px 5px;
}
.p40-5 {
  padding: 40px 5px;
}
.m40-0 {
  margin: 40px 0px;
}
.p40-0 {
  padding: 40px 0px;
}
.m35-100 {
  margin: 35px 100px;
}
.p35-100 {
  padding: 35px 100px;
}
.m35-95 {
  margin: 35px 95px;
}
.p35-95 {
  padding: 35px 95px;
}
.m35-90 {
  margin: 35px 90px;
}
.p35-90 {
  padding: 35px 90px;
}
.m35-85 {
  margin: 35px 85px;
}
.p35-85 {
  padding: 35px 85px;
}
.m35-80 {
  margin: 35px 80px;
}
.p35-80 {
  padding: 35px 80px;
}
.m35-75 {
  margin: 35px 75px;
}
.p35-75 {
  padding: 35px 75px;
}
.m35-70 {
  margin: 35px 70px;
}
.p35-70 {
  padding: 35px 70px;
}
.m35-65 {
  margin: 35px 65px;
}
.p35-65 {
  padding: 35px 65px;
}
.m35-60 {
  margin: 35px 60px;
}
.p35-60 {
  padding: 35px 60px;
}
.m35-55 {
  margin: 35px 55px;
}
.p35-55 {
  padding: 35px 55px;
}
.m35-50 {
  margin: 35px 50px;
}
.p35-50 {
  padding: 35px 50px;
}
.m35-45 {
  margin: 35px 45px;
}
.p35-45 {
  padding: 35px 45px;
}
.m35-40 {
  margin: 35px 40px;
}
.p35-40 {
  padding: 35px 40px;
}
.m35-35 {
  margin: 35px 35px;
}
.p35-35 {
  padding: 35px 35px;
}
.m35-30 {
  margin: 35px 30px;
}
.p35-30 {
  padding: 35px 30px;
}
.m35-25 {
  margin: 35px 25px;
}
.p35-25 {
  padding: 35px 25px;
}
.m35-20 {
  margin: 35px 20px;
}
.p35-20 {
  padding: 35px 20px;
}
.m35-15 {
  margin: 35px 15px;
}
.p35-15 {
  padding: 35px 15px;
}
.m35-10 {
  margin: 35px 10px;
}
.p35-10 {
  padding: 35px 10px;
}
.m35-5 {
  margin: 35px 5px;
}
.p35-5 {
  padding: 35px 5px;
}
.m35-0 {
  margin: 35px 0px;
}
.p35-0 {
  padding: 35px 0px;
}
.m30-100 {
  margin: 30px 100px;
}
.p30-100 {
  padding: 30px 100px;
}
.m30-95 {
  margin: 30px 95px;
}
.p30-95 {
  padding: 30px 95px;
}
.m30-90 {
  margin: 30px 90px;
}
.p30-90 {
  padding: 30px 90px;
}
.m30-85 {
  margin: 30px 85px;
}
.p30-85 {
  padding: 30px 85px;
}
.m30-80 {
  margin: 30px 80px;
}
.p30-80 {
  padding: 30px 80px;
}
.m30-75 {
  margin: 30px 75px;
}
.p30-75 {
  padding: 30px 75px;
}
.m30-70 {
  margin: 30px 70px;
}
.p30-70 {
  padding: 30px 70px;
}
.m30-65 {
  margin: 30px 65px;
}
.p30-65 {
  padding: 30px 65px;
}
.m30-60 {
  margin: 30px 60px;
}
.p30-60 {
  padding: 30px 60px;
}
.m30-55 {
  margin: 30px 55px;
}
.p30-55 {
  padding: 30px 55px;
}
.m30-50 {
  margin: 30px 50px;
}
.p30-50 {
  padding: 30px 50px;
}
.m30-45 {
  margin: 30px 45px;
}
.p30-45 {
  padding: 30px 45px;
}
.m30-40 {
  margin: 30px 40px;
}
.p30-40 {
  padding: 30px 40px;
}
.m30-35 {
  margin: 30px 35px;
}
.p30-35 {
  padding: 30px 35px;
}
.m30-30 {
  margin: 30px 30px;
}
.p30-30 {
  padding: 30px 30px;
}
.m30-25 {
  margin: 30px 25px;
}
.p30-25 {
  padding: 30px 25px;
}
.m30-20 {
  margin: 30px 20px;
}
.p30-20 {
  padding: 30px 20px;
}
.m30-15 {
  margin: 30px 15px;
}
.p30-15 {
  padding: 30px 15px;
}
.m30-10 {
  margin: 30px 10px;
}
.p30-10 {
  padding: 30px 10px;
}
.m30-5 {
  margin: 30px 5px;
}
.p30-5 {
  padding: 30px 5px;
}
.m30-0 {
  margin: 30px 0px;
}
.p30-0 {
  padding: 30px 0px;
}
.m25-100 {
  margin: 25px 100px;
}
.p25-100 {
  padding: 25px 100px;
}
.m25-95 {
  margin: 25px 95px;
}
.p25-95 {
  padding: 25px 95px;
}
.m25-90 {
  margin: 25px 90px;
}
.p25-90 {
  padding: 25px 90px;
}
.m25-85 {
  margin: 25px 85px;
}
.p25-85 {
  padding: 25px 85px;
}
.m25-80 {
  margin: 25px 80px;
}
.p25-80 {
  padding: 25px 80px;
}
.m25-75 {
  margin: 25px 75px;
}
.p25-75 {
  padding: 25px 75px;
}
.m25-70 {
  margin: 25px 70px;
}
.p25-70 {
  padding: 25px 70px;
}
.m25-65 {
  margin: 25px 65px;
}
.p25-65 {
  padding: 25px 65px;
}
.m25-60 {
  margin: 25px 60px;
}
.p25-60 {
  padding: 25px 60px;
}
.m25-55 {
  margin: 25px 55px;
}
.p25-55 {
  padding: 25px 55px;
}
.m25-50 {
  margin: 25px 50px;
}
.p25-50 {
  padding: 25px 50px;
}
.m25-45 {
  margin: 25px 45px;
}
.p25-45 {
  padding: 25px 45px;
}
.m25-40 {
  margin: 25px 40px;
}
.p25-40 {
  padding: 25px 40px;
}
.m25-35 {
  margin: 25px 35px;
}
.p25-35 {
  padding: 25px 35px;
}
.m25-30 {
  margin: 25px 30px;
}
.p25-30 {
  padding: 25px 30px;
}
.m25-25 {
  margin: 25px 25px;
}
.p25-25 {
  padding: 25px 25px;
}
.m25-20 {
  margin: 25px 20px;
}
.p25-20 {
  padding: 25px 20px;
}
.m25-15 {
  margin: 25px 15px;
}
.p25-15 {
  padding: 25px 15px;
}
.m25-10 {
  margin: 25px 10px;
}
.p25-10 {
  padding: 25px 10px;
}
.m25-5 {
  margin: 25px 5px;
}
.p25-5 {
  padding: 25px 5px;
}
.m25-0 {
  margin: 25px 0px;
}
.p25-0 {
  padding: 25px 0px;
}
.m20-100 {
  margin: 20px 100px;
}
.p20-100 {
  padding: 20px 100px;
}
.m20-95 {
  margin: 20px 95px;
}
.p20-95 {
  padding: 20px 95px;
}
.m20-90 {
  margin: 20px 90px;
}
.p20-90 {
  padding: 20px 90px;
}
.m20-85 {
  margin: 20px 85px;
}
.p20-85 {
  padding: 20px 85px;
}
.m20-80 {
  margin: 20px 80px;
}
.p20-80 {
  padding: 20px 80px;
}
.m20-75 {
  margin: 20px 75px;
}
.p20-75 {
  padding: 20px 75px;
}
.m20-70 {
  margin: 20px 70px;
}
.p20-70 {
  padding: 20px 70px;
}
.m20-65 {
  margin: 20px 65px;
}
.p20-65 {
  padding: 20px 65px;
}
.m20-60 {
  margin: 20px 60px;
}
.p20-60 {
  padding: 20px 60px;
}
.m20-55 {
  margin: 20px 55px;
}
.p20-55 {
  padding: 20px 55px;
}
.m20-50 {
  margin: 20px 50px;
}
.p20-50 {
  padding: 20px 50px;
}
.m20-45 {
  margin: 20px 45px;
}
.p20-45 {
  padding: 20px 45px;
}
.m20-40 {
  margin: 20px 40px;
}
.p20-40 {
  padding: 20px 40px;
}
.m20-35 {
  margin: 20px 35px;
}
.p20-35 {
  padding: 20px 35px;
}
.m20-30 {
  margin: 20px 30px;
}
.p20-30 {
  padding: 20px 30px;
}
.m20-25 {
  margin: 20px 25px;
}
.p20-25 {
  padding: 20px 25px;
}
.m20-20 {
  margin: 20px 20px;
}
.p20-20 {
  padding: 20px 20px;
}
.m20-15 {
  margin: 20px 15px;
}
.p20-15 {
  padding: 20px 15px;
}
.m20-10 {
  margin: 20px 10px;
}
.p20-10 {
  padding: 20px 10px;
}
.m20-5 {
  margin: 20px 5px;
}
.p20-5 {
  padding: 20px 5px;
}
.m20-0 {
  margin: 20px 0px;
}
.p20-0 {
  padding: 20px 0px;
}
.m15-100 {
  margin: 15px 100px;
}
.p15-100 {
  padding: 15px 100px;
}
.m15-95 {
  margin: 15px 95px;
}
.p15-95 {
  padding: 15px 95px;
}
.m15-90 {
  margin: 15px 90px;
}
.p15-90 {
  padding: 15px 90px;
}
.m15-85 {
  margin: 15px 85px;
}
.p15-85 {
  padding: 15px 85px;
}
.m15-80 {
  margin: 15px 80px;
}
.p15-80 {
  padding: 15px 80px;
}
.m15-75 {
  margin: 15px 75px;
}
.p15-75 {
  padding: 15px 75px;
}
.m15-70 {
  margin: 15px 70px;
}
.p15-70 {
  padding: 15px 70px;
}
.m15-65 {
  margin: 15px 65px;
}
.p15-65 {
  padding: 15px 65px;
}
.m15-60 {
  margin: 15px 60px;
}
.p15-60 {
  padding: 15px 60px;
}
.m15-55 {
  margin: 15px 55px;
}
.p15-55 {
  padding: 15px 55px;
}
.m15-50 {
  margin: 15px 50px;
}
.p15-50 {
  padding: 15px 50px;
}
.m15-45 {
  margin: 15px 45px;
}
.p15-45 {
  padding: 15px 45px;
}
.m15-40 {
  margin: 15px 40px;
}
.p15-40 {
  padding: 15px 40px;
}
.m15-35 {
  margin: 15px 35px;
}
.p15-35 {
  padding: 15px 35px;
}
.m15-30 {
  margin: 15px 30px;
}
.p15-30 {
  padding: 15px 30px;
}
.m15-25 {
  margin: 15px 25px;
}
.p15-25 {
  padding: 15px 25px;
}
.m15-20 {
  margin: 15px 20px;
}
.p15-20 {
  padding: 15px 20px;
}
.m15-15 {
  margin: 15px 15px;
}
.p15-15 {
  padding: 15px 15px;
}
.m15-10 {
  margin: 15px 10px;
}
.p15-10 {
  padding: 15px 10px;
}
.m15-5 {
  margin: 15px 5px;
}
.p15-5 {
  padding: 15px 5px;
}
.m15-0 {
  margin: 15px 0px;
}
.p15-0 {
  padding: 15px 0px;
}
.m10-100 {
  margin: 10px 100px;
}
.p10-100 {
  padding: 10px 100px;
}
.m10-95 {
  margin: 10px 95px;
}
.p10-95 {
  padding: 10px 95px;
}
.m10-90 {
  margin: 10px 90px;
}
.p10-90 {
  padding: 10px 90px;
}
.m10-85 {
  margin: 10px 85px;
}
.p10-85 {
  padding: 10px 85px;
}
.m10-80 {
  margin: 10px 80px;
}
.p10-80 {
  padding: 10px 80px;
}
.m10-75 {
  margin: 10px 75px;
}
.p10-75 {
  padding: 10px 75px;
}
.m10-70 {
  margin: 10px 70px;
}
.p10-70 {
  padding: 10px 70px;
}
.m10-65 {
  margin: 10px 65px;
}
.p10-65 {
  padding: 10px 65px;
}
.m10-60 {
  margin: 10px 60px;
}
.p10-60 {
  padding: 10px 60px;
}
.m10-55 {
  margin: 10px 55px;
}
.p10-55 {
  padding: 10px 55px;
}
.m10-50 {
  margin: 10px 50px;
}
.p10-50 {
  padding: 10px 50px;
}
.m10-45 {
  margin: 10px 45px;
}
.p10-45 {
  padding: 10px 45px;
}
.m10-40 {
  margin: 10px 40px;
}
.p10-40 {
  padding: 10px 40px;
}
.m10-35 {
  margin: 10px 35px;
}
.p10-35 {
  padding: 10px 35px;
}
.m10-30 {
  margin: 10px 30px;
}
.p10-30 {
  padding: 10px 30px;
}
.m10-25 {
  margin: 10px 25px;
}
.p10-25 {
  padding: 10px 25px;
}
.m10-20 {
  margin: 10px 20px;
}
.p10-20 {
  padding: 10px 20px;
}
.m10-15 {
  margin: 10px 15px;
}
.p10-15 {
  padding: 10px 15px;
}
.m10-10 {
  margin: 10px 10px;
}
.p10-10 {
  padding: 10px 10px;
}
.m10-5 {
  margin: 10px 5px;
}
.p10-5 {
  padding: 10px 5px;
}
.m10-0 {
  margin: 10px 0px;
}
.p10-0 {
  padding: 10px 0px;
}
.m5-100 {
  margin: 5px 100px;
}
.p5-100 {
  padding: 5px 100px;
}
.m5-95 {
  margin: 5px 95px;
}
.p5-95 {
  padding: 5px 95px;
}
.m5-90 {
  margin: 5px 90px;
}
.p5-90 {
  padding: 5px 90px;
}
.m5-85 {
  margin: 5px 85px;
}
.p5-85 {
  padding: 5px 85px;
}
.m5-80 {
  margin: 5px 80px;
}
.p5-80 {
  padding: 5px 80px;
}
.m5-75 {
  margin: 5px 75px;
}
.p5-75 {
  padding: 5px 75px;
}
.m5-70 {
  margin: 5px 70px;
}
.p5-70 {
  padding: 5px 70px;
}
.m5-65 {
  margin: 5px 65px;
}
.p5-65 {
  padding: 5px 65px;
}
.m5-60 {
  margin: 5px 60px;
}
.p5-60 {
  padding: 5px 60px;
}
.m5-55 {
  margin: 5px 55px;
}
.p5-55 {
  padding: 5px 55px;
}
.m5-50 {
  margin: 5px 50px;
}
.p5-50 {
  padding: 5px 50px;
}
.m5-45 {
  margin: 5px 45px;
}
.p5-45 {
  padding: 5px 45px;
}
.m5-40 {
  margin: 5px 40px;
}
.p5-40 {
  padding: 5px 40px;
}
.m5-35 {
  margin: 5px 35px;
}
.p5-35 {
  padding: 5px 35px;
}
.m5-30 {
  margin: 5px 30px;
}
.p5-30 {
  padding: 5px 30px;
}
.m5-25 {
  margin: 5px 25px;
}
.p5-25 {
  padding: 5px 25px;
}
.m5-20 {
  margin: 5px 20px;
}
.p5-20 {
  padding: 5px 20px;
}
.m5-15 {
  margin: 5px 15px;
}
.p5-15 {
  padding: 5px 15px;
}
.m5-10 {
  margin: 5px 10px;
}
.p5-10 {
  padding: 5px 10px;
}
.m5-5 {
  margin: 5px 5px;
}
.p5-5 {
  padding: 5px 5px;
}
.m5-0 {
  margin: 5px 0px;
}
.p5-0 {
  padding: 5px 0px;
}
.m0-100 {
  margin: 0px 100px;
}
.p0-100 {
  padding: 0px 100px;
}
.m0-95 {
  margin: 0px 95px;
}
.p0-95 {
  padding: 0px 95px;
}
.m0-90 {
  margin: 0px 90px;
}
.p0-90 {
  padding: 0px 90px;
}
.m0-85 {
  margin: 0px 85px;
}
.p0-85 {
  padding: 0px 85px;
}
.m0-80 {
  margin: 0px 80px;
}
.p0-80 {
  padding: 0px 80px;
}
.m0-75 {
  margin: 0px 75px;
}
.p0-75 {
  padding: 0px 75px;
}
.m0-70 {
  margin: 0px 70px;
}
.p0-70 {
  padding: 0px 70px;
}
.m0-65 {
  margin: 0px 65px;
}
.p0-65 {
  padding: 0px 65px;
}
.m0-60 {
  margin: 0px 60px;
}
.p0-60 {
  padding: 0px 60px;
}
.m0-55 {
  margin: 0px 55px;
}
.p0-55 {
  padding: 0px 55px;
}
.m0-50 {
  margin: 0px 50px;
}
.p0-50 {
  padding: 0px 50px;
}
.m0-45 {
  margin: 0px 45px;
}
.p0-45 {
  padding: 0px 45px;
}
.m0-40 {
  margin: 0px 40px;
}
.p0-40 {
  padding: 0px 40px;
}
.m0-35 {
  margin: 0px 35px;
}
.p0-35 {
  padding: 0px 35px;
}
.m0-30 {
  margin: 0px 30px;
}
.p0-30 {
  padding: 0px 30px;
}
.m0-25 {
  margin: 0px 25px;
}
.p0-25 {
  padding: 0px 25px;
}
.m0-20 {
  margin: 0px 20px;
}
.p0-20 {
  padding: 0px 20px;
}
.m0-15 {
  margin: 0px 15px;
}
.p0-15 {
  padding: 0px 15px;
}
.m0-10 {
  margin: 0px 10px;
}
.p0-10 {
  padding: 0px 10px;
}
.m0-5 {
  margin: 0px 5px;
}
.p0-5 {
  padding: 0px 5px;
}
.m0-0 {
  margin: 0px 0px;
}
.p0-0 {
  padding: 0px 0px;
}
.fs65 {
  font-size: 65px;
}
.fs64 {
  font-size: 64px;
}
.fs63 {
  font-size: 63px;
}
.fs62 {
  font-size: 62px;
}
.fs61 {
  font-size: 61px;
}
.fs60 {
  font-size: 60px;
}
.fs59 {
  font-size: 59px;
}
.fs58 {
  font-size: 58px;
}
.fs57 {
  font-size: 57px;
}
.fs56 {
  font-size: 56px;
}
.fs55 {
  font-size: 55px;
}
.fs54 {
  font-size: 54px;
}
.fs53 {
  font-size: 53px;
}
.fs52 {
  font-size: 52px;
}
.fs51 {
  font-size: 51px;
}
.fs50 {
  font-size: 50px;
}
.fs49 {
  font-size: 49px;
}
.fs48 {
  font-size: 48px;
}
.fs47 {
  font-size: 47px;
}
.fs46 {
  font-size: 46px;
}
.fs45 {
  font-size: 45px;
}
.fs44 {
  font-size: 44px;
}
.fs43 {
  font-size: 43px;
}
.fs42 {
  font-size: 42px;
}
.fs41 {
  font-size: 41px;
}
.fs40 {
  font-size: 40px;
}
.fs39 {
  font-size: 39px;
}
.fs38 {
  font-size: 38px;
}
.fs37 {
  font-size: 37px;
}
.fs36 {
  font-size: 36px;
}
.fs35 {
  font-size: 35px;
}
.fs34 {
  font-size: 34px;
}
.fs33 {
  font-size: 33px;
}
.fs32 {
  font-size: 32px;
}
.fs31 {
  font-size: 31px;
}
.fs30 {
  font-size: 30px;
}
.fs29 {
  font-size: 29px;
}
.fs28 {
  font-size: 28px;
}
.fs27 {
  font-size: 27px;
}
.fs26 {
  font-size: 26px;
}
.fs25 {
  font-size: 25px;
}
.fs24 {
  font-size: 24px;
}
.fs23 {
  font-size: 23px;
}
.fs22 {
  font-size: 22px;
}
.fs21 {
  font-size: 21px;
}
.fs20 {
  font-size: 20px;
}
.fs19 {
  font-size: 19px;
}
.fs18 {
  font-size: 18px;
}
.fs17 {
  font-size: 17px;
}
.fs16 {
  font-size: 16px;
}
.fs15 {
  font-size: 15px;
}
.fs14 {
  font-size: 14px;
}
.fs13 {
  font-size: 13px;
}
.fs12 {
  font-size: 12px;
}
.fs11 {
  font-size: 11px;
}
.fs10 {
  font-size: 10px;
}
.fs9 {
  font-size: 9px;
}
.fs8 {
  font-size: 8px;
}
.fs7 {
  font-size: 7px;
}
.fs6 {
  font-size: 6px;
}
.fs5 {
  font-size: 5px;
}
.fs4 {
  font-size: 4px;
}
.fs3 {
  font-size: 3px;
}
.fs2 {
  font-size: 2px;
}
.fs1 {
  font-size: 1px;
}
.bw3 {
  border-width: 3px;
  border-style: solid;
}
.btw3 {
  border-top-width: 3px;
  border-top-style: solid;
}
.bbw3 {
  border-bottom-width: 3px;
  border-bottom-style: solid;
}
.bw2 {
  border-width: 2px;
  border-style: solid;
}
.btw2 {
  border-top-width: 2px;
  border-top-style: solid;
}
.bbw2 {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.bw1 {
  border-width: 1px;
  border-style: solid;
}
.btw1 {
  border-top-width: 1px;
  border-top-style: solid;
}
.bbw1 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.pure-tabs #t6:checked ~ .pure-tabs-main > :nth-child(6),
.pure-tabs #t6:checked ~ * .pure-tabs-main > :nth-child(6) {
  display: block;
}
.pure-tabs #t5:checked ~ .pure-tabs-main > :nth-child(5),
.pure-tabs #t5:checked ~ * .pure-tabs-main > :nth-child(5) {
  display: block;
}
.pure-tabs #t4:checked ~ .pure-tabs-main > :nth-child(4),
.pure-tabs #t4:checked ~ * .pure-tabs-main > :nth-child(4) {
  display: block;
}
.pure-tabs #t3:checked ~ .pure-tabs-main > :nth-child(3),
.pure-tabs #t3:checked ~ * .pure-tabs-main > :nth-child(3) {
  display: block;
}
.pure-tabs #t2:checked ~ .pure-tabs-main > :nth-child(2),
.pure-tabs #t2:checked ~ * .pure-tabs-main > :nth-child(2) {
  display: block;
}
.pure-tabs #t1:checked ~ .pure-tabs-main > :nth-child(1),
.pure-tabs #t1:checked ~ * .pure-tabs-main > :nth-child(1) {
  display: block;
}
.lh3 {
  line-height: 0.3;
}
.w3 {
  width: 3px;
}
.mw3 {
  max-width: 3px;
}
.br3 {
  border-radius: 3px;
}
.lh4 {
  line-height: 0.4;
}
.w4 {
  width: 4px;
}
.mw4 {
  max-width: 4px;
}
.br4 {
  border-radius: 4px;
}
.lh5 {
  line-height: 0.5;
}
.w5 {
  width: 5px;
}
.mw5 {
  max-width: 5px;
}
.br5 {
  border-radius: 5px;
}
.lh6 {
  line-height: 0.6;
}
.w6 {
  width: 6px;
}
.mw6 {
  max-width: 6px;
}
.br6 {
  border-radius: 6px;
}
.lh10 {
  line-height: 1;
}
.w10 {
  width: 10px;
}
.mw10 {
  max-width: 10px;
}
.br10 {
  border-radius: 10px;
}
.lh20 {
  line-height: 2;
}
.w20 {
  width: 20px;
}
.mw20 {
  max-width: 20px;
}
.br20 {
  border-radius: 20px;
}
.m-xxs {
  margin: 5px;
}
.m-xs {
  margin: 10px;
}
.m-sm {
  margin: 15px;
}
.m-md {
  margin: 20px;
}
.m-lg {
  margin: 30px;
}
.m-xl {
  margin: 60px;
}
.mt-xxs {
  margin-top: 5px;
}
.mt-xs {
  margin-top: 10px;
}
.mt-sm {
  margin-top: 15px;
}
.mt-md {
  margin-top: 20px;
}
.mt-lg {
  margin-top: 30px;
}
.mt-xl {
  margin-top: 60px;
}
.mr-xxs {
  margin-right: 5px;
}
.mr-xs {
  margin-right: 10px;
}
.mr-sm {
  margin-right: 15px;
}
.mr-md {
  margin-right: 20px;
}
.mr-lg {
  margin-right: 30px;
}
.mr-xl {
  margin-right: 60px;
}
.mb-xxs {
  margin-bottom: 5px;
}
.mb-xs {
  margin-bottom: 10px;
}
.mb-sm {
  margin-bottom: 15px;
}
.mb-md {
  margin-bottom: 20px;
}
.mb-lg {
  margin-bottom: 30px;
}
.mb-xl {
  margin-bottom: 60px;
}
.ml-xxs {
  margin-left: 5px;
}
.ml-xs {
  margin-left: 10px;
}
.ml-sm {
  margin-left: 15px;
}
.ml-md {
  margin-left: 20px;
}
.ml-lg {
  margin-left: 30px;
}
.ml-xl {
  margin-left: 60px;
}
.p-xxs {
  padding: 5px;
}
.p-xs {
  padding: 10px;
}
.p-sm {
  padding: 15px;
}
.p-md {
  padding: 20px;
}
.p-lg {
  padding: 30px;
}
.p-xl {
  padding: 60px;
}
.pt-xxs {
  padding-top: 5px;
}
.pt-xs {
  padding-top: 10px;
}
.pt-sm {
  padding-top: 15px;
}
.pt-md {
  padding-top: 20px;
}
.pt-lg {
  padding-top: 30px;
}
.pt-xl {
  padding-top: 60px;
}
.pr-xxs {
  padding-right: 5px;
}
.pr-xs {
  padding-right: 10px;
}
.pr-sm {
  padding-right: 15px;
}
.pr-md {
  padding-right: 20px;
}
.pr-lg {
  padding-right: 30px;
}
.pr-xl {
  padding-right: 60px;
}
.pb-xxs {
  padding-bottom: 5px;
}
.pb-xs {
  padding-bottom: 10px;
}
.pb-sm {
  padding-bottom: 15px;
}
.pb-md {
  padding-bottom: 20px;
}
.pb-lg {
  padding-bottom: 30px;
}
.pb-xl {
  padding-bottom: 60px;
}
.pl-xxs {
  padding-left: 5px;
}
.pl-xs {
  padding-left: 10px;
}
.pl-sm {
  padding-left: 15px;
}
.pl-md {
  padding-left: 20px;
}
.pl-lg {
  padding-left: 30px;
}
.pl-xl {
  padding-left: 60px;
}
.geor {
  font-family: georgia;
  font-weight: lighter;
  font-style: italic;
  color: #555;
}
.geor > h1,
.geor > h2,
.geor > h3,
.geor > h4,
.geor > h5,
.geor > h6 {
  font-weight: lighter;
  font-style: italic;
  color: #555;
}
.fontawesome {
  font-family: 'FontAwesome';
}
.fontawesome-force {
  font-family: 'FontAwesome' !important;
}
.icon-circle-blank:before {
  content: "\25EF";
}
html {
  position: relative;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
}
body {
  position: static;
}
body.controller-dashboard {
  background: #fff;
}
body.organization.controller-courses.action-index #collection-header {
  display: none;
}
body .join-bar {
  padding: 10px 10px;
  background: #fff ;
}
body .join-bar .join-bar-middle {
  width: 600px;
  margin: 0px auto;
}
body .join-bar .join-bar-middle p {
  line-height: 20px;
  font-size: 15px;
  float: left;
  margin: 0px;
}
body .join-bar .join-bar-middle a {
  float: right;
  margin-top: 2px;
}
@media (max-width: 767px) {
  body .join-bar .join-bar-middle {
    width: auto;
  }
}
@media (max-width: 767px) {
  body .join-bar {
    display: none;
  }
}
body #v3-footer {
  position: relative;
  float: left;
  width: 100%;
}
body #v3-footer h3 {
  font-size: 16px;
  color: #686a6e;
  margin: 0;
}
body #v3-footer .jwmi {
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  color: #333;
  position: relative;
  top: -8px;
}
body #v3-footer .jwmi:hover {
  color: #746E6E;
}
body #v3-footer .top {
  background: #E0E0E0;
  padding: 10px 0;
  border-top: 1px solid #c5c6c8;
  box-shadow: 0 1px #f3f3f5 inset;
}
body #v3-footer #ins-image {
  width: 166px;
  height: 76px;
  background: url("/staticx/udemy/images/v3/footer-instructor.jpg");
  border: 2px solid #fff;
  box-shadow: 0 0 2px #828282;
  position: relative;
}
body #v3-footer #ins-image a {
  position: absolute;
  left: 50%;
  top: 100%;
  white-space: nowrap;
  margin: 0px 0 0 -115px;
  box-shadow: 0 0 0 4px, 0px 1px 2px 4px #9C9C9C;
}
body #v3-footer #ins-content {
  position: relative;
}
body #v3-footer #about-text {
  position: absolute;
  top: 0;
  left: 180px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
}
body #v3-footer .bottom-v3-02 {
  margin-top: 25px;
}
body #v3-footer .bottom-v3-02 #bottom-items {
  position: relative;
  bottom: 0;
}
body #v3-footer .bottom {
  background: #1E1E1E;
  box-shadow: 0 20px 20px -10px #5B5B5B inset;
}
body #v3-footer .bottom ul {
  float: left;
}
body #v3-footer .bottom li {
  float: left;
}
body #v3-footer .bottom li:first-child a {
  border: 0;
  padding-left: 0;
}
body #v3-footer .bottom a {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #d8dbe1;
  margin: 20px 0;
  border-left: 1px solid #d8dbe1;
  padding: 0 7px;
}
body #v3-footer .bottom a:hover {
  color: #666;
}
body #v3-footer #copyright {
  float: right;
  color: #d8dbe1;
  margin: 15px 0;
}
body .white-wrapper {
  background: #fff;
}
body .signup-header-title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
body .facebook-box-wrapper {
  float: left;
  width: 300px;
  text-align: center;
}
body #signup-form #form-item-timeZone {
  display: none;
}
#sample {
  background-color: white;
}
#course-approval-header {
  margin-bottom: 20px;
  border-top: 6px solid #8a6d3b !important;
}
#course-approval-header.upsell,
#course-approval-header.approved {
  border-top: 6px solid #3c763d !important;
}
#course-approval-header.upsell .container h2 span,
#course-approval-header.approved .container h2 span {
  color: #3c763d;
}
#course-approval-header.not-approved,
#course-approval-header.not-approved-almost-there {
  border-top: 6px solid #a94442 !important;
}
#course-approval-header.not-approved .container h2 span,
#course-approval-header.not-approved-almost-there .container h2 span {
  color: #a94442;
}
#course-approval-header .container {
  width: 100%;
  padding: 0px 90px;
  text-align: center;
}
#course-approval-header .container .q-mark {
  top: 50%;
  right: -35px;
  margin-top: -15px;
  font-size: 14px;
}
#course-approval-header .container h2 {
  font-size: 18px;
  margin-bottom: 5px;
}
#course-approval-header .container h2 span {
  color: #8a6d3b;
}
#course-approval-header .container h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
#w-size {
  position: fixed;
  background: rgba(255, 255, 255, 0.5);
  bottom: 0;
  right: 0;
  z-index: 9999;
  font-size: 10px;
  padding: 0px 5px;
}
#upgrade-browser {
  text-align: center;
  color: #555;
}
#upgrade-browser #big-logo img {
  width: 200px;
  margin-top: 30px;
}
#upgrade-browser #we {
  font-size: 22px;
  line-height: 1.2;
  margin-top: 20px;
}
#upgrade-browser #please {
  margin-top: 20px;
  font-size: 30px;
  font-weight: bold;
}
#upgrade-browser #browsers a {
  display: inline-block;
  margin: 10px;
}
.mob-app {
  background-position: -1850px -3155px;
  display: inline-block;
  height: 45px;
  width: 135px;
  background-size: 500px;
}
.mob-app-apple {
  background-position: -1850px -3210px;
  margin-top: 5px;
}
.footer-site {
  background: #fff;
}
.stickyfooter {
  margin-bottom: 76px;
}
.stickyfooter .footer-v4,
.stickyfooter .footer-site,
.stickyfooter .footer-v42 {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.controller-join,
.action-forgot-password,
.action-unsubscribe-notification {
  margin-bottom: 76px;
}
.controller-join .footer-v4,
.action-forgot-password .footer-v4,
.action-unsubscribe-notification .footer-v4,
.controller-join .footer-site,
.action-forgot-password .footer-site,
.action-unsubscribe-notification .footer-site,
.controller-join .footer-v42,
.action-forgot-password .footer-v42,
.action-unsubscribe-notification .footer-v42 {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.payment-page {
  margin-bottom: 76px;
  margin-bottom: 80px;
}
.payment-page .footer-v4,
.payment-page .footer-site,
.payment-page .footer-v42 {
  position: absolute;
  width: 100%;
  bottom: 0;
}
@media (max-width: 1024px) {
  .stickyfooter {
    margin-bottom: 0;
  }
  .stickyfooter .footer-v4,
  .stickyfooter .footer-site,
  .stickyfooter .footer-v42 {
    position: relative;
    bottom: auto;
  }
}
.connect-button-wrapper {
  margin-top: 5px;
}
.connect-button {
  height: 40px;
  color: #fff;
  text-align: left;
  margin: 0;
  padding: 0;
  line-height: 38px;
  overflow: hidden;
  position: relative;
  font-size: 17px;
  display: block;
  width: 100%;
}
.connect-button i {
  float: left;
  line-height: 40px;
  text-align: center;
  margin-right: 10px;
  color: #fff;
  width: 40px;
  font-size: 22px;
}
.connect-button:active {
  top: 1px;
}
.connect-button.fb {
  background: #297fb8;
  border: 1px solid #47637a;
}
.connect-button.fb i {
  box-shadow: 1px 0 0 #1668a4, 2px 0 0 #5890B9;
}
.connect-button.fb:hover,
.connect-button.fb:focus,
.connect-button.fb:active {
  background: #2573A7;
  color: #fff;
}
.connect-button.google-btn {
  background: #d03a3c;
  border: 1px solid #a0393a;
}
.connect-button.google-btn i {
  box-shadow: 1px 0 0 #b0393b, 2px 0 0 #be6b6d;
}
.connect-button.google-btn:hover,
.connect-button.google-btn:focus,
.connect-button.google-btn:active {
  background: #bf3f3f;
  color: #fff;
}
.back-btn {
  background: #fff ;
  display: inline-block;
  position: absolute;
  height: 31px;
  line-height: 29px;
  padding: 0 10px;
  font-size: 12px;
  color: #353535;
  font-weight: bold;
  border: 1px solid #868687;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  position: relative;
}
.back-btn2 {
  position: relative;
  background: #A8ABB0;
  color: #fff;
  padding: 0 10px 0;
  text-transform: uppercase;
  text-shadow: 0 -1px 1px #333;
  border: 1px solid #777a7d;
  box-shadow: 1px -1px 1px #666 inset, 0 1px rgba(255, 255, 255, 0.5);
  line-height: 24px;
  font-weight: bold;
  display: inline-block;
}
.back-btn2:before {
  content: '';
  position: absolute;
  background: #A8ABB0;
  transform: rotate(rotate(45deg));
  -ms-transform: rotate(rotate(45deg));
  -webkit-transform: rotate(rotate(45deg));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  box-shadow: 1px -2px 1px #666 inset, 0 1px rgba(255, 255, 255, 0.5);
  left: -9px;
  top: 3px;
  padding: 9px;
}
.back-btn2:hover {
  color: #333;
}
.btn.whiteborder {
  font-weight: normal;
  text-transform: uppercase;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #ddd;
}
.float-right {
  float: right !important;
}
.float-left {
  float: left !important;
}
.float-none {
  float: none !important;
}
.btn-link.disabled {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ud-jq-tabs {
  overflow: visible !important;
  display: none;
  border: none !important;
  background: none !important;
}
.progress-small {
  margin-bottom: 0px;
  height: 15px;
}
.popover {
  width: auto !important;
  max-width: 600px;
}
.popover .popover-content {
  width: 100% !important;
}
.ud-popover .popover-html-content {
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
}
.ud-popover ~ .popover .popover-title:empty {
  display: none;
}
.ud-popover ~ .popover .popover-content .ajax-loader-stick {
  position: inherit;
  display: block;
  margin: 10px;
}
.ud-popover.no-padding ~ .popover .popover-content {
  padding: 0px;
}
.ud-popover.no-padding ~ .popover .popover-content form .manage-fields-wrapper {
  padding-bottom: 0px;
}
.ud-popover.no-padding ~ .popover .popover-content form .submit-row {
  margin-bottom: 10px;
}
.btn-link:hover,
.btn-link:focus {
  text-decoration: none !important;
}
.popup-feedback {
  text-align: center;
  padding: 20px 30px 20px 20px;
  font-size: 18px;
  font-weight: bold;
  color: #AAA;
}
.indent.once {
  margin-left: 1em;
}
.indent.twice {
  margin-left: 2em;
}
.indent.three-times {
  margin-left: 3em;
}
div.clear {
  clear: both;
  font-size: 0px;
  height: 0px;
  line-height: 0px;
  overflow: hidden;
  visibility: hidden;
}
.btn-group::before,
.btn-group::after {
  display: none;
}
input[name*=tabs] {
  display: none;
}
.hoverstyle {
  color: #000;
  background: #fff ;
}
.activestyle {
  color: #fff;
  background: #3DB9E8;
}
.activestyle2 {
  color: #fff;
  background: #44464e ;
  box-shadow: inset 0 1px 1px rgba(20, 60, 106, 0.3);
}
.activestyle3 {
  color: #555;
  background: #fff;
  box-shadow: none;
  border-bottom-color: #fff;
}
.activestyle3 {
  color: #555;
  background: #fff;
  box-shadow: none;
  border-bottom-color: #fff;
}
.activestyle4 {
  background: #F6F7F8;
  border-bottom-color: #F6F7F8;
  box-shadow: none;
  color: #526075;
}
.active-small-class {
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.active-blue-class {
  background: #517bbd ;
  color: #fff;
}
#tab8:checked ~ .tab-label-container label[for=tab8] {
  color: #fff;
  background: #3DB9E8;
}
#tab8:checked ~ .tab-label-container .dark-nav label[for=tab8] {
  color: #fff;
  background: #44464e ;
  box-shadow: inset 0 1px 1px rgba(20, 60, 106, 0.3);
}
#tab8:checked ~ .tab-label-container .simple label[for=tab8] {
  color: #555;
  background: #fff;
  box-shadow: none;
  border-bottom-color: #fff;
}
#tab8:checked ~ .tab-label-container .classic-tabs label[for=tab8] {
  background: #F6F7F8;
  border-bottom-color: #F6F7F8;
  box-shadow: none;
  color: #526075;
}
#tab8:checked ~ .tab-label-container .small label[for=tab8] {
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
#tab8:checked ~ .tab-label-container .active-blue label[for=tab8] {
  background: #517bbd ;
  color: #fff;
}
#tab8:checked ~ .tab-divs #tab8-content {
  display: block;
}
#tab8:checked ~ .tab-divs > *:nth-child(8) {
  display: block;
}
#tab7:checked ~ .tab-label-container label[for=tab7] {
  color: #fff;
  background: #3DB9E8;
}
#tab7:checked ~ .tab-label-container .dark-nav label[for=tab7] {
  color: #fff;
  background: #44464e ;
  box-shadow: inset 0 1px 1px rgba(20, 60, 106, 0.3);
}
#tab7:checked ~ .tab-label-container .simple label[for=tab7] {
  color: #555;
  background: #fff;
  box-shadow: none;
  border-bottom-color: #fff;
}
#tab7:checked ~ .tab-label-container .classic-tabs label[for=tab7] {
  background: #F6F7F8;
  border-bottom-color: #F6F7F8;
  box-shadow: none;
  color: #526075;
}
#tab7:checked ~ .tab-label-container .small label[for=tab7] {
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
#tab7:checked ~ .tab-label-container .active-blue label[for=tab7] {
  background: #517bbd ;
  color: #fff;
}
#tab7:checked ~ .tab-divs #tab7-content {
  display: block;
}
#tab7:checked ~ .tab-divs > *:nth-child(7) {
  display: block;
}
#tab6:checked ~ .tab-label-container label[for=tab6] {
  color: #fff;
  background: #3DB9E8;
}
#tab6:checked ~ .tab-label-container .dark-nav label[for=tab6] {
  color: #fff;
  background: #44464e ;
  box-shadow: inset 0 1px 1px rgba(20, 60, 106, 0.3);
}
#tab6:checked ~ .tab-label-container .simple label[for=tab6] {
  color: #555;
  background: #fff;
  box-shadow: none;
  border-bottom-color: #fff;
}
#tab6:checked ~ .tab-label-container .classic-tabs label[for=tab6] {
  background: #F6F7F8;
  border-bottom-color: #F6F7F8;
  box-shadow: none;
  color: #526075;
}
#tab6:checked ~ .tab-label-container .small label[for=tab6] {
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
#tab6:checked ~ .tab-label-container .active-blue label[for=tab6] {
  background: #517bbd ;
  color: #fff;
}
#tab6:checked ~ .tab-divs #tab6-content {
  display: block;
}
#tab6:checked ~ .tab-divs > *:nth-child(6) {
  display: block;
}
#tab5:checked ~ .tab-label-container label[for=tab5] {
  color: #fff;
  background: #3DB9E8;
}
#tab5:checked ~ .tab-label-container .dark-nav label[for=tab5] {
  color: #fff;
  background: #44464e ;
  box-shadow: inset 0 1px 1px rgba(20, 60, 106, 0.3);
}
#tab5:checked ~ .tab-label-container .simple label[for=tab5] {
  color: #555;
  background: #fff;
  box-shadow: none;
  border-bottom-color: #fff;
}
#tab5:checked ~ .tab-label-container .classic-tabs label[for=tab5] {
  background: #F6F7F8;
  border-bottom-color: #F6F7F8;
  box-shadow: none;
  color: #526075;
}
#tab5:checked ~ .tab-label-container .small label[for=tab5] {
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
#tab5:checked ~ .tab-label-container .active-blue label[for=tab5] {
  background: #517bbd ;
  color: #fff;
}
#tab5:checked ~ .tab-divs #tab5-content {
  display: block;
}
#tab5:checked ~ .tab-divs > *:nth-child(5) {
  display: block;
}
#tab4:checked ~ .tab-label-container label[for=tab4] {
  color: #fff;
  background: #3DB9E8;
}
#tab4:checked ~ .tab-label-container .dark-nav label[for=tab4] {
  color: #fff;
  background: #44464e ;
  box-shadow: inset 0 1px 1px rgba(20, 60, 106, 0.3);
}
#tab4:checked ~ .tab-label-container .simple label[for=tab4] {
  color: #555;
  background: #fff;
  box-shadow: none;
  border-bottom-color: #fff;
}
#tab4:checked ~ .tab-label-container .classic-tabs label[for=tab4] {
  background: #F6F7F8;
  border-bottom-color: #F6F7F8;
  box-shadow: none;
  color: #526075;
}
#tab4:checked ~ .tab-label-container .small label[for=tab4] {
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
#tab4:checked ~ .tab-label-container .active-blue label[for=tab4] {
  background: #517bbd ;
  color: #fff;
}
#tab4:checked ~ .tab-divs #tab4-content {
  display: block;
}
#tab4:checked ~ .tab-divs > *:nth-child(4) {
  display: block;
}
#tab3:checked ~ .tab-label-container label[for=tab3] {
  color: #fff;
  background: #3DB9E8;
}
#tab3:checked ~ .tab-label-container .dark-nav label[for=tab3] {
  color: #fff;
  background: #44464e ;
  box-shadow: inset 0 1px 1px rgba(20, 60, 106, 0.3);
}
#tab3:checked ~ .tab-label-container .simple label[for=tab3] {
  color: #555;
  background: #fff;
  box-shadow: none;
  border-bottom-color: #fff;
}
#tab3:checked ~ .tab-label-container .classic-tabs label[for=tab3] {
  background: #F6F7F8;
  border-bottom-color: #F6F7F8;
  box-shadow: none;
  color: #526075;
}
#tab3:checked ~ .tab-label-container .small label[for=tab3] {
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
#tab3:checked ~ .tab-label-container .active-blue label[for=tab3] {
  background: #517bbd ;
  color: #fff;
}
#tab3:checked ~ .tab-divs #tab3-content {
  display: block;
}
#tab3:checked ~ .tab-divs > *:nth-child(3) {
  display: block;
}
#tab2:checked ~ .tab-label-container label[for=tab2] {
  color: #fff;
  background: #3DB9E8;
}
#tab2:checked ~ .tab-label-container .dark-nav label[for=tab2] {
  color: #fff;
  background: #44464e ;
  box-shadow: inset 0 1px 1px rgba(20, 60, 106, 0.3);
}
#tab2:checked ~ .tab-label-container .simple label[for=tab2] {
  color: #555;
  background: #fff;
  box-shadow: none;
  border-bottom-color: #fff;
}
#tab2:checked ~ .tab-label-container .classic-tabs label[for=tab2] {
  background: #F6F7F8;
  border-bottom-color: #F6F7F8;
  box-shadow: none;
  color: #526075;
}
#tab2:checked ~ .tab-label-container .small label[for=tab2] {
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
#tab2:checked ~ .tab-label-container .active-blue label[for=tab2] {
  background: #517bbd ;
  color: #fff;
}
#tab2:checked ~ .tab-divs #tab2-content {
  display: block;
}
#tab2:checked ~ .tab-divs > *:nth-child(2) {
  display: block;
}
#tab1:checked ~ .tab-label-container label[for=tab1] {
  color: #fff;
  background: #3DB9E8;
}
#tab1:checked ~ .tab-label-container .dark-nav label[for=tab1] {
  color: #fff;
  background: #44464e ;
  box-shadow: inset 0 1px 1px rgba(20, 60, 106, 0.3);
}
#tab1:checked ~ .tab-label-container .simple label[for=tab1] {
  color: #555;
  background: #fff;
  box-shadow: none;
  border-bottom-color: #fff;
}
#tab1:checked ~ .tab-label-container .classic-tabs label[for=tab1] {
  background: #F6F7F8;
  border-bottom-color: #F6F7F8;
  box-shadow: none;
  color: #526075;
}
#tab1:checked ~ .tab-label-container .small label[for=tab1] {
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
#tab1:checked ~ .tab-label-container .active-blue label[for=tab1] {
  background: #517bbd ;
  color: #fff;
}
#tab1:checked ~ .tab-divs #tab1-content {
  display: block;
}
#tab1:checked ~ .tab-divs > *:nth-child(1) {
  display: block;
}
.gray-nav {
  display: inline-block;
  border: 1px solid #7F7F7F;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2);
  list-style: none !important;
  margin: 0;
  position: relative;
}
.gray-nav > li {
  float: left;
}
.gray-nav > li > * {
  background: #fff ;
  border-left: 1px solid #e2e2e2;
  height: 33px;
  line-height: 33px;
  padding: 0 15px;
  display: block;
  color: #666;
  position: relative;
  margin-bottom: 0;
}
.gray-nav > li > *:hover {
  color: #000;
  background: #fff ;
}
.gray-nav > li.on > * {
  color: #fff;
  background: #3DB9E8;
}
.gray-nav > li:first-child > * {
  border-left: 0;
}
.gray-nav.dark-nav > li.on > * {
  color: #fff;
  background: #44464e ;
  box-shadow: inset 0 1px 1px rgba(20, 60, 106, 0.3);
}
.gray-nav.simple {
  border: 0;
  box-shadow: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid #B8B8B8;
  font-size: 0;
}
.gray-nav.simple li {
  position: relative;
  text-align: center;
  margin: 0 0 0 -1px !important;
  top: 1px;
}
.gray-nav.simple li label {
  position: relative;
  background: #F5F6F6 ;
  border-color: #B8B8B8;
  border-style: solid;
  border-width: 1px;
  color: #555;
  padding: 0 20px;
  text-transform: uppercase;
}
.gray-nav.simple li label.on {
  color: #555;
  background: #fff;
  box-shadow: none;
  border-bottom-color: #fff;
}
.gray-nav.center {
  text-align: center;
}
.gray-nav.center li {
  float: none;
  display: inline-block;
}
.gray-nav.small {
  border: 0;
}
.gray-nav.small > li > * {
  background: #fff ;
  border: 0 none;
  color: #555;
  font-size: 13px;
  height: 27px;
  line-height: 27px;
  box-shadow: inset -1px 1px 0 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 0 rgba(0, 0, 0, 0.3);
}
.gray-nav.small > li:first-child > * {
  box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.3) inset, 1px -1px 0 0 rgba(0, 0, 0, 0.3) inset;
}
.classic-tabs {
  font-size: 0;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  top: 1px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.classic-tabs li {
  display: inline-block;
  margin-left: -1px;
}
.classic-tabs label {
  background: #F8F9F9 ;
  border: 1px solid #C3C3C3;
  color: #7A7A7A;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.classic-tabs label:hover {
  color: #000;
}
.tab-label-container + .tab-divs > * {
  display: none;
}
.tab-label-container.simple > ul {
  border: none;
  box-shadow: none;
}
.tab-label-container.simple > ul li {
  margin: 0 !important;
}
.tab-label-container.simple > ul li label {
  font-size: 11px;
  background: #fff;
  border-left: 1px solid #eee;
}
.tab-label-container.simple + div {
  background: #fff;
  padding: 10px;
}
.tab-label-container.no-content input[type=radio] {
  display: none;
}
.tab-label-container.no-content input[type=radio]:checked ~ * {
  background: #44464E  !important;
  color: #fff;
}
.tab-divs .show {
  display: block;
}
.ajax-loader,
.ajax-loader-small,
.ajax-loader-tiny {
  background: #fff url("/staticx/udemy/images/v3/preloader_48px.gif") no-repeat center;
  height: 48px;
  width: 48px;
  border-radius: 99em;
  padding: 30px;
  border: 3px solid #aaafb4;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  position: absolute;
  left: 50%;
  margin-left: -24px;
}
.ajax-loader-small {
  background: #fff url("/staticx/udemy/images/v3/preloader_24px.gif") no-repeat center;
  height: 24px;
  width: 24px;
  margin-left: -12px;
  padding: 15px;
}
.ajax-loader-tiny {
  background: #fff url("/staticx/udemy/images/v3/preloader_16px.gif") no-repeat center;
  height: 16px;
  width: 16px;
  margin-left: -8px;
  padding: 9px;
  border-width: 2px;
}
.ajax-loader-stick {
  background: url("/staticx/udemy/images/v3/preloader_stick.gif") no-repeat center;
  position: absolute;
  height: 8px;
  width: 50px;
  left: 50%;
  margin-left: -25px;
}
.mini-tooltip {
  position: relative;
  cursor: pointer;
}
.mini-tooltip .tooltip-content {
  background: #000;
  bottom: 100%;
  color: #FFFFFF;
  cursor: default;
  display: block;
  font-size: 10px;
  padding: 2px 5px 5px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  visibility: hidden;
  z-index: 43;
  min-width: 76px;
  max-width: 250px;
  left: 50%;
  margin-left: -38px;
}
.mini-tooltip .tooltip-content:before {
  content: '';
  width: 10px;
  height: 10px;
  background: #000;
  display: block;
  position: absolute;
  transform: rotate(rotate(45deg));
  -ms-transform: rotate(rotate(45deg));
  -webkit-transform: rotate(rotate(45deg));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
}
.mini-tooltip:hover .tooltip-content {
  visibility: visible;
}
.mini-tooltip.down .tooltip-content {
  bottom: auto;
  top: 100%;
  margin-top: 10px;
}
.mini-tooltip.down .tooltip-content:before {
  bottom: auto;
  top: -5px;
}
.black-tooltip {
  background: #fff;
  position: absolute;
  width: 420px;
  right: 100%;
  margin-right: 30px;
  z-index: 86;
  white-space: normal;
  color: #353535;
  padding: 5px;
  box-shadow: 0 0 0 4px #37373E, 0 0 0 6px #000;
  top: 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.1;
  opacity: 0;
  visibility: hidden;
  display: none;
}
.black-tooltip > .arrow {
  height: 25px;
  overflow: hidden;
  position: absolute;
  right: -29px;
  width: 25px;
  top: 5px;
}
.black-tooltip > .arrow:before {
  content: '';
  position: absolute;
  background: #37373e;
  width: 100%;
  height: 100%;
  transform: rotate(rotate(45deg));
  -ms-transform: rotate(rotate(45deg));
  -webkit-transform: rotate(rotate(45deg));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px solid #000;
  left: -80%;
}
.black-tooltip.form-errors,
.black-tooltip.form-warnings {
  visibility: visible;
  opacity: 1;
  text-align: left;
  position: static;
  margin-top: 15px;
  width: auto;
  max-width: 420px;
}
.black-tooltip.form-errors p,
.black-tooltip.form-warnings p {
  margin: auto 10px;
}
.black-tooltip.blue-skin {
  box-shadow: 0 1px 2px #CCCCCC inset, 0 0 0 1px #5f7da2, 0 1px 0 1px #cee6f7, 0 0 0 4px #aecae6, 0 -1px 0 4px #d8e4ec, 0 -1px 0 5px #7e8ea1, 0 0 3px 6px #7e8ea1;
}
.black-tooltip.blue-skin > .arrow:before {
  background: #B1C7E2;
  box-shadow: 0 1px #DAE7F1 inset, 0 0 3px #A0ACB4;
  border-color: #999;
}
.black-tooltip.medium {
  width: 260px;
  top: 10px;
}
.black-tooltip.medium > .arrow {
  width: 20px;
  height: 20px;
  right: -24px;
}
.black-tooltip.medium > .arrow:before {
  width: 10px;
  height: 10px;
  left: -40%;
}
.black-tooltip.small {
  width: 180px;
  padding: 5px;
  top: 10px;
}
.black-tooltip.small > .arrow {
  width: 20px;
  height: 20px;
  right: -24px;
}
.black-tooltip.small > .arrow:before {
  width: 10px;
  height: 10px;
  left: -40%;
}
.black-tooltip.arrow-left {
  left: 100%;
  margin-left: 10px;
  text-align: left;
  top: 3px;
}
.black-tooltip.arrow-left > .arrow {
  left: -25px;
  top: -2px;
  transform: rotate(rotate(180deg));
  -ms-transform: rotate(rotate(180deg));
  -webkit-transform: rotate(rotate(180deg));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.black-tooltip.arrow-bottom {
  left: -10px;
  margin-bottom: 20px;
  bottom: 100%;
  text-align: left;
  top: auto;
}
.black-tooltip.arrow-bottom > .arrow {
  transform: rotate(rotate(90deg));
  -ms-transform: rotate(rotate(90deg));
  -webkit-transform: rotate(rotate(90deg));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  left: 10px;
  margin-top: 5px;
  top: 100%;
}
.black-tooltip.arrow-top {
  left: 0;
  margin-top: 15px;
  top: 100%;
  text-align: left;
}
.black-tooltip.arrow-top > .arrow {
  transform: rotate(rotate(-90deg));
  -ms-transform: rotate(rotate(-90deg));
  -webkit-transform: rotate(rotate(-90deg));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  left: 10px;
  top: -24px;
}
.black-tooltip.no-padding {
  padding: 0 !important;
}
.black-tooltip a {
  cursor: pointer;
}
.black-tooltip p:last-child {
  margin-bottom: 0;
}
.black-tooltip.form-tooltip {
  visibility: hidden;
  opacity: 0;
}
.black-tooltip.form-tooltip ul {
  list-style: disc;
  margin-left: 2em;
}
.pageloaded .black-tooltip {
  display: block;
}
.tooltip-reference {
  position: relative;
  clear: both;
}
.tooltip-reference:hover .black-tooltip {
  opacity: 1;
  visibility: visible;
}
.tab-content > .black-tooltip {
  opacity: 1 !important;
  visibility: visible !important;
}
.tooltip-reference {
  position: relative;
  clear: both;
}
.tooltip-reference:hover .black-tooltip {
  opacity: 1;
  visibility: visible;
}
.tab-content > .black-tooltip {
  opacity: 1 !important;
  visibility: visible !important;
}
.progress {
  border-radius: 0 !important;
}
.progress.white-border {
  height: 26px;
  box-shadow: 0 0 0 2px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-top: 2px;
}
.progress.small {
  height: 10px;
}
.ud-star .radio-item:before,
.ud-star .radio-item:after {
  content: " ";
  display: table;
}
.ud-star .radio-item:after {
  clear: both;
}
.ud-star .radio-item:before,
.ud-star .radio-item:after {
  content: " ";
  display: table;
}
.ud-star .radio-item:after {
  clear: both;
}
.lecture-icon {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("/staticx/udemy/images/v3/sprites_v2.png");
  display: inline-block;
}
.lecture-icon-video,
.lecture-icon-audio,
.lecture-icon-mashup {
  background-position: -12px -234px;
}
.lecture-icon-article {
  background-position: -204px -234px;
}
.lecture-icon-file {
  background-position: -154px -234px;
}
.lecture-icon-presentation {
  background-position: -60px -234px;
}
div.rating-big-stars {
  width: 110px;
  background: url("/staticx/udemy/images/v3/rating_stars.png") left top;
  overflow: hidden;
}
div.rating-big-stars span {
  float: left;
  height: 17px;
  background: url("/staticx/udemy/images/v3/rating_stars.png") left bottom;
}
.rating-small-stars {
  width: 75px;
  background: url("/staticx/udemy/images/v3/rating_stars_small.png") left top;
  overflow: hidden;
  float: left;
  margin: 8px 4px;
}
.rating-small-stars span {
  height: 11px;
  background: url("/staticx/udemy/images/v3/rating_stars_small.png") left bottom;
  float: left;
}
.ui-autocomplete {
  background: #fff !important;
  padding: 0 !important;
  overflow: visible;
  z-index: 10000 !important;
  border-radius: 0 !important;
  font-size: 13px;
  border: 1px solid #ccc;
}
.ui-autocomplete.classic-dropdown-theme {
  width: 300px !important;
  position: relative;
}
.ui-autocomplete.classic-dropdown-theme > li > a.ui-state-hover,
.ui-autocomplete.classic-dropdown-theme > li > a.ui-corner-all:hover {
  background: #f2f2f2;
}
.ui-autocomplete.classic-dropdown-theme > li > a {
  width: 100%;
  background: #fff ;
  border-color: #cfcfcf !important;
  border-style: solid !important;
  border-width: 0 0 1px 0 !important;
  padding: 10px;
  margin: 0 !important;
}
.ui-autocomplete.classic-dropdown-theme > li > a.ui-state-hover,
.ui-autocomplete.classic-dropdown-theme > li > a.ui-corner-all:hover {
  background: #f2f2f2;
}
.ui-autocomplete.classic-dropdown-theme > li img {
  margin-right: 10px;
}
.ui-autocomplete.classic-dropdown-theme:after {
  border-color: transparent transparent #514E5D;
  border-style: solid;
  border-width: 7px;
  content: "";
  position: absolute;
  left: 30px;
  top: -16px;
}
.ui-autocomplete > li > a {
  border-radius: 0 !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 0;
  background: #F0F0F0;
  color: #222;
}
#quick-search-dropdown {
  width: 300px !important;
  margin-left: 280px !important;
  left: 50% !important;
}
#quick-search-dropdown > li.ui-menu-item > a.ui-state-hover,
#quick-search-dropdown > li.ui-menu-item > a.ui-corner-all:hover {
  background: #9cb1cd !important;
}
#quick-search-dropdown > li.ui-menu-item > a.ui-state-hover *,
#quick-search-dropdown > li.ui-menu-item > a.ui-corner-all:hover * {
  color: #ffffff !important;
}
#quick-search-dropdown > li.ui-menu-item > a {
  width: 100%;
  background: #fff ;
  border-color: #cfcfcf !important;
  border-style: solid !important;
  border-width: 0 0 1px 0 !important;
  padding: 10px;
  margin: 0 !important;
}
#quick-search-dropdown > li.ui-menu-item > a.ui-corner-all {
  float: left;
}
#quick-search-dropdown > li.ui-menu-item > a.ui-corner-all > span.thumb {
  float: left;
  width: 50px;
}
#quick-search-dropdown > li.ui-menu-item > a.ui-corner-all > span.text {
  float: left;
  width: 202px;
  margin-left: 10px;
}
#quick-search-dropdown > li.ui-menu-item > a.ui-corner-all > span.text b.title {
  font-size: 14px;
  display: block;
  line-height: 1.2;
}
#quick-search-dropdown > li.ui-menu-item > a.ui-corner-all > span.text i.subtitle {
  color: #828282;
  font-size: 12px;
  line-height: 1.2;
  font-style: normal;
  display: block;
}
#quick-search-dropdown > li.ui-menu-item > a.ui-corner-all > span.text i.extra {
  font-size: 11px;
  color: #999;
  font-style: italic;
}
#quick-search-dropdown > li.ui-menu-item > a.ui-corner-all > span.text i.extra > b {
  color: #8BBB27;
}
#quick-search-dropdown > li.header h3 {
  background: #e5e5e5;
  border-bottom: 1px solid #cfcfcf;
  padding: 0 10px;
  font-size: 14px;
  color: #536176;
  text-transform: uppercase;
  line-height: 32px;
  margin: 0;
}
#quick-search-dropdown .more {
  float: left;
  width: 100%;
}
#quick-search-dropdown .more a {
  border-top: 1px solid #fff;
  color: #555;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  font-weight: normal;
  padding: 5px !important;
}
#quick-search-dropdown .more a i {
  color: #5589b6;
  font-weight: bold;
}
#quick-search-dropdown .more a span {
  color: #888;
  display: block;
  font-size: 12px;
}
#quick-search-dropdown .more a:hover {
  color: #5589b6;
}
#quick-search-dropdown .ui-menu-item.extra {
  padding: 5px;
}
#quick-search-dropdown .ui-menu-item.extra a {
  width: auto;
  display: inline-block;
}
#quick-search-dropdown:after {
  content: '';
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent #514e5d;
  position: absolute;
  top: -16px;
  right: 30px;
}
#quick-search-dropdown.message-dropdown-theme {
  box-shadow: 0 0 1px #000;
  margin-left: -214px !important;
  width: 462px !important;
  top: 50% !important;
  left: 50% !important;
  margin-top: -150px !important;
}
#quick-search-dropdown.message-dropdown-theme a {
  text-align: left;
  padding: 6px !important;
}
#quick-search-dropdown.message-dropdown-theme a img {
  float: left;
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
#quick-search-dropdown.message-dropdown-theme a.ui-state-hover {
  color: #fff;
}
#quick-search-dropdown.message-dropdown-theme:after {
  display: none;
}
#quick-search-dropdown .subscribers {
  float: left;
  margin: 5px 0 0 7px;
}
#quick-search-dropdown .subscribers b {
  color: #BD4F18;
}
#quick-search-dropdown .rating-small-stars {
  margin: 8px 0 0 0;
  display: inline-block;
}
#quick-search-dropdown .price {
  float: left;
  margin: 5px 0 0 8px;
  color: #54921C;
  font-weight: bold;
}
.custom-radio {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/staticx/udemy/images/v3/sprites.png?v=17") 0 -1230px;
  float: left;
  margin-right: 2px;
}
.custom-radio.on {
  background-position: -20px -1230px;
}
.want-to-teach {
  margin-top: 30px;
  color: #444;
  left: 0;
  text-align: center;
  width: 100%;
  bottom: 30px;
}
.want-to-teach a {
  color: #9a0505;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
}
.want-to-teach a:hover {
  color: #000;
}
.want-to-teach.stick-to-bottom {
  position: fixed;
}
@media (max-height: 600px) {
  .want-to-teach.stick-to-bottom {
    display: none;
  }
}
.switcher-on {
  background: #54B551;
  border-color: #404e29;
}
.switcher-on div {
  left: auto;
  right: 0;
}
.switcher-on:hover div {
  right: 4px;
}
.switcher-wrapper input {
  display: none;
}
.switcher-wrapper input:checked ~ .switcher-no-js {
  background: #54B551;
  border-color: #404e29;
}
.switcher-wrapper input:checked ~ .switcher-no-js div {
  left: auto;
  right: 0;
}
.switcher-wrapper input:checked ~ .switcher-no-js:hover div {
  right: 4px;
}
.switcher-wrapper input:checked ~ .switcher-no-js.mini {
  background: #9dc174;
}
.switcher-wrapper input:checked ~ .switcher-no-js.mini:hover div {
  left: auto;
  right: 2px;
}
.switcher-wrapper .on-off-item.on .switcher-no-js {
  background: #54B551;
  border-color: #404e29;
}
.switcher-wrapper .on-off-item.on .switcher-no-js div {
  left: auto;
  right: 0;
}
.switcher-wrapper .on-off-item.on .switcher-no-js:hover div {
  right: 4px;
}
.switcher-wrapper .on-off-item.on .switcher-no-js.mini {
  background: #9dc174;
}
.switcher-wrapper .on-off-item.on .switcher-no-js.mini:hover div {
  left: auto;
  right: 2px;
}
.switcher-wrapper .switcher-no-js.mini {
  width: 50px;
  background: #dc7f7f;
}
.switcher-wrapper .switcher-no-js.mini div {
  left: 0;
  bottom: 0;
  top: 0;
}
.switcher-wrapper .switcher-no-js.mini div:before,
.switcher-wrapper .switcher-no-js.mini div:after {
  display: none;
}
.switcher-wrapper .switcher-no-js.mini:hover div {
  right: auto;
  left: 2px;
}
.switcher,
.switcher-no-js {
  width: 80px;
  height: 23px;
  background: #d9534f;
  border: 1px solid #4e2933;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.switcher span,
.switcher-no-js span {
  width: 50%;
  text-align: center;
  color: #fff !important;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 21px;
  float: left;
  margin: 0 !important;
}
.switcher label,
.switcher-no-js label {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
}
.switcher div,
.switcher-no-js div {
  position: absolute;
  width: 50%;
  background: #fff ;
  top: 1px;
  left: 1px;
  bottom: 1px;
  text-align: center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  border: 1px solid #4e2933;
  line-height: 16px;
  cursor: pointer;
}
.switcher div:before,
.switcher-no-js div:before,
.switcher div:after,
.switcher-no-js div:after {
  content: '';
  width: 1px;
  height: 8px;
  display: inline-block;
  box-shadow: -1px 0 #bebebe, -2px 0 #fff, 1px 0 #fff;
  margin: 0 1px;
}
.switcher div:after,
.switcher-no-js div:after {
  box-shadow: -1px 0 #bebebe, 1px 0 #fff, 2px 0 #bebebe;
}
.switcher:hover div,
.switcher-no-js:hover div {
  left: 4px;
}
.switcher.on,
.switcher-no-js.on {
  background: #54B551;
  border-color: #404e29;
}
.switcher.on div,
.switcher-no-js.on div {
  left: auto;
  right: 0;
}
.switcher.on:hover div,
.switcher-no-js.on:hover div {
  right: 4px;
}
.switcher.disabled,
.switcher-no-js.disabled {
  cursor: default;
}
.switcher.disabled div,
.switcher-no-js.disabled div {
  background: #d8d8d8 ;
}
.switcher.disabled.off,
.switcher-no-js.disabled.off {
  background: #957F82;
}
.switcher.disabled.off:hover div,
.switcher-no-js.disabled.off:hover div {
  left: 1px;
}
.switcher.disabled.on,
.switcher-no-js.disabled.on {
  background: #848C77;
}
.switcher.disabled.on:hover div,
.switcher-no-js.disabled.on:hover div {
  left: 38px;
}
.tab-links {
  position: relative;
  z-index: 1;
  top: 1px;
  border-bottom: 1px solid #bbbbbb;
}
.tab-links li {
  float: left;
  list-style: none outside none !important;
  margin: 0 !important;
}
.tab-links li a {
  padding: 10px 20px;
  display: block;
  margin-left: -1px;
  position: relative;
  left: 1px;
  font-size: 14px;
  color: #666666;
  font-weight: bold;
  background: #efefef;
  border: 1px solid #bbbbbb;
  margin-top: 4px;
  outline: none;
  top: 1px;
}
.tab-links li a:hover {
  text-decoration: underline;
}
.tab-links li:first-child a {
  margin-left: 8px;
}
.tab-links li.on a {
  color: #333333;
  background: #ffffff;
  border-bottom-color: #ffffff;
  margin-top: 0;
  padding: 12px 20px;
  transition: all .5s ease;
}
.boxes {
  position: relative;
  padding-top: 10px;
}
.dropdown-toggle label {
  display: inline;
}
.navigation {
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.navigation li {
  display: inline-block;
  margin-left: -1px;
  position: relative;
  top: 2px;
}
.navigation li a {
  display: inline-block;
  padding: 10px 15px;
  background: #eee;
  color: #777;
  border: 1px solid #ccc;
  font-weight: bold;
  box-shadow: 0 -25px 25px -25px #bbb inset;
}
.navigation li a:hover {
  background: #fff;
}
.navigation li.selected {
  top: 1px;
}
.navigation li.selected a {
  background: #fff;
  box-shadow: 0 15px 25px -25px #bbb inset;
  border-bottom-color: #fff;
  padding: 11px 20px;
}
.feedbacks-bar {
  top: 0px;
  display: none;
  position: fixed !important;
  z-index: 10001 !important;
  height: 52px;
  width: 100%;
}
.feedbacks-bar .feedback-bar {
  font-size: 14px;
}
.feedbacks-bar .feedback-bar .feedback-container {
  margin: 0 auto;
  padding: 21px 15px 0;
  text-align: center;
}
.feedbacks-bar .feedback-type-info {
  border-bottom: 1px solid #54B551;
  background-color: #DCEFB3;
  color: #202F00;
  font-weight: bold;
}
.feedbacks-bar .feedback-type-error {
  border-bottom: 1px solid #f00;
  background-color: #efd8ce;
  color: #aa0000;
  font-weight: bold;
}
.radio-btns li {
  float: left;
  position: relative;
}
.radio-btns li .s {
  background: #fff ;
  border-color: #aaa;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  box-shadow: 0 2px 0 #fff, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  color: #666;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 31px;
  padding: 0 15px;
  text-transform: uppercase;
}
.radio-btns li .s:hover {
  color: #000;
}
.radio-btns li:first-child .s {
  border-left-width: 1px;
}
.radio-btns li.on .s {
  background: #44464E ;
  box-shadow: -2px 0 0 #fff, 0 1px 1px rgba(20, 60, 106, 0.3) inset;
  color: #fff;
}
.radio-btns li.on .form-tooltip {
  opacity: 1 !important;
  visibility: visible !important;
}
.sidebar-menu {
  position: fixed;
  width: 165px;
  background: #fff;
  margin-top: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.sidebar-menu h2 {
  font-size: 18px;
  line-height: 1.2;
  padding: 10px;
  border: 0 !important;
  margin: 0 !important;
}
.sidebar-menu ul {
  list-style: none !important;
  margin-left: 0 !important;
}
.sidebar-menu ul li a {
  background: #f0f2f4;
  display: block;
  padding: 5px 15px;
  color: #636b6f;
  font-weight: bold;
  border-top: 1px solid #fff;
  box-shadow: 0 -1px #c7ced4;
}
.sidebar-menu ul li a:hover,
.sidebar-menu ul li.on a {
  background: #8095b0 ;
  color: #fff;
  border-top-color: #8F8F8F;
}
.ud-autosuggestformitem ~ .error-msg.inside-error-msg {
  bottom: 7px;
}
.suggest-items {
  min-height: 30px;
}
ul.as-selections {
  border-color: #B0B2B8 !important;
  display: inline-block;
  padding: 0px !important;
  width: 100%;
  min-height: 30px;
  background: #fff !important;
  overflow: hidden;
}
ul.as-selections li {
  margin: 4px !important;
  background: #8EA6C7 !important;
  color: #fff !important;
  height: 24px;
  line-height: 24px;
  padding: 2px 4px 2px 10px !important;
  line-height: 22px;
}
ul.as-selections li a {
  background: #73849B;
  border-radius: 99em;
  color: #8EA6C7 !important;
  height: 15px;
  line-height: 15px;
  width: 15px;
  margin-top: 3px !important;
  text-align: center;
  text-shadow: none !important;
}
ul.as-selections li a:hover {
  background: #666;
}
ul.as-selections li a.as-close {
  margin-left: 5px !important;
}
ul.as-selections li.as-original {
  border: none !important;
  background: transparent !important;
  margin: 0px !important;
  padding: 0px !important;
  width: 100% !important;
  height: 28px;
}
ul.as-selections li.as-original input {
  width: 100% !important;
  color: #555555;
  height: 30px;
  box-shadow: none !important;
  border: 0 !important;
}
ul.as-selections li.selected {
  border: 1px solid #222 !important;
}
ul.as-selections li.as-selection-item ~ li.as-original {
  border-top: 1px solid #CCC !important;
}
.as-results {
  position: absolute;
  overflow: visible !important;
}
.as-results ul {
  width: 160px !important;
  border: 1px solid #000 !important;
  box-shadow: 0 0 0 3px #514e5d, 0 0 0 4px #000, 0 0 9px #000;
  position: relative;
  z-index: 1;
  left: 15px;
  font-weight: bold;
}
.as-results ul li {
  position: relative;
  background: #fff ;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 0 0;
  color: #353535;
  text-align: left;
}
.as-results ul li:first-child {
  border-width: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
}
.as-results ul li em {
  background: none !important;
  color: #353535;
  padding: 0;
}
.as-results ul li:nth-child(even) {
  background: #fff ;
}
.as-results ul li.active {
  background: #adc0d8 ;
  border-top-color: #ddd;
  color: #fff;
}
.as-results ul li.active em {
  color: #fff;
}
.as-results ul:before {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  background: #514e5d;
  top: -6px;
  transform: rotate(rotate(45deg));
  -ms-transform: rotate(rotate(45deg));
  -webkit-transform: rotate(rotate(45deg));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: -1px -1px 1px 0 #333;
  left: 22px;
  border-style: solid;
  border-width: 1px 0px 0px 1px;
  border-color: #000;
  margin-left: -10px;
}
.grouped-nav {
  position: absolute;
  width: 171px;
  margin-top: 20px;
}
.grouped-nav > li {
  margin-top: 10px;
  box-shadow: 0 1px 1px #666;
  overflow: hidden;
}
.grouped-nav > li:first-child {
  margin: 0;
}
.grouped-nav > li li a {
  display: block;
  background: #f0f2f4;
  color: #636b6f;
  font-weight: bold;
  padding: 7px 15px;
  border-top: 1px solid #c7ced4;
  box-shadow: 0 1px #fff inset;
}
.grouped-nav > li li:first-child a {
  border: 0;
}
.grouped-nav > li li:hover a,
.grouped-nav > li li.on a {
  background: #768aa6 ;
  color: #fff;
  border-top-color: #3d4c5a;
  box-shadow: none;
}
.steps-bar {
  text-align: center;
  position: relative;
  padding-bottom: 40px;
  margin-top: 20px;
}
.steps-bar ul {
  height: 44px;
}
.steps-bar li {
  display: inline-block;
  background: #6b6f77;
  width: 36px;
  height: 36px;
  border-radius: 99em;
  margin-left: 108px;
  position: relative;
  text-align: center;
}
.steps-bar li:before {
  width: 115px;
  height: 10px;
  top: 50%;
  content: '';
  background: #6b6f77;
  position: absolute;
  margin: -5px 0 0 -114px;
  left: 0;
}
.steps-bar li:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -6px;
  border-radius: 99em;
  background: #CECECE url("/staticx/udemy/images/v3/sprites.png?v=17") -56px -565px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.steps-bar li.off {
  background: #869f5b;
}
.steps-bar li.off:before {
  background: #869f5b;
}
.steps-bar li.off:after {
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
}
.steps-bar li.on {
  transform: rotate(rotate(-45deg));
  -ms-transform: rotate(rotate(-45deg));
  -webkit-transform: rotate(rotate(-45deg));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #869f5b;
}
.steps-bar li.on:before {
  transform: rotate(rotate(45deg));
  -ms-transform: rotate(rotate(45deg));
  -webkit-transform: rotate(rotate(45deg));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transform-origin: right top;
  -webkit-transform-origin: right top;
  -o-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  margin: -15px 0 0 -105px;
  background: #869f5b;
}
.steps-bar li.on:after {
  background: transparent;
  box-shadow: 0 0 0 7px #E4E4E4, 0 1px 1px rgba(0, 0, 0, 0.5) inset;
}
.steps-bar li.on a,
.steps-bar li.on span {
  transform: rotate(rotate(45deg));
  -ms-transform: rotate(rotate(45deg));
  -webkit-transform: rotate(rotate(45deg));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: -11px 0 0 -98px;
  color: #567c1b;
}
.steps-bar li.trans:before {
  background: #6b6f77;
}
.steps-bar li a,
.steps-bar li span {
  position: absolute;
  top: 50px;
  white-space: nowrap;
  left: 50%;
  width: 140px;
  margin-left: -70px;
  font-weight: bold;
  color: #636b6f;
}
.steps-bar li:first-child {
  margin-left: 0;
}
.steps-bar li:first-child:before {
  display: none;
}
.image-slider {
  width: 300px;
  height: 240px;
  overflow: hidden;
  float: right;
}
.small-rating {
  background: url("/staticx/udemy/images/v3/sprites.png?v=17") -120px -1199px;
  line-height: 0;
  width: 85px;
  display: inline-block;
  text-align: left;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.small-rating span {
  display: inline-block;
  background: url("/staticx/udemy/images/v3/sprites.png?v=17") -120px -1212px;
  height: 13px;
  line-height: 14px;
}
.course-reviews h3 {
  color: #4e6d1c;
  float: left;
  font-size: 18px;
  margin: 0 0 5px;
}
.course-reviews div.rating {
  float: right;
}
.course-reviews div.rating h4 {
  display: inline-block;
  font-size: 12px;
  position: relative;
  top: -2px;
  margin: 0;
}
.course-reviews div.rating .rating-big-stars {
  display: inline-block;
}
.course-reviews li {
  background: #f9fbf4;
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
  margin: 40px 0 60px;
  position: relative;
}
.course-reviews .user-details {
  margin: -25px 15px 15px;
  overflow: hidden;
}
.course-reviews .user-details .left-col {
  float: left;
  position: relative;
  border: 1px solid #666666;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
}
.course-reviews .user-details .left-col img {
  display: block;
  width: 50px;
}
.course-reviews .user-details .left-col:before {
  content: '';
  position: absolute;
  box-shadow: 0 0 2px #ffffff inset;
  width: 100%;
  height: 100%;
}
.course-reviews .user-details .right-col {
  font-family: georgia;
  font-size: 13px;
  font-style: italic;
  margin-left: 60px;
  margin-top: 2px;
}
.course-reviews .user-details .right-col a {
  color: #567c1b;
  font-family: helvetica;
  font-style: normal;
  cursor: pointer;
}
.course-reviews .user-details .right-col time {
  font-size: 11px;
  color: #777777;
  font-style: normal;
}
.course-reviews .user-details .right-col .rating-big-stars {
  margin-top: 8px;
}
.course-reviews article {
  margin: 15px 15px 4px;
  color: #555555;
}
.course-reviews article p {
  margin-bottom: 10px;
}
.course-reviews article.compressed {
  margin-bottom: 15px;
}
.course-reviews div.see-all {
  bottom: 0;
  bottom: 20px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.course-reviews div.see-all a {
  color: #3c7498;
  font-size: 13px;
  display: inline-block;
  font-weight: bold;
}
.course-reviews div.see-all a b {
  color: #994b2c;
}
.course-reviews div.see-all a:before {
  content: '';
  width: 17px;
  height: 9px;
  background: url("/staticx/udemy/images/new_design/sprites_v2.png") -60px -60px;
  display: inline-block;
  margin-right: 5px;
}
.slider {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider .slide-this {
  transition: left 0.2s;
  -webkit-transition: left 0.2s;
  -moz-transition: left 0.2s;
  -ms-transition: left 0.2s;
  -o-transition: left 0.2s;
  font-size: 0;
  white-space: nowrap;
  left: 0;
  position: relative;
}
.slider .slide-this > li {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.slider .wrapper {
  position: relative;
}
.slider nav {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 100%;
}
.slider nav span {
  background: #fff;
  border-radius: 50%;
  padding: 3px;
  margin: 0 10px;
  cursor: pointer;
  opacity: .5;
}
.slider nav span.on {
  opacity: 1;
}
.slider .prev {
  float: left;
}
.slider .next {
  float: right;
}
.ui-datepicker {
  z-index: 99999 !important;
}
input + .ui-datepicker-trigger {
  margin: 3px 0 0 -20px;
}
input.ud-date-form-item {
  padding-left: 25px;
}
input.date-time-form-item {
  padding-right: 20px !important;
}
.ui-datepicker-trigger ~ .timezone {
  position: absolute;
  margin: 6px 0 0 8px;
}
.res-menu li {
  display: inline-block;
  margin: 0 10px;
}
.res-menu li.on a,
.res-menu li:hover a {
  background: #eee;
}
.res-menu a {
  color: #999;
  display: inline-block;
  padding: 5px 13px;
}
@media screen and (max-width: 600px) {
  .res-menu {
    min-height: 35px;
    position: relative;
    overflow: visible;
    z-index: 18;
  }
  .res-menu ul {
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    width: 180px;
  }
  .res-menu ul:hover li {
    display: block;
  }
  .res-menu ul:hover li.on a:before {
    content: "\f00c";
  }
  .res-menu li:not(.on) {
    display: none;
  }
  .res-menu li.on a:before {
    content: "\f0c9";
    font-family: 'FontAwesome';
    margin: 1px 0 0 -20px;
    position: absolute;
  }
  .res-menu li.on a,
  .res-menu li:hover a {
    background: none;
    color: #333;
  }
  .res-menu a {
    color: #999;
    display: block;
    padding: 5px 0 5px 20px;
  }
}
.box-container {
  background: #fbfbfb;
  border: 1px solid #999;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  padding: 10px;
  margin-top: 10px;
}
.box-container:before,
.box-container:after {
  content: " ";
  display: table;
}
.box-container:after {
  clear: both;
}
.box-container:before,
.box-container:after {
  content: " ";
  display: table;
}
.box-container:after {
  clear: both;
}
.jcrop-holder {
  background-color: transparent !important;
  box-shadow: 0px 0px 3px #999;
}
.stars-def-color {
  color: #aaa;
}
.stars-generate:before {
  font-family: 'FontAwesome';
  content: "\f005 \f005 \f005 \f005 \f005";
  color: #aaa;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 4px;
  cursor: default;
}
.stars-large {
  font-size: 25px;
  letter-spacing: 6px;
}
.stars-medium {
  font-size: 28px;
  letter-spacing: -1px;
}
.stars-medium b {
  left: 180px;
}
.stars-small {
  font-size: 17px;
  letter-spacing: 6px;
}
.stars-smaller {
  font-size: 15px;
}
.star-rating-container {
  border-radius: 2px;
  padding: 5px 10px;
  background: white;
  color: black;
}
.star-rating-container .small-start-label {
  font-size: 12px;
  color: #999;
  text-align: right;
  margin-top: -3px;
}
.review-stars-color {
  color: #17aa1c;
}
.review-stars-background-color {
  background-color: #17aa1c;
}
.s-rating {
  position: relative;
  white-space: nowrap;
  display: inline-block;
}
.s-rating:hover s {
  color: #aaa !important;
}
.s-rating s {
  color: #aaa;
  cursor: default;
  font-size: 20px;
  line-height: 1;
  margin-left: 2px;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}
.s-rating s:before {
  font-family: 'FontAwesome';
  content: "\f005";
}
.s-rating s.on {
  color: #D94D38;
}
.s-rating s:hover {
  color: #D94D38 !important;
}
.s-rating s:hover > b {
  display: block;
}
.s-rating > s {
  margin-left: 0;
}
.s-rating b {
  display: none;
  position: absolute;
  background: #fff;
  font-size: 16px;
  color: #353535;
  top: 50%;
  margin-top: -8px;
  font-weight: normal;
  min-width: 140px;
}
.s-rating.static:before {
  font-family: 'FontAwesome';
  content: "\f005 \f005 \f005 \f005 \f005";
  color: #aaa;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 4px;
  cursor: default;
}
.s-rating.static span {
  position: absolute;
  left: 0;
  overflow: hidden;
}
.s-rating.static span:before {
  font-family: 'FontAwesome';
  content: "\f005 \f005 \f005 \f005 \f005";
  color: #aaa;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 4px;
  cursor: default;
}
.s-rating.static span:before {
  color: #17aa1c;
}
.s-rating.static.white span:before {
  color: #ffffff;
}
.s-rating.large:before,
.s-rating.large s {
  font-size: 25px;
  letter-spacing: 6px;
}
.s-rating.large span:before {
  font-size: 25px;
  letter-spacing: 6px;
}
.s-rating.medium:before,
.s-rating.medium s {
  font-size: 28px;
  letter-spacing: -1px;
}
.s-rating.medium:before b,
.s-rating.medium s b {
  left: 180px;
}
.s-rating.medium span:before {
  font-size: 28px;
  letter-spacing: -1px;
}
.s-rating.medium span:before b {
  left: 180px;
}
.s-rating.small:before,
.s-rating.small s {
  font-size: 17px;
  letter-spacing: 6px;
}
.s-rating.small span:before {
  font-size: 17px;
  letter-spacing: 6px;
}
.s-rating.smaller:before,
.s-rating.smaller s {
  font-size: 15px;
}
.s-rating.smaller span:before {
  font-size: 15px;
}
.s-rating.maroon s:hover {
  color: #D94D38 !important;
}
.s-rating.no-review-stars {
  opacity: 0.6;
}
.bulleted-ul li {
  padding-left: 17px;
  position: relative;
}
.bulleted-ul li:before {
  color: #eee;
  content: "•";
  font-size: 35px;
  font-weight: bold;
  left: 0;
  position: absolute;
  top: -15px;
}
.bulleted-ul.darker-bull li:before {
  color: #ccc;
}
.icon-ufo-subs {
  background-position: -690px -970px;
  display: inline-block !important;
  height: 32px;
  width: 49px;
  vertical-align: middle;
  background-image: url("/staticx/udemy/images/v3/sprites.png?v=17") !important;
}
.icon-ufo-subs.xs {
  background-position: -690px -900px;
  height: 16px;
  width: 25px;
}
.icon-ufo-subs.sm {
  background-position: -690px -930px;
  height: 24px;
  width: 37px;
}
.icon-ufo-subs.lg {
  background-position: -690px -1020px;
  height: 64px;
  width: 98px;
}
.collapse-this {
  overflow: hidden;
}
.collapse-trigger-less {
  display: none;
}
.collapse-cb {
  display: none;
}
.collapse-cb:checked ~ .collapse-this {
  height: auto !important;
  overflow: visible;
}
.collapse-cb:checked ~ .collapse-trigger-less {
  display: block;
}
.collapse-cb:checked ~ .collapse-trigger-more {
  display: none;
}
.collapse-trigger {
  color: #567c1b;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.collapse-trigger:hover {
  color: #333;
}
.activity-post .popover {
  position: fixed;
  width: 250px !important;
}
.activity-body .popover {
  width: 180px !important;
}
.popover .dropdown-top {
  padding: 11px 12px 12px;
}
.popover .dropdown-top:before,
.popover .dropdown-top:after {
  content: " ";
  display: table;
}
.popover .dropdown-top:after {
  clear: both;
}
.popover .dropdown-top:before,
.popover .dropdown-top:after {
  content: " ";
  display: table;
}
.popover .dropdown-top:after {
  clear: both;
}
.popover .dropdown-thumb {
  float: left;
  height: 40px;
  width: 40px;
}
.popover .dropdown-details {
  margin-left: 50px;
}
.popover .ins-title {
  color: #555555;
  font-size: 15px;
}
.popover .ins-subtitle {
  color: #777777;
  font-size: 12px;
  display: block;
}
.popover .dropdown-bottom {
  border-top: 1px solid #e7e7e7;
  margin: 0 2px;
  overflow: hidden;
  padding: 0px 5px 5px;
}
.popover .teaching {
  color: #555555;
  font-size: 12px;
  margin: 6px 5px 0 0;
}
.popover .view-btn {
  float: right;
  top: 4px;
  position: relative;
  padding: 1px 10px;
}
.popover .lec-left {
  float: left;
  font-size: 12px;
  padding-top: 6px;
  text-align: center;
  width: 40px;
}
.popover .lec-right {
  padding: 6px 0 10px 15px;
  position: relative;
}
.popover .course-no {
  display: block;
}
.popover .lec-perc-mask {
  display: inline-block;
  overflow: hidden;
}
.popover .lec-perc {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 50% 50% 50% 50%;
  left: -9px;
  line-height: 0;
  padding: 2px;
  position: absolute;
  top: 7px;
}
.popover .lec-perc-mask:before {
  background: #54B551;
  border-radius: 50% 50% 50% 50%;
  content: "";
  float: left;
  height: 12px;
  width: 12px;
}
.popover .lec-title {
  color: #444444;
  font-size: 13px;
  padding-right: 15px;
  margin: 0;
}
.popover .lec-title i {
  font-size: 14px;
}
.popover .lec-title a {
  color: #353535;
  font-size: 20px;
}
.popover .lec-title:hover {
  color: #222222;
}
.popover .lec-details {
  background: #f6f6f6;
  color: #aaaaaa;
  display: inline-block;
  font-size: 11px;
  padding: 0 6px;
}
.popover .lec-more {
  margin-top: 3px;
}
.popover .lec-small-icon {
  width: 16px;
  color: #cccccc;
  display: inline-block;
  font-size: 14px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.popover .go-to-lec {
  padding: 4px 10px;
  text-align: center;
}
.popover .go-to-lec a {
  color: #58647e;
}
.popover .go-to-lec a:hover {
  color: #000;
}
.activity-post .popover {
  position: fixed;
}
.activity-body .popover {
  width: 180px;
}
.collapsable-text {
  overflow: hidden;
}
a.collapsable-more {
  width: 100%;
  position: absolute;
  text-align: center;
  background-image: -webkit-linear-gradient(top, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
  background-image: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f4f4f4', endColorstr='#fff4f4f4', GradientType=0);
  bottom: -15px;
  padding: 40px 10px 0px 0px;
  font-weight: bold;
  font-size: 12px;
}
a.collapsable-more.collapsable-less {
  display: none;
}
a.collapsable-more b {
  color: #555;
  background: #efefef;
  padding: 3px 7px;
  border: 1px solid #dedede;
  width: 100px;
  display: inline-block;
}
a.collapsable-more:hover b {
  color: #000;
}
.mobile-menu {
  text-align: left;
  max-width: 290px;
}
.mobile-menu .trigger {
  font-size: 18px;
  color: #1E2C35;
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 5px 10px;
  font-weight: normal;
  background: #fff;
}
.mobile-menu .inner-trigger {
  font-size: 16px;
  margin: 0;
}
.mobile-menu .icon {
  font-size: 14px;
  margin-left: 5px;
  font-style: normal;
}
.mobile-menu .content {
  background: #fff;
  padding: 5px;
  display: none;
}
.mobile-menu a {
  color: #1e2c35;
  font-size: 16px;
  padding: 5px 10px;
  display: block;
}
.mobile-menu a.on {
  background: #e8e8e8;
}
.mobile-menu .filtering-box {
  border-top: 1px solid #ccc;
  padding: 10px 5px;
}
.mobile-menu .filtering-box:first-child {
  border: 0;
}
.mobile-menu .menu-checkbox {
  display: none;
}
.mobile-menu .menu-checkbox:checked ~ .trigger {
  background: #dbdbdb;
}
.mobile-menu .menu-checkbox:checked ~ .content {
  display: block;
}
.mobile-menu .menu-checkbox:checked ~ .trigger .icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.mobile-menu .menu-checkbox:checked ~ .inner-trigger .minus {
  display: block;
}
.mobile-menu .menu-checkbox:checked ~ .inner-trigger .plus {
  display: none;
}
.mobile-menu .minus {
  display: none;
}
.filter-menu div.filtering {
  padding: 0;
}
.filter-menu div.filtering a:hover {
  background: none;
  font-weight: normal;
}
@media (max-width: 640px) {
  .s-rating.smaller:before,
  .s-rating.smaller span:before {
    font-size: 12px;
    letter-spacing: 2px;
  }
}
input.search-input {
  box-sizing: initial;
}
.input-table th:empty,
.input-table td:empty {
  display: none;
}
.input-table a {
  cursor: pointer;
}
.input-table td {
  padding: 5px;
}
.input-table td.rel {
  display: block;
  position: relative;
}
.input-table th {
  color: #666666;
  font-weight: bold;
  padding: 12px 5px 5px;
  text-align: right;
  vertical-align: top;
  width: 25%;
}
.input-table th .secondary-text {
  font-weight: normal;
  color: #999999;
  font-size: 11px;
}
.input-table th label {
  display: inline;
}
select.form-control[readonly] {
  pointer-events: none;
}
.input-table .input-field input,
.input-table .input-field textarea {
  background-color: #fff;
  border: 1px solid #aaaaaa;
  padding: 8px 0 8px 8px;
  width: 100%;
  box-sizing: border-box;
}
.input-table .input-field input[readonly]:focus,
.input-table .input-field textarea[readonly]:focus,
.input-table .input-field select[readonly]:focus,
.input-table .input-field input.readonly:focus,
.input-table .input-field textarea.readonly:focus,
.input-table .input-field select.readonly:focus {
  background-color: #F0F0F0;
  border: 1px solid #AAA;
  /* box-shadow */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.input-table .input-field select {
  background-color: #f0f0f0;
  border: 1px solid #aaaaaa;
  padding: 8px;
  width: 100%;
}
.input-table .input-field .text-input.symbolled {
  padding-left: 20px;
  width: 95%;
}
.input-table .input-field .radio-item {
  float: left;
  padding: 5px 13px 0 0;
}
.input-table .input-field .radio-item input {
  width: auto;
  margin-right: 3px;
  height: 10px;
  border: none;
  background: none;
  background-color: transparent;
}
.input-table .input-field .check-box {
  float: left;
  width: auto;
  height: 15px;
  padding: 0px;
  margin: 0px;
  margin-top: 1px;
  border: none;
  background: none;
  background-color: transparent;
}
.input-table .input-field .ui-datepicker-trigger {
  margin-left: 10px;
}
.input-table .input-field .w3c-default ul li {
  display: list-item;
  list-style-type: disc;
  margin: 5px 20px;
}
.input-table input.input-button {
  background-color: #316482;
  border: 1px solid #176e7f;
  color: white;
  padding: 5px;
  cursor: pointer;
}
.input-table .input-area {
  height: 100px;
}
.input-table .input-area-small {
  height: 50px;
}
.input-table .input-button-secondary {
  font-weight: bold;
  background-color: #f0f0f0;
  color: #316482;
  padding: 1px;
  margin-top: 2px;
  font-size: 11px;
  border: 1px;
  border-style: solid;
  border-bottom-color: #adc9da;
  border-right-color: #adc9da;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
}
.input-table .input-combo {
  border: 1px solid #aaaaaa;
  background-color: #f0f0f0;
  padding-left: 2px;
}
.input-table .ud-tabsformitem.ui-widget {
  font-size: 1em;
}
.ud-tabsformitem div.tab-content .tooltip-reference {
  display: block;
}
.ud-tabsformitem div.tab-content .radio-item {
  display: list-item;
}
.input-table .ud-tabsformitem {
  margin: 0px;
  padding: 0px;
  border: none;
  min-height: 31px;
}
.input-table .ud-tabsformitem ul {
  margin: 0px;
  padding: 0px;
  background: none;
  border: none;
}
.input-table .ud-tabsformitem ul > li {
  margin: 0px;
  padding: 0px;
  background: none;
  border: none;
}
.input-table .ud-tabsformitem ul > li a {
  margin: 0px;
  padding: 0px;
}
.input-table .ud-tabsformitem div.tab-content {
  border: 1px solid lightGrey;
  border-width: 1px;
  position: relative;
  margin-top: 10px;
}
.input-table .ud-tabsformitem .ui-tabs-selected.tab-content-triangle {
  position: relative;
}
.input-table .ud-tabsformitem .tab-content-triangle.ui-tabs-selected:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid lightGrey;
  position: absolute;
  display: block;
  left: 45%;
  bottom: -10px;
}
.input-table .ud-tabsformitem .tab-content-triangle.ui-tabs-selected:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  position: absolute;
  display: block;
  left: 45%;
  bottom: -11px;
  z-index: 10;
}
#table-in-notification td {
  padding: 7px;
}
#table-in-notification th {
  color: #666666;
  font-weight: bold;
  padding: 12px 5px 5px;
  text-align: left;
  vertical-align: top;
  width: 40px;
}
input.input-button {
  background-color: #316482;
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
  padding: 5px;
}
.input-add-on {
  border-right: none;
  height: 100%;
  padding: 0px 5px 0px 0px;
}
#message-body {
  height: 200px;
}
td.input-button {
  text-align: left;
}
label,
button {
  cursor: pointer;
}
a.new-item {
  margin: 10px;
}
div.form-item-block {
  margin-bottom: 5px;
}
.error-text,
.form-errors,
.form-warnings {
  color: #C93643;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  position: initial;
  margin: 15px auto;
  padding: 5px;
}
.form-warnings {
  color: #f0ad4e;
}
.ud-importcontent-error {
  margin: 0;
}
.input-table-one-column tr th {
  text-align: left;
}
.input-table-one-column tr td {
  padding: 0 5px;
}
.input-table-one-column td.input-button {
  padding-top: 10px;
}
#auto_list {
  box-shadow: 0 0 3px #000000;
  position: absolute;
}
#auto_list a {
  text-decoration: none;
}
#auto_list span {
  cursor: pointer;
  display: block;
  padding: 6px 10px;
  font-weight: normal;
  width: 250px;
  background: #ffffff;
}
#auto_list span:hover {
  background: #8bbb27;
  color: #ffffff;
}
#auto_list_users {
  box-shadow: 0 0 3px #000000;
  position: absolute;
  top: 32px;
  left: 35px;
}
#auto_list_users a {
  float: left;
  width: 100%;
  width: 250px;
  background: #ffffff;
  padding: 5px;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
}
#auto_list_users a:hover {
  background: #8bbb27;
  color: #ffffff;
}
#auto_list_users img {
  float: left;
  margin-right: 5px;
}
#auto_list_users span {
  cursor: pointer;
}
#lmkbrttt {
  display: none;
}
.ie8 .ui-autocomplete,
.ie8 #auto_list,
.ie8 #auto_list_users {
  border: 1px solid #666666 !important;
}
.ui-autocomplete .ui-menu-item .right-side {
  display: inline-block;
  width: 220px;
  vertical-align: middle;
}
.ud-message .autocomplete-thumbnail {
  top: 0px !important;
  width: 34px;
  height: 34px;
}
.autocomplete-thumbnail {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  border: 1px solid #aaa;
  width: 38px;
  height: 38px;
}
.autocomplete-text {
  position: relative;
  padding-left: 40px;
}
.media-preview img {
  max-width: inherit;
}
.media-preview .jcrop-holder {
  margin-left: auto;
  margin-right: auto;
}
.media-preview .jcrop-holder > img {
  opacity: 0.4 !important;
}
.ud-s3upload {
  min-height: 30px;
}
.file-upload-note {
  background: #f8f7f0;
  border: 1px solid #e1e1e1;
  line-height: 1.3;
  padding: 5px 10px;
}
.file-upload-note.error {
  background: #B54040;
  color: #fff;
  border-color: #8E2525;
}
.fileupload-wrapper .note {
  background: #f8f7f0;
  border: 1px solid #e1e1e1;
  line-height: 1.3;
  padding: 6px 10px;
}
.fileupload-wrapper .note.error {
  background: #B54040;
  color: #fff;
  border-color: #8E2525;
}
.fileupload-wrapper .ud-jq-progressbar {
  background: #F8F6EF;
  border: 1px solid #E1E1E1;
  box-shadow: none;
  height: 32px;
  padding: 2px;
  margin: 0;
}
.fileupload-wrapper .ud-jq-progressbar .ui-progressbar-value {
  margin: 0px;
  border: none;
}
.fileupload-wrapper .btn {
  padding: 6px 10px !important;
  margin-left: 10px;
  text-transform: capitalize;
  line-height: 17px;
}
.fileupload-wrapper .btn.choosefile-wrapper {
  overflow: hidden;
  overflow: -moz-hidden-unscrollable;
  position: relative;
}
.fileupload-wrapper .btn.choosefile-wrapper input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: rotate(translate(-300px, 0) scale(4));
  -ms-transform: rotate(translate(-300px, 0) scale(4));
  -webkit-transform: rotate(translate(-300px, 0) scale(4));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: translate(-300px, 0) scale(4);
  -moz-transform: translate(-300px, 0) scale(4);
  -ms-transform: translate(-300px, 0) scale(4);
  -o-transform: translate(-300px, 0) scale(4);
  transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
  border-width: 0 0 100px 200px;
}
.fileupload-wrapper .cancel,
.fileupload-wrapper .change {
  display: none;
}
.fileupload-wrapper .after-upload-button {
  display: none;
}
.fileupload-wrapper .progressbar-wrapper {
  margin-bottom: 10px;
}
.fileupload-wrapper .info-wrapper {
  left: 20px;
  position: absolute;
  line-height: 24px;
  font-size: 11px;
}
.fileupload-wrapper .info-wrapper .percent {
  font-size: smaller;
}
.fileupload-wrapper .info-wrapper .filename {
  max-width: 285px;
  float: left;
  margin-right: 10px;
}
.fileupload-wrapper .fileupload-error {
  display: none;
  color: #fff;
  background-color: #b94a48;
  padding: 7px 15px;
  border: 1px solid #8E4F4F;
  margin-left: 10px;
}
.fileupload-wrapper .fileupload-error a {
  color: #fff;
  text-decoration: underline;
}
.fileupload-wrapper .usepreuploaded-selector {
  display: inline-block;
}
.fileupload-wrapper .usepreuploaded-selector select {
  width: 200px !important;
}
.ud-mashupcreator .btns {
  margin: 10px;
}
.processing {
  padding: 0 15px;
}
.btn-group-vertical {
  display: block;
}
.btn-group-vertical .btn:hover,
.btn-group-vertical .btn:focus,
.btn-group-vertical .btn:active,
.btn-group-vertical .btn.active {
  z-index: 2;
}
.btn-group-vertical + .btn-group-vertical {
  margin-top: 5px;
}
.btn-group-vertical .btn {
  display: block;
  width: 100%;
  margin-top: -1px;
  padding-top: 5px;
}
.btn-group-vertical .btn.btn-lg {
  padding-top: 10px;
}
.btn-group-vertical .dropdown-toggle:active,
.btn-group-vertical.open .dropdown-toggle {
  outline: 0;
}
.manage-fields-wrapper,
.form-wrapper {
  padding: 0 0px 10px 0px;
  width: 100%;
  position: relative;
  z-index: 1;
}
.manage-fields-wrapper .mask,
.form-wrapper .mask {
  max-width: none !important;
}
.manage-fields-wrapper .closed.editing,
.form-wrapper .closed.editing,
.manage-fields-wrapper .closed.cfi-content,
.form-wrapper .closed.cfi-content {
  display: none;
}
.manage-fields-wrapper .opened.editing,
.form-wrapper .opened.editing,
.manage-fields-wrapper .opened.cfi-content,
.form-wrapper .opened.cfi-content {
  display: block;
}
.manage-fields-wrapper .sort-handle,
.form-wrapper .sort-handle,
.manage-fields-wrapper .edit-handle,
.form-wrapper .edit-handle,
.manage-fields-wrapper .delete-handle,
.form-wrapper .delete-handle {
  visibility: hidden;
  opacity: 0;
}
.manage-fields-wrapper .delete-wrapper,
.form-wrapper .delete-wrapper,
.manage-fields-wrapper .edit-wrapper,
.form-wrapper .edit-wrapper {
  border: 1px solid #bfbfbf;
  overflow: hidden;
  background: #f7f8f8 ;
  padding: 3px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 0 2px rgba(255, 255, 255, 0.75);
  display: inline-block;
  position: relative;
}
.manage-fields-wrapper .delete-wrapper .sort-handle,
.form-wrapper .delete-wrapper .sort-handle,
.manage-fields-wrapper .edit-wrapper .sort-handle,
.form-wrapper .edit-wrapper .sort-handle,
.manage-fields-wrapper .delete-wrapper .delete-handle,
.form-wrapper .delete-wrapper .delete-handle,
.manage-fields-wrapper .edit-wrapper .delete-handle,
.form-wrapper .edit-wrapper .delete-handle,
.manage-fields-wrapper .delete-wrapper .edit-handle,
.form-wrapper .delete-wrapper .edit-handle,
.manage-fields-wrapper .edit-wrapper .edit-handle,
.form-wrapper .edit-wrapper .edit-handle {
  position: static;
  display: inline-block;
  visibility: visible;
  opacity: 1;
  margin: 1px 4px;
}
.manage-fields-wrapper .edit-handle,
.form-wrapper .edit-handle {
  cursor: pointer;
}
.manage-fields-wrapper .edit-handle:before,
.form-wrapper .edit-handle:before {
  content: '\f040';
  font-family: 'FontAwesome';
  color: #333;
}
.manage-fields-wrapper .edit-handle:hover:before,
.form-wrapper .edit-handle:hover:before {
  color: #000;
}
.manage-fields-wrapper .sort-handle,
.form-wrapper .sort-handle {
  cursor: move;
  float: right;
}
.manage-fields-wrapper .sort-handle:before,
.form-wrapper .sort-handle:before {
  content: '\f0c9';
  font-family: 'FontAwesome';
  color: #333;
}
.manage-fields-wrapper .sort-handle:hover:before,
.form-wrapper .sort-handle:hover:before {
  color: #000;
}
.manage-fields-wrapper .delete-handle,
.form-wrapper .delete-handle {
  cursor: pointer;
  position: absolute;
  right: 14px;
  bottom: 14px;
}
.manage-fields-wrapper .delete-handle:before,
.form-wrapper .delete-handle:before {
  content: '\f014';
  font-family: 'FontAwesome';
  color: #333;
}
.manage-fields-wrapper .delete-handle:hover:before,
.form-wrapper .delete-handle:hover:before {
  color: #000;
}
.manage-fields-wrapper .opened .delete-handle,
.form-wrapper .opened .delete-handle {
  visibility: visible;
  opacity: 1;
}
.manage-fields-wrapper.ud-manageinstructors #tip,
.form-wrapper.ud-manageinstructors #tip {
  padding-top: 10px;
  display: block;
  font-size: 13px;
}
.manage-fields-wrapper .input-symbol,
.form-wrapper .input-symbol {
  position: absolute;
  vertical-align: middle;
  margin: auto;
  top: 50%;
  margin-top: -10px;
  left: 6px;
  font-weight: bold;
  color: #555;
}
.manage-fields-wrapper .symbolled,
.form-wrapper .symbolled {
  padding-left: 15px;
}
.manage-fields-wrapper .disabled,
.form-wrapper .disabled {
  color: #777777;
}
.manage-fields-wrapper .disabled.btn,
.form-wrapper .disabled.btn {
  color: #fff;
}
.manage-fields-wrapper > div,
.form-wrapper > div {
  margin-top: 20px;
  position: relative;
}
.manage-fields-wrapper > div:first-child,
.form-wrapper > div:first-child {
  margin-top: 0px;
}
.manage-fields-wrapper > div:first-child.non-labeled,
.form-wrapper > div:first-child.non-labeled {
  margin-top: 0px;
}
.manage-fields-wrapper > div.non-labeled,
.form-wrapper > div.non-labeled {
  margin-top: 15px;
}
.manage-fields-wrapper > div.form-section,
.form-wrapper > div.form-section,
.manage-fields-wrapper > div.form-section.non-labeled,
.form-wrapper > div.form-section.non-labeled {
  margin-top: 0px;
  padding-top: 20px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d2d5d8;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #F1F3F6;
}
.manage-fields-wrapper > div.form-section.dark,
.form-wrapper > div.form-section.dark,
.manage-fields-wrapper > div.form-section.non-labeled.dark,
.form-wrapper > div.form-section.non-labeled.dark {
  background: #e5eaf2;
  font-weight: normal;
}
.manage-fields-wrapper > div.form-section.light,
.form-wrapper > div.form-section.light,
.manage-fields-wrapper > div.form-section.non-labeled.light,
.form-wrapper > div.form-section.non-labeled.light {
  background: #F9F9FA;
  font-weight: normal;
}
.manage-fields-wrapper > div.form-section.border-top,
.form-wrapper > div.form-section.border-top,
.manage-fields-wrapper > div.form-section.non-labeled.border-top,
.form-wrapper > div.form-section.non-labeled.border-top {
  border-top: 1px solid #fff;
  border-bottom: none;
  padding-top: 40px;
  padding-bottom: 10px;
}
.manage-fields-wrapper > div.form-section.border-bottom,
.form-wrapper > div.form-section.border-bottom,
.manage-fields-wrapper > div.form-section.non-labeled.border-bottom,
.form-wrapper > div.form-section.non-labeled.border-bottom {
  border-bottom: 1px solid #d2d5d8;
  border-top: none;
  padding-top: 10px;
  padding-bottom: 40px;
}
.manage-fields-wrapper > div.form-section.border-none,
.form-wrapper > div.form-section.border-none,
.manage-fields-wrapper > div.form-section.non-labeled.border-none,
.form-wrapper > div.form-section.non-labeled.border-none {
  border-top: none;
  border-bottom: none;
  padding-bottom: 10px;
  padding-top: 10px;
}
.manage-fields-wrapper > div.form-section.first-line,
.form-wrapper > div.form-section.first-line,
.manage-fields-wrapper > div.form-section.non-labeled.first-line,
.form-wrapper > div.form-section.non-labeled.first-line {
  padding-top: 20px;
}
.manage-fields-wrapper .vanity-url-info,
.form-wrapper .vanity-url-info {
  padding-top: 5px;
  position: absolute;
  left: 0px;
  top: 30px;
}
.manage-fields-wrapper .two-cols,
.form-wrapper .two-cols {
  position: relative;
  width: 45%;
  float: left;
  margin-left: 10%;
}
.manage-fields-wrapper .two-cols.first,
.form-wrapper .two-cols.first {
  margin-left: 0;
  clear: left;
}
.manage-fields-wrapper .two-cols.last,
.form-wrapper .two-cols.last {
  float: none;
  margin-left: 45%;
  width: 55%;
  padding-left: 10% !important;
}
.manage-fields-wrapper .two-cols select,
.form-wrapper .two-cols select {
  width: 100%;
}
.manage-fields-wrapper .q-mark,
.form-wrapper .q-mark {
  top: 0px;
  right: -40px;
}
.manage-fields-wrapper .checkboxselectmultiple.form-control,
.form-wrapper .checkboxselectmultiple.form-control {
  margin-right: 10px;
  box-shadow: none;
  height: 18px;
}
.manage-fields-wrapper .check-box,
.form-wrapper .check-box {
  margin-top: 0px;
}
.manage-fields-wrapper .on-off-group,
.form-wrapper .on-off-group {
  border: 1px solid darkGray;
  background-color: white;
  padding: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  height: auto;
}
.manage-fields-wrapper .on-off-group .on-off-item,
.form-wrapper .on-off-group .on-off-item {
  border-top: 1px solid darkGray;
  padding: 10px 4px;
  overflow: hidden;
}
.manage-fields-wrapper .on-off-group .on-off-item:first-child,
.form-wrapper .on-off-group .on-off-item:first-child {
  border-top: none;
}
.manage-fields-wrapper .on-off-group .on-off-item .switcher-no-js,
.form-wrapper .on-off-group .on-off-item .switcher-no-js {
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin: 5px 10px;
}
.manage-fields-wrapper .on-off-group .on-off-item .switcher-no-js label,
.form-wrapper .on-off-group .on-off-item .switcher-no-js label {
  font-size: 11px;
}
.manage-fields-wrapper .on-off-item.disabled label,
.form-wrapper .on-off-item.disabled label,
.manage-fields-wrapper .radio-item.disabled label,
.form-wrapper .radio-item.disabled label,
.manage-fields-wrapper .checkbox-item.disabled label,
.form-wrapper .checkbox-item.disabled label {
  color: #777777;
}
.manage-fields-wrapper .on-off-item input[type=radio],
.form-wrapper .on-off-item input[type=radio],
.manage-fields-wrapper .radio-item input[type=radio],
.form-wrapper .radio-item input[type=radio],
.manage-fields-wrapper .checkbox-item input[type=radio],
.form-wrapper .checkbox-item input[type=radio],
.manage-fields-wrapper .on-off-item input[type=checkbox],
.form-wrapper .on-off-item input[type=checkbox],
.manage-fields-wrapper .radio-item input[type=checkbox],
.form-wrapper .radio-item input[type=checkbox],
.manage-fields-wrapper .checkbox-item input[type=checkbox],
.form-wrapper .checkbox-item input[type=checkbox] {
  float: left;
}
.manage-fields-wrapper .on-off-item label,
.form-wrapper .on-off-item label,
.manage-fields-wrapper .radio-item label,
.form-wrapper .radio-item label,
.manage-fields-wrapper .checkbox-item label,
.form-wrapper .checkbox-item label {
  color: #444;
  font-size: 14px;
  font-weight: normal;
  margin: 0 10px 5px 20px;
  vertical-align: middle;
}
.manage-fields-wrapper .checkbox label,
.form-wrapper .checkbox label {
  color: #444;
  font-size: 14px;
  font-weight: normal;
}
.manage-fields-wrapper .on-off-item label,
.form-wrapper .on-off-item label {
  display: inline-block;
  margin: 5px 10px;
}
.manage-fields-wrapper label,
.form-wrapper label,
.manage-fields-wrapper .form-item-label,
.form-wrapper .form-item-label,
.manage-fields-wrapper .blockLabel,
.form-wrapper .blockLabel {
  color: #526075;
  font-weight: bold;
  font-size: 13px;
}
.manage-fields-wrapper .tos-textarea,
.form-wrapper .tos-textarea {
  height: 320px;
  padding: 15px 15px 0px 15px;
  resize: none;
  overflow: auto;
  font-weight: normal;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.manage-fields-wrapper .tos-textarea h2,
.form-wrapper .tos-textarea h2,
.manage-fields-wrapper .tos-textarea h3,
.form-wrapper .tos-textarea h3 {
  text-align: left !important;
}
.manage-fields-wrapper .tos-textarea h2,
.form-wrapper .tos-textarea h2 {
  font-size: 15px !important;
  margin: 0 0 5px 0 !important;
}
.manage-fields-wrapper .tos-textarea ul,
.form-wrapper .tos-textarea ul {
  list-style-type: disc;
  margin-left: 15px;
}
.manage-fields-wrapper .checkbox-label,
.form-wrapper .checkbox-label {
  display: inline;
}
.manage-fields-wrapper input[type=text],
.form-wrapper input[type=text],
.manage-fields-wrapper input[type=password],
.form-wrapper input[type=password],
.manage-fields-wrapper input[type=email],
.form-wrapper input[type=email],
.manage-fields-wrapper textarea,
.form-wrapper textarea,
.manage-fields-wrapper .uneditable-input,
.form-wrapper .uneditable-input,
.manage-fields-wrapper .input-like-field,
.form-wrapper .input-like-field {
  border: 1px solid #a9a9a9;
  width: 100%;
  padding: 4px 6px;
  height: 30px;
}
.manage-fields-wrapper .uneditable-input,
.form-wrapper .uneditable-input,
.manage-fields-wrapper .input-like-field,
.form-wrapper .input-like-field {
  background-color: white;
  padding: 4px 6px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  height: auto;
}
.manage-fields-wrapper textarea,
.form-wrapper textarea {
  height: 70px;
  padding-right: 0;
  resize: none;
}
.manage-fields-wrapper input:-moz-placeholder,
.form-wrapper input:-moz-placeholder,
.manage-fields-wrapper textarea:-moz-placeholder,
.form-wrapper textarea:-moz-placeholder {
  color: #aaa;
}
.manage-fields-wrapper input::-webkit-input-placeholder,
.form-wrapper input::-webkit-input-placeholder,
.manage-fields-wrapper textarea::-webkit-input-placeholder,
.form-wrapper textarea::-webkit-input-placeholder {
  color: #aaa;
}
.manage-fields-wrapper .tooltip-reference,
.form-wrapper .tooltip-reference {
  position: relative;
  display: inline-block;
  width: 100%;
}
.manage-fields-wrapper .tooltip-reference:hover .black-tooltip,
.form-wrapper .tooltip-reference:hover .black-tooltip {
  opacity: 0;
  visibility: hidden;
}
.manage-fields-wrapper .tooltip-reference:hover .black-tooltip.error-msg,
.form-wrapper .tooltip-reference:hover .black-tooltip.error-msg {
  opacity: 1;
  visibility: visible;
}
.manage-fields-wrapper .tooltip-reference input:focus ~ .notes,
.form-wrapper .tooltip-reference input:focus ~ .notes,
.manage-fields-wrapper .tooltip-reference textarea:focus ~ .notes,
.form-wrapper .tooltip-reference textarea:focus ~ .notes,
.manage-fields-wrapper .tooltip-reference label:focus ~ .notes,
.form-wrapper .tooltip-reference label:focus ~ .notes {
  visibility: visible;
  opacity: 1;
  z-index: 89;
}
.manage-fields-wrapper .hover.tooltip-reference:hover ~ .notes,
.form-wrapper .hover.tooltip-reference:hover ~ .notes,
.manage-fields-wrapper .hover.tooltip-reference select:hover ~ .notes,
.form-wrapper .hover.tooltip-reference select:hover ~ .notes,
.manage-fields-wrapper .hover.tooltip-reference input:hover ~ .notes,
.form-wrapper .hover.tooltip-reference input:hover ~ .notes,
.manage-fields-wrapper .hover.tooltip-reference textarea:hover ~ .notes,
.form-wrapper .hover.tooltip-reference textarea:hover ~ .notes,
.manage-fields-wrapper .hover.tooltip-reference label:hover ~ .notes,
.form-wrapper .hover.tooltip-reference label:hover ~ .notes,
.manage-fields-wrapper .tooltip-reference .tooltip-on-hover:hover ~ .notes,
.form-wrapper .tooltip-reference .tooltip-on-hover:hover ~ .notes,
.manage-fields-wrapper .tooltip-reference .redactor-box:hover ~ .notes,
.form-wrapper .tooltip-reference .redactor-box:hover ~ .notes,
.manage-fields-wrapper .tooltip-reference select:hover ~ .notes,
.form-wrapper .tooltip-reference select:hover ~ .notes,
.manage-fields-wrapper .tooltip-reference .hover:hover ~ .notes,
.form-wrapper .tooltip-reference .hover:hover ~ .notes {
  visibility: visible;
  opacity: 1;
  z-index: 89;
}
.manage-fields-wrapper .hover.tooltip-reference:focus:hover ~ .notes,
.form-wrapper .hover.tooltip-reference:focus:hover ~ .notes,
.manage-fields-wrapper .hover.tooltip-reference select:focus:hover ~ .notes,
.form-wrapper .hover.tooltip-reference select:focus:hover ~ .notes,
.manage-fields-wrapper .hover.tooltip-reference input:focus:hover ~ .notes,
.form-wrapper .hover.tooltip-reference input:focus:hover ~ .notes,
.manage-fields-wrapper .hover.tooltip-reference textarea:focus:hover ~ .notes,
.form-wrapper .hover.tooltip-reference textarea:focus:hover ~ .notes,
.manage-fields-wrapper .hover.tooltip-reference label:focus:hover ~ .notes,
.form-wrapper .hover.tooltip-reference label:focus:hover ~ .notes,
.manage-fields-wrapper .tooltip-reference .tooltip-on-hover:focus:hover ~ .notes,
.form-wrapper .tooltip-reference .tooltip-on-hover:focus:hover ~ .notes,
.manage-fields-wrapper .tooltip-reference .redactor-box:focus:hover ~ .notes,
.form-wrapper .tooltip-reference .redactor-box:focus:hover ~ .notes,
.manage-fields-wrapper .tooltip-reference select:focus:hover ~ .notes,
.form-wrapper .tooltip-reference select:focus:hover ~ .notes,
.manage-fields-wrapper .tooltip-reference .hover:focus:hover ~ .notes,
.form-wrapper .tooltip-reference .hover:focus:hover ~ .notes {
  visibility: visible;
  opacity: 1;
  z-index: 89;
}
.manage-fields-wrapper .hover.tooltip-reference:focus ~ .notes,
.form-wrapper .hover.tooltip-reference:focus ~ .notes,
.manage-fields-wrapper .hover.tooltip-reference select:focus ~ .notes,
.form-wrapper .hover.tooltip-reference select:focus ~ .notes,
.manage-fields-wrapper .hover.tooltip-reference input:focus ~ .notes,
.form-wrapper .hover.tooltip-reference input:focus ~ .notes,
.manage-fields-wrapper .hover.tooltip-reference textarea:focus ~ .notes,
.form-wrapper .hover.tooltip-reference textarea:focus ~ .notes,
.manage-fields-wrapper .hover.tooltip-reference label:focus ~ .notes,
.form-wrapper .hover.tooltip-reference label:focus ~ .notes,
.manage-fields-wrapper .tooltip-reference .tooltip-on-hover:focus ~ .notes,
.form-wrapper .tooltip-reference .tooltip-on-hover:focus ~ .notes,
.manage-fields-wrapper .tooltip-reference .redactor-box:focus ~ .notes,
.form-wrapper .tooltip-reference .redactor-box:focus ~ .notes,
.manage-fields-wrapper .tooltip-reference select:focus ~ .notes,
.form-wrapper .tooltip-reference select:focus ~ .notes,
.manage-fields-wrapper .tooltip-reference .hover:focus ~ .notes,
.form-wrapper .tooltip-reference .hover:focus ~ .notes {
  visibility: hidden;
  opacity: 0;
  z-index: 89;
}
.manage-fields-wrapper .ch-count-field,
.form-wrapper .ch-count-field {
  padding-right: 45px !important;
}
.manage-fields-wrapper .ch-count-field .error-msg,
.form-wrapper .ch-count-field .error-msg {
  right: 39px;
}
.manage-fields-wrapper .ch-count,
.form-wrapper .ch-count {
  position: absolute;
  background: #e5e7ea;
  color: #636b6f;
  font-size: 14px;
  font-weight: bold;
  padding: 0 5px;
  right: 3px;
  top: 3px;
  line-height: 24px;
  width: 34px;
  text-align: center;
}
.manage-fields-wrapper .ch-count-warning,
.form-wrapper .ch-count-warning {
  background: #ff0000;
  color: #ffffff;
  font-size: 18px;
}
.manage-fields-wrapper .ch-count-field-long + .ch-count,
.form-wrapper .ch-count-field-long + .ch-count {
  width: 44px;
}
.manage-fields-wrapper .inside-error-msg,
.form-wrapper .inside-error-msg {
  background: #a94442;
  bottom: 2px;
  color: #fff;
  font-weight: bold;
  padding: 3px 5px;
  position: absolute;
  right: 2px;
  text-transform: uppercase;
  visibility: hidden;
  opacity: 0;
}
.manage-fields-wrapper #tooltip-reference-content .inside-error-msg,
.form-wrapper #tooltip-reference-content .inside-error-msg {
  bottom: 12px;
}
.manage-fields-wrapper .outside-error-msg,
.form-wrapper .outside-error-msg {
  color: #a94442;
  visibility: hidden;
  opacity: 0;
}
.manage-fields-wrapper .outside-warning-msg,
.form-wrapper .outside-warning-msg {
  color: #8a6d3b;
  visibility: hidden;
  opacity: 0;
}
.manage-fields-wrapper .field-error input,
.form-wrapper .field-error input,
.manage-fields-wrapper .field-error textarea,
.form-wrapper .field-error textarea {
  border-color: #a94442;
}
.manage-fields-wrapper .field-error select,
.form-wrapper .field-error select {
  color: #a94442;
}
.manage-fields-wrapper .field-error .checkbox-label,
.form-wrapper .field-error .checkbox-label,
.manage-fields-wrapper .field-error .checkbox-item > label,
.form-wrapper .field-error .checkbox-item > label {
  color: #a94442;
}
.manage-fields-wrapper .field-error .ud-tabsformitem ul li span.ui-button-text,
.form-wrapper .field-error .ud-tabsformitem ul li span.ui-button-text {
  color: #a94442;
  border-color: #a94442;
}
.manage-fields-wrapper .field-error .ud-tabsformitem ul li.ui-tabs-selected span.ui-button-text,
.form-wrapper .field-error .ud-tabsformitem ul li.ui-tabs-selected span.ui-button-text {
  color: white;
}
.manage-fields-wrapper .field-error .error-msg,
.form-wrapper .field-error .error-msg {
  visibility: visible;
  opacity: 1;
}
.manage-fields-wrapper .form-tooltip hr,
.form-wrapper .form-tooltip hr {
  margin-bottom: 7px;
  margin-top: 7px;
}
.manage-fields-wrapper .form-tooltip.blue-skin,
.form-wrapper .form-tooltip.blue-skin {
  visibility: visible;
  opacity: 1;
}
.manage-fields-wrapper .form-tooltip.blue-skin .inside-error-msg,
.form-wrapper .form-tooltip.blue-skin .inside-error-msg {
  right: 3px;
  bottom: 3px;
  font-size: 12px;
}
.manage-fields-wrapper .radio-list,
.form-wrapper .radio-list {
  list-style: none !important;
  margin-left: 0 !important;
  background: #aecae6;
}
.manage-fields-wrapper .radio-list .inside-error-msg,
.form-wrapper .radio-list .inside-error-msg {
  bottom: -27px !important;
  right: 3px !important;
}
.manage-fields-wrapper .radio-list li.radio-item,
.form-wrapper .radio-list li.radio-item {
  background: #EFF5FC ;
  margin-top: 3px;
  min-height: 30px;
  padding: 6px;
  position: relative;
}
.manage-fields-wrapper .radio-list li.radio-item:before,
.form-wrapper .radio-list li.radio-item:before,
.manage-fields-wrapper .radio-list li.radio-item:after,
.form-wrapper .radio-list li.radio-item:after {
  content: " ";
  display: table;
}
.manage-fields-wrapper .radio-list li.radio-item:after,
.form-wrapper .radio-list li.radio-item:after {
  clear: both;
}
.manage-fields-wrapper .radio-list li.radio-item:before,
.form-wrapper .radio-list li.radio-item:before,
.manage-fields-wrapper .radio-list li.radio-item:after,
.form-wrapper .radio-list li.radio-item:after {
  content: " ";
  display: table;
}
.manage-fields-wrapper .radio-list li.radio-item:after,
.form-wrapper .radio-list li.radio-item:after {
  clear: both;
}
.manage-fields-wrapper .radio-list li.radio-item input[type=radio],
.form-wrapper .radio-list li.radio-item input[type=radio] {
  float: left;
  margin-top: 9px;
}
.manage-fields-wrapper .radio-list li.radio-item input[type=text],
.form-wrapper .radio-list li.radio-item input[type=text],
.manage-fields-wrapper .radio-list li.radio-item input[type=password],
.form-wrapper .radio-list li.radio-item input[type=password] {
  width: 318px !important;
  margin: 0 0 0 10px;
}
.manage-fields-wrapper .radio-list li.radio-item label,
.form-wrapper .radio-list li.radio-item label {
  margin: 6px 0 0 8px;
  float: left;
}
.manage-fields-wrapper .as-selection-item,
.form-wrapper .as-selection-item {
  background: #9297a2 !important;
  text-shadow: none !important;
}
.manage-fields-wrapper .as-selection-item a,
.form-wrapper .as-selection-item a {
  background: #63666b !important;
  color: white !important;
}
.manage-fields-wrapper .as-selection-item a:hover,
.form-wrapper .as-selection-item a:hover {
  background: #000 !important;
}
.manage-fields-wrapper .media-upload-manager .black-tooltip,
.form-wrapper .media-upload-manager .black-tooltip {
  top: auto;
  bottom: 5px;
}
.manage-fields-wrapper .media-preview-wrapper,
.form-wrapper .media-preview-wrapper {
  background: #fff;
  border: 1px solid #A9A9A9;
  box-shadow: 0 2px 0 rgba(255, 255, 255, 0.63), 0 1px 2px rgba(0, 0, 0, 0.15) inset;
  padding: 18px;
}
.manage-fields-wrapper .media-preview-wrapper .q-mark,
.form-wrapper .media-preview-wrapper .q-mark {
  top: 20px;
}
.manage-fields-wrapper .media-preview-wrapper .contained,
.form-wrapper .media-preview-wrapper .contained {
  max-width: 100%;
  max-height: 100%;
}
.manage-fields-wrapper .media-preview-wrapper .media-preview,
.form-wrapper .media-preview-wrapper .media-preview {
  background: #EEF4FD;
  padding: 2px;
}
.manage-fields-wrapper .media-preview-wrapper .video-status-message,
.form-wrapper .media-preview-wrapper .video-status-message {
  background: #EEF4FD;
}
.manage-fields-wrapper .media-preview-wrapper .media,
.form-wrapper .media-preview-wrapper .media {
  border: 1px dotted #C2CBD7;
  height: 270px;
  text-align: center;
  background-size: cover;
  overflow: hidden;
}
.manage-fields-wrapper .media-preview-wrapper .notes-table,
.form-wrapper .media-preview-wrapper .notes-table {
  height: 100%;
  width: 100%;
  position: relative;
}
.manage-fields-wrapper .media-preview-wrapper .notes-table .media-content,
.form-wrapper .media-preview-wrapper .notes-table .media-content {
  width: 100%;
  height: 100%;
}
.manage-fields-wrapper .media-preview-wrapper .notes-table .info,
.form-wrapper .media-preview-wrapper .notes-table .info {
  color: #5589B6;
  text-align: center;
  background: #EEF4FD;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.manage-fields-wrapper .media-preview-wrapper .notes-table .info h4,
.form-wrapper .media-preview-wrapper .notes-table .info h4 {
  top: 50%;
  margin-top: -14px;
  position: relative;
}
.manage-fields-wrapper .media-preview-wrapper .notes-table h4,
.form-wrapper .media-preview-wrapper .notes-table h4 {
  font-size: 24px;
  font-weight: 300;
}
.manage-fields-wrapper .media-preview-wrapper .notes-table h5,
.form-wrapper .media-preview-wrapper .notes-table h5 {
  font-size: 16px;
  font-weight: 300;
  margin-top: 5px;
}
.manage-fields-wrapper .media-preview-wrapper .notes-table .processing,
.form-wrapper .media-preview-wrapper .notes-table .processing {
  font-size: 15px;
  color: #5589B6;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.manage-fields-wrapper .media-preview-wrapper .tip,
.form-wrapper .media-preview-wrapper .tip {
  color: #444;
  margin-top: 10px;
}
.manage-fields-wrapper .input-wrapper,
.form-wrapper .input-wrapper {
  margin-top: 20px;
}
.manage-fields-wrapper .input-wrapper .input-section,
.form-wrapper .input-wrapper .input-section {
  margin-top: 5px;
}
.manage-fields-wrapper .input-wrapper .input-section:before,
.form-wrapper .input-wrapper .input-section:before,
.manage-fields-wrapper .input-wrapper .input-section:after,
.form-wrapper .input-wrapper .input-section:after {
  content: " ";
  display: table;
}
.manage-fields-wrapper .input-wrapper .input-section:after,
.form-wrapper .input-wrapper .input-section:after {
  clear: both;
}
.manage-fields-wrapper .input-wrapper .input-section:before,
.form-wrapper .input-wrapper .input-section:before,
.manage-fields-wrapper .input-wrapper .input-section:after,
.form-wrapper .input-wrapper .input-section:after {
  content: " ";
  display: table;
}
.manage-fields-wrapper .input-wrapper .input-section:after,
.form-wrapper .input-wrapper .input-section:after {
  clear: both;
}
.manage-fields-wrapper .input-wrapper .input-section .left-section,
.form-wrapper .input-wrapper .input-section .left-section {
  background: #FAF9F4;
  border: 1px solid #E1E1E1;
  color: #656565;
  padding: 5px;
}
.manage-fields-wrapper .input-wrapper .input-section .progress,
.form-wrapper .input-wrapper .input-section .progress {
  margin-bottom: 0;
}
.manage-fields-wrapper .input-wrapper .input-section.cancel .left-section,
.form-wrapper .input-wrapper .input-section.cancel .left-section {
  background: #fff;
  margin-right: 78px;
}
.manage-fields-wrapper .input-wrapper .input-section.crop .left-section,
.form-wrapper .input-wrapper .input-section.crop .left-section {
  margin-right: 140px;
}
.manage-fields-wrapper.ud-manageinstructors .table-view li > span:nth-child(1),
.form-wrapper.ud-manageinstructors .table-view li > span:nth-child(1),
.manage-fields-wrapper.ud-manageinstructors .table-view li > div:nth-child(1),
.form-wrapper.ud-manageinstructors .table-view li > div:nth-child(1) {
  width: 130px;
}
.manage-fields-wrapper .table-view,
.form-wrapper .table-view {
  margin: 20px 0px 0px 0px;
  display: table;
  width: 100%;
}
.manage-fields-wrapper .table-view.coupon-codes li div:first-child,
.form-wrapper .table-view.coupon-codes li div:first-child,
.manage-fields-wrapper .table-view.coupon-codes li span:first-child,
.form-wrapper .table-view.coupon-codes li span:first-child {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.manage-fields-wrapper .table-view#coupon-code-list,
.form-wrapper .table-view#coupon-code-list {
  margin-left: 0;
}
.manage-fields-wrapper .table-view li,
.form-wrapper .table-view li {
  background: #fff;
  position: relative;
  color: #555;
  font-size: 14px;
  width: 100%;
  margin: 0px;
  display: table-row;
}
.manage-fields-wrapper .table-view li.header > span,
.form-wrapper .table-view li.header > span {
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
.manage-fields-wrapper .table-view li.header > span:first-child,
.form-wrapper .table-view li.header > span:first-child {
  border-left: 1px solid #BBB;
}
.manage-fields-wrapper .table-view li.header > span:last-child,
.form-wrapper .table-view li.header > span:last-child {
  border-right: 1px solid #BBB;
}
.manage-fields-wrapper .table-view li > div,
.form-wrapper .table-view li > div,
.manage-fields-wrapper .table-view li > span,
.form-wrapper .table-view li > span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 10px 5px;
  border-top: none;
  border-bottom: 1px solid #D1D1D1;
}
.manage-fields-wrapper .table-view li > div:first-child,
.form-wrapper .table-view li > div:first-child,
.manage-fields-wrapper .table-view li > span:first-child,
.form-wrapper .table-view li > span:first-child {
  border-left: 1px solid #D1D1D1;
}
.manage-fields-wrapper .table-view li > div:last-child,
.form-wrapper .table-view li > div:last-child,
.manage-fields-wrapper .table-view li > span:last-child,
.form-wrapper .table-view li > span:last-child {
  border-right: 1px solid #D1D1D1;
}
.manage-fields-wrapper .table-view li > div .flex,
.form-wrapper .table-view li > div .flex,
.manage-fields-wrapper .table-view li > span .flex,
.form-wrapper .table-view li > span .flex {
  display: inline-block;
}
.manage-fields-wrapper .table-view li > .outside-error-msg,
.form-wrapper .table-view li > .outside-error-msg {
  text-align: left;
}
.manage-fields-wrapper .table-view li.header,
.form-wrapper .table-view li.header {
  background: #ecf0f2 ;
  top: 3px;
  z-index: 1;
  font-size: 13px;
}
.manage-fields-wrapper .table-view li.header > span,
.form-wrapper .table-view li.header > span,
.manage-fields-wrapper .table-view li.header > div,
.form-wrapper .table-view li.header > div {
  box-shadow: 1px 0 #bbb inset, 2px 0 #fff inset;
}
.manage-fields-wrapper .table-view li.header > span:nth-child(1),
.form-wrapper .table-view li.header > span:nth-child(1),
.manage-fields-wrapper .table-view li.header > div:nth-child(1),
.form-wrapper .table-view li.header > div:nth-child(1) {
  box-shadow: none;
}
.manage-fields-wrapper .table-view li .ui-icon,
.form-wrapper .table-view li .ui-icon {
  background: none;
  height: auto;
}
.manage-fields-wrapper .table-view li .ui-icon .sort-handle,
.form-wrapper .table-view li .ui-icon .sort-handle {
  position: relative;
  right: 0;
  display: block;
  margin: 2px 0 0 4px;
  visibility: hidden;
  opacity: 0;
}
.manage-fields-wrapper .table-view li .perc input,
.form-wrapper .table-view li .perc input {
  width: 36px;
  text-align: right;
}
.manage-fields-wrapper .table-view li .perc .input-add-on,
.form-wrapper .table-view li .perc .input-add-on {
  padding-left: 5px;
}
.manage-fields-wrapper .table-view li .udemy-share,
.form-wrapper .table-view li .udemy-share {
  background: #e5e7ea;
  padding: 5px 10px;
  color: #979da0;
  font-weight: bold;
}
.manage-fields-wrapper .table-view li .udemy-share span,
.form-wrapper .table-view li .udemy-share span {
  margin-left: 5px;
}
.manage-fields-wrapper .table-view li:not(.udemy-column):hover .ui-icon .sort-handle,
.form-wrapper .table-view li:not(.udemy-column):hover .ui-icon .sort-handle {
  visibility: visible;
  opacity: 1;
}
.manage-fields-wrapper .add-instructor-submit,
.form-wrapper .add-instructor-submit {
  float: right;
  z-index: 2;
}
.flex-wrapper-wrapper .tooltip-reference {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.flex-wrapper-wrapper .tooltip-reference .input-add-on {
  display: inline-block;
  line-height: 2.1;
  margin: 0;
  vertical-align: bottom;
}
#forgot-password-form {
  padding: 20px 20px 0;
}
#reset-password {
  padding: 20px 0;
  width: 400px;
  margin: auto;
}
#change-pass-form {
  width: 400px;
  margin: 40px auto;
  border: 1px solid #E4E4E4;
  text-align: center;
  padding: 0 20px 20px;
}
body header.udemy-header {
  background: #414246;
  height: 52px;
}
body header.udemy-header.for-ufo .container #logo {
  width: 340px;
  height: 35px;
  margin: -18px 0 0 -170px;
}
body header.udemy-header.for-ufo .container #logo.no-image {
  background: none !important;
  white-space: nowrap;
  text-indent: 0;
  text-align: center;
  line-height: 35px;
  font-family: inherit;
  color: #444;
}
body header.udemy-header.for-ufo .container #logo.no-image > img {
  margin: 0px 8px 5px 0px;
}
body header.udemy-header.for-ufo .container #logo.no-image > .logo-text {
  font-size: 18px;
}
body header.udemy-header .top-link-manage-organization,
body header.udemy-header .top-link-my-courses {
  color: #FFF;
  display: inline-block;
  height: 52px;
  line-height: 52px;
  margin: 0 10px;
  font-size: 14px;
}
body header.udemy-header .top-link-manage-organization:hover,
body header.udemy-header .top-link-my-courses:hover {
  color: #ddd;
}
body header.udemy-header .num-of-unread {
  background: #FA6B6B ;
  border-radius: 50%;
  color: white;
  display: inline-block;
  font-size: 10px;
  padding: 5px;
  vertical-align: top;
  line-height: normal;
  position: relative;
  top: 3px;
  margin-left: 4px;
  font-weight: bold;
  min-width: 22px;
  text-align: center;
}
body header.udemy-header .container {
  position: relative;
}
body header.udemy-header .left-items {
  float: left;
}
body header.udemy-header .left-items > * {
  font-size: 14px;
  font-weight: bold;
}
body header.udemy-header .right-items {
  float: right;
  font-size: 0;
}
body header.udemy-header .right-items > * {
  font-size: 14px;
  font-weight: bold;
}
body header.udemy-header .container #logo {
  display: block;
  background-size: contain !important;
  text-indent: -999em;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 35px;
  margin: -18px 0 0 -50px;
  padding: 0px;
}
body header.udemy-header .header-link {
  line-height: 52px;
  display: inline-block;
  color: #fff;
  margin: 0 10px;
}
body header.udemy-header .header-link:hover {
  color: #fff;
}
body header.udemy-header .login-btn:hover {
  color: #ddd;
}
body header.udemy-header .login-btn i {
  margin-right: 5px;
}
body header.udemy-header .signup-btn {
  color: #88CD3B;
}
#fancybox-overlay {
  opacity: .8 !important;
}
#fancybox-overlay.noopacity {
  opacity: 0 !important;
}
.fancybox-wrap {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 0;
}
.fancybox-wrap .fancybox-skin {
  background: #fff;
  border: 0;
  border-radius: 5px;
}
.fancybox-wrap .fancybox-skin .fancybox-inner {
  overflow: visible !important;
  border-radius: 5px;
}
.fancybox-wrap .fancybox-skin .fancybox-inner > h1:first-child {
  background: #f1f1f1;
  font-size: 16px;
  padding: 10px 35px 10px 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #BEBEBE;
  box-shadow: 0 1px #EDEDE7;
  margin: 0px;
  line-height: 1.2;
}
.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner {
  background: #fff;
}
.fancybox-wrap .fancybox-skin .fancybox-close {
  background: none;
  height: 20px;
  width: 20px;
  right: 10px;
  top: 10px;
  opacity: .8;
}
.fancybox-wrap .fancybox-skin .fancybox-close:before {
  font-family: 'FontAwesome';
  content: "\f00d";
  text-align: center;
  color: #fff;
  background: #bbb;
  display: block;
  border-radius: 50%;
}
.fancybox-wrap .fancybox-skin .fancybox-close:hover {
  opacity: 1;
}
#login-box-container h3 {
  font-size: 14px;
}
#login-box-container #login-form-wrapper {
  width: 330px;
  padding: 15px 0px 0px 15px;
  float: left;
}
#login-box-container #login-form-wrapper h3 {
  padding-left: 0px;
  margin-top: 10px;
}
#fb-signup-box {
  margin-top: 15px;
  max-height: 166px;
  overflow: hidden;
}
#popup-inner.no-facebook {
  width: 400px;
  background-color: #fff;
}
#popup-inner.with-facebook {
  width: 710px;
  background-color: #fff;
}
#popup-inner #login-box-header {
  background: #F1F1F1;
  padding: 5px;
  border-bottom: 1px solid #CCC;
  color: #353535;
  text-align: center;
  padding-right: 30px;
}
#popup-inner #login-box-header h3 {
  font-size: 18px;
  line-height: 30px;
}
#popup-inner #login-box-header h3.no-subtitle {
  font-size: 24px;
}
#popup-inner #login-box-header h4 {
  font-size: 13px;
  font-weight: normal;
  margin: 0;
}
#popup-inner h3 {
  font-size: 14px;
  margin: 0;
}
#popup-inner #login-fb-wrapper {
  width: 335px;
  float: left;
  text-align: left;
  border-right: 1px solid #dddddd;
  padding: 15px 15px 10px 0;
}
#popup-inner #login-form-wrapper {
  width: 330px;
  padding-right: 15px;
  float: left;
  margin: 15px 10px 0 10px;
}
#popup-inner #login-form-wrapper h3 {
  padding-left: 0px;
}
#popup-inner #login-skip-btn {
  font-weight: normal;
  font-size: 11px;
  display: block;
  float: right;
  margin-top: 10px;
}
#popup-inner .input-table th {
  width: 90px;
}
#popup-inner .input-table th #password {
  width: 90%    \9;
}
#popup-inner .input-table th #email {
  width: 90%    \9;
}
#popup-inner .secondary-text {
  margin: 10px 0;
  font-size: 11px;
  color: #666;
  line-height: 14px;
}
#popup-inner .disclaimer {
  background-color: #eef0ff;
  padding: 10px;
  border-top: 2px solid #d0e0f0;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
.fancybox-outer #popup-inner.no-facebook {
  margin-top: 0;
}
.fancybox-outer .header-v4 {
  display: none;
}
#ins-popup {
  background: #fff;
  height: 540px;
  margin: 20px auto;
  width: 520px;
}
#ins-popup > div {
  overflow: hidden;
  padding: 10px;
  border-top: 1px solid #D8D7D5;
}
#ins-popup h3 {
  font-size: 15px;
  text-transform: uppercase;
}
#ins-popup .user-img {
  box-shadow: 0 0 1px #fff inset, 0 1px 1px #B0B0B0;
  float: left;
  height: 50px;
  width: 50px;
}
#ins-popup .share {
  margin-top: 10px;
}
#ins-popup .share a {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 4px;
  background: #fff url("/staticx/udemy/images/v3/sprites.png?v=17");
  border-radius: 99em;
  overflow: hidden;
  border: 1px solid #e1e1e1;
}
#ins-popup .share a.t {
  background-position: 0px -1200px;
}
#ins-popup .share a.f {
  background-position: -20px -1200px;
}
#ins-popup .share a.g {
  background-position: -40px -1200px;
}
#ins-popup .share a.l {
  background-position: -60px -1200px;
}
#ins-popup .title {
  color: #6F6F6F;
  float: left;
  font-size: 13px;
  margin: 7px 0 0 10px;
}
#ins-popup .title b {
  color: #000;
  display: block;
  font-size: 14px;
}
#ins-popup .title i {
  font-family: georgia;
}
#ins-popup .msg {
  float: right;
  margin-top: 10px;
}
#ins-popup .r1 {
  background: #fff ;
}
#ins-popup .following,
#ins-popup .followers {
  float: left;
  padding: 5px 10px;
  text-align: center;
  width: 76px;
}
#ins-popup .following {
  border-right: 1px solid #D8D7D5;
  box-shadow: 1px 0 #FFFFFF;
}
#ins-popup .r2 {
  background: #FEFDFB ;
  padding: 0 !important;
}
#ins-popup .share {
  float: right;
  margin: 13px 6px 0 0;
}
#ins-popup .follow {
  float: right;
  margin: 7px 10px;
}
#ins-popup .r3 {
  background: #fffef9;
  color: #666;
}
#ins-popup .r3 h3 {
  color: #984c2a;
}
#ins-popup .read-more {
  float: right;
}
#ins-popup .r4 {
  box-shadow: 0 5px 5px -5px #ccc inset;
  color: #555;
}
#ins-popup .r4 h3 {
  color: #5f8eb8;
}
#ins-popup .r5 h3 {
  color: #998b2a;
}
#ins-popup .r5 ul {
  margin: 2px 15px;
}
#ins-popup .r5 li {
  list-style: disc;
}
#ins-popup .r5 a {
  color: #333;
}
#ins-popup .r5 a:hover {
  font-weight: bold;
}
#course-password-wrapper {
  padding: 10px;
}
#course-password-wrapper h2 {
  font-size: 20px;
  line-height: 1.4;
  margin-right: 30px;
}
.popup-content-wrapper {
  display: none;
}
.popup-with-heading {
  position: relative;
  color: #333;
  text-align: left;
  width: 600px !important;
  height: 400px !important;
  max-width: 100%;
  display: none;
}
.popup-with-heading .header {
  background: #F3F3F3 ;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  padding: 7px 10px;
  position: relative;
  z-index: 1;
}
.popup-with-heading .header h1 {
  font-size: 22px;
  font-weight: 200;
  line-height: 1.3;
  margin-right: 30px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 20px;
}
.popup-with-heading .main {
  overflow: auto;
  position: absolute;
  width: 100%;
  bottom: 0;
  top: 45px;
  margin: 0 !important;
}
.popup-with-heading.dark .header {
  background: #848484 ;
  text-align: center;
  color: #fff;
  font-size: 25px;
}
.popup-with-heading.dark .header h1 {
  font-weight: bold;
}
.popup-with-heading.dynamic-height .main {
  position: relative;
  top: auto;
  bottom: auto;
}
#landing-popup {
  width: 940px !important;
  height: auto !important;
}
.send-to-udemy {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  margin-top: 10px;
  color: #444;
}
.send-to-udemy:hover {
  color: #000;
}
.fancybox-inner #create-course-form {
  padding: 10px;
}
.loginbox-v4 {
  margin: 30px auto;
  border: 1px solid #ccc;
  background: #EDEFF1;
  padding: 20px;
  color: #355368;
  width: 680px;
  border-radius: 5px;
}
.loginbox-v4 .submit-row {
  text-align: center;
}
.loginbox-v4 .submit-row > input {
  width: 100%;
  height: 50px;
  font-weight: bold;
  font-size: 16px;
}
.loginbox-v4.narrow {
  max-width: 400px;
}
.loginbox-v4.wide {
  max-width: 680px;
}
.loginbox-v4 .box-heading {
  text-align: center;
  margin: 0;
  color: #355368;
  font-size: 24px;
  border-bottom: 1px solid #d3d3d3;
  padding: 10px 0;
}
.loginbox-v4 .box-heading-two-step {
  text-align: center;
  margin: 0;
  color: #355368;
  font-size: 24px;
  padding-bottom: 10px;
}
.loginbox-v4 h4 {
  font-size: 16px;
  color: #355368;
  margin: 0;
}
.loginbox-v4 .social-btn {
  margin-top: 10px;
}
.loginbox-v4 .box-col {
  padding: 20px 20px 10px;
}
.loginbox-v4 .box-separator {
  background: #d3d3d3;
  width: 1px;
}
.loginbox-v4 .shadowed-btn {
  margin-top: 10px;
  color: #fff !important;
  border-radius: 5px;
  font-weight: bold;
  font-size: 16px;
  padding: 15px 10px;
}
.loginbox-v4 .social-btn {
  padding: 0 20px 0 0;
}
.loginbox-v4 .social-btn .social-icon {
  padding: 15px 0 15px 5px;
  display: inline-block;
  font-size: 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  margin-right: 10px;
  width: 50px;
  text-align: center;
  font-weight: 700;
}
.loginbox-v4 .social-btn .btn-text {
  font-size: 16px;
  font-weight: bold;
}
.loginbox-v4 .social-btn .ajax-loader-tiny {
  left: 43%;
  margin-top: 12px;
}
.loginbox-v4 .disabled-btn {
  opacity: 0.5;
}
.loginbox-v4 .box-right {
  margin: 0 auto;
  max-width: 320px;
}
.loginbox-v4 .facebook-btn {
  background: #2b85c3;
}
.loginbox-v4 .facebook-btn:hover {
  background: #2979b0;
}
.loginbox-v4 .google-btn {
  background: #d03a3c;
}
.loginbox-v4 .google-btn:hover {
  background: #b73638;
}
.loginbox-v4 .email-btn {
  background: #5cb85c;
  padding: 15px 0 15px 5px;
  display: inline-block;
  text-align: center;
}
.loginbox-v4 .email-btn:hover {
  background: #4cae4c;
}
.loginbox-v4 .email-btn .btn-text {
  font-size: 16px;
  font-weight: bold;
}
.loginbox-v4 .fancy {
  line-height: 0.5;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
.loginbox-v4 .fancy span {
  display: inline-block;
  position: relative;
}
.loginbox-v4 .fancy span:before,
.loginbox-v4 .fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 1px solid #CCC;
  top: 5px;
  width: 150px;
}
.loginbox-v4 .fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.loginbox-v4 .fancy span:after {
  left: 100%;
  margin-left: 15px;
}
.loginbox-v4 .non-labeled:before {
  font-family: 'FontAwesome';
  position: absolute;
  left: 10px;
  top: 0;
  font-size: 20px;
  color: #d3d3d3;
  width: 20px;
  z-index: 2;
  text-align: center;
  line-height: 1;
  margin-top: 15px;
}
.loginbox-v4 #form-item-fullName:before,
.loginbox-v4 #form-item-fullname:before {
  content: "\f007";
}
.loginbox-v4 #form-item-email:before {
  content: "\f0e0";
}
.loginbox-v4 #form-item-password:before {
  content: "\f023";
}
.loginbox-v4 #form-item-title:before {
  content: "\f135";
}
.loginbox-v4 input[type="radio"],
.loginbox-v4 input[type="checkbox"] {
  margin: 0;
}
.loginbox-v4 .manage-fields-wrapper {
  margin-top: 10px;
}
.loginbox-v4 .manage-fields-wrapper input[type=text],
.loginbox-v4 .manage-fields-wrapper input[type=email],
.loginbox-v4 .manage-fields-wrapper input[type=password] {
  border-radius: 5px;
  padding: 11px 10px 12px 40px;
  height: auto;
  outline: 0;
  font-size: 18px;
  color: #355368;
}
.loginbox-v4 .manage-fields-wrapper input[type=text]:focus,
.loginbox-v4 .manage-fields-wrapper input[type=email]:focus,
.loginbox-v4 .manage-fields-wrapper input[type=password]:focus {
  border-color: #2b85c3;
}
.loginbox-v4 .manage-fields-wrapper input[type=text]:focus ~ i,
.loginbox-v4 .manage-fields-wrapper input[type=email]:focus ~ i,
.loginbox-v4 .manage-fields-wrapper input[type=password]:focus ~ i {
  color: #B5C3D4;
}
.loginbox-v4 .manage-fields-wrapper > div {
  position: relative;
  margin-top: 10px;
}
.loginbox-v4 .manage-fields-wrapper i {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  font-size: 18px;
  text-align: center;
  width: 18px;
  color: #D3D3D3;
}
.loginbox-v4 #signup-user-form .manage-fields-wrapper {
  margin-top: 0;
}
.loginbox-v4 .cancel-link {
  display: inline-block;
  margin-top: 10px;
}
.loginbox-v4 .rememberme-row {
  text-align: center;
}
.loginbox-v4 .rememberme-text {
  margin: 0 0 0 5px;
  font-weight: normal;
  color: #355368;
}
.loginbox-v4 .box-footer {
  border-top: 1px solid #d3d3d3;
  margin-top: 20px;
  box-shadow: 0 1px #fff inset;
  padding-top: 16px;
  text-align: center;
}
.loginbox-v4 .box-footer a {
  font-weight: bold;
}
.loginbox-v4 .forgot-row {
  margin-top: 10px;
  text-align: center;
}
.loginbox-v4 .forgot-row a {
  font-weight: bold;
}
.loginbox-v4.vertical {
  max-width: 360px;
  text-align: center;
}
.loginbox-v4.vertical .box-wrapper {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.loginbox-v4.vertical .box-col {
  padding: 0;
}
.loginbox-v4.vertical .box-separator {
  width: 100%;
  height: 1px;
  margin: 20px 0;
  box-shadow: 0 1px #fff;
}
.loginbox-v4.vertical #new-login-form {
  display: none;
}
.loginbox-v4 .show-form-row {
  font-size: 16px;
}
.loginbox-v4 .show-form-row label {
  color: #1F72A0;
}
.loginbox-v4 .show-form-row label:hover {
  color: #333;
}
.loginbox-v4 #show-form:checked ~ #new-login-form {
  display: block;
}
.loginbox-v4 #id_should_subscribe_to_emails {
  left: 0;
  margin: 0;
  top: 4px;
}
.small-loginbox {
  width: 420px;
}
.small-loginbox .social-btn .ajax-loader-tiny {
  left: 89%;
}
.fancybox-inner .loginbox-v4 {
  margin: 0;
  border: 0;
}
.fancybox-inner .loginbox-v4 input[type="checkbox"] {
  margin-left: -21px;
  margin-top: 4px;
}
.credit-popup {
  text-align: center;
  max-width: 380px;
}
.credit-popup .top-icon-container {
  position: relative;
  top: -9px;
}
.credit-popup .top-icon {
  font-size: 52px;
  background: #8392A3;
  padding: 12px;
  border-radius: 50%;
  color: #FFF;
  box-shadow: 0 0 0 7px #FFF;
}
.credit-popup .heading {
  font-size: 15px;
  font-weight: bold;
  color: #8392A3;
}
.credit-popup .awarded {
  color: #1E2C35;
  font-size: 30px;
  line-height: 1.2;
}
.credit-popup .redeem {
  color: #8392A3;
  font-size: 16px;
  margin-top: 10px;
}
.credit-popup .footer {
  background: #EFF2F5;
  margin-top: 20px;
  padding: 20px;
}
.credit-popup .btn-close {
  width: 200px;
}
.first-timer-popup {
  padding: 30px 20px 80px;
  background: #2484c5;
  width: 500px;
  text-align: center;
  text-shadow: 0 1px #333;
  border-radius: 3px;
}
.first-timer-popup .redeem {
  color: white;
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px;
}
.first-timer-popup .redeem input {
  border: none;
  background-color: #2484c5;
  width: 150px;
}
.first-timer-popup .heading {
  color: white;
  font-size: 68px;
  margin: 0;
  font-weight: bold;
  letter-spacing: -3px;
  line-height: 1;
}
.first-timer-popup .award_wrapper {
  border: 2px dashed #fff;
  padding: 20px;
  margin: 20px 10px;
}
.first-timer-popup .awarded {
  color: white;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
}
.first-timer-popup .off-your {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
}
.first-timer-popup .use-code {
  color: white;
  font-size: 18px;
  font-weight: bold;
}
.first-timer-popup .use-code input {
  border: none;
  background-color: #2484c5;
  width: 150px;
}
.first-timer-popup .copy-btn {
  background: #1e2c35;
  padding: 15px 20px;
  display: inline-block;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
}
.first-timer-popup .copy-btn:hover {
  background: #000;
}
.first-timer-popup .form-errors {
  width: 100%;
}
.first-timer-popup .manage-fields-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  min-width: 1px;
  padding: 0;
}
.first-timer-popup #email {
  height: 40px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-left: 10px;
}
.first-timer-popup .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #1e2c35;
  height: 40px;
}
.first-timer-popup .box-heading {
  color: white;
  font-weight: bold;
  padding: 20px 0 0 0 ;
  font-size: 30px;
  border: none;
}
.first-timer-popup .secondary-text,
.first-timer-popup .box-footer {
  color: white;
  text-shadow: none;
}
.first-timer-popup .secondary-text a,
.first-timer-popup .box-footer a {
  color: #1e2c35;
}
.first-timer-popup .secondary-text a:hover,
.first-timer-popup .box-footer a:hover {
  opacity: .5;
}
.first-timer-popup .box-footer {
  margin-top: 0;
  box-shadow: none;
  border-top: 1px solid rgba(211, 211, 211, 0.32);
}
.first-timer-popup.loginbox-v4 {
  padding-bottom: 50px;
}
.first-timer-popup .ud-signin-form .non-labeled:before {
  text-shadow: none;
  margin-top: -16px;
}
.first-timer-popup .ud-signin-form .form-control {
  margin-bottom: 10px;
  height: 40px !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  padding: 11px 10px 12px 40px !important;
}
.first-timer-popup .ud-signin-form .btn {
  min-width: 150px;
  border-radius: 4px;
  margin-top: 10px;
}
.first-timer-popup .ud-signin-form label {
  color: #ffffff;
  text-shadow: none;
  font-weight: 400;
}
.msg-popup #reply-form textarea {
  margin-bottom: 49px;
}
@media (max-width: 1200px) {
  .loginbox-v4 {
    max-width: none;
    text-align: center;
    width: 400px;
  }
  .loginbox-v4 .box-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .loginbox-v4 .box-wrapper.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .loginbox-v4 .box-wrapper.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
  }
  .loginbox-v4 .box-col {
    padding: 10px 0 0;
    margin: 0;
    text-align: center;
    max-width: none;
  }
  .loginbox-v4 .box-separator {
    width: 100%;
    height: 1px;
    margin: 20px 0;
    box-shadow: 0 1px #fff;
  }
  .loginbox-v4 .social-btn .ajax-loader-tiny {
    left: 89%;
  }
  .ie .loginbox-v4 .box-wrapper {
    display: block !important;
  }
}
@media (max-width: 640px) {
  .loginbox-v4 {
    top: 0;
    left: 0;
    right: 0;
    min-height: 100%;
    width: auto;
  }
  .loginbox-v4 h4 {
    display: none;
  }
  .loginbox-v4 .box-heading {
    font-size: 14px;
  }
  .loginbox-v4 .box-separator {
    display: none;
  }
  .loginbox-v4 .social-btn .ajax-loader-tiny {
    left: 89%;
  }
  .loginbox-v4 .box-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .loginbox-v4 .box-wrapper.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .loginbox-v4 .box-wrapper.right {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
  }
}
.ie .loginbox-v4 .box-right {
  max-width: none;
}
.hello-bar {
  position: relative;
  text-align: center;
  font-size: 16px;
  padding: 0;
  height: 90px;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
}
.hello-bar .hello-desc {
  font-size: 15px;
  display: block;
}
.hello-bar .hello-img {
  border-radius: 50%;
}
.hello-bar .hello-title {
  font-size: 18px;
}
.hello-bar .hello-content {
  display: none;
}
.hello-bar .link {
  color: #ffd800;
  font-weight: 600;
  transition: 0.15s ease-out;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -ms-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
}
.hello-bar .link:hover {
  color: #ffe866;
}
.hello-bar .code-text {
  color: #333333;
  border-radius: 2px;
  border: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.hello-bar .code-text:focus {
  outline: none;
}
.hello-bar .secondary-cta {
  display: block;
}
.hello-bar.ahoy {
  background: #2d2d4c;
  color: #fff;
}
.hello-bar.ahoy a.hello-title,
.hello-bar.ahoy a.hello-desc {
  color: #fff;
}
.hello-bar.ahoy .send-bt {
  background: #ffd800;
  color: #2d2d4c;
}
.hello-bar.ahoy .send-bt:hover {
  background: #ffe866;
}
.hello-bar.ahoy .ask-later-bt {
  background: #eff2f5;
  color: #333333;
}
.hello-bar.ahoy .ask-later-bt:hover {
  background: #ffffff;
}
.hello-bar.ahoy figcaption {
  color: #fff;
}
.hello-bar.howdy {
  background: #17aa1c;
  color: #fff;
}
.hello-bar.howdy a.hello-title,
.hello-bar.howdy a.hello-desc {
  color: #fff;
}
.hello-bar.howdy .send-bt {
  background: #2d2d4c;
  color: #fff;
  font-weight: 400;
}
.hello-bar.howdy .send-bt:hover {
  outline: none;
  background: #40406c;
}
.hello-bar.howdy .ask-later-bt {
  background: #eff2f5;
  color: #333333;
}
.hello-bar.howdy .ask-later-bt:hover {
  background: #ffffff;
}
.hello-bar.howdy .link {
  color: #2d2d4c;
  font-weight: 600;
  transition: 0.15s ease-out;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -ms-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
}
.hello-bar.howdy .link:hover {
  color: #53538c;
}
.hello-bar.howdy figcaption {
  color: #fff;
}
.hello-bar.howdy .timeTo div {
  border-color: #fff;
}
.hello-bar.howdy .timeTo div:first-child {
  border-color: #fff;
}
.hello-bar.ciao {
  background: #eff2f5;
  color: #333333;
}
.hello-bar.ciao a.hello-title,
.hello-bar.ciao a.hello-desc {
  color: #333333;
}
.hello-bar.ciao .link {
  color: #17aa1c;
}
.hello-bar.ciao .link:hover {
  color: #42e547;
}
.hello-bar.ciao .send-bt {
  background: #17aa1c;
}
.hello-bar.ciao .send-bt:hover {
  outline: none;
  background: #1dd723;
}
.hello-bar.ciao .ask-later-bt {
  background: #ffd800;
  color: #2d2d4c;
}
.hello-bar.ciao .ask-later-bt:hover {
  background: #ffe866;
}
.hello-bar.ciao .close {
  color: #333333;
}
.hello-bar.money {
  font-weight: 600;
  color: #fff;
  background-color: #18ab1d;
  font-size: 15px;
  background: -moz-linear-gradient(#18ab1d, #107313);
  background: -webkit-linear-gradient(#18ab1d, #107313);
  background: -o-linear-gradient(#18ab1d, #107313);
  background: -ms-linear-gradient(#18ab1d, #107313);
  background: linear-gradient(#18ab1d, #107313);
}
.hello-bar.money .container {
  background: url("/staticx/udemy/images/hello-bar/pricing-header.png") repeat top left;
}
.hello-bar.money .close {
  display: none;
}
.hello-bar.money .hello-titles {
  max-width: 100%;
}
@media (min-width: 992px) {
  .hello-bar.money .hello-titles {
    padding-right: 8%;
  }
}
.hello-bar.money .hello-title {
  font-size: 14px;
  font-weight: bold;
}
.hello-bar.money .hello-title a {
  font-weight: bold;
}
.hello-bar.money .hello-desc {
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 1.5em;
}
.hello-bar.money .hello-content {
  display: block;
  width: 214px;
  font-size: 12px;
  text-align: left;
  margin-bottom: 5px;
}
.hello-bar.money a {
  color: #fff;
  text-decoration: underline;
  font-weight: 600;
}
.hello-bar.money a:hover {
  opacity: .8;
}
.hello-bar.money .mobile-number {
  text-align: right;
}
.hello-bar.money .send-bt {
  min-width: 214px;
  background: #fff;
  color: #54B551;
  margin-bottom: 17px;
}
.hello-bar.money .send-bt:hover,
.hello-bar.money .send-bt:active {
  background: #F7F7F4;
}
.hello-bar.money .hello-spacing-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  align-items: center;
}
.hello-bar.money .hello-spacing-wrapper.center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.hello-bar.money .hello-spacing-wrapper.right {
  -webkit-box-align: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
@media (min-width: 992px) {
  .hello-bar.money .hello-spacing-wrapper {
    -ms-justify-content: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-flex-pack: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.hello-bar.money .secondary-cta,
.hello-bar.money .secondary-cta:hover,
.hello-bar.money .secondary-cta:active {
  padding: 0;
  margin-bottom: 0;
  color: #fff;
  background: transparent;
  font-weight: normal;
  text-decoration: underline;
  font-size: 15px;
}
.hello-bar.money .secondary-cta:hover {
  opacity: .8;
}
.hello-bar .send-bt {
  padding: 7px 28px;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 600;
  min-height: 33px;
  min-width: 87px;
  text-emphasis: center;
  background: #ffd800;
  color: #fff;
  transition: 0.15s ease-out;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -ms-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
}
.hello-bar .send-bt:hover {
  background: #ffe033;
}
.hello-bar .send-bt:focus {
  outline: none;
}
.hello-bar .send-bt span {
  min-width: 31px;
  min-height: 19px;
  display: inline-block;
  background: url("/staticx/udemy/images/hello-bar/hello_sprite.png") no-repeat center center;
  background-position: center -100px;
}
.hello-bar .send-bt .checked {
  background-position: center -41px;
  text-indent: -9999px;
}
.hello-bar .send-bt .checked_white {
  background-position: center -62px;
  text-indent: -9999px;
}
.hello-bar .ask-later-bt {
  background: #eff2f5;
  color: #333333;
}
.hello-bar .ask-later-bt:hover {
  background: #ffffff;
}
.hello-bar .close {
  position: absolute;
  right: 20px;
  top: 10px;
  opacity: .8;
  color: #fff;
  font-size: 15px;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.2);
  padding: 0 3px 3px;
  border-radius: 2px;
  transition: 0.15s ease-out;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -ms-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
}
.hello-bar .close:hover {
  opacity: .5;
}
.hello-bar p {
  margin: 5px 0;
}
.hello-bar em {
  font-style: normal;
}
.hello-bar label {
  cursor: default;
}
.hello-bar .big {
  display: inline;
  font-size: 1.4em;
}
.hello-bar .bigger {
  display: inline;
  font-size: 1.8em;
}
.hello-bar .colored {
  color: #51904E;
}
.hello-bar .orange {
  color: #ffd800;
  font-weight: 600;
}
.hello-bar .green {
  color: #17aa1c;
  font-weight: 600;
}
.hello-bar .timer-info {
  display: inline-block;
  padding: 7px;
  vertical-align: top;
  font-style: normal;
}
.hello-bar figcaption {
  text-align: left !important;
}
.hello-bar .hello-timer {
  width: 150px;
}
.hello-bar .hello-timer .hello-bar-timer {
  font-weight: 500;
  font-size: 25px;
  font-family: "Open Sans", sans-serif;
}
.hello-bar .hello-timer .hello-bar-timer figure,
.hello-bar .hello-timer .hello-bar-timer span {
  float: left !important;
}
.hello-bar .btn-right {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.hello-bar .border-none {
  border: none !important;
}
.p7-0 {
  padding: 7px 0;
}
.no-border-top-left-radius {
  border-top-left-radius: 0 !important;
}
.no-border-bottom-left-radius {
  border-bottom-left-radius: 0 !important;
}
.action-upgrade-your-browser {
  background: #fff;
}
.action-upgrade-your-browser .hello-bar {
  display: none;
}
.hello-bar-container {
  position: relative;
}
.header-v4 {
  height: auto;
}
.header-v4 .hello-bar-border {
  height: 8px;
  display: block;
  margin-right: -5px;
  margin-left: -5px;
  margin-bottom: -4px;
}
.header-v4 .hello-bar-border:before {
  content: '';
  height: 4px;
  background: #17aa1c;
  display: block;
  transition: 0.15s ease-in-out;
}
.header-v4 .hello-bar-border:hover:before {
  height: 8px;
}
.header-v4.white.has-hello-bar {
  border-top: none !important;
}
.header-v4.white.has-hello-bar .general-header-inner {
  border-top: none;
}
.header-v4 .hello-bar {
  margin-right: -5px;
  margin-left: -5px;
  transform: rotate(translateY(-300px));
  -ms-transform: rotate(translateY(-300px));
  -webkit-transform: rotate(translateY(-300px));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: translateY(-300px);
  -moz-transform: translateY(-300px);
  -ms-transform: translateY(-300px);
  -o-transform: translateY(-300px);
  transform: translateY(-300px);
  transition: 0.15s ease-in-out;
  -webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -ms-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  overflow: hidden;
  height: 0;
}
.header-v4 .hello-bar.open {
  cursor: auto !important;
  transform: rotate(translateY(0));
  -ms-transform: rotate(translateY(0));
  -webkit-transform: rotate(translateY(0));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  height: auto;
}
.header-v4 .hello-bar .active-link {
  cursor: pointer;
}
.header-v4.has-hello-bar {
  display: block;
  height: auto;
}
.header-v4.has-hello-bar .payment-inner-bar {
  padding: 10px 0;
}
.hello-bar-tooltip {
  position: absolute;
  display: block;
  top: 10px;
  left: 50%;
  z-index: 9;
  margin-left: 65px;
}
.hello-bar-tooltip span {
  position: absolute;
  width: 190px;
  padding: 5px 10px;
  color: #FFFFFF;
  background: rgba(50, 50, 56, 0.9);
  min-height: 42px;
  line-height: 1.4;
  text-align: center;
  font-size: 11px;
  border-radius: 2px;
}
.hello-bar-tooltip span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-bottom: 5px solid rgba(50, 50, 56, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
@media only screen and (max-width: 1024px) {
  .header-v4 {
    height: auto !important;
  }
  .header-v4 .hello-bar-tooltip {
    display: none !important;
  }
  .header-v4 .hello-bar-border {
    height: 8px;
  }
  .code-text {
    border-radius: 2px !important;
    padding: 7px !important;
  }
  .hello-bar.money .mobile-number {
    text-align: center;
  }
  .hello-bar.money .hello-content {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .code-text {
    border-radius: 2px !important;
    padding: 7px !important;
  }
  .header-v4 {
    height: auto !important;
  }
  .header-v4 .hello-bar-tooltip {
    display: none !important;
  }
  .header-v4 .hello-bar-border {
    height: 8px;
  }
  .header-v4 .hello-bar {
    height: 0;
    overflow: hidden;
  }
  .header-v4 .hello-bar .close {
    font-size: 14px;
  }
  .header-v4:hover .hello-bar:hover {
    cursor: pointer;
  }
}
/*
 * Wraps the individual pieces of content within the hello bar,
 * excluding the minimize button, which is fixed to the right.
 */
.hello-spacing-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  align-items: center;
}
.hello-spacing-wrapper.center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.hello-spacing-wrapper.right {
  -webkit-box-align: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
@media (min-width: 480px) {
  .hello-spacing-wrapper {
    /*
         * at smaller screen sizes, we can't
         * rely on fixed spacing, because the
         * elements bleed into each other.
         */
    -ms-justify-content: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-flex-pack: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .hello-spacing-wrapper {
    /* larger sizes center elements & use fixed margins */
    width: 100%;
    -ms-justify-content: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
  }
}
.hello-spacing-wrapper > * {
  padding: 10px 0;
}
/*  Wraps the title and subtitle elements of bar */
@media (min-width: 768px) {
  .hello-titles {
    margin-right: 20px;
    /* use fixed spacing at large widths */
  }
}
@media (min-width: 480px) {
  .hello-titles {
    max-width: 40%;
    /* prevent title overflow into CTA button */
  }
}
.alert {
  color: #000;
  padding: 20px;
  text-align: left !important;
}
.alert h3 {
  font-size: 18px !important;
  text-align: left !important;
  margin-top: 0 !important;
  margin-bottom: 15px !important;
  font-weight: 400 !important;
}
.alert h3 i {
  margin-right: 10px;
}
.alert > p {
  text-align: left;
  padding-left: 28px;
}
.alert > p a {
  color: #1376d7;
  text-decoration: underline;
}
.alert-success h3 i {
  color: #3c763d;
}
.alert-info h3 i {
  color: #31708f;
}
.alert-danger h3 i {
  color: #e82c0c;
}
.alert-warning h3 i {
  color: #8a6d3b;
}
.tags {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background: #f4f4f4;
  border-radius: 15px;
  padding: 2px 5px 2px 10px;
  font-size: 12px;
  margin-right: 10px;
  margin-bottom: 5px;
}
.tags__close {
  font-size: 9px;
  color: rgba(0, 0, 0, 0.8);
  position: relative;
  top: -1px;
  border: none;
  background: none;
}
.tags__close:focus,
.tags__close:hover {
  outline: none;
}
/*
Accent Colors
---------------
Used sparingly for secondary interface components charts, graphs, and points of emphasis.
*/
.text-white {
  color: #fff;
}
.color-white {
  color: #fff;
}
.text-force-white {
  color: #fff !important;
}
a.text-white:hover {
  color: #d9d9d9;
}
a.text-force-white:hover {
  color: #d9d9d9 !important;
}
.bg-white {
  background-color: #fff;
}
.bg-force-white {
  background-color: #fff !important;
}
a.hover-white:hover {
  color: #fff;
}
a.hover-force-white:hover {
  color: #fff !important;
}
a.hover-bg-white:hover {
  background: #fff;
}
.bc-white {
  border-color: #fff;
}
.text-black {
  color: #000;
}
.color-black {
  color: #000;
}
.text-force-black {
  color: #000 !important;
}
a.text-black:hover {
  color: #000000;
}
a.text-force-black:hover {
  color: #000000 !important;
}
.bg-black {
  background-color: #000;
}
.bg-force-black {
  background-color: #000 !important;
}
a.hover-black:hover {
  color: #000;
}
a.hover-force-black:hover {
  color: #000 !important;
}
a.hover-bg-black:hover {
  background: #000;
}
.bc-black {
  border-color: #000;
}
.text-gray-dark {
  color: #353535;
}
.color-gray-dark {
  color: #353535;
}
.text-force-gray-dark {
  color: #353535 !important;
}
a.text-gray-dark:hover {
  color: #0f0f0f;
}
a.text-force-gray-dark:hover {
  color: #0f0f0f !important;
}
.bg-gray-dark {
  background-color: #353535;
}
.bg-force-gray-dark {
  background-color: #353535 !important;
}
a.hover-gray-dark:hover {
  color: #353535;
}
a.hover-force-gray-dark:hover {
  color: #353535 !important;
}
a.hover-bg-gray-dark:hover {
  background: #353535;
}
.bc-gray-dark {
  border-color: #353535;
}
.text-grayDark {
  color: #353535;
}
.color-grayDark {
  color: #353535;
}
.text-force-grayDark {
  color: #353535 !important;
}
a.text-grayDark:hover {
  color: #0f0f0f;
}
a.text-force-grayDark:hover {
  color: #0f0f0f !important;
}
.bg-grayDark {
  background-color: #353535;
}
.bg-force-grayDark {
  background-color: #353535 !important;
}
a.hover-grayDark:hover {
  color: #353535;
}
a.hover-force-grayDark:hover {
  color: #353535 !important;
}
a.hover-bg-grayDark:hover {
  background: #353535;
}
.bc-grayDark {
  border-color: #353535;
}
.text-grayDarker {
  color: #222222;
}
.color-grayDarker {
  color: #222222;
}
.text-force-grayDarker {
  color: #222222 !important;
}
a.text-grayDarker:hover {
  color: #000000;
}
a.text-force-grayDarker:hover {
  color: #000000 !important;
}
.bg-grayDarker {
  background-color: #222222;
}
.bg-force-grayDarker {
  background-color: #222222 !important;
}
a.hover-grayDarker:hover {
  color: #222222;
}
a.hover-force-grayDarker:hover {
  color: #222222 !important;
}
a.hover-bg-grayDarker:hover {
  background: #222222;
}
.bc-grayDarker {
  border-color: #222222;
}
.text-gray-darker {
  color: #222222;
}
.color-gray-darker {
  color: #222222;
}
.text-force-gray-darker {
  color: #222222 !important;
}
a.text-gray-darker:hover {
  color: #000000;
}
a.text-force-gray-darker:hover {
  color: #000000 !important;
}
.bg-gray-darker {
  background-color: #222222;
}
.bg-force-gray-darker {
  background-color: #222222 !important;
}
a.hover-gray-darker:hover {
  color: #222222;
}
a.hover-force-gray-darker:hover {
  color: #222222 !important;
}
a.hover-bg-gray-darker:hover {
  background: #222222;
}
.bc-gray-darker {
  border-color: #222222;
}
.text-grayLight {
  color: #777777;
}
.color-grayLight {
  color: #777777;
}
.text-force-grayLight {
  color: #777777 !important;
}
a.text-grayLight:hover {
  color: #515151;
}
a.text-force-grayLight:hover {
  color: #515151 !important;
}
.bg-grayLight {
  background-color: #777777;
}
.bg-force-grayLight {
  background-color: #777777 !important;
}
a.hover-grayLight:hover {
  color: #777777;
}
a.hover-force-grayLight:hover {
  color: #777777 !important;
}
a.hover-bg-grayLight:hover {
  background: #777777;
}
.bc-grayLight {
  border-color: #777777;
}
.text-gray-light {
  color: #777777;
}
.color-gray-light {
  color: #777777;
}
.text-force-gray-light {
  color: #777777 !important;
}
a.text-gray-light:hover {
  color: #515151;
}
a.text-force-gray-light:hover {
  color: #515151 !important;
}
.bg-gray-light {
  background-color: #777777;
}
.bg-force-gray-light {
  background-color: #777777 !important;
}
a.hover-gray-light:hover {
  color: #777777;
}
a.hover-force-gray-light:hover {
  color: #777777 !important;
}
a.hover-bg-gray-light:hover {
  background: #777777;
}
.bc-gray-light {
  border-color: #777777;
}
.text-grayLighter {
  color: #ccc;
}
.color-grayLighter {
  color: #ccc;
}
.text-force-grayLighter {
  color: #ccc !important;
}
a.text-grayLighter:hover {
  color: #a6a6a6;
}
a.text-force-grayLighter:hover {
  color: #a6a6a6 !important;
}
.bg-grayLighter {
  background-color: #ccc;
}
.bg-force-grayLighter {
  background-color: #ccc !important;
}
a.hover-grayLighter:hover {
  color: #ccc;
}
a.hover-force-grayLighter:hover {
  color: #ccc !important;
}
a.hover-bg-grayLighter:hover {
  background: #ccc;
}
.bc-grayLighter {
  border-color: #ccc;
}
.text-gray-lighter {
  color: #ccc;
}
.color-gray-lighter {
  color: #ccc;
}
.text-force-gray-lighter {
  color: #ccc !important;
}
a.text-gray-lighter:hover {
  color: #a6a6a6;
}
a.text-force-gray-lighter:hover {
  color: #a6a6a6 !important;
}
.bg-gray-lighter {
  background-color: #ccc;
}
.bg-force-gray-lighter {
  background-color: #ccc !important;
}
a.hover-gray-lighter:hover {
  color: #ccc;
}
a.hover-force-gray-lighter:hover {
  color: #ccc !important;
}
a.hover-bg-gray-lighter:hover {
  background: #ccc;
}
.bc-gray-lighter {
  border-color: #ccc;
}
.text-primary {
  color: #4985B8;
}
.color-primary {
  color: #4985B8;
}
.text-force-primary {
  color: #4985B8 !important;
}
a.text-primary:hover {
  color: #335d82;
}
a.text-force-primary:hover {
  color: #335d82 !important;
}
.bg-primary {
  background-color: #4985B8;
}
.bg-force-primary {
  background-color: #4985B8 !important;
}
a.hover-primary:hover {
  color: #4985B8;
}
a.hover-force-primary:hover {
  color: #4985B8 !important;
}
a.hover-bg-primary:hover {
  background: #4985B8;
}
.bc-primary {
  border-color: #4985B8;
}
.text-success {
  color: #54B551;
}
.color-success {
  color: #54B551;
}
.text-force-success {
  color: #54B551 !important;
}
a.text-success:hover {
  color: #3a8237;
}
a.text-force-success:hover {
  color: #3a8237 !important;
}
.bg-success {
  background-color: #54B551;
}
.bg-force-success {
  background-color: #54B551 !important;
}
a.hover-success:hover {
  color: #54B551;
}
a.hover-force-success:hover {
  color: #54B551 !important;
}
a.hover-bg-success:hover {
  background: #54B551;
}
.bc-success {
  border-color: #54B551;
}
.text-info {
  color: #5bc0de;
}
.color-info {
  color: #5bc0de;
}
.text-force-info {
  color: #5bc0de !important;
}
a.text-info:hover {
  color: #28a1c5;
}
a.text-force-info:hover {
  color: #28a1c5 !important;
}
.bg-info {
  background-color: #5bc0de;
}
.bg-force-info {
  background-color: #5bc0de !important;
}
a.hover-info:hover {
  color: #5bc0de;
}
a.hover-force-info:hover {
  color: #5bc0de !important;
}
a.hover-bg-info:hover {
  background: #5bc0de;
}
.bc-info {
  border-color: #5bc0de;
}
.text-warning {
  color: #f0ad4e;
}
.color-warning {
  color: #f0ad4e;
}
.text-force-warning {
  color: #f0ad4e !important;
}
a.text-warning:hover {
  color: #df8a13;
}
a.text-force-warning:hover {
  color: #df8a13 !important;
}
.bg-warning {
  background-color: #f0ad4e;
}
.bg-force-warning {
  background-color: #f0ad4e !important;
}
a.hover-warning:hover {
  color: #f0ad4e;
}
a.hover-force-warning:hover {
  color: #f0ad4e !important;
}
a.hover-bg-warning:hover {
  background: #f0ad4e;
}
.bc-warning {
  border-color: #f0ad4e;
}
.text-danger {
  color: #d9534f;
}
.color-danger {
  color: #d9534f;
}
.text-force-danger {
  color: #d9534f !important;
}
a.text-danger:hover {
  color: #b52b27;
}
a.text-force-danger:hover {
  color: #b52b27 !important;
}
.bg-danger {
  background-color: #d9534f;
}
.bg-force-danger {
  background-color: #d9534f !important;
}
a.hover-danger:hover {
  color: #d9534f;
}
a.hover-force-danger:hover {
  color: #d9534f !important;
}
a.hover-bg-danger:hover {
  background: #d9534f;
}
.bc-danger {
  border-color: #d9534f;
}
.text-whiteSmoke {
  color: #eee;
}
.color-whiteSmoke {
  color: #eee;
}
.text-force-whiteSmoke {
  color: #eee !important;
}
a.text-whiteSmoke:hover {
  color: #c8c8c8;
}
a.text-force-whiteSmoke:hover {
  color: #c8c8c8 !important;
}
.bg-whiteSmoke {
  background-color: #eee;
}
.bg-force-whiteSmoke {
  background-color: #eee !important;
}
a.hover-whiteSmoke:hover {
  color: #eee;
}
a.hover-force-whiteSmoke:hover {
  color: #eee !important;
}
a.hover-bg-whiteSmoke:hover {
  background: #eee;
}
.bc-whiteSmoke {
  border-color: #eee;
}
.text-white-smoke {
  color: #eee;
}
.color-white-smoke {
  color: #eee;
}
.text-force-white-smoke {
  color: #eee !important;
}
a.text-white-smoke:hover {
  color: #c8c8c8;
}
a.text-force-white-smoke:hover {
  color: #c8c8c8 !important;
}
.bg-white-smoke {
  background-color: #eee;
}
.bg-force-white-smoke {
  background-color: #eee !important;
}
a.hover-white-smoke:hover {
  color: #eee;
}
a.hover-force-white-smoke:hover {
  color: #eee !important;
}
a.hover-bg-white-smoke:hover {
  background: #eee;
}
.bc-white-smoke {
  border-color: #eee;
}
.text-whiteSmokeDark {
  color: #ddd;
}
.color-whiteSmokeDark {
  color: #ddd;
}
.text-force-whiteSmokeDark {
  color: #ddd !important;
}
a.text-whiteSmokeDark:hover {
  color: #b7b7b7;
}
a.text-force-whiteSmokeDark:hover {
  color: #b7b7b7 !important;
}
.bg-whiteSmokeDark {
  background-color: #ddd;
}
.bg-force-whiteSmokeDark {
  background-color: #ddd !important;
}
a.hover-whiteSmokeDark:hover {
  color: #ddd;
}
a.hover-force-whiteSmokeDark:hover {
  color: #ddd !important;
}
a.hover-bg-whiteSmokeDark:hover {
  background: #ddd;
}
.bc-whiteSmokeDark {
  border-color: #ddd;
}
.text-white-smoke-dark {
  color: #ddd;
}
.color-white-smoke-dark {
  color: #ddd;
}
.text-force-white-smoke-dark {
  color: #ddd !important;
}
a.text-white-smoke-dark:hover {
  color: #b7b7b7;
}
a.text-force-white-smoke-dark:hover {
  color: #b7b7b7 !important;
}
.bg-white-smoke-dark {
  background-color: #ddd;
}
.bg-force-white-smoke-dark {
  background-color: #ddd !important;
}
a.hover-white-smoke-dark:hover {
  color: #ddd;
}
a.hover-force-white-smoke-dark:hover {
  color: #ddd !important;
}
a.hover-bg-white-smoke-dark:hover {
  background: #ddd;
}
.bc-white-smoke-dark {
  border-color: #ddd;
}
.text-whiteSmokeLight {
  color: #f4f4f4;
}
.color-whiteSmokeLight {
  color: #f4f4f4;
}
.text-force-whiteSmokeLight {
  color: #f4f4f4 !important;
}
a.text-whiteSmokeLight:hover {
  color: #cecece;
}
a.text-force-whiteSmokeLight:hover {
  color: #cecece !important;
}
.bg-whiteSmokeLight {
  background-color: #f4f4f4;
}
.bg-force-whiteSmokeLight {
  background-color: #f4f4f4 !important;
}
a.hover-whiteSmokeLight:hover {
  color: #f4f4f4;
}
a.hover-force-whiteSmokeLight:hover {
  color: #f4f4f4 !important;
}
a.hover-bg-whiteSmokeLight:hover {
  background: #f4f4f4;
}
.bc-whiteSmokeLight {
  border-color: #f4f4f4;
}
.text-white-smoke-light {
  color: #f2f2f2;
}
.color-white-smoke-light {
  color: #f2f2f2;
}
.text-force-white-smoke-light {
  color: #f2f2f2 !important;
}
a.text-white-smoke-light:hover {
  color: #cccccc;
}
a.text-force-white-smoke-light:hover {
  color: #cccccc !important;
}
.bg-white-smoke-light {
  background-color: #f2f2f2;
}
.bg-force-white-smoke-light {
  background-color: #f2f2f2 !important;
}
a.hover-white-smoke-light:hover {
  color: #f2f2f2;
}
a.hover-force-white-smoke-light:hover {
  color: #f2f2f2 !important;
}
a.hover-bg-white-smoke-light:hover {
  background: #f2f2f2;
}
.bc-white-smoke-light {
  border-color: #f2f2f2;
}
.text-white-smoke-lighter {
  color: #f1f1f1;
}
.color-white-smoke-lighter {
  color: #f1f1f1;
}
.text-force-white-smoke-lighter {
  color: #f1f1f1 !important;
}
a.text-white-smoke-lighter:hover {
  color: #cbcbcb;
}
a.text-force-white-smoke-lighter:hover {
  color: #cbcbcb !important;
}
.bg-white-smoke-lighter {
  background-color: #f1f1f1;
}
.bg-force-white-smoke-lighter {
  background-color: #f1f1f1 !important;
}
a.hover-white-smoke-lighter:hover {
  color: #f1f1f1;
}
a.hover-force-white-smoke-lighter:hover {
  color: #f1f1f1 !important;
}
a.hover-bg-white-smoke-lighter:hover {
  background: #f1f1f1;
}
.bc-white-smoke-lighter {
  border-color: #f1f1f1;
}
.text-white-smoke-super-light {
  color: #F9F9F9;
}
.color-white-smoke-super-light {
  color: #F9F9F9;
}
.text-force-white-smoke-super-light {
  color: #F9F9F9 !important;
}
a.text-white-smoke-super-light:hover {
  color: #d3d3d3;
}
a.text-force-white-smoke-super-light:hover {
  color: #d3d3d3 !important;
}
.bg-white-smoke-super-light {
  background-color: #F9F9F9;
}
.bg-force-white-smoke-super-light {
  background-color: #F9F9F9 !important;
}
a.hover-white-smoke-super-light:hover {
  color: #F9F9F9;
}
a.hover-force-white-smoke-super-light:hover {
  color: #F9F9F9 !important;
}
a.hover-bg-white-smoke-super-light:hover {
  background: #F9F9F9;
}
.bc-white-smoke-super-light {
  border-color: #F9F9F9;
}
.text-solitude-light {
  color: #F1F3F6;
}
.color-solitude-light {
  color: #F1F3F6;
}
.text-force-solitude-light {
  color: #F1F3F6 !important;
}
a.text-solitude-light:hover {
  color: #c2cbd8;
}
a.text-force-solitude-light:hover {
  color: #c2cbd8 !important;
}
.bg-solitude-light {
  background-color: #F1F3F6;
}
.bg-force-solitude-light {
  background-color: #F1F3F6 !important;
}
a.hover-solitude-light:hover {
  color: #F1F3F6;
}
a.hover-force-solitude-light:hover {
  color: #F1F3F6 !important;
}
a.hover-bg-solitude-light:hover {
  background: #F1F3F6;
}
.bc-solitude-light {
  border-color: #F1F3F6;
}
.text-solitude {
  color: #edeff1;
}
.color-solitude {
  color: #edeff1;
}
.text-force-solitude {
  color: #edeff1 !important;
}
a.text-solitude:hover {
  color: #c2c9d0;
}
a.text-force-solitude:hover {
  color: #c2c9d0 !important;
}
.bg-solitude {
  background-color: #edeff1;
}
.bg-force-solitude {
  background-color: #edeff1 !important;
}
a.hover-solitude:hover {
  color: #edeff1;
}
a.hover-force-solitude:hover {
  color: #edeff1 !important;
}
a.hover-bg-solitude:hover {
  background: #edeff1;
}
.bc-solitude {
  border-color: #edeff1;
}
.text-solitude-dark {
  color: #F6F7F8;
}
.color-solitude-dark {
  color: #F6F7F8;
}
.text-force-solitude-dark {
  color: #F6F7F8 !important;
}
a.text-solitude-dark:hover {
  color: #cbd1d7;
}
a.text-force-solitude-dark:hover {
  color: #cbd1d7 !important;
}
.bg-solitude-dark {
  background-color: #F6F7F8;
}
.bg-force-solitude-dark {
  background-color: #F6F7F8 !important;
}
a.hover-solitude-dark:hover {
  color: #F6F7F8;
}
a.hover-force-solitude-dark:hover {
  color: #F6F7F8 !important;
}
a.hover-bg-solitude-dark:hover {
  background: #F6F7F8;
}
.bc-solitude-dark {
  border-color: #F6F7F8;
}
.text-nobel {
  color: #999;
}
.color-nobel {
  color: #999;
}
.text-force-nobel {
  color: #999 !important;
}
a.text-nobel:hover {
  color: #737373;
}
a.text-force-nobel:hover {
  color: #737373 !important;
}
.bg-nobel {
  background-color: #999;
}
.bg-force-nobel {
  background-color: #999 !important;
}
a.hover-nobel:hover {
  color: #999;
}
a.hover-force-nobel:hover {
  color: #999 !important;
}
a.hover-bg-nobel:hover {
  background: #999;
}
.bc-nobel {
  border-color: #999;
}
.text-lightningYellow {
  color: #F9A530;
}
.color-lightningYellow {
  color: #F9A530;
}
.text-force-lightningYellow {
  color: #F9A530 !important;
}
a.text-lightningYellow:hover {
  color: #d67f06;
}
a.text-force-lightningYellow:hover {
  color: #d67f06 !important;
}
.bg-lightningYellow {
  background-color: #F9A530;
}
.bg-force-lightningYellow {
  background-color: #F9A530 !important;
}
a.hover-lightningYellow:hover {
  color: #F9A530;
}
a.hover-force-lightningYellow:hover {
  color: #F9A530 !important;
}
a.hover-bg-lightningYellow:hover {
  background: #F9A530;
}
.bc-lightningYellow {
  border-color: #F9A530;
}
.text-lightning-yellow {
  color: #F9A530;
}
.color-lightning-yellow {
  color: #F9A530;
}
.text-force-lightning-yellow {
  color: #F9A530 !important;
}
a.text-lightning-yellow:hover {
  color: #d67f06;
}
a.text-force-lightning-yellow:hover {
  color: #d67f06 !important;
}
.bg-lightning-yellow {
  background-color: #F9A530;
}
.bg-force-lightning-yellow {
  background-color: #F9A530 !important;
}
a.hover-lightning-yellow:hover {
  color: #F9A530;
}
a.hover-force-lightning-yellow:hover {
  color: #F9A530 !important;
}
a.hover-bg-lightning-yellow:hover {
  background: #F9A530;
}
.bc-lightning-yellow {
  border-color: #F9A530;
}
.text-choral {
  color: #444;
}
.color-choral {
  color: #444;
}
.text-force-choral {
  color: #444 !important;
}
a.text-choral:hover {
  color: #1e1e1e;
}
a.text-force-choral:hover {
  color: #1e1e1e !important;
}
.bg-choral {
  background-color: #444;
}
.bg-force-choral {
  background-color: #444 !important;
}
a.hover-choral:hover {
  color: #444;
}
a.hover-force-choral:hover {
  color: #444 !important;
}
a.hover-bg-choral:hover {
  background: #444;
}
.bc-choral {
  border-color: #444;
}
.text-charcoal {
  color: #404040;
}
.color-charcoal {
  color: #404040;
}
.text-force-charcoal {
  color: #404040 !important;
}
a.text-charcoal:hover {
  color: #1a1a1a;
}
a.text-force-charcoal:hover {
  color: #1a1a1a !important;
}
.bg-charcoal {
  background-color: #404040;
}
.bg-force-charcoal {
  background-color: #404040 !important;
}
a.hover-charcoal:hover {
  color: #404040;
}
a.hover-force-charcoal:hover {
  color: #404040 !important;
}
a.hover-bg-charcoal:hover {
  background: #404040;
}
.bc-charcoal {
  border-color: #404040;
}
.text-mortar {
  color: #555;
}
.color-mortar {
  color: #555;
}
.text-force-mortar {
  color: #555 !important;
}
a.text-mortar:hover {
  color: #2f2f2f;
}
a.text-force-mortar:hover {
  color: #2f2f2f !important;
}
.bg-mortar {
  background-color: #555;
}
.bg-force-mortar {
  background-color: #555 !important;
}
a.hover-mortar:hover {
  color: #555;
}
a.hover-force-mortar:hover {
  color: #555 !important;
}
a.hover-bg-mortar:hover {
  background: #555;
}
.bc-mortar {
  border-color: #555;
}
.text-black-squeeze {
  color: #edede7;
}
.color-black-squeeze {
  color: #edede7;
}
.text-force-black-squeeze {
  color: #edede7 !important;
}
a.text-black-squeeze:hover {
  color: #ccccbb;
}
a.text-force-black-squeeze:hover {
  color: #ccccbb !important;
}
.bg-black-squeeze {
  background-color: #edede7;
}
.bg-force-black-squeeze {
  background-color: #edede7 !important;
}
a.hover-black-squeeze:hover {
  color: #edede7;
}
a.hover-force-black-squeeze:hover {
  color: #edede7 !important;
}
a.hover-bg-black-squeeze:hover {
  background: #edede7;
}
.bc-black-squeeze {
  border-color: #edede7;
}
.text-dim-gray {
  color: #666;
}
.color-dim-gray {
  color: #666;
}
.text-force-dim-gray {
  color: #666 !important;
}
a.text-dim-gray:hover {
  color: #404040;
}
a.text-force-dim-gray:hover {
  color: #404040 !important;
}
.bg-dim-gray {
  background-color: #666;
}
.bg-force-dim-gray {
  background-color: #666 !important;
}
a.hover-dim-gray:hover {
  color: #666;
}
a.hover-force-dim-gray:hover {
  color: #666 !important;
}
a.hover-bg-dim-gray:hover {
  background: #666;
}
.bc-dim-gray {
  border-color: #666;
}
.text-gainsboro-light {
  color: #eee;
}
.color-gainsboro-light {
  color: #eee;
}
.text-force-gainsboro-light {
  color: #eee !important;
}
a.text-gainsboro-light:hover {
  color: #c8c8c8;
}
a.text-force-gainsboro-light:hover {
  color: #c8c8c8 !important;
}
.bg-gainsboro-light {
  background-color: #eee;
}
.bg-force-gainsboro-light {
  background-color: #eee !important;
}
a.hover-gainsboro-light:hover {
  color: #eee;
}
a.hover-force-gainsboro-light:hover {
  color: #eee !important;
}
a.hover-bg-gainsboro-light:hover {
  background: #eee;
}
.bc-gainsboro-light {
  border-color: #eee;
}
.text-gainsboro-dark {
  color: #dedede;
}
.color-gainsboro-dark {
  color: #dedede;
}
.text-force-gainsboro-dark {
  color: #dedede !important;
}
a.text-gainsboro-dark:hover {
  color: #b8b8b8;
}
a.text-force-gainsboro-dark:hover {
  color: #b8b8b8 !important;
}
.bg-gainsboro-dark {
  background-color: #dedede;
}
.bg-force-gainsboro-dark {
  background-color: #dedede !important;
}
a.hover-gainsboro-dark:hover {
  color: #dedede;
}
a.hover-force-gainsboro-dark:hover {
  color: #dedede !important;
}
a.hover-bg-gainsboro-dark:hover {
  background: #dedede;
}
.bc-gainsboro-dark {
  border-color: #dedede;
}
.text-greyChateau {
  color: #999FA3;
}
.color-greyChateau {
  color: #999FA3;
}
.text-force-greyChateau {
  color: #999FA3 !important;
}
a.text-greyChateau:hover {
  color: #72797e;
}
a.text-force-greyChateau:hover {
  color: #72797e !important;
}
.bg-greyChateau {
  background-color: #999FA3;
}
.bg-force-greyChateau {
  background-color: #999FA3 !important;
}
a.hover-greyChateau:hover {
  color: #999FA3;
}
a.hover-force-greyChateau:hover {
  color: #999FA3 !important;
}
a.hover-bg-greyChateau:hover {
  background: #999FA3;
}
.bc-greyChateau {
  border-color: #999FA3;
}
.text-grey-chateau {
  color: #999FA3;
}
.color-grey-chateau {
  color: #999FA3;
}
.text-force-grey-chateau {
  color: #999FA3 !important;
}
a.text-grey-chateau:hover {
  color: #72797e;
}
a.text-force-grey-chateau:hover {
  color: #72797e !important;
}
.bg-grey-chateau {
  background-color: #999FA3;
}
.bg-force-grey-chateau {
  background-color: #999FA3 !important;
}
a.hover-grey-chateau:hover {
  color: #999FA3;
}
a.hover-force-grey-chateau:hover {
  color: #999FA3 !important;
}
a.hover-bg-grey-chateau:hover {
  background: #999FA3;
}
.bc-grey-chateau {
  border-color: #999FA3;
}
.text-silver-light {
  color: #C3C3C3;
}
.color-silver-light {
  color: #C3C3C3;
}
.text-force-silver-light {
  color: #C3C3C3 !important;
}
a.text-silver-light:hover {
  color: #9d9d9d;
}
a.text-force-silver-light:hover {
  color: #9d9d9d !important;
}
.bg-silver-light {
  background-color: #C3C3C3;
}
.bg-force-silver-light {
  background-color: #C3C3C3 !important;
}
a.hover-silver-light:hover {
  color: #C3C3C3;
}
a.hover-force-silver-light:hover {
  color: #C3C3C3 !important;
}
a.hover-bg-silver-light:hover {
  background: #C3C3C3;
}
.bc-silver-light {
  border-color: #C3C3C3;
}
.text-silver {
  color: #BEBEBE;
}
.color-silver {
  color: #BEBEBE;
}
.text-force-silver {
  color: #BEBEBE !important;
}
a.text-silver:hover {
  color: #989898;
}
a.text-force-silver:hover {
  color: #989898 !important;
}
.bg-silver {
  background-color: #BEBEBE;
}
.bg-force-silver {
  background-color: #BEBEBE !important;
}
a.hover-silver:hover {
  color: #BEBEBE;
}
a.hover-force-silver:hover {
  color: #BEBEBE !important;
}
a.hover-bg-silver:hover {
  background: #BEBEBE;
}
.bc-silver {
  border-color: #BEBEBE;
}
.text-zircon {
  color: #e9eaeb;
}
.color-zircon {
  color: #e9eaeb;
}
.text-force-zircon {
  color: #e9eaeb !important;
}
a.text-zircon:hover {
  color: #c1c4c7;
}
a.text-force-zircon:hover {
  color: #c1c4c7 !important;
}
.bg-zircon {
  background-color: #e9eaeb;
}
.bg-force-zircon {
  background-color: #e9eaeb !important;
}
a.hover-zircon:hover {
  color: #e9eaeb;
}
a.hover-force-zircon:hover {
  color: #e9eaeb !important;
}
a.hover-bg-zircon:hover {
  background: #e9eaeb;
}
.bc-zircon {
  border-color: #e9eaeb;
}
.text-zircon-dark {
  color: #DBDDDF;
}
.color-zircon-dark {
  color: #DBDDDF;
}
.text-force-zircon-dark {
  color: #DBDDDF !important;
}
a.text-zircon-dark:hover {
  color: #b3b7bb;
}
a.text-force-zircon-dark:hover {
  color: #b3b7bb !important;
}
.bg-zircon-dark {
  background-color: #DBDDDF;
}
.bg-force-zircon-dark {
  background-color: #DBDDDF !important;
}
a.hover-zircon-dark:hover {
  color: #DBDDDF;
}
a.hover-force-zircon-dark:hover {
  color: #DBDDDF !important;
}
a.hover-bg-zircon-dark:hover {
  background: #DBDDDF;
}
.bc-zircon-dark {
  border-color: #DBDDDF;
}
.text-grey-chateau {
  color: #979da1;
}
.color-grey-chateau {
  color: #979da1;
}
.text-force-grey-chateau {
  color: #979da1 !important;
}
a.text-grey-chateau:hover {
  color: #70777c;
}
a.text-force-grey-chateau:hover {
  color: #70777c !important;
}
.bg-grey-chateau {
  background-color: #979da1;
}
.bg-force-grey-chateau {
  background-color: #979da1 !important;
}
a.hover-grey-chateau:hover {
  color: #979da1;
}
a.hover-force-grey-chateau:hover {
  color: #979da1 !important;
}
a.hover-bg-grey-chateau:hover {
  background: #979da1;
}
.bc-grey-chateau {
  border-color: #979da1;
}
.text-blue {
  color: #297fb8;
}
.color-blue {
  color: #297fb8;
}
.text-force-blue {
  color: #297fb8 !important;
}
a.text-blue:hover {
  color: #1b5479;
}
a.text-force-blue:hover {
  color: #1b5479 !important;
}
.bg-blue {
  background-color: #297fb8;
}
.bg-force-blue {
  background-color: #297fb8 !important;
}
a.hover-blue:hover {
  color: #297fb8;
}
a.hover-force-blue:hover {
  color: #297fb8 !important;
}
a.hover-bg-blue:hover {
  background: #297fb8;
}
.bc-blue {
  border-color: #297fb8;
}
.text-green {
  color: #54B551;
}
.color-green {
  color: #54B551;
}
.text-force-green {
  color: #54B551 !important;
}
a.text-green:hover {
  color: #3a8237;
}
a.text-force-green:hover {
  color: #3a8237 !important;
}
.bg-green {
  background-color: #54B551;
}
.bg-force-green {
  background-color: #54B551 !important;
}
a.hover-green:hover {
  color: #54B551;
}
a.hover-force-green:hover {
  color: #54B551 !important;
}
a.hover-bg-green:hover {
  background: #54B551;
}
.bc-green {
  border-color: #54B551;
}
.text-green-light {
  color: #e3ede2;
}
.color-green-light {
  color: #e3ede2;
}
.text-force-green-light {
  color: #e3ede2 !important;
}
a.text-green-light:hover {
  color: #b5d0b3;
}
a.text-force-green-light:hover {
  color: #b5d0b3 !important;
}
.bg-green-light {
  background-color: #e3ede2;
}
.bg-force-green-light {
  background-color: #e3ede2 !important;
}
a.hover-green-light:hover {
  color: #e3ede2;
}
a.hover-force-green-light:hover {
  color: #e3ede2 !important;
}
a.hover-bg-green-light:hover {
  background: #e3ede2;
}
.bc-green-light {
  border-color: #e3ede2;
}
.text-red {
  color: #f00;
}
.color-red {
  color: #f00;
}
.text-force-red {
  color: #f00 !important;
}
a.text-red:hover {
  color: #b30000;
}
a.text-force-red:hover {
  color: #b30000 !important;
}
.bg-red {
  background-color: #f00;
}
.bg-force-red {
  background-color: #f00 !important;
}
a.hover-red:hover {
  color: #f00;
}
a.hover-force-red:hover {
  color: #f00 !important;
}
a.hover-bg-red:hover {
  background: #f00;
}
.bc-red {
  border-color: #f00;
}
.text-cirtus {
  color: #9c0;
}
.color-cirtus {
  color: #9c0;
}
.text-force-cirtus {
  color: #9c0 !important;
}
a.text-cirtus:hover {
  color: #608000;
}
a.text-force-cirtus:hover {
  color: #608000 !important;
}
.bg-cirtus {
  background-color: #9c0;
}
.bg-force-cirtus {
  background-color: #9c0 !important;
}
a.hover-cirtus:hover {
  color: #9c0;
}
a.hover-force-cirtus:hover {
  color: #9c0 !important;
}
a.hover-bg-cirtus:hover {
  background: #9c0;
}
.bc-cirtus {
  border-color: #9c0;
}
.text-texas {
  color: #EAEA78;
}
.color-texas {
  color: #EAEA78;
}
.text-force-texas {
  color: #EAEA78 !important;
}
a.text-texas:hover {
  color: #e0e036;
}
a.text-force-texas:hover {
  color: #e0e036 !important;
}
.bg-texas {
  background-color: #EAEA78;
}
.bg-force-texas {
  background-color: #EAEA78 !important;
}
a.hover-texas:hover {
  color: #EAEA78;
}
a.hover-force-texas:hover {
  color: #EAEA78 !important;
}
a.hover-bg-texas:hover {
  background: #EAEA78;
}
.bc-texas {
  border-color: #EAEA78;
}
.text-drover {
  color: #FDF3A0;
}
.color-drover {
  color: #FDF3A0;
}
.text-force-drover {
  color: #FDF3A0 !important;
}
a.text-drover:hover {
  color: #fbea55;
}
a.text-force-drover:hover {
  color: #fbea55 !important;
}
.bg-drover {
  background-color: #FDF3A0;
}
.bg-force-drover {
  background-color: #FDF3A0 !important;
}
a.hover-drover:hover {
  color: #FDF3A0;
}
a.hover-force-drover:hover {
  color: #FDF3A0 !important;
}
a.hover-bg-drover:hover {
  background: #FDF3A0;
}
.bc-drover {
  border-color: #FDF3A0;
}
.text-pelorous {
  color: #2C81BA;
}
.color-pelorous {
  color: #2C81BA;
}
.text-force-pelorous {
  color: #2C81BA !important;
}
a.text-pelorous:hover {
  color: #1d567c;
}
a.text-force-pelorous:hover {
  color: #1d567c !important;
}
.bg-pelorous {
  background-color: #2C81BA;
}
.bg-force-pelorous {
  background-color: #2C81BA !important;
}
a.hover-pelorous:hover {
  color: #2C81BA;
}
a.hover-force-pelorous:hover {
  color: #2C81BA !important;
}
a.hover-bg-pelorous:hover {
  background: #2C81BA;
}
.bc-pelorous {
  border-color: #2C81BA;
}
.text-pelorous-op8 {
  color: rgba(33, 142, 185, 0.8);
}
.color-pelorous-op8 {
  color: rgba(33, 142, 185, 0.8);
}
.text-force-pelorous-op8 {
  color: rgba(33, 142, 185, 0.8) !important;
}
a.text-pelorous-op8:hover {
  color: rgba(21, 92, 120, 0.8);
}
a.text-force-pelorous-op8:hover {
  color: rgba(21, 92, 120, 0.8) !important;
}
.bg-pelorous-op8 {
  background-color: rgba(33, 142, 185, 0.8);
}
.bg-force-pelorous-op8 {
  background-color: rgba(33, 142, 185, 0.8) !important;
}
a.hover-pelorous-op8:hover {
  color: rgba(33, 142, 185, 0.8);
}
a.hover-force-pelorous-op8:hover {
  color: rgba(33, 142, 185, 0.8) !important;
}
a.hover-bg-pelorous-op8:hover {
  background: rgba(33, 142, 185, 0.8);
}
.bc-pelorous-op8 {
  border-color: rgba(33, 142, 185, 0.8);
}
.text-pelorous-op9 {
  color: rgba(33, 142, 185, 0.9);
}
.color-pelorous-op9 {
  color: rgba(33, 142, 185, 0.9);
}
.text-force-pelorous-op9 {
  color: rgba(33, 142, 185, 0.9) !important;
}
a.text-pelorous-op9:hover {
  color: rgba(21, 92, 120, 0.9);
}
a.text-force-pelorous-op9:hover {
  color: rgba(21, 92, 120, 0.9) !important;
}
.bg-pelorous-op9 {
  background-color: rgba(33, 142, 185, 0.9);
}
.bg-force-pelorous-op9 {
  background-color: rgba(33, 142, 185, 0.9) !important;
}
a.hover-pelorous-op9:hover {
  color: rgba(33, 142, 185, 0.9);
}
a.hover-force-pelorous-op9:hover {
  color: rgba(33, 142, 185, 0.9) !important;
}
a.hover-bg-pelorous-op9:hover {
  background: rgba(33, 142, 185, 0.9);
}
.bc-pelorous-op9 {
  border-color: rgba(33, 142, 185, 0.9);
}
.text-curious {
  color: #1E8DD1;
}
.color-curious {
  color: #1E8DD1;
}
.text-force-curious {
  color: #1E8DD1 !important;
}
a.text-curious:hover {
  color: #14608e;
}
a.text-force-curious:hover {
  color: #14608e !important;
}
.bg-curious {
  background-color: #1E8DD1;
}
.bg-force-curious {
  background-color: #1E8DD1 !important;
}
a.hover-curious:hover {
  color: #1E8DD1;
}
a.hover-force-curious:hover {
  color: #1E8DD1 !important;
}
a.hover-bg-curious:hover {
  background: #1E8DD1;
}
.bc-curious {
  border-color: #1E8DD1;
}
.text-persianRed {
  color: #D33737;
}
.color-persianRed {
  color: #D33737;
}
.text-force-persianRed {
  color: #D33737 !important;
}
a.text-persianRed:hover {
  color: #9b2222;
}
a.text-force-persianRed:hover {
  color: #9b2222 !important;
}
.bg-persianRed {
  background-color: #D33737;
}
.bg-force-persianRed {
  background-color: #D33737 !important;
}
a.hover-persianRed:hover {
  color: #D33737;
}
a.hover-force-persianRed:hover {
  color: #D33737 !important;
}
a.hover-bg-persianRed:hover {
  background: #D33737;
}
.bc-persianRed {
  border-color: #D33737;
}
.text-persian-red {
  color: #D33737;
}
.color-persian-red {
  color: #D33737;
}
.text-force-persian-red {
  color: #D33737 !important;
}
a.text-persian-red:hover {
  color: #9b2222;
}
a.text-force-persian-red:hover {
  color: #9b2222 !important;
}
.bg-persian-red {
  background-color: #D33737;
}
.bg-force-persian-red {
  background-color: #D33737 !important;
}
a.hover-persian-red:hover {
  color: #D33737;
}
a.hover-force-persian-red:hover {
  color: #D33737 !important;
}
a.hover-bg-persian-red:hover {
  background: #D33737;
}
.bc-persian-red {
  border-color: #D33737;
}
.text-gorse {
  color: #ffdd2e;
}
.color-gorse {
  color: #ffdd2e;
}
.text-force-gorse {
  color: #ffdd2e !important;
}
a.text-gorse:hover {
  color: #e1bc00;
}
a.text-force-gorse:hover {
  color: #e1bc00 !important;
}
.bg-gorse {
  background-color: #ffdd2e;
}
.bg-force-gorse {
  background-color: #ffdd2e !important;
}
a.hover-gorse:hover {
  color: #ffdd2e;
}
a.hover-force-gorse:hover {
  color: #ffdd2e !important;
}
a.hover-bg-gorse:hover {
  background: #ffdd2e;
}
.bc-gorse {
  border-color: #ffdd2e;
}
.text-bunker {
  color: #292c30;
}
.color-bunker {
  color: #292c30;
}
.text-force-bunker {
  color: #292c30 !important;
}
a.text-bunker:hover {
  color: #060607;
}
a.text-force-bunker:hover {
  color: #060607 !important;
}
.bg-bunker {
  background-color: #292c30;
}
.bg-force-bunker {
  background-color: #292c30 !important;
}
a.hover-bunker:hover {
  color: #292c30;
}
a.hover-force-bunker:hover {
  color: #292c30 !important;
}
a.hover-bg-bunker:hover {
  background: #292c30;
}
.bc-bunker {
  border-color: #292c30;
}
.text-regent {
  color: #9fbad8;
}
.color-regent {
  color: #9fbad8;
}
.text-force-regent {
  color: #9fbad8 !important;
}
a.text-regent:hover {
  color: #6993c2;
}
a.text-force-regent:hover {
  color: #6993c2 !important;
}
.bg-regent {
  background-color: #9fbad8;
}
.bg-force-regent {
  background-color: #9fbad8 !important;
}
a.hover-regent:hover {
  color: #9fbad8;
}
a.hover-force-regent:hover {
  color: #9fbad8 !important;
}
a.hover-bg-regent:hover {
  background: #9fbad8;
}
.bc-regent {
  border-color: #9fbad8;
}
.text-summersky {
  color: #2097E0;
}
.color-summersky {
  color: #2097E0;
}
.text-force-summersky {
  color: #2097E0 !important;
}
a.text-summersky:hover {
  color: #166a9e;
}
a.text-force-summersky:hover {
  color: #166a9e !important;
}
.bg-summersky {
  background-color: #2097E0;
}
.bg-force-summersky {
  background-color: #2097E0 !important;
}
a.hover-summersky:hover {
  color: #2097E0;
}
a.hover-force-summersky:hover {
  color: #2097E0 !important;
}
a.hover-bg-summersky:hover {
  background: #2097E0;
}
.bc-summersky {
  border-color: #2097E0;
}
.text-navy-blue {
  color: #0071bc;
}
.color-navy-blue {
  color: #0071bc;
}
.text-force-navy-blue {
  color: #0071bc !important;
}
a.text-navy-blue:hover {
  color: #004370;
}
a.text-force-navy-blue:hover {
  color: #004370 !important;
}
.bg-navy-blue {
  background-color: #0071bc;
}
.bg-force-navy-blue {
  background-color: #0071bc !important;
}
a.hover-navy-blue:hover {
  color: #0071bc;
}
a.hover-force-navy-blue:hover {
  color: #0071bc !important;
}
a.hover-bg-navy-blue:hover {
  background: #0071bc;
}
.bc-navy-blue {
  border-color: #0071bc;
}
.text-egyptianblue {
  color: #125292;
}
.color-egyptianblue {
  color: #125292;
}
.text-force-egyptianblue {
  color: #125292 !important;
}
a.text-egyptianblue:hover {
  color: #0a2c4e;
}
a.text-force-egyptianblue:hover {
  color: #0a2c4e !important;
}
.bg-egyptianblue {
  background-color: #125292;
}
.bg-force-egyptianblue {
  background-color: #125292 !important;
}
a.hover-egyptianblue:hover {
  color: #125292;
}
a.hover-force-egyptianblue:hover {
  color: #125292 !important;
}
a.hover-bg-egyptianblue:hover {
  background: #125292;
}
.bc-egyptianblue {
  border-color: #125292;
}
.text-selectiveyellow {
  color: #ffb400;
}
.color-selectiveyellow {
  color: #ffb400;
}
.text-force-selectiveyellow {
  color: #ffb400 !important;
}
a.text-selectiveyellow:hover {
  color: #b37e00;
}
a.text-force-selectiveyellow:hover {
  color: #b37e00 !important;
}
.bg-selectiveyellow {
  background-color: #ffb400;
}
.bg-force-selectiveyellow {
  background-color: #ffb400 !important;
}
a.hover-selectiveyellow:hover {
  color: #ffb400;
}
a.hover-force-selectiveyellow:hover {
  color: #ffb400 !important;
}
a.hover-bg-selectiveyellow:hover {
  background: #ffb400;
}
.bc-selectiveyellow {
  border-color: #ffb400;
}
.text-eastbay {
  color: #526075;
}
.color-eastbay {
  color: #526075;
}
.text-force-eastbay {
  color: #526075 !important;
}
a.text-eastbay:hover {
  color: #323b48;
}
a.text-force-eastbay:hover {
  color: #323b48 !important;
}
.bg-eastbay {
  background-color: #526075;
}
.bg-force-eastbay {
  background-color: #526075 !important;
}
a.hover-eastbay:hover {
  color: #526075;
}
a.hover-force-eastbay:hover {
  color: #526075 !important;
}
a.hover-bg-eastbay:hover {
  background: #526075;
}
.bc-eastbay {
  border-color: #526075;
}
.text-olive {
  color: #5B9400;
}
.color-olive {
  color: #5B9400;
}
.text-force-olive {
  color: #5B9400 !important;
}
a.text-olive:hover {
  color: #2c4800;
}
a.text-force-olive:hover {
  color: #2c4800 !important;
}
.bg-olive {
  background-color: #5B9400;
}
.bg-force-olive {
  background-color: #5B9400 !important;
}
a.hover-olive:hover {
  color: #5B9400;
}
a.hover-force-olive:hover {
  color: #5B9400 !important;
}
a.hover-bg-olive:hover {
  background: #5B9400;
}
.bc-olive {
  border-color: #5B9400;
}
.text-sangria {
  color: #900;
}
.color-sangria {
  color: #900;
}
.text-force-sangria {
  color: #900 !important;
}
a.text-sangria:hover {
  color: #4d0000;
}
a.text-force-sangria:hover {
  color: #4d0000 !important;
}
.bg-sangria {
  background-color: #900;
}
.bg-force-sangria {
  background-color: #900 !important;
}
a.hover-sangria:hover {
  color: #900;
}
a.hover-force-sangria:hover {
  color: #900 !important;
}
a.hover-bg-sangria:hover {
  background: #900;
}
.bc-sangria {
  border-color: #900;
}
.text-smalt {
  color: #004b91;
}
.color-smalt {
  color: #004b91;
}
.text-force-smalt {
  color: #004b91 !important;
}
a.text-smalt:hover {
  color: #002345;
}
a.text-force-smalt:hover {
  color: #002345 !important;
}
.bg-smalt {
  background-color: #004b91;
}
.bg-force-smalt {
  background-color: #004b91 !important;
}
a.hover-smalt:hover {
  color: #004b91;
}
a.hover-force-smalt:hover {
  color: #004b91 !important;
}
a.hover-bg-smalt:hover {
  background: #004b91;
}
.bc-smalt {
  border-color: #004b91;
}
.text-lochmara {
  color: #3261ad;
}
.color-lochmara {
  color: #3261ad;
}
.text-force-lochmara {
  color: #3261ad !important;
}
a.text-lochmara:hover {
  color: #214072;
}
a.text-force-lochmara:hover {
  color: #214072 !important;
}
.bg-lochmara {
  background-color: #3261ad;
}
.bg-force-lochmara {
  background-color: #3261ad !important;
}
a.hover-lochmara:hover {
  color: #3261ad;
}
a.hover-force-lochmara:hover {
  color: #3261ad !important;
}
a.hover-bg-lochmara:hover {
  background: #3261ad;
}
.bc-lochmara {
  border-color: #3261ad;
}
.text-la-palma {
  color: #508734;
}
.color-la-palma {
  color: #508734;
}
.text-force-la-palma {
  color: #508734 !important;
}
a.text-la-palma:hover {
  color: #2f501f;
}
a.text-force-la-palma:hover {
  color: #2f501f !important;
}
.bg-la-palma {
  background-color: #508734;
}
.bg-force-la-palma {
  background-color: #508734 !important;
}
a.hover-la-palma:hover {
  color: #508734;
}
a.hover-force-la-palma:hover {
  color: #508734 !important;
}
a.hover-bg-la-palma:hover {
  background: #508734;
}
.bc-la-palma {
  border-color: #508734;
}
.text-fruit-salad {
  color: #50a253;
}
.color-fruit-salad {
  color: #50a253;
}
.text-force-fruit-salad {
  color: #50a253 !important;
}
a.text-fruit-salad:hover {
  color: #376f39;
}
a.text-force-fruit-salad:hover {
  color: #376f39 !important;
}
.bg-fruit-salad {
  background-color: #50a253;
}
.bg-force-fruit-salad {
  background-color: #50a253 !important;
}
a.hover-fruit-salad:hover {
  color: #50a253;
}
a.hover-force-fruit-salad:hover {
  color: #50a253 !important;
}
a.hover-bg-fruit-salad:hover {
  background: #50a253;
}
.bc-fruit-salad {
  border-color: #50a253;
}
.text-crusoe {
  color: #0e600e;
}
.color-crusoe {
  color: #0e600e;
}
.text-force-crusoe {
  color: #0e600e !important;
}
a.text-crusoe:hover {
  color: #041d04;
}
a.text-force-crusoe:hover {
  color: #041d04 !important;
}
.bg-crusoe {
  background-color: #0e600e;
}
.bg-force-crusoe {
  background-color: #0e600e !important;
}
a.hover-crusoe:hover {
  color: #0e600e;
}
a.hover-force-crusoe:hover {
  color: #0e600e !important;
}
a.hover-bg-crusoe:hover {
  background: #0e600e;
}
.bc-crusoe {
  border-color: #0e600e;
}
.text-kelly-green {
  color: #17aa1c;
}
.color-kelly-green {
  color: #17aa1c;
}
.text-force-kelly-green {
  color: #17aa1c !important;
}
a.text-kelly-green:hover {
  color: #0e6711;
}
a.text-force-kelly-green:hover {
  color: #0e6711 !important;
}
.bg-kelly-green {
  background-color: #17aa1c;
}
.bg-force-kelly-green {
  background-color: #17aa1c !important;
}
a.hover-kelly-green:hover {
  color: #17aa1c;
}
a.hover-force-kelly-green:hover {
  color: #17aa1c !important;
}
a.hover-bg-kelly-green:hover {
  background: #17aa1c;
}
.bc-kelly-green {
  border-color: #17aa1c;
}
.text-midnight {
  color: #1E2C35;
}
.color-midnight {
  color: #1E2C35;
}
.text-force-midnight {
  color: #1E2C35 !important;
}
a.text-midnight:hover {
  color: #020304;
}
a.text-force-midnight:hover {
  color: #020304 !important;
}
.bg-midnight {
  background-color: #1E2C35;
}
.bg-force-midnight {
  background-color: #1E2C35 !important;
}
a.hover-midnight:hover {
  color: #1E2C35;
}
a.hover-force-midnight:hover {
  color: #1E2C35 !important;
}
a.hover-bg-midnight:hover {
  background: #1E2C35;
}
.bc-midnight {
  border-color: #1E2C35;
}
.text-eggplant {
  color: #960075;
}
.color-eggplant {
  color: #960075;
}
.text-force-eggplant {
  color: #960075 !important;
}
a.text-eggplant:hover {
  color: #4a0039;
}
a.text-force-eggplant:hover {
  color: #4a0039 !important;
}
.bg-eggplant {
  background-color: #960075;
}
.bg-force-eggplant {
  background-color: #960075 !important;
}
a.hover-eggplant:hover {
  color: #960075;
}
a.hover-force-eggplant:hover {
  color: #960075 !important;
}
a.hover-bg-eggplant:hover {
  background: #960075;
}
.bc-eggplant {
  border-color: #960075;
}
.text-purple {
  color: #7f0067;
}
.color-purple {
  color: #7f0067;
}
.text-force-purple {
  color: #7f0067 !important;
}
a.text-purple:hover {
  color: #330029;
}
a.text-force-purple:hover {
  color: #330029 !important;
}
.bg-purple {
  background-color: #7f0067;
}
.bg-force-purple {
  background-color: #7f0067 !important;
}
a.hover-purple:hover {
  color: #7f0067;
}
a.hover-force-purple:hover {
  color: #7f0067 !important;
}
a.hover-bg-purple:hover {
  background: #7f0067;
}
.bc-purple {
  border-color: #7f0067;
}
.text-indigo {
  color: #540768;
}
.color-indigo {
  color: #540768;
}
.text-force-indigo {
  color: #540768 !important;
}
a.text-indigo:hover {
  color: #1a0220;
}
a.text-force-indigo:hover {
  color: #1a0220 !important;
}
.bg-indigo {
  background-color: #540768;
}
.bg-force-indigo {
  background-color: #540768 !important;
}
a.hover-indigo:hover {
  color: #540768;
}
a.hover-force-indigo:hover {
  color: #540768 !important;
}
a.hover-bg-indigo:hover {
  background: #540768;
}
.bc-indigo {
  border-color: #540768;
}
.text-resolution-blue {
  color: #32377a;
}
.color-resolution-blue {
  color: #32377a;
}
.text-force-resolution-blue {
  color: #32377a !important;
}
a.text-resolution-blue:hover {
  color: #1c1f44;
}
a.text-force-resolution-blue:hover {
  color: #1c1f44 !important;
}
.bg-resolution-blue {
  background-color: #32377a;
}
.bg-force-resolution-blue {
  background-color: #32377a !important;
}
a.hover-resolution-blue:hover {
  color: #32377a;
}
a.hover-force-resolution-blue:hover {
  color: #32377a !important;
}
a.hover-bg-resolution-blue:hover {
  background: #32377a;
}
.bc-resolution-blue {
  border-color: #32377a;
}
.text-cerulean {
  color: #006b9c;
}
.color-cerulean {
  color: #006b9c;
}
.text-force-cerulean {
  color: #006b9c !important;
}
a.text-cerulean:hover {
  color: #003750;
}
a.text-force-cerulean:hover {
  color: #003750 !important;
}
.bg-cerulean {
  background-color: #006b9c;
}
.bg-force-cerulean {
  background-color: #006b9c !important;
}
a.hover-cerulean:hover {
  color: #006b9c;
}
a.hover-force-cerulean:hover {
  color: #006b9c !important;
}
a.hover-bg-cerulean:hover {
  background: #006b9c;
}
.bc-cerulean {
  border-color: #006b9c;
}
.text-blue-lagoon {
  color: #00567E;
}
.color-blue-lagoon {
  color: #00567E;
}
.text-force-blue-lagoon {
  color: #00567E !important;
}
a.text-blue-lagoon:hover {
  color: #002232;
}
a.text-force-blue-lagoon:hover {
  color: #002232 !important;
}
.bg-blue-lagoon {
  background-color: #00567E;
}
.bg-force-blue-lagoon {
  background-color: #00567E !important;
}
a.hover-blue-lagoon:hover {
  color: #00567E;
}
a.hover-force-blue-lagoon:hover {
  color: #00567E !important;
}
a.hover-bg-blue-lagoon:hover {
  background: #00567E;
}
.bc-blue-lagoon {
  border-color: #00567E;
}
.text-persian-green {
  color: #02a1a5;
}
.color-persian-green {
  color: #02a1a5;
}
.text-force-persian-green {
  color: #02a1a5 !important;
}
a.text-persian-green:hover {
  color: #015759;
}
a.text-force-persian-green:hover {
  color: #015759 !important;
}
.bg-persian-green {
  background-color: #02a1a5;
}
.bg-force-persian-green {
  background-color: #02a1a5 !important;
}
a.hover-persian-green:hover {
  color: #02a1a5;
}
a.hover-force-persian-green:hover {
  color: #02a1a5 !important;
}
a.hover-bg-persian-green:hover {
  background: #02a1a5;
}
.bc-persian-green {
  border-color: #02a1a5;
}
.text-mosque {
  color: #045b5B;
}
.color-mosque {
  color: #045b5B;
}
.text-force-mosque {
  color: #045b5B !important;
}
a.text-mosque:hover {
  color: #011212;
}
a.text-force-mosque:hover {
  color: #011212 !important;
}
.bg-mosque {
  background-color: #045b5B;
}
.bg-force-mosque {
  background-color: #045b5B !important;
}
a.hover-mosque:hover {
  color: #045b5B;
}
a.hover-force-mosque:hover {
  color: #045b5B !important;
}
a.hover-bg-mosque:hover {
  background: #045b5B;
}
.bc-mosque {
  border-color: #045b5B;
}
.text-raw-umber {
  color: #6b530b;
}
.color-raw-umber {
  color: #6b530b;
}
.text-force-raw-umber {
  color: #6b530b !important;
}
a.text-raw-umber:hover {
  color: #261d04;
}
a.text-force-raw-umber:hover {
  color: #261d04 !important;
}
.bg-raw-umber {
  background-color: #6b530b;
}
.bg-force-raw-umber {
  background-color: #6b530b !important;
}
a.hover-raw-umber:hover {
  color: #6b530b;
}
a.hover-force-raw-umber:hover {
  color: #6b530b !important;
}
a.hover-bg-raw-umber:hover {
  background: #6b530b;
}
.bc-raw-umber {
  border-color: #6b530b;
}
.text-yellow-green {
  color: #92b738;
}
.color-yellow-green {
  color: #92b738;
}
.text-force-yellow-green {
  color: #92b738 !important;
}
a.text-yellow-green:hover {
  color: #637c26;
}
a.text-force-yellow-green:hover {
  color: #637c26 !important;
}
.bg-yellow-green {
  background-color: #92b738;
}
.bg-force-yellow-green {
  background-color: #92b738 !important;
}
a.hover-yellow-green:hover {
  color: #92b738;
}
a.hover-force-yellow-green:hover {
  color: #92b738 !important;
}
a.hover-bg-yellow-green:hover {
  background: #92b738;
}
.bc-yellow-green {
  border-color: #92b738;
}
.text-elephant {
  color: #223840;
}
.color-elephant {
  color: #223840;
}
.text-force-elephant {
  color: #223840 !important;
}
a.text-elephant:hover {
  color: #070c0e;
}
a.text-force-elephant:hover {
  color: #070c0e !important;
}
.bg-elephant {
  background-color: #223840;
}
.bg-force-elephant {
  background-color: #223840 !important;
}
a.hover-elephant:hover {
  color: #223840;
}
a.hover-force-elephant:hover {
  color: #223840 !important;
}
a.hover-bg-elephant:hover {
  background: #223840;
}
.bc-elephant {
  border-color: #223840;
}
.text-solitude {
  color: #edeff1;
}
.color-solitude {
  color: #edeff1;
}
.text-force-solitude {
  color: #edeff1 !important;
}
a.text-solitude:hover {
  color: #c2c9d0;
}
a.text-force-solitude:hover {
  color: #c2c9d0 !important;
}
.bg-solitude {
  background-color: #edeff1;
}
.bg-force-solitude {
  background-color: #edeff1 !important;
}
a.hover-solitude:hover {
  color: #edeff1;
}
a.hover-force-solitude:hover {
  color: #edeff1 !important;
}
a.hover-bg-solitude:hover {
  background: #edeff1;
}
.bc-solitude {
  border-color: #edeff1;
}
.text-topaz {
  color: #84848C;
}
.color-topaz {
  color: #84848C;
}
.text-force-topaz {
  color: #84848C !important;
}
a.text-topaz:hover {
  color: #fff;
}
a.text-force-topaz:hover {
  color: #fff !important;
}
.bg-topaz {
  background-color: #84848C;
}
.bg-force-topaz {
  background-color: #84848C !important;
}
a.hover-topaz:hover {
  color: #84848C;
}
a.hover-force-topaz:hover {
  color: #84848C !important;
}
a.hover-bg-topaz:hover {
  background: #84848C;
}
.bc-topaz {
  border-color: #84848C;
}
.text-buckthorn {
  color: #f39e4a;
}
.color-buckthorn {
  color: #f39e4a;
}
.text-force-buckthorn {
  color: #f39e4a !important;
}
a.text-buckthorn:hover {
  color: #e2780f;
}
a.text-force-buckthorn:hover {
  color: #e2780f !important;
}
.bg-buckthorn {
  background-color: #f39e4a;
}
.bg-force-buckthorn {
  background-color: #f39e4a !important;
}
a.hover-buckthorn:hover {
  color: #f39e4a;
}
a.hover-force-buckthorn:hover {
  color: #f39e4a !important;
}
a.hover-bg-buckthorn:hover {
  background: #f39e4a;
}
.bc-buckthorn {
  border-color: #f39e4a;
}
.text-black_op25 {
  color: rgba(0, 0, 0, 0.25);
}
.color-black_op25 {
  color: rgba(0, 0, 0, 0.25);
}
.text-force-black_op25 {
  color: rgba(0, 0, 0, 0.25) !important;
}
a.text-black_op25:hover {
  color: #000;
}
a.text-force-black_op25:hover {
  color: #000 !important;
}
.bg-black_op25 {
  background-color: rgba(0, 0, 0, 0.25);
}
.bg-force-black_op25 {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
a.hover-black_op25:hover {
  color: rgba(0, 0, 0, 0.25);
}
a.hover-force-black_op25:hover {
  color: rgba(0, 0, 0, 0.25) !important;
}
a.hover-bg-black_op25:hover {
  background: rgba(0, 0, 0, 0.25);
}
.bc-black_op25 {
  border-color: rgba(0, 0, 0, 0.25);
}
.text-black_op4 {
  color: rgba(0, 0, 0, 0.4);
}
.color-black_op4 {
  color: rgba(0, 0, 0, 0.4);
}
.text-force-black_op4 {
  color: rgba(0, 0, 0, 0.4) !important;
}
a.text-black_op4:hover {
  color: rgba(0, 0, 0, 0.4);
}
a.text-force-black_op4:hover {
  color: rgba(0, 0, 0, 0.4) !important;
}
.bg-black_op4 {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-force-black_op4 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
a.hover-black_op4:hover {
  color: rgba(0, 0, 0, 0.4);
}
a.hover-force-black_op4:hover {
  color: rgba(0, 0, 0, 0.4) !important;
}
a.hover-bg-black_op4:hover {
  background: rgba(0, 0, 0, 0.4);
}
.bc-black_op4 {
  border-color: rgba(0, 0, 0, 0.4);
}
.text-black_op8 {
  color: rgba(0, 0, 0, 0.8);
}
.color-black_op8 {
  color: rgba(0, 0, 0, 0.8);
}
.text-force-black_op8 {
  color: rgba(0, 0, 0, 0.8) !important;
}
a.text-black_op8:hover {
  color: rgba(0, 0, 0, 0.8);
}
a.text-force-black_op8:hover {
  color: rgba(0, 0, 0, 0.8) !important;
}
.bg-black_op8 {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-force-black_op8 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
a.hover-black_op8:hover {
  color: rgba(0, 0, 0, 0.8);
}
a.hover-force-black_op8:hover {
  color: rgba(0, 0, 0, 0.8) !important;
}
a.hover-bg-black_op8:hover {
  background: rgba(0, 0, 0, 0.8);
}
.bc-black_op8 {
  border-color: rgba(0, 0, 0, 0.8);
}
.text-dark-grey {
  color: rgba(0, 0, 0, 0.8);
}
.color-dark-grey {
  color: rgba(0, 0, 0, 0.8);
}
.text-force-dark-grey {
  color: rgba(0, 0, 0, 0.8) !important;
}
a.text-dark-grey:hover {
  color: rgba(0, 0, 0, 0.8);
}
a.text-force-dark-grey:hover {
  color: rgba(0, 0, 0, 0.8) !important;
}
.bg-dark-grey {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-force-dark-grey {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
a.hover-dark-grey:hover {
  color: rgba(0, 0, 0, 0.8);
}
a.hover-force-dark-grey:hover {
  color: rgba(0, 0, 0, 0.8) !important;
}
a.hover-bg-dark-grey:hover {
  background: rgba(0, 0, 0, 0.8);
}
.bc-dark-grey {
  border-color: rgba(0, 0, 0, 0.8);
}
.text-pink {
  color: #ec7f95;
}
.color-pink {
  color: #ec7f95;
}
.text-force-pink {
  color: #ec7f95 !important;
}
a.text-pink:hover {
  color: #e23c5e;
}
a.text-force-pink:hover {
  color: #e23c5e !important;
}
.bg-pink {
  background-color: #ec7f95;
}
.bg-force-pink {
  background-color: #ec7f95 !important;
}
a.hover-pink:hover {
  color: #ec7f95;
}
a.hover-force-pink:hover {
  color: #ec7f95 !important;
}
a.hover-bg-pink:hover {
  background: #ec7f95;
}
.bc-pink {
  border-color: #ec7f95;
}
.text-irisblue {
  color: #10afb4;
}
.color-irisblue {
  color: #10afb4;
}
.text-force-irisblue {
  color: #10afb4 !important;
}
a.text-irisblue:hover {
  color: #0a6b6e;
}
a.text-force-irisblue:hover {
  color: #0a6b6e !important;
}
.bg-irisblue {
  background-color: #10afb4;
}
.bg-force-irisblue {
  background-color: #10afb4 !important;
}
a.hover-irisblue:hover {
  color: #10afb4;
}
a.hover-force-irisblue:hover {
  color: #10afb4 !important;
}
a.hover-bg-irisblue:hover {
  background: #10afb4;
}
.bc-irisblue {
  border-color: #10afb4;
}
.text-pigment-green {
  color: #009245;
}
.color-pigment-green {
  color: #009245;
}
.text-force-pigment-green {
  color: #009245 !important;
}
a.text-pigment-green:hover {
  color: #004621;
}
a.text-force-pigment-green:hover {
  color: #004621 !important;
}
.bg-pigment-green {
  background-color: #009245;
}
.bg-force-pigment-green {
  background-color: #009245 !important;
}
a.hover-pigment-green:hover {
  color: #009245;
}
a.hover-force-pigment-green:hover {
  color: #009245 !important;
}
a.hover-bg-pigment-green:hover {
  background: #009245;
}
.bc-pigment-green {
  border-color: #009245;
}
.text-dodger-light-blue {
  color: #2eb9ff;
}
.color-dodger-light-blue {
  color: #2eb9ff;
}
.text-force-dodger-light-blue {
  color: #2eb9ff !important;
}
a.text-dodger-light-blue:hover {
  color: #0095e1;
}
a.text-force-dodger-light-blue:hover {
  color: #0095e1 !important;
}
.bg-dodger-light-blue {
  background-color: #2eb9ff;
}
.bg-force-dodger-light-blue {
  background-color: #2eb9ff !important;
}
a.hover-dodger-light-blue:hover {
  color: #2eb9ff;
}
a.hover-force-dodger-light-blue:hover {
  color: #2eb9ff !important;
}
a.hover-bg-dodger-light-blue:hover {
  background: #2eb9ff;
}
.bc-dodger-light-blue {
  border-color: #2eb9ff;
}
.text-dodger-dark-blue {
  color: #4085F4;
}
.color-dodger-dark-blue {
  color: #4085F4;
}
.text-force-dodger-dark-blue {
  color: #4085F4 !important;
}
a.text-dodger-dark-blue:hover {
  color: #0d5cdb;
}
a.text-force-dodger-dark-blue:hover {
  color: #0d5cdb !important;
}
.bg-dodger-dark-blue {
  background-color: #4085F4;
}
.bg-force-dodger-dark-blue {
  background-color: #4085F4 !important;
}
a.hover-dodger-dark-blue:hover {
  color: #4085F4;
}
a.hover-force-dodger-dark-blue:hover {
  color: #4085F4 !important;
}
a.hover-bg-dodger-dark-blue:hover {
  background: #4085F4;
}
.bc-dodger-dark-blue {
  border-color: #4085F4;
}
.text-white_op7 {
  color: rgba(255, 255, 255, 0.7);
}
.color-white_op7 {
  color: rgba(255, 255, 255, 0.7);
}
.text-force-white_op7 {
  color: rgba(255, 255, 255, 0.7) !important;
}
a.text-white_op7:hover {
  color: rgba(217, 217, 217, 0.7);
}
a.text-force-white_op7:hover {
  color: rgba(217, 217, 217, 0.7) !important;
}
.bg-white_op7 {
  background-color: rgba(255, 255, 255, 0.7);
}
.bg-force-white_op7 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
a.hover-white_op7:hover {
  color: rgba(255, 255, 255, 0.7);
}
a.hover-force-white_op7:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}
a.hover-bg-white_op7:hover {
  background: rgba(255, 255, 255, 0.7);
}
.bc-white_op7 {
  border-color: rgba(255, 255, 255, 0.7);
}
.text-easternblue {
  color: #298fb7;
}
.color-easternblue {
  color: #298fb7;
}
.text-force-easternblue {
  color: #298fb7 !important;
}
a.text-easternblue:hover {
  color: #1b5e79;
}
a.text-force-easternblue:hover {
  color: #1b5e79 !important;
}
.bg-easternblue {
  background-color: #298fb7;
}
.bg-force-easternblue {
  background-color: #298fb7 !important;
}
a.hover-easternblue:hover {
  color: #298fb7;
}
a.hover-force-easternblue:hover {
  color: #298fb7 !important;
}
a.hover-bg-easternblue:hover {
  background: #298fb7;
}
.bc-easternblue {
  border-color: #298fb7;
}
.text-matterhorn {
  color: #4f4f4f;
}
.color-matterhorn {
  color: #4f4f4f;
}
.text-force-matterhorn {
  color: #4f4f4f !important;
}
a.text-matterhorn:hover {
  color: #292929;
}
a.text-force-matterhorn:hover {
  color: #292929 !important;
}
.bg-matterhorn {
  background-color: #4f4f4f;
}
.bg-force-matterhorn {
  background-color: #4f4f4f !important;
}
a.hover-matterhorn:hover {
  color: #4f4f4f;
}
a.hover-force-matterhorn:hover {
  color: #4f4f4f !important;
}
a.hover-bg-matterhorn:hover {
  background: #4f4f4f;
}
.bc-matterhorn {
  border-color: #4f4f4f;
}
.text-link-blue {
  color: #1376d7;
}
.color-link-blue {
  color: #1376d7;
}
.text-force-link-blue {
  color: #1376d7 !important;
}
a.text-link-blue:hover {
  color: #0d4f91;
}
a.text-force-link-blue:hover {
  color: #0d4f91 !important;
}
.bg-link-blue {
  background-color: #1376d7;
}
.bg-force-link-blue {
  background-color: #1376d7 !important;
}
a.hover-link-blue:hover {
  color: #1376d7;
}
a.hover-force-link-blue:hover {
  color: #1376d7 !important;
}
a.hover-bg-link-blue:hover {
  background: #1376d7;
}
.bc-link-blue {
  border-color: #1376d7;
}
.text-empress {
  color: #737373;
}
.color-empress {
  color: #737373;
}
.text-force-empress {
  color: #737373 !important;
}
a.text-empress:hover {
  color: #4d4d4d;
}
a.text-force-empress:hover {
  color: #4d4d4d !important;
}
.bg-empress {
  background-color: #737373;
}
.bg-force-empress {
  background-color: #737373 !important;
}
a.hover-empress:hover {
  color: #737373;
}
a.hover-force-empress:hover {
  color: #737373 !important;
}
a.hover-bg-empress:hover {
  background: #737373;
}
.bc-empress {
  border-color: #737373;
}
.text-ud-orange {
  color: #ef8d2b;
}
.color-ud-orange {
  color: #ef8d2b;
}
.text-force-ud-orange {
  color: #ef8d2b !important;
}
a.text-ud-orange:hover {
  color: #bf670e;
}
a.text-force-ud-orange:hover {
  color: #bf670e !important;
}
.bg-ud-orange {
  background-color: #ef8d2b;
}
.bg-force-ud-orange {
  background-color: #ef8d2b !important;
}
a.hover-ud-orange:hover {
  color: #ef8d2b;
}
a.hover-force-ud-orange:hover {
  color: #ef8d2b !important;
}
a.hover-bg-ud-orange:hover {
  background: #ef8d2b;
}
.bc-ud-orange {
  border-color: #ef8d2b;
}
body.organization .udemy-header-transparent {
  background: #fff;
}
body.organization .header-v4 .container {
  padding: 0;
}
body.organization .header-v4 .white-link {
  text-shadow: none;
}
body.organization .header-v4 .white-link:hover {
  background: transparent;
}
body.organization .header-v4 .open .white-link {
  background: transparent;
}
body.organization .header-v4 .green-separator {
  display: none;
}
body.organization .header-v4.udemy-header-lighter .white-link,
body.organization .header-v4.udemy-header-transparent .white-link {
  color: #333;
}
body.organization .header-v4.udemy-header-lighter .user-dropdown .user-caret,
body.organization .header-v4.udemy-header-transparent .user-dropdown .user-caret {
  color: #333;
}
body.organization .header-v4.udemy-header-darker .white-link {
  color: #ffffff;
}
body.organization .logo-text {
  color: #000;
  font-weight: bold;
}
.org-logo {
  width: 130px;
  height: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/staticx/udemy/images/v4/logo.svg");
  display: inline-block;
}
@media (max-width: 1200px) {
  body.organization .header-v4 .become-ins-link {
    display: block;
  }
}
@media (max-width: 640px) {
  body.organization .header-v4 .become-ins-link {
    display: none;
  }
  .org-logo {
    width: 65px;
  }
}
.purchase-popup {
  min-width: 500px;
  padding: 10px 16px;
}
.purchase-popup input[type=number].num-of-licenses {
  display: inline-block;
  width: 65px;
  text-align: right;
  margin-left: 5px;
}
.purchase-popup .btn-container {
  margin-top: 10px;
}
.purchase-popup .license-limit-message {
  display: block;
  font-size: 10px;
}
.purchase-popup.quick {
  background: #fff;
  padding: 0;
}
.purchase-popup.quick .top-items > div:first-child {
  border: 0 none;
}
.purchase-popup.quick .top-items > div {
  overflow: hidden;
  padding: 15px;
}
.purchase-popup.quick .top-items .amount-container {
  background: white;
}
.purchase-popup.quick .license-limit-message {
  margin-top: -20px;
  padding-left: 15px;
}
.update-credit-cards {
  border-top: 1px solid #ccc;
  padding: 15px;
}
.update-credit-cards h2 {
  color: #656565;
  font-size: 13px;
  line-height: 1.2;
}
.update-credit-cards ul {
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px #ddd;
  margin-top: 10px;
}
.update-credit-cards li {
  border-top: 1px solid #ddd;
  overflow: hidden;
  padding: 10px;
}
.update-credit-cards li:first-child {
  border: 0 none;
}
.update-credit-cards li:nth-child(2n+1) {
  background: #fff ;
}
.update-credit-cards li:nth-child(2n) {
  background: #F3F3F3 ;
}
.update-credit-cards li input {
  position: relative;
  top: -5px;
}
.update-credit-cards .custom-radio-btn {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
  display: inline-block;
  height: 17px;
  vertical-align: middle;
  width: 17px;
  padding: 5px;
  margin: 0;
  display: none;
}
.update-credit-cards .icon {
  background: url("/staticx/udemy/images/v3/sprites.png?v=17") -150px -292px;
  border: 1px solid #B1B1B1;
  display: inline-block;
  height: 34px;
  margin: 0 0 0 10px;
  vertical-align: middle;
  width: 48px;
}
.update-credit-cards .icon.visa {
  background-position: -150px -332px;
}
.update-credit-cards .icon.mastercard {
  background-position: -151px -371px;
}
.update-credit-cards .icon.amex {
  background-position: -221px -380px;
}
.update-credit-cards .icon.discover {
  background-position: -220px -340px;
}
.update-credit-cards .title {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
  color: #666;
}
.update-credit-cards .title b {
  color: #333;
}
.update-credit-cards .footer-row {
  overflow: hidden;
  margin-top: 10px;
}
.update-credit-cards a.other {
  font-size: 13px;
  text-decoration: underline;
  margin-top: 7px;
  display: inline-block;
}
.update-credit-cards .purchase-btn {
  float: right;
}
.payment-v4 {
  max-width: 520px;
  position: relative;
  margin: auto;
  padding-bottom: 15px;
  border-radius: 5px;
  background: #f3f3f3;
}
.payment-v4.fail .card-info-field {
  border-color: #DA7070;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(218, 112, 112, 0.43);
}
.payment-v4 .card-info-field {
  height: 42px;
}
.payment-v4 .general-heading {
  background: #4f9e52;
  color: #fff;
  font-size: 14px;
  padding: 10px 40px 10px 40px;
  margin: 0;
  border-radius: 3px 3px 0 0;
}
.payment-v4 .payment-top {
  padding: 0 40px;
}
.payment-v4 .top-left {
  margin-right: 20px;
  flex: 1;
}
.payment-v4 .top-row {
  margin-top: 10px;
}
.payment-v4 .final-wrapper {
  font-weight: bold;
  color: #355368;
  padding-top: 5px;
}
.payment-v4 .gray-border {
  border-top: 1px solid #fff;
  box-shadow: 0 -1px 0 #dadadb;
}
.payment-v4 .payment-main {
  padding: 0 30px 20px 30px;
  margin-top: 20px;
}
.payment-v4 .main-row {
  margin-top: 10px;
}
.payment-v4 .country-wrapper {
  background: #fff;
}
.payment-v4 .cardno-wrapper {
  z-index: 1;
}
.payment-v4 .cardno-field {
  padding-right: 50px;
}
.payment-v4 .payment-option {
  padding: 3px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #edeff1,0 0 0 4px #d3d3d3;
  margin: 10px;
  line-height: 0;
  display: inline-block;
  background: transparent;
}
.payment-v4 .payment-option.on {
  background: #2484C5;
  box-shadow: 0 0 0 2px #edeff1,0 0 0 4px #2484C5;
}
.payment-v4 .cards-img {
  width: 148px;
}
.payment-v4 .cards-caret {
  font-size: 16px;
  color: #365367;
}
.payment-v4 .saved-cards-heading {
  margin: 10px 10px;
  color: #899aa5;
  font-size: 10px;
}
.payment-v4 .card-type {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  color: #355368;
  cursor: pointer;
}
.payment-v4 .card-type:hover {
  background-color: #EFF2F5;
}
.payment-v4 .cards-dropdown {
  height: 42px;
  padding: 10px 10px 20px 10px;
}
.payment-v4 .cards-dropdown .dropdown-menu {
  width: 100%;
}
.payment-v4 .add-new-card {
  cursor: pointer;
  padding: 5px 10px;
  border-top: 1px solid #d3d3d3;
  font-size: 12px;
  color: #355368;
}
.payment-v4 .add-new-card:hover {
  background: #EFF2F5;
}
.payment-v4 .cards-options-bordered {
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  display: block;
}
.payment-v4 .iconed-field {
  position: relative;
}
.payment-v4 .field-icon {
  position: absolute;
  left: 7px;
  top: 50%;
  margin-top: -9px;
  font-size: 18px;
  color: #D3D3D3;
  width: 24px;
  text-align: center;
}
.payment-v4 .iconed-field input {
  padding: 0px 10px 0px 35px;
  width: 100%;
}
.payment-v4 .detected-card {
  position: absolute;
  width: 36px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 10px;
  top: 50%;
  margin-top: -10px;
}
.payment-v4 .detected-card.visa {
  background-image: url("/staticx/udemy/images/v4/card-visa.svg");
}
.payment-v4 .detected-card.mastercard {
  background-image: url("/staticx/udemy/images/v4/card-mastercard.svg");
}
.payment-v4 .detected-card.amex {
  background-image: url("/staticx/udemy/images/v4/card-amex.svg");
}
.payment-v4 .detected-card.discover {
  background-image: url("/staticx/udemy/images/v4/card-discover.svg");
}
.payment-v4 .field-note {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  color: #297fb8;
}
.payment-v4 .field-note:hover {
  color: #000;
}
.payment-v4 .custom-select-box {
  -webkit-appearance: inherit;
  position: relative;
  padding: 10px 10px 10px 35px;
  height: auto;
  background: transparent;
  z-index: 1;
}
.payment-v4 .custom-select-box-caret {
  position: absolute;
  top: 50%;
  font-size: 18px;
  right: 10px;
  margin-top: -10px;
}
.payment-v4 .move-1px-up {
  margin-top: -1px;
}
.payment-v4 .move-1px-left {
  margin-left: -1px;
}
.payment-v4 input.custom-checkbox {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  background: #fff;
  margin: 0;
  cursor: pointer;
}
.payment-v4 input.custom-checkbox:focus {
  outline: 0;
}
.payment-v4 input.custom-checkbox:checked + .custom-checkbox-icon {
  display: block;
}
.payment-v4 .custom-checkbox-icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  width: 14px;
  text-align: center;
  display: none;
  margin: 0;
}
.payment-v4 .remember-card-text {
  margin: 0 0 0 5px;
  font-weight: normal;
  color: #355368;
}
.payment-v4 .terms-row {
  color: #8392A3;
  font-size: 12px;
}
.payment-v4 .secure-row {
  color: #8392A3;
  font-size: 12px;
}
.payment-v4 .cvc-tooltip {
  width: 260px;
  min-height: 150px;
  text-align: center;
  padding: 10px;
}
.payment-v4 .redeem-form-wrapper {
  position: relative;
  width: 100%;
}
.payment-v4 .applied-code {
  color: #2484C5;
  margin-right: 5px;
}
.payment-v4 .error-note {
  color: #d23837;
  text-align: center;
}
.payment-v4 .paypal-splash {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
}
.payment-v4 .paypal-preload-icon {
  color: #2484C5;
  font-size: 70px;
  -webkit-transform-origin: %50;
  -o-transform-origin: %50;
  -ms-transform-origin: %50;
  transform-origin: %50;
  -ms-animation: spin 4s infinite linear;
  -o-animation: spin 4s infinite linear;
  -webkit-animation: spin 4s infinite linear;
  -moz-animation: spin 4s infinite linear;
  animation: spin 4s infinite linear;
}
.payment-v4 .paypal-preload-text {
  font-size: 18px;
  font-style: italic;
}
.payment-v4 .payment-tabs li a {
  padding: 5px 15px;
  text-align: center;
}
.payment-v4 .payment-tabs li a:hover {
  background: #edeff1;
}
.payment-v4 .payment-tabs li.active a {
  background: #edeff1;
  color: #355368;
}
.payment-v4 [name=payment-options] {
  display: none;
}
.payment-v4 #option-credit-card:checked ~ .option-tab-content #credit-card {
  display: block;
}
.payment-v4 #option-credit-card:checked ~ .payment-tabs [for=option-credit-card] {
  border: 1px solid #ccc;
  border-bottom: 0;
  color: #355368;
}
.payment-v4 #option-paypal:checked ~ .option-tab-content #paypal {
  display: block;
}
.payment-v4 #option-paypal:checked ~ .payment-tabs [for=option-paypal] {
  border: 1px solid #ccc;
  border-bottom: 0;
  color: #355368;
}
.payment-v4 #option-adyen:checked ~ .option-tab-content #adyen {
  display: block;
}
.payment-v4 #option-adyen:checked ~ .payment-tabs [for=option-adyen] {
  border: 1px solid #ccc;
  border-bottom: 0;
  color: #355368;
}
.payment-v4 #option-all-down:checked ~ .option-tab-content #all-down {
  display: block;
}
.payment-v4 #option-all-down:checked ~ .payment-tabs [for=option-all-down] {
  border: 1px solid #ccc;
  border-bottom: 0;
  color: #355368;
}
.payment-v4 .option-tab-content > div {
  display: none;
}
.payment-v4 .payment-tabs label {
  display: inline-block;
  margin: 0;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-bottom-color: #ccc;
  font-size: 14px;
  text-align: center;
  color: #428bca;
}
.payment-v4 #cardNumberField {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.payment-v4 #expirationDate {
  border-radius: 0;
  border-bottom-left-radius: 5px;
}
.payment-v4 #securityCode {
  border-radius: 0;
  border-bottom-right-radius: 5px;
}
.payment-v4 #countryId {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.payment-v4 #zipCode {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.payment-v4 [name=card-no] {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.payment-v4 [name=expiration] {
  border-radius: 0;
  border-bottom-left-radius: 5px;
}
.payment-v4 [name=security-code] {
  border-radius: 0;
  border-bottom-right-radius: 5px;
}
.payment-v4 [name=country] {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.payment-v4 [name=zip-code] {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.fancybox-inner .payment-v4 {
  margin: 0;
}
.fancybox-inner .payment-v4-wrapper {
  width: 520px;
}
@media (max-width: 768px) {
  .payment-v4 span {
    font-size: 12px;
  }
  .payment-v4 .general-heading {
    padding: 20px 50px 15px 20px;
  }
  .payment-v4 .tooltip {
    display: none !important;
  }
  .payment-v4 .payment-top {
    padding: 0 20px;
  }
  .payment-v4 .payment-main {
    padding: 0 10px 20px 10px;
  }
  .payment-v4 .cards-dropdown .dropdown-menu .add-new-card,
  .payment-v4 .cards-dropdown .dropdown-menu .card-type {
    height: 42px;
  }
}
@media (max-width: 768px) {
  .payment-v4 .general-heading {
    padding: 20px 50px 15px 20px;
  }
}
.payment-popup {
  top: 40px !important;
}
@media only screen and (max-width: 767px) {
  .fancybox-inner .payment-v4-wrapper {
    width: 100%;
  }
}
.header-v4 {
  position: relative;
  width: 100%;
  background: #fff;
  z-index: 3;
  box-shadow: 0 1px 2px #ccc;
}
.header-v4.nobg {
  z-index: 1;
}
.header-v4 .general-header-inner {
  padding: 0 5px;
  border-top: 4px solid #17aa1c;
  height: 52px;
}
.header-v4 .dropdown-toggle {
  height: 52px;
}
.header-v4 .dropdown-menu {
  margin: 0;
}
.header-v4 .white-link {
  padding: 8px;
  border-radius: 4px;
  height: 36px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  color: #5d5d5e;
  text-shadow: none;
}
.header-v4 .white-link:hover {
  background: #e4e2e2;
}
.header-v4 .metrics {
  display: block;
  overflow: hidden;
  color: white;
  background-color: black;
  text-align: center;
  font-size: 20px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  height: 38px;
  padding: 5px 0px;
}
.header-v4 .metrics.small {
  height: 0px;
  padding: 0px 0px;
}
.header-v4 .metrics a,
.header-v4 .metrics label {
  color: white;
  font-size: 15px;
}
.header-v4 .metrics label {
  margin-left: 20px;
  font-weight: initial;
}
.header-v4 .metrics .separator {
  display: inline-block;
  border-left: 1px solid white;
  margin: 0px 20px;
  height: 15px;
}
.header-v4 .metrics a {
  font-weight: bold;
  padding: 2px 2px 2px 6px;
  border-radius: 2px;
}
.header-v4 .metrics a:hover {
  background-color: #2E2E32;
}
.header-v4 .green-separator {
  width: 1px;
  background: #3f933f;
  display: inline-block;
  height: 15px;
  margin: 0 5px;
}
.header-v4 .notifications-dropdown .notifications-toggle a {
  color: #5d5d5e;
}
.header-v4 .user-dropdown .user-caret {
  color: #5d5d5e;
}
.header-v4 .open .white-link {
  background: #e4e2e2;
}
.header-v4 .hide-wrapper-left-btn.on,
.header-v4 .hide-wrapper-left-btn:hover {
  background: #e4e2e2;
}
.cats-icon {
  font-size: 16px;
}
.cats-dropdown.not-ready .dropdown-menu li:hover .sub {
  opacity: 1;
  visibility: visible;
}
.cats-dropdown .dropdown-menu {
  width: 240px;
  border-radius: 0;
  box-shadow: none;
  margin-left: -5px;
  margin-top: -1px;
  left: 0;
  border-left: 0;
  border-bottom: 0;
}
.cats-dropdown .dropdown-menu:before {
  display: none;
}
.cats-dropdown .dropdown-menu:after {
  font-family: 'FontAwesome';
  content: "\f0d8";
  color: #FFF;
  position: absolute;
  bottom: 100%;
  left: 20px;
  font-size: 20px;
  line-height: 6px;
  text-shadow: 0 -1px #CCC;
}
.cats-dropdown .dropdown-menu li.divider {
  padding: 0;
}
.cats-dropdown .dropdown-menu a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: #293F4F;
  padding: 8px 15px;
}
.cats-dropdown .dropdown-menu a:hover,
.cats-dropdown .dropdown-menu a.maintainHover {
  background: #f0f0f0;
}
.cats-dropdown .dropdown-menu a.maintainHover + .sub {
  opacity: 1;
  visibility: visible;
}
.cats-dropdown .dropdown-menu .cat-icon {
  margin-right: 10px;
}
.cats-dropdown .dropdown-menu .cat-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  min-width: 1px;
  font-size: 13px;
  font-weight: 600;
  margin-top: -1px;
}
.cats-dropdown .dropdown-menu .cat-arr {
  color: #999fa3;
}
.cats-dropdown .sub {
  left: 100%;
  top: 0;
  height: 100%;
  border-radius: 0;
  width: 240px;
  box-shadow: none;
  display: block;
  opacity: 0;
  visibility: hidden;
  margin-top: 0;
  border: 0;
  background: #02a1a5;
  margin-left: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.cats-dropdown .sub:before,
.cats-dropdown .sub:after {
  display: none;
}
.cats-dropdown .sub h4 {
  color: #fff;
}
.cats-dropdown .skin2 {
  background: #960075;
}
.cats-dropdown .skin3 {
  background: #540768;
}
.cats-dropdown .skin4 {
  background: #32377a;
}
.cats-dropdown .skin5 {
  background: #006b9c;
}
.cats-dropdown .skin6 {
  background: #02a1a5;
}
.cats-dropdown .sub-list {
  overflow-y: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  min-width: 1px;
  padding-bottom: 25px !important;
}
.cats-dropdown .sub-list a {
  color: #fff;
}
.cats-dropdown .sub-list a:hover {
  background: rgba(255, 255, 255, 0.1);
}
.cats-dropdown h4 {
  margin: 10px 15px;
  color: #fff;
}
.cats-dropdown.old-menu .dropdown-menu {
  width: 240px;
  border: 0;
  background: #fff !important;
  border: 1px solid #ccc;
  padding-top: 0;
  margin-top: 0;
}
.cats-dropdown.old-menu .dropdown-menu a {
  border: 0;
}
.cats-dropdown.old-menu .dropdown-menu a:hover,
.cats-dropdown.old-menu .dropdown-menu a.maintainHover {
  background: #54b551;
  color: #fff;
}
.cats-dropdown.old-menu .dropdown-menu a:hover i,
.cats-dropdown.old-menu .dropdown-menu a.maintainHover i,
.cats-dropdown.old-menu .dropdown-menu a:hover b,
.cats-dropdown.old-menu .dropdown-menu a.maintainHover b {
  color: #fff;
}
.cats-dropdown.old-menu .dropdown-menu .cat-title {
  font-size: 14px;
  font-weight: normal;
}
.cats-dropdown.old-menu .dropdown-menu .cat-icon {
  margin-top: 2px;
  color: #979DA1;
}
.cats-dropdown.old-menu .sub {
  border: 1px solid #ccc;
  margin-left: 0;
  margin-top: -1px;
}
.cats-dropdown.old-menu .sub h4 {
  margin: 5px 15px;
  color: #293F4F;
}
.cats-dropdown.old-menu .sub-list a {
  color: #293F4F;
}
.dropdown-menu-list > li:last-child:hover > a {
  background: #f0f0f0;
}
.dropdown-menu-list > li:last-child:hover .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
}
.wrapper-left {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  transition: margin-left 0.2s;
  -webkit-transition: margin-left 0.2s;
  -moz-transition: margin-left 0.2s;
  -ms-transition: margin-left 0.2s;
  -o-transition: margin-left 0.2s;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: #fff;
  width: 240px;
}
.wrapper-left.center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.wrapper-left.right {
  -webkit-box-align: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
.wrapper-left.old-wrapper-left {
  border-right: 0;
}
.wrapper-left .cats-dropdown {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  min-width: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.wrapper-left .cats-dropdown > .dropdown-menu {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  min-width: 1px;
  width: auto;
  top: 0;
  display: block;
  position: relative;
  margin-left: 0;
  margin-top: 0;
  border: 0;
}
.quick-search-dropdown-v4.ui-autocomplete {
  margin-top: 7px;
  min-height: 30px;
  min-width: 400px;
  max-width: 100%;
}
.quick-search-dropdown-v4.ui-autocomplete:before {
  content: '';
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: absolute;
  background: #fff;
  top: -4px;
  left: 10px;
  box-shadow: -1px -1px rgba(0, 0, 0, 0.05);
  z-index: -1;
}
.quick-search-dropdown-v4.ui-autocomplete > li {
  clear: both;
  display: block;
}
.quick-search-dropdown-v4.ui-autocomplete > li > a {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  white-space: normal;
  padding: 5px 10px;
  overflow: hidden;
  box-shadow: none;
  color: #293F4F;
}
.quick-search-dropdown-v4.ui-autocomplete > li > a:hover,
.quick-search-dropdown-v4.ui-autocomplete > li > a.ui-state-hover,
.quick-search-dropdown-v4.ui-autocomplete > li > a.ui-state-focus {
  border: none;
  margin: 0;
  color: #2585C6;
}
.quick-search-dropdown-v4.ui-autocomplete > li > a:hover i,
.quick-search-dropdown-v4.ui-autocomplete > li > a.ui-state-hover i,
.quick-search-dropdown-v4.ui-autocomplete > li > a.ui-state-focus i {
  color: #2585C6;
}
.quick-search-dropdown-v4.ui-autocomplete .title {
  font-size: 14px;
  font-weight: normal;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  min-width: 1px;
}
.quick-search-dropdown-v4.ui-autocomplete .title li {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
  padding: 5px 0 0 5px;
  margin: 5px 15px 0;
}
.quick-search-dropdown-v4.ui-autocomplete .title .label {
  color: rgba(0, 0, 0, 0.55);
  padding: 0;
  font-weight: normal;
  font-size: 12px;
}
.quick-search-dropdown-v4.ui-autocomplete .mini-icon {
  font-size: 16px;
  margin-right: 10px;
}
.quick-search-dropdown-v4.ui-autocomplete i {
  color: #B6C4D6;
}
.quick-search-dropdown-v4.ui-autocomplete .ui-menu-item {
  position: relative;
}
.quick-search-dropdown-v4.ui-autocomplete .cat {
  font-size: 12px;
  margin-left: 10px;
  font-weight: normal;
}
.quick-search-dropdown-v4.ui-autocomplete .in-my-courses i {
  color: #4DBA4D;
}
.quick-search-dropdown-v4.ui-autocomplete .bottom-border {
  border-bottom: 1px solid #d3d3d3;
}
.search-v4-wrap {
  padding: 10px 0px;
  margin-left: 15px;
}
.search-v4 {
  position: relative;
}
.search-v4 .search-input {
  background: #e4e2e2;
  border: 0;
  padding: 8px 40px 8px 10px;
  outline: none !important;
  color: #5d5d5e;
  font-style: italic;
  width: 245px;
  border-radius: 4px;
}
.search-v4 .search-input::-moz-placeholder {
  color: #5d5d5e;
  opacity: 1;
}
.search-v4 .search-input:-ms-input-placeholder {
  color: #5d5d5e;
}
.search-v4 .search-input::-webkit-input-placeholder {
  color: #5d5d5e;
}
.search-v4 .search-input:focus {
  color: #16222D;
  font-style: normal;
}
.search-v4 .search-input:focus::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.search-v4 .search-input:focus:-ms-input-placeholder {
  color: #000;
}
.search-v4 .search-input:focus::-webkit-input-placeholder {
  color: #000;
}
.search-v4 .search-input:focus ~ .search-btn {
  color: #293F4F;
}
.search-v4 .search-input:focus ~ .search-btn:hover {
  color: #000;
}
.search-v4 .search-btn {
  background: transparent;
  border: 0;
  font-size: 18px;
  color: #5d5d5e;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -12px 0 0 -30px;
}
.search-v4 .search-btn:hover {
  color: #000;
}
.search-v4 .ui-autocomplete-loading ~ .search-btn:before {
  font-family: 'FontAwesome';
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
  -webkit-transform-origin: %50;
  -o-transform-origin: %50;
  -ms-transform-origin: %50;
  transform-origin: %50;
  -ms-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  text-decoration: none;
  content: '\f110';
  color: #1e2c35;
}
.search-v4.light .search-btn {
  color: #666;
}
.notifications-dropdown {
  position: relative;
  z-index: 90;
  padding-right: 5px;
}
.notifications-dropdown .notifications-toggle a {
  font-size: 18px;
  color: #3e833e;
}
.notifications-dropdown .notifications-toggle a:hover {
  color: #333;
}
.notifications-dropdown.open .notifications-toggle a {
  color: #333;
}
.notifications-dropdown .dropdown-menu {
  width: 280px;
}
.notifications-dropdown .notification-zero-case {
  text-align: center;
  padding: 10px;
}
.notifications-dropdown .ajax-loader-stick {
  margin: 10px -25px 10px;
}
.notifications-dropdown h5 {
  padding: 10px;
  text-transform: uppercase;
  font-size: 12px;
  border-bottom: 1px solid #E4E4E4;
  margin: 0;
}
.notifications-dropdown .mask {
  max-height: 270px;
  overflow: auto;
}
.notifications-dropdown ul {
  border: 0;
}
.notifications-dropdown li {
  color: #555;
  font-size: 12px;
  line-height: 1.3;
  border-top: 1px solid #E4E4E4;
}
.notifications-dropdown li:first-child {
  border: 0;
}
.notifications-dropdown li a {
  background: #fff ;
  color: #333;
  border: 0;
  display: block;
  cursor: pointer;
  padding: 10px;
  font-weight: normal;
  white-space: normal;
}
.notifications-dropdown li a:hover {
  text-decoration: none;
  background: #a1abb9 ;
  color: #fff;
}
.notifications-dropdown li a:hover time:before {
  background-position: -90px -1080px;
}
.notifications-dropdown li a:hover b {
  color: #f0de68;
}
.notifications-dropdown li a:hover .view-all {
  color: #fff;
}
.notifications-dropdown p {
  margin: 0;
}
.notifications-dropdown .view-all {
  text-align: center;
  display: block;
  font-weight: bold;
  color: #bd3b21;
}
.notifications-dropdown .see-all {
  background: #fff ;
  display: block;
  line-height: 36px;
  text-align: center;
  color: #bd3b21;
  border-top: 1px solid #E8E8E8;
  font-size: 13px;
}
.notifications-dropdown .thumb {
  float: left;
  width: 33px;
  height: 33px;
}
.notifications-dropdown .details {
  margin-left: 43px;
}
.notifications-dropdown time:before {
  content: '';
  float: left;
  width: 13px;
  height: 13px;
  background: url("/staticx/udemy/images/v3/sprites.png?v=17") -60px -1080px;
  margin: 1px 2px 0 0;
}
.red-badge {
  right: -5px;
  top: 5px;
  padding: 3px 6px !important;
  font-size: 9px !important;
  position: absolute;
  color: #fff !important;
  background: #F83136;
  border-radius: 4px;
  text-shadow: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.user-dropdown .mini-title {
  max-width: 90px;
  margin-right: 10px;
}
.user-dropdown .mini-pic {
  border-radius: 50%;
  width: 32px;
  opacity: .9;
}
.user-dropdown .msgs-undread {
  top: -5px;
}
.user-dropdown .user-caret {
  color: #fff;
}
.user-dropdown .dropdown-menu {
  width: 270px;
}
.user-dropdown .header {
  padding: 6px 10px;
  overflow: hidden;
}
.user-dropdown .l {
  float: left;
  position: relative;
  width: 90px;
}
.user-dropdown .l:hover .upload {
  display: block;
}
.user-dropdown .r {
  margin-left: 105px;
}
.user-dropdown .pic {
  width: 90px;
  overflow: hidden;
}
.user-dropdown .pic:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}
.user-dropdown .upload {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 12px;
  display: none;
}
.user-dropdown .upload:hover {
  color: #fff;
}
.user-dropdown .title {
  font-weight: bold;
}
.user-dropdown .subtitle {
  color: #555;
  display: block;
  line-height: 1.2;
  padding: 0;
}
.user-dropdown .view {
  background: #356635;
  color: #fff;
  font-size: 10px;
  padding: 3px 8px;
  font-weight: bold;
}
.user-dropdown .view:hover {
  text-decoration: underline !important;
}
.user-dropdown .action-icon {
  color: #91A1AF;
  font-size: 16px;
  margin-right: 10px;
}
.user-dropdown .links {
  border-top: 1px solid #ddd;
  padding: 10px;
  line-height: 27px;
}
.user-dropdown .links.no-header {
  border-top: none;
}
.user-dropdown .link {
  color: #293F4F;
  clear: both;
}
.user-dropdown .link .inner-icon {
  color: #B6C4D6;
  margin-right: 10px;
  font-size: 18px;
}
.user-dropdown .link .badge {
  float: none;
  line-height: 20px;
  padding: 0;
  width: 20px;
  height: 20px;
  margin: 0;
}
.user-dropdown .link:hover {
  color: #2585C6;
}
.user-dropdown .link:hover .inner-icon {
  color: #2585C6;
}
.user-dropdown .link .green-bt {
  border-radius: 3px;
  background: #54B551;
  color: #fff;
  margin-left: 10px;
  font-size: 12px;
  padding: 0px 10px;
  height: 24px;
  line-height: 23px;
}
.user-dropdown .account {
  border-top: 1px solid #ddd;
  background: #f7f7f7;
  padding: 10px;
}
.user-dropdown .account a {
  display: block;
  color: #555;
  line-height: 21px;
  margin: 6px 0;
}
.user-dropdown .account a:hover {
  color: #000;
}
.user-dropdown .account .on a {
  font-weight: bold;
  position: relative;
  padding-right: 30px;
}
.user-dropdown .account .on a .ok {
  display: block;
}
.user-dropdown h6 {
  margin: 0;
  color: #D8D8D8;
}
.user-dropdown .mini-logo {
  width: 20px;
  margin-right: 3px;
}
.user-dropdown .ok {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
  display: none;
}
.user-dropdown .logout {
  padding: 6px 10px 2px 15px;
}
.user-dropdown .logout i {
  margin-right: 6px;
}
.user-dropdown.open .mini-pic {
  opacity: 1;
}
.lang-dropdown .dropdown-menu {
  padding: 10px 5px;
}
.lang-dropdown .dropdown-menu a {
  color: #888;
  padding: 2px 10px;
  display: block;
}
.lang-dropdown .dropdown-menu a:after {
  font-family: 'FontAwesome';
  content: '\f00c';
  color: #54B551;
  position: absolute;
  right: 5px;
  opacity: 0;
}
.lang-dropdown .dropdown-menu a:hover {
  color: #555;
}
.lang-dropdown .dropdown-menu a:hover:after {
  opacity: 1;
}
.footer-v4 {
  background: #16222d;
  padding-top: 20px;
}
.footer-v4 h4 {
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  margin: 0 0 20px 0;
}
.footer-v4 .ext-links a {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  min-width: 130px;
}
.footer-v4 .ext-links a:hover {
  color: #999;
}
.footer-v4 .ext-btns {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 15px 10px;
  font-size: 18px;
}
.footer-v4 .ext-btns i {
  font-size: 24px;
  margin-right: 10px;
}
.footer-v4 .ext-btns:hover {
  color: #fff;
}
.footer-v4 .ext-btns.teach {
  background: #54B551;
}
.footer-v4 .ext-btns.teach:hover {
  background: #42a142;
}
.footer-v4 .ext-btns.ufo {
  background: #4985b8;
}
.footer-v4 .ext-btns.ufo:hover {
  background: #2470a2;
}
.footer-v4 .top {
  padding: 10px 0;
}
.footer-v4 #copyright {
  color: #fff;
  font-size: 13px;
  text-align: right;
}
.get-app {
  position: relative;
  z-index: 1;
  background: #fcf7f1;
  text-align: center;
  padding: 10px 30px;
  display: none;
}
.get-app .heading {
  margin: 0;
  font-weight: bold;
  font-size: 24px;
}
.get-app .note {
  margin-top: 5px;
  font-size: 11px;
}
.get-app .get-app-btn {
  margin-top: 10px;
  font-weight: bold;
  padding: 10px 70px;
}
.get-app .get-app-close {
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 20px;
  color: #979da1;
  margin-top: -14px;
}
.get-app .get-app-close:hover {
  color: #333;
}
.search-dropdown {
  display: none;
  position: static;
}
.search-dropdown .search-toggle a {
  font-size: 18px;
}
.search-dropdown .search-v4 {
  display: block !important;
  margin: 0 10px;
}
.search-dropdown .search-v4 .search-input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.search-dropdown .dropdown-menu {
  background: #fff;
  width: 100%;
  border-radius: 0;
}
.search-dropdown .dropdown-menu:before {
  display: none;
}
.promo-blurb {
  color: white;
  padding: 8px 13px 0 16px;
  font-weight: 600;
  margin-bottom: 9px;
  text-align: center;
}
.promo-blurb div {
  width: 10px;
  height: 10px;
  top: 4px;
  left: 81px;
  position: relative;
  transform: rotate(scaleX(2.5) rotateZ(45deg));
  -ms-transform: rotate(scaleX(2.5) rotateZ(45deg));
  -webkit-transform: rotate(scaleX(2.5) rotateZ(45deg));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: scaleX(2.5) rotateZ(45deg);
  -moz-transform: scaleX(2.5) rotateZ(45deg);
  -ms-transform: scaleX(2.5) rotateZ(45deg);
  -o-transform: scaleX(2.5) rotateZ(45deg);
  transform: scaleX(2.5) rotateZ(45deg);
}
.hide-wrapper-left-btn ~ .cats-dropdown {
  display: none;
}
@media (max-width: 992px) {
  .hide-wrapper-left-btn {
    display: none;
  }
  .hide-wrapper-left-btn ~ .cats-dropdown {
    display: block;
  }
}
@media (min-width: 1200px) {
  .header-v4.nobg {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(85%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    box-shadow: none;
    border: none;
  }
  .header-v4.nobg .search-v4-wrap,
  .header-v4.nobg .cats-dropdown,
  .header-v4.nobg .green-separator {
    display: none;
  }
  .header-v4.nobg .white-link {
    text-shadow: none;
    color: #fff;
  }
  .header-v4.nobg .white-link:hover {
    background: transparent;
    color: #3f933f;
  }
  .header-v4.nobg .open .white-link {
    background: transparent;
    color: #3f933f;
  }
  .header-v4.nobg .notifications-dropdown .notifications-toggle a {
    color: #fff;
  }
  .header-v4.nobg .notifications-dropdown .notifications-toggle a:hover {
    color: #333;
  }
}
@media (max-width: 1200px) {
  .get-app {
    display: block;
  }
  .header-v4 .general-header-inner {
    padding: 0 5px;
  }
  .header-v4.nobg {
    background: linear-gradient(#50a253, #4c954d);
    box-shadow: 0 1px 0 #408640;
    border: none;
  }
  .header-v4.nobg .white-link {
    color: #fff;
  }
  .header-v4.nobg .white-link:focus,
  .header-v4.nobg .white-link:hover {
    opacity: .6;
  }
  .header-v4.fixed {
    position: relative !important;
  }
  .header-v4 .cats-toggle {
    font-size: 0;
  }
  .header-v4 .cats-toggle .white-link {
    font-size: 0;
  }
  .header-v4 .hide-wrapper-left-btn {
    font-size: 0;
  }
  .header-v4 .cats-icon {
    margin: 0;
  }
  .header-v4 .green-separator {
    display: none;
  }
  .header-v4 .become-ins-link {
    display: none;
  }
  .header-v4 .my-courses-link {
    display: none;
  }
  .header-v4 .signup-link {
    display: none;
  }
  .header-v4 .user-img {
    display: none;
  }
  .header-v4 .user-caret {
    margin-left: 2px;
    margin-right: 2px;
  }
  .header-v4 .user-dropdown .mini-title {
    display: none;
  }
  .header-v4 .white-link {
    background: none !important;
  }
  .search-v4 .search-input {
    width: 165px;
  }
  .footer-v4 {
    padding-top: 0;
  }
  .footer-v4 .footer-cols {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .footer-v4 .logo {
    display: none;
  }
  .footer-v4 .apps h4 {
    display: none;
  }
  .footer-v4 .apps img {
    width: 130px;
  }
  .footer-v4 .ext-links {
    margin-top: 5px;
  }
  .footer-v4 .ext-links h4 {
    display: none;
  }
  .footer-v4 .ext-links a {
    display: inline-block;
    margin: 0 3px;
    font-size: 12px;
    min-width: 0;
  }
  .footer-v4 .ufo {
    display: none;
  }
  .footer-v4 .bottom {
    display: none;
  }
  .footer-v4 #copyright {
    display: none;
  }
  #u_userinlinemenu {
    font-size: 11px;
  }
  .search-v4-wrap {
    border: 0;
    margin-left: 5px;
  }
}
@media (min-width: 641px) {
  body.hide-wrapper-left .wrapper-left {
    margin-left: -320px;
  }
}
@media (max-width: 992px) {
  body {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    overflow-x: hidden;
  }
  body.slide-right {
    transform: translate(235px, 0);
    -webkit-transform: translate(235px, 0);
    -moz-transform: translate(235px, 0);
    -ms-transform: translate(235px, 0);
    -o-transform: translate(235px, 0);
  }
  .search-v4 {
    display: none;
  }
  .search-dropdown {
    display: block;
  }
  .cats-dropdown .dropdown-menu {
    top: -4px;
    bottom: 0;
    border-radius: 0;
    box-shadow: none;
    margin-left: 0;
    position: fixed;
    left: 0;
    transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
  }
  .cats-dropdown .dropdown-menu .arr {
    display: none;
  }
  .cats-dropdown .dropdown-menu a {
    padding: 10px;
  }
  .cats-dropdown .sub {
    display: none;
  }
}
.payment-inner-bar {
  max-width: 1170px;
  margin: auto;
}
.udemy-logo {
  height: 35px;
  margin: 8px 0 7px 0;
  width: 100px;
}
#logo-box img {
  max-height: 35px;
  width: auto;
}
#u_userinlinemenu {
  float: right;
  margin-top: 4px;
}
.udemy-header {
  color: #ccc;
}
.udemy-header a {
  color: #fff;
}
.footer-v41 {
  background: #1e2c35;
  padding: 20px 0;
}
.footer-v41 .white-text {
  color: #fff;
  font-weight: bold;
  display: inline-block;
  margin-left: 10px;
}
.footer-v41 .white-text:hover {
  color: #666;
}
.footer-v41 .blue-borders {
  border-top: 1px solid #2f495b;
  border-bottom: 1px solid #2f495b;
  padding: 15px 0;
  margin: 10px 0;
}
.footer-v41 .gray-text {
  color: #999fa3;
}
.footer-v41 a.gray-text:hover {
  color: #777;
}
.footer-v41 .left-gray-border {
  border-left: 1px solid #ccc;
  margin-left: 10px;
  padding-left: 10px;
}
.footer-v41 .left-blue-border {
  border-left: 1px solid #2f495b;
  padding-left: 15px;
  margin-left: 10px;
}
.footer-v42 {
  background: #333;
}
.footer-v42 .white-text {
  color: #fff;
  display: inline-block;
  margin-right: 20px;
}
.footer-v42 .white-text:hover {
  text-decoration: underline;
}
.footer-v42 .white-link {
  color: #fff;
}
.footer-v42 .gray-link {
  color: #999;
}
.footer-v42 .gray-text {
  color: #999;
  display: inline-block;
  margin-right: 20px;
}
.footer-v42 .gray-text:hover {
  text-decoration: underline;
}
.footer-v42 .copyright:hover {
  text-decoration: none;
}
.lang-dropdown {
  margin-top: -4px;
  margin-right: 25px;
}
.ie .sidebar-dropdown-menu {
  top: 0;
}
.ie .header-v4 .general-header-inner .udemy-logo {
  width: 100px;
}
.ie .header-v4 .general-header-right {
  padding-right: 20px;
}
.ie10 .header-v4 .signup-link {
  margin-right: 15px !important;
}
.ie10 .footer-v4 .logo img {
  width: 100px;
}
.ie10 .footer-v4 .apps img {
  width: 200px;
}
.organization .header-v4 .general-header-inner {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  border-top: 0;
}
@media only screen and (max-width: 480px) {
  .quick-search-dropdown-v4.ui-autocomplete {
    min-width: auto;
  }
  .header-v4 {
    height: auto !important;
  }
  .search--home .dropdown-menu {
    left: 0 !important;
    right: 56px !important;
  }
  .organization .header-v4 .general-header-inner {
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    width: auto;
  }
}
@media only screen and (min-width: 768px) {
  .organization .header-v4 .general-header-inner {
    width: 750px;
  }
}
@media only screen and (min-width: 992px) {
  .organization .header-v4 .general-header-inner {
    width: 970px;
  }
}
@media only screen and (min-width: 1200px) {
  .organization .header-v4 .general-header-inner {
    width: 1170px;
  }
}
.p404-fullscreen {
  position: absolute;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.p404 {
  overflow: hidden;
  position: absolute;
}
.p404 .layer1 {
  background-image: url("/staticx/udemy/images/v4/404/layer1.svg");
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
}
.p404 .layer2 {
  background-image: url("/staticx/udemy/images/v4/404/layer2.svg");
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
}
.p404 .layer3 {
  background-image: url("/staticx/udemy/images/v4/404/layer3.svg");
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
}
.p404 .layer4 {
  background-image: url("/staticx/udemy/images/v4/404/wilson.svg");
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
}
.p404 .layer5 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 530px;
  margin: -270px 0 0 -590px;
  color: #FFF;
}
.p404 .layer5 a {
  font-weight: bold;
  color: #51c451;
}
.p404 .layer5 a:hover {
  color: #000;
}
.p404 .seems {
  font-size: 68px;
  line-height: 1;
  font-weight: 300;
}
.p404 .escape {
  font-size: 30px;
  line-height: 1;
}
.p404 .suggestions {
  font-size: 18px;
  margin-top: 20px;
}
.p404 .or {
  margin-top: 10px;
}
.p404 .search-inp-container {
  padding: 0 0 0 20px;
  background: #FFF;
  border-radius: 20px 0 0 20px;
}
.p404 .search-field {
  height: 62px;
  font-size: 24px;
  padding: 0;
  background: 0 0;
  border: 0 !important;
  box-shadow: none !important;
}
.p404 .search-btn {
  background: #4985B8;
  border: 0;
  color: #FFF;
  font-size: 36px;
  border-radius: 0 20px 20px 0;
  padding: 0 20px;
  height: 62px;
}
@-webkit-keyframes shake {
  80% {
    margin-left: 0px;
  }
  85% {
    margin-left: -20px;
  }
  90% {
    margin-left: 0px;
  }
  95% {
    margin-left: -20px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes shake {
  80% {
    margin-left: 0px;
  }
  85% {
    margin-left: -20px;
  }
  90% {
    margin-left: 0px;
  }
  95% {
    margin-left: -20px;
  }
  100% {
    margin-left: 0;
  }
}
.p404 .layer4 {
  -webkit-animation: shake 5s infinite;
  animation: shake 5s infinite;
}
@media (max-width: 1024px) {
  .p404 .layer5 {
    width: 100%;
    left: 0;
    margin-left: 0;
    padding: 0 30px;
  }
}
@media (max-width: 640px) {
  .p404 .seems {
    font-size: 20px;
  }
  .p404 .layer5 {
    margin-top: 70px;
    top: 0;
  }
  .p404 .escape {
    display: none;
  }
  .p404 .suggestions {
    font-size: 16px;
    line-height: 1.2;
  }
  .p404 .search-field {
    height: 42px;
    font-size: 14px;
  }
  .p404 .search-btn {
    height: 42px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .fx-lg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
  }
  .fxdc-lg {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .fxac-lg {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .fxw-lg {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .fxjsa-lg {
    width: 100%;
    -ms-justify-content: space-around;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-flex-pack: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
  }
  .fxjsb-lg {
    width: 100%;
    -ms-justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
  .fxjc-lg {
    width: 100%;
    -ms-justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
  }
  .fxc-lg {
    width: 100%;
    -ms-justify-content: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
  }
  .fdrr-lg {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .transitions-lg {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
  }
  .ellipsis-lg {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dif-lg {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .wsn-lg {
    white space: normal;
  }
  .wsn-force-lg {
    white space: normal !important;
  }
  .db-lg {
    display: block;
  }
  .db-force-lg {
    display: block !important;
  }
  .dib-lg {
    display: inline-block;
  }
  .dib-force-lg {
    display: inline-block !important;
  }
  .dn-lg {
    display: none;
  }
  .dn-force-lg {
    display: none !important;
  }
  .inline-blocks-lg {
    text-align: center;
    font-size: 0;
  }
  .inline-blocks-lg > * {
    display: inline-block;
    font-size: inherit;
    float: none;
  }
  .wh-40-lg {
    width: 40px;
    height: 40px;
  }
  .wh-40-force-lg {
    width: 40px !important;
    height: 40px !important;
  }
  .fn-lg {
    float: none;
  }
  .fn-force-lg {
    float: none !important;
  }
  .pos-a-lg {
    position: absolute;
  }
  .pos-a-force-lg {
    position: absolute !important;
  }
  .pos-r-lg {
    position: relative;
  }
  .pos-r-force-lg {
    position: relative !important;
  }
  .pos-f-lg {
    position: fixed;
  }
  .pos-f-force-lg {
    position: fixed !important;
  }
  .leftauto-lg {
    left: auto;
  }
  .leftauto-force-lg {
    left: auto !important;
  }
  .r0-lg {
    right: 0;
  }
  .r0-force-lg {
    right: 0 !important;
  }
  .right15-lg {
    right: 15px;
  }
  .right15-force-lg {
    right: 15px !important;
  }
  .bottom100-lg {
    bottom: 100%;
  }
  .bottom100-force-lg {
    bottom: 100% !important;
  }
  .tac-lg {
    text-align: center;
  }
  .tac-force-lg {
    text-align: center !important;
  }
  .tal-lg {
    text-align: left;
  }
  .tal-force-lg {
    text-align: left !important;
  }
  .tar-lg {
    text-align: right;
  }
  .tar-force-lg {
    text-align: right !important;
  }
  .wa-lg {
    width: auto;
  }
  .wa-force-lg {
    width: auto !important;
  }
  .mw0-lg {
    min-width: 0;
  }
  .mw0-force-lg {
    min-width: 0 !important;
  }
  .mw25-lg {
    min-width: 25px;
  }
  .mw25-force-lg {
    min-width: 25px !important;
  }
  .mwn-lg {
    max-width: none;
  }
  .mwn-force-lg {
    max-width: none !important;
  }
  .maxw96p-lg {
    max-width: 96%;
  }
  .maxw96p-force-lg {
    max-width: 96% !important;
  }
  .w100p-lg {
    width: 100%;
  }
  .w100p-force-lg {
    width: 100% !important;
  }
  .w80p-lg {
    width: 80%;
  }
  .w80p-force-lg {
    width: 80% !important;
  }
  .w60-lg {
    width: 60px;
  }
  .w60-force-lg {
    width: 60px !important;
  }
  .w70-lg {
    width: 70px;
  }
  .w70-force-lg {
    width: 70px !important;
  }
  .w80-lg {
    width: 80px;
  }
  .w80-force-lg {
    width: 80px !important;
  }
  .w85-lg {
    width: 85px;
  }
  .w85-force-lg {
    width: 85px !important;
  }
  .w90-lg {
    width: 90px;
  }
  .w90-force-lg {
    width: 90px !important;
  }
  .w95-lg {
    width: 95px;
  }
  .w95-force-lg {
    width: 95px !important;
  }
  .w97-lg {
    width: 97px;
  }
  .w97-force-lg {
    width: 97px !important;
  }
  .w100-lg {
    width: 100px;
  }
  .w100-force-lg {
    width: 100px !important;
  }
  .w110-lg {
    width: 110px;
  }
  .w110-force-lg {
    width: 110px !important;
  }
  .w150-lg {
    width: 150px;
  }
  .w150-force-lg {
    width: 150px !important;
  }
  .w160-lg {
    width: 160px;
  }
  .w160-force-lg {
    width: 160px !important;
  }
  .w290-lg {
    width: 290px;
  }
  .w290-force-lg {
    width: 290px !important;
  }
  .w340-lg {
    width: 340px;
  }
  .w340-force-lg {
    width: 340px !important;
  }
  .w355-lg {
    width: 355px;
  }
  .w355-force-lg {
    width: 355px !important;
  }
  .w800-lg {
    width: 800px;
  }
  .w800-force-lg {
    width: 800px !important;
  }
  .ha-lg {
    height: auto;
  }
  .ha-force-lg {
    height: auto !important;
  }
  .mhi-lg {
    max-height: inherit;
  }
  .mhi-force-lg {
    max-height: inherit !important;
  }
  .mh0-lg {
    min-height: 0;
  }
  .mh0-force-lg {
    min-height: 0 !important;
  }
  .mh290-lg {
    min-height: 290px;
  }
  .mh290-force-lg {
    min-height: 290px !important;
  }
  .ma-lg {
    margin: auto;
  }
  .ma-force-lg {
    margin: auto !important;
  }
  .m0-lg {
    margin: 0;
  }
  .m0-force-lg {
    margin: 0 !important;
  }
  .m10-lg {
    margin: 10px;
  }
  .m10-force-lg {
    margin: 10px !important;
  }
  .m40-lg {
    margin: 40px;
  }
  .m40-force-lg {
    margin: 40px !important;
  }
  .mt0-lg {
    margin-top: 0;
  }
  .mt0-force-lg {
    margin-top: 0 !important;
  }
  .mt3-lg {
    margin-top: 3px;
  }
  .mt3-force-lg {
    margin-top: 3px !important;
  }
  .mt5-lg {
    margin-top: 5px;
  }
  .mt5-force-lg {
    margin-top: 5px !important;
  }
  .mt10-lg {
    margin-top: 10px;
  }
  .mt10-force-lg {
    margin-top: 10px !important;
  }
  .mt15-lg {
    margin-top: 15px;
  }
  .mt15-force-lg {
    margin-top: 15px !important;
  }
  .mt20-lg {
    margin-top: 20px;
  }
  .mt20-force-lg {
    margin-top: 20px !important;
  }
  .mt40-lg {
    margin-top: 40px;
  }
  .mt40-force-lg {
    margin-top: 40px !important;
  }
  .mr0-lg {
    margin-right: 0;
  }
  .mr0-force-lg {
    margin-right: 0 !important;
  }
  .mr5-lg {
    margin-right: 5px;
  }
  .mr5-force-lg {
    margin-right: 5px !important;
  }
  .mr10-lg {
    margin-right: 10px;
  }
  .mr10-force-lg {
    margin-right: 10px !important;
  }
  .mr20-lg {
    margin-right: 20px;
  }
  .mr20-force-lg {
    margin-right: 20px !important;
  }
  .mb0-lg {
    margin-bottom: 0;
  }
  .mb0-force-lg {
    margin-bottom: 0 !important;
  }
  .mb1-lg {
    margin-bottom: 1px;
  }
  .mb1-force-lg {
    margin-bottom: 1px !important;
  }
  .mb5-lg {
    margin-bottom: 5px;
  }
  .mb5-force-lg {
    margin-bottom: 5px !important;
  }
  .mb10-lg {
    margin-bottom: 10px;
  }
  .mb10-force-lg {
    margin-bottom: 10px !important;
  }
  .mb20-lg {
    margin-bottom: 20px;
  }
  .mb20-force-lg {
    margin-bottom: 20px !important;
  }
  .mb30-lg {
    margin-bottom: 30px;
  }
  .mb30-force-lg {
    margin-bottom: 30px !important;
  }
  .mb35-lg {
    margin-bottom: 35px;
  }
  .mb35-force-lg {
    margin-bottom: 35px !important;
  }
  .mb40-lg {
    margin-bottom: 40px;
  }
  .mb40-force-lg {
    margin-bottom: 40px !important;
  }
  .ml0-lg {
    margin-left: 0;
  }
  .ml0-force-lg {
    margin-left: 0 !important;
  }
  .ml40-lg {
    margin-left: 40px;
  }
  .ml40-force-lg {
    margin-left: 40px !important;
  }
  .m0-0_5-lg {
    margin: 0 0.5px;
  }
  .m0-0_5-force-lg {
    margin: 0 0.5px !important;
  }
  .m0-10-lg {
    margin: 0 10px;
  }
  .m0-10-force-lg {
    margin: 0 10px !important;
  }
  .m0-20-lg {
    margin: 0 20px;
  }
  .m0-20-force-lg {
    margin: 0 20px !important;
  }
  .m0-40-lg {
    margin: 0 40px;
  }
  .m0-40-force-lg {
    margin: 0 40px !important;
  }
  .m5-30-lg {
    margin: 5px 30px;
  }
  .m5-30-force-lg {
    margin: 5px 30px !important;
  }
  .m10-a-lg {
    margin: 10px auto;
  }
  .m10-a-force-lg {
    margin: 10px auto !important;
  }
  .m20-a-lg {
    margin: 20px auto;
  }
  .m20-a-force-lg {
    margin: 20px auto !important;
  }
  .m30-20-lg {
    margin: 30px 20px;
  }
  .m30-20-force-lg {
    margin: 30px 20px !important;
  }
  .m30-10-lg {
    margin: 30px 10px;
  }
  .m30-10-force-lg {
    margin: 30px 10px !important;
  }
  .p0-lg {
    padding: 0;
  }
  .p0-force-lg {
    padding: 0 !important;
  }
  .p5-lg {
    padding: 5px;
  }
  .p5-force-lg {
    padding: 5px !important;
  }
  .p10-lg {
    padding: 10px;
  }
  .p10-force-lg {
    padding: 10px !important;
  }
  .p15-lg {
    padding: 15px;
  }
  .p15-force-lg {
    padding: 15px !important;
  }
  .p20-lg {
    padding: 20px;
  }
  .p20-force-lg {
    padding: 20px !important;
  }
  .pt0-lg {
    padding-top: 0;
  }
  .pt0-force-lg {
    padding-top: 0 !important;
  }
  .pt5-lg {
    padding-top: 5px;
  }
  .pt5-force-lg {
    padding-top: 5px !important;
  }
  .pt20-lg {
    padding-top: 20px;
  }
  .pt20-force-lg {
    padding-top: 20px !important;
  }
  .pt30-lg {
    padding-top: 30px;
  }
  .pt30-force-lg {
    padding-top: 30px !important;
  }
  .pt50-lg {
    padding-top: 50px;
  }
  .pt50-force-lg {
    padding-top: 50px !important;
  }
  .pr0-lg {
    padding-right: 0;
  }
  .pr0-force-lg {
    padding-right: 0 !important;
  }
  .pr5-lg {
    padding-right: 5px;
  }
  .pr5-force-lg {
    padding-right: 5px !important;
  }
  .pr10-lg {
    padding-right: 10px;
  }
  .pr10-force-lg {
    padding-right: 10px !important;
  }
  .pb10-lg {
    padding-bottom: 10px;
  }
  .pb10-force-lg {
    padding-bottom: 10px !important;
  }
  .pb20-lg {
    padding-bottom: 20px;
  }
  .pb20-force-lg {
    padding-bottom: 20px !important;
  }
  .pb30-lg {
    padding-bottom: 30px;
  }
  .pb30-force-lg {
    padding-bottom: 30px !important;
  }
  .pb50-lg {
    padding-bottom: 50px;
  }
  .pb50-force-lg {
    padding-bottom: 50px !important;
  }
  .pl0-lg {
    padding-left: 0;
  }
  .pl0-force-lg {
    padding-left: 0 !important;
  }
  .pl5-lg {
    padding-left: 5px;
  }
  .pl5-force-lg {
    padding-left: 5px !important;
  }
  .pl10-lg {
    padding-left: 10px;
  }
  .pl10-force-lg {
    padding-left: 10px !important;
  }
  .p0-5-lg {
    padding: 0px 5px;
  }
  .p0-5-force-lg {
    padding: 0px 5px !important;
  }
  .p0-10-lg {
    padding: 0px 10px;
  }
  .p0-10-force-lg {
    padding: 0px 10px !important;
  }
  .p0-30-lg {
    padding: 0px 30px;
  }
  .p0-30-force-lg {
    padding: 0px 30px !important;
  }
  .p4-5-lg {
    padding: 4px 5px;
  }
  .p4-5-force-lg {
    padding: 4px 5px !important;
  }
  .p10-0-lg {
    padding: 10px 0;
  }
  .p10-0-force-lg {
    padding: 10px 0 !important;
  }
  .p10-80-lg {
    padding: 10px 80px;
  }
  .p10-80-force-lg {
    padding: 10px 80px !important;
  }
  .p20-0-lg {
    padding: 20px 0px;
  }
  .p20-0-force-lg {
    padding: 20px 0px !important;
  }
  .fs10-lg {
    font-size: 10px;
  }
  .fs10-force-lg {
    font-size: 10px !important;
  }
  .fs11-lg {
    font-size: 11px;
  }
  .fs11-force-lg {
    font-size: 11px !important;
  }
  .fs12-lg {
    font-size: 12px;
  }
  .fs12-force-lg {
    font-size: 12px !important;
  }
  .fs13-lg {
    font-size: 13px;
  }
  .fs13-force-lg {
    font-size: 13px !important;
  }
  .fs14-lg {
    font-size: 14px;
  }
  .fs14-force-lg {
    font-size: 14px !important;
  }
  .fs16-lg {
    font-size: 16px;
  }
  .fs16-force-lg {
    font-size: 16px !important;
  }
  .fs18-lg {
    font-size: 18px;
  }
  .fs18-force-lg {
    font-size: 18px !important;
  }
  .fs20-lg {
    font-size: 20px;
  }
  .fs20-force-lg {
    font-size: 20px !important;
  }
  .fs28-lg {
    font-size: 28px;
  }
  .fs28-force-lg {
    font-size: 28px !important;
  }
  .fs30-lg {
    font-size: 30px;
  }
  .fs30-force-lg {
    font-size: 30px !important;
  }
  .fs40-lg {
    font-size: 40px;
  }
  .fs40-force-lg {
    font-size: 40px !important;
  }
  .no-border-lg {
    border: 0;
  }
  .no-border-force-lg {
    border: 0 !important;
  }
  .b0-lg {
    border: 0;
  }
  .b0-force-lg {
    border: 0 !important;
  }
  .highlight-light-lg {
    background: rgba(255, 255, 255, 0.2);
  }
  .highlight-light-force-lg {
    background: rgba(255, 255, 255, 0.2) !important;
  }
  .flex-wrap-lg {
    -webkit-flex-flow: row wrap;
  }
  .flex-wrap-force-lg {
    -webkit-flex-flow: row wrap !important;
  }
  .flex-wrap-lg {
    -ms-flex-flow: row wrap;
  }
  .flex-wrap-force-lg {
    -ms-flex-flow: row wrap !important;
  }
  .flex-wrap-lg {
    flex-wrap: wrap;
  }
  .flex-wrap-force-lg {
    flex-wrap: wrap !important;
  }
  .fs0-lg {
    font-size: 0;
  }
  .fs0-force-lg {
    font-size: 0 !important;
  }
  .bgimg-none-lg {
    background-image: none;
  }
  .bgimg-none-force-lg {
    background-image: none !important;
  }
  .nobg-lg {
    background: none;
  }
  .nobg-force-lg {
    background: none !important;
  }
  .no-border-lg {
    border: 0;
  }
  .no-border-force-lg {
    border: 0 !important;
  }
  .lh18-lg {
    line-height: 1.8;
  }
  .lh18-force-lg {
    line-height: 1.8 !important;
  }
  .pt0-lg {
    padding-top: 0;
  }
  .pt0-force-lg {
    padding-top: 0 !important;
  }
  .m20-a-lg {
    margin: 20px auto;
  }
  .m20-a-force-lg {
    margin: 20px auto !important;
  }
  .m10-a-lg {
    margin: 10px auto;
  }
  .m10-a-force-lg {
    margin: 10px auto !important;
  }
  .ml10-lg {
    margin-left: 10px;
  }
  .ml10-force-lg {
    margin-left: 10px !important;
  }
  .black _op8-lg {
    color: rgba(0, 0, 0, 0.8);
  }
  .black _op8-force-lg {
    color: rgba(0, 0, 0, 0.8) !important;
  }
  .wsn-lg {
    white space: normal;
  }
  .wsn-force-lg {
    white space: normal !important;
  }
}
@media only screen and (max-width: 992px) {
  .fx-md {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
  }
  .fxdc-md {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .fxac-md {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .fxw-md {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .fxjsa-md {
    width: 100%;
    -ms-justify-content: space-around;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-flex-pack: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
  }
  .fxjsb-md {
    width: 100%;
    -ms-justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
  .fxjc-md {
    width: 100%;
    -ms-justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
  }
  .fxc-md {
    width: 100%;
    -ms-justify-content: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
  }
  .fdrr-md {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .transitions-md {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
  }
  .ellipsis-md {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dif-md {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .wsn-md {
    white space: normal;
  }
  .wsn-force-md {
    white space: normal !important;
  }
  .db-md {
    display: block;
  }
  .db-force-md {
    display: block !important;
  }
  .dib-md {
    display: inline-block;
  }
  .dib-force-md {
    display: inline-block !important;
  }
  .dn-md {
    display: none;
  }
  .dn-force-md {
    display: none !important;
  }
  .inline-blocks-md {
    text-align: center;
    font-size: 0;
  }
  .inline-blocks-md > * {
    display: inline-block;
    font-size: inherit;
    float: none;
  }
  .wh-40-md {
    width: 40px;
    height: 40px;
  }
  .wh-40-force-md {
    width: 40px !important;
    height: 40px !important;
  }
  .fn-md {
    float: none;
  }
  .fn-force-md {
    float: none !important;
  }
  .pos-a-md {
    position: absolute;
  }
  .pos-a-force-md {
    position: absolute !important;
  }
  .pos-r-md {
    position: relative;
  }
  .pos-r-force-md {
    position: relative !important;
  }
  .pos-f-md {
    position: fixed;
  }
  .pos-f-force-md {
    position: fixed !important;
  }
  .leftauto-md {
    left: auto;
  }
  .leftauto-force-md {
    left: auto !important;
  }
  .r0-md {
    right: 0;
  }
  .r0-force-md {
    right: 0 !important;
  }
  .right15-md {
    right: 15px;
  }
  .right15-force-md {
    right: 15px !important;
  }
  .bottom100-md {
    bottom: 100%;
  }
  .bottom100-force-md {
    bottom: 100% !important;
  }
  .tac-md {
    text-align: center;
  }
  .tac-force-md {
    text-align: center !important;
  }
  .tal-md {
    text-align: left;
  }
  .tal-force-md {
    text-align: left !important;
  }
  .tar-md {
    text-align: right;
  }
  .tar-force-md {
    text-align: right !important;
  }
  .wa-md {
    width: auto;
  }
  .wa-force-md {
    width: auto !important;
  }
  .mw0-md {
    min-width: 0;
  }
  .mw0-force-md {
    min-width: 0 !important;
  }
  .mw25-md {
    min-width: 25px;
  }
  .mw25-force-md {
    min-width: 25px !important;
  }
  .mwn-md {
    max-width: none;
  }
  .mwn-force-md {
    max-width: none !important;
  }
  .maxw96p-md {
    max-width: 96%;
  }
  .maxw96p-force-md {
    max-width: 96% !important;
  }
  .w100p-md {
    width: 100%;
  }
  .w100p-force-md {
    width: 100% !important;
  }
  .w80p-md {
    width: 80%;
  }
  .w80p-force-md {
    width: 80% !important;
  }
  .w60-md {
    width: 60px;
  }
  .w60-force-md {
    width: 60px !important;
  }
  .w70-md {
    width: 70px;
  }
  .w70-force-md {
    width: 70px !important;
  }
  .w80-md {
    width: 80px;
  }
  .w80-force-md {
    width: 80px !important;
  }
  .w85-md {
    width: 85px;
  }
  .w85-force-md {
    width: 85px !important;
  }
  .w90-md {
    width: 90px;
  }
  .w90-force-md {
    width: 90px !important;
  }
  .w95-md {
    width: 95px;
  }
  .w95-force-md {
    width: 95px !important;
  }
  .w97-md {
    width: 97px;
  }
  .w97-force-md {
    width: 97px !important;
  }
  .w100-md {
    width: 100px;
  }
  .w100-force-md {
    width: 100px !important;
  }
  .w110-md {
    width: 110px;
  }
  .w110-force-md {
    width: 110px !important;
  }
  .w150-md {
    width: 150px;
  }
  .w150-force-md {
    width: 150px !important;
  }
  .w160-md {
    width: 160px;
  }
  .w160-force-md {
    width: 160px !important;
  }
  .w290-md {
    width: 290px;
  }
  .w290-force-md {
    width: 290px !important;
  }
  .w340-md {
    width: 340px;
  }
  .w340-force-md {
    width: 340px !important;
  }
  .w355-md {
    width: 355px;
  }
  .w355-force-md {
    width: 355px !important;
  }
  .w800-md {
    width: 800px;
  }
  .w800-force-md {
    width: 800px !important;
  }
  .ha-md {
    height: auto;
  }
  .ha-force-md {
    height: auto !important;
  }
  .mhi-md {
    max-height: inherit;
  }
  .mhi-force-md {
    max-height: inherit !important;
  }
  .mh0-md {
    min-height: 0;
  }
  .mh0-force-md {
    min-height: 0 !important;
  }
  .mh290-md {
    min-height: 290px;
  }
  .mh290-force-md {
    min-height: 290px !important;
  }
  .ma-md {
    margin: auto;
  }
  .ma-force-md {
    margin: auto !important;
  }
  .m0-md {
    margin: 0;
  }
  .m0-force-md {
    margin: 0 !important;
  }
  .m10-md {
    margin: 10px;
  }
  .m10-force-md {
    margin: 10px !important;
  }
  .m40-md {
    margin: 40px;
  }
  .m40-force-md {
    margin: 40px !important;
  }
  .mt0-md {
    margin-top: 0;
  }
  .mt0-force-md {
    margin-top: 0 !important;
  }
  .mt3-md {
    margin-top: 3px;
  }
  .mt3-force-md {
    margin-top: 3px !important;
  }
  .mt5-md {
    margin-top: 5px;
  }
  .mt5-force-md {
    margin-top: 5px !important;
  }
  .mt10-md {
    margin-top: 10px;
  }
  .mt10-force-md {
    margin-top: 10px !important;
  }
  .mt15-md {
    margin-top: 15px;
  }
  .mt15-force-md {
    margin-top: 15px !important;
  }
  .mt20-md {
    margin-top: 20px;
  }
  .mt20-force-md {
    margin-top: 20px !important;
  }
  .mt40-md {
    margin-top: 40px;
  }
  .mt40-force-md {
    margin-top: 40px !important;
  }
  .mr0-md {
    margin-right: 0;
  }
  .mr0-force-md {
    margin-right: 0 !important;
  }
  .mr5-md {
    margin-right: 5px;
  }
  .mr5-force-md {
    margin-right: 5px !important;
  }
  .mr10-md {
    margin-right: 10px;
  }
  .mr10-force-md {
    margin-right: 10px !important;
  }
  .mr20-md {
    margin-right: 20px;
  }
  .mr20-force-md {
    margin-right: 20px !important;
  }
  .mb0-md {
    margin-bottom: 0;
  }
  .mb0-force-md {
    margin-bottom: 0 !important;
  }
  .mb1-md {
    margin-bottom: 1px;
  }
  .mb1-force-md {
    margin-bottom: 1px !important;
  }
  .mb5-md {
    margin-bottom: 5px;
  }
  .mb5-force-md {
    margin-bottom: 5px !important;
  }
  .mb10-md {
    margin-bottom: 10px;
  }
  .mb10-force-md {
    margin-bottom: 10px !important;
  }
  .mb20-md {
    margin-bottom: 20px;
  }
  .mb20-force-md {
    margin-bottom: 20px !important;
  }
  .mb30-md {
    margin-bottom: 30px;
  }
  .mb30-force-md {
    margin-bottom: 30px !important;
  }
  .mb35-md {
    margin-bottom: 35px;
  }
  .mb35-force-md {
    margin-bottom: 35px !important;
  }
  .mb40-md {
    margin-bottom: 40px;
  }
  .mb40-force-md {
    margin-bottom: 40px !important;
  }
  .ml0-md {
    margin-left: 0;
  }
  .ml0-force-md {
    margin-left: 0 !important;
  }
  .ml40-md {
    margin-left: 40px;
  }
  .ml40-force-md {
    margin-left: 40px !important;
  }
  .m0-0_5-md {
    margin: 0 0.5px;
  }
  .m0-0_5-force-md {
    margin: 0 0.5px !important;
  }
  .m0-10-md {
    margin: 0 10px;
  }
  .m0-10-force-md {
    margin: 0 10px !important;
  }
  .m0-20-md {
    margin: 0 20px;
  }
  .m0-20-force-md {
    margin: 0 20px !important;
  }
  .m0-40-md {
    margin: 0 40px;
  }
  .m0-40-force-md {
    margin: 0 40px !important;
  }
  .m5-30-md {
    margin: 5px 30px;
  }
  .m5-30-force-md {
    margin: 5px 30px !important;
  }
  .m10-a-md {
    margin: 10px auto;
  }
  .m10-a-force-md {
    margin: 10px auto !important;
  }
  .m20-a-md {
    margin: 20px auto;
  }
  .m20-a-force-md {
    margin: 20px auto !important;
  }
  .m30-20-md {
    margin: 30px 20px;
  }
  .m30-20-force-md {
    margin: 30px 20px !important;
  }
  .m30-10-md {
    margin: 30px 10px;
  }
  .m30-10-force-md {
    margin: 30px 10px !important;
  }
  .p0-md {
    padding: 0;
  }
  .p0-force-md {
    padding: 0 !important;
  }
  .p5-md {
    padding: 5px;
  }
  .p5-force-md {
    padding: 5px !important;
  }
  .p10-md {
    padding: 10px;
  }
  .p10-force-md {
    padding: 10px !important;
  }
  .p15-md {
    padding: 15px;
  }
  .p15-force-md {
    padding: 15px !important;
  }
  .p20-md {
    padding: 20px;
  }
  .p20-force-md {
    padding: 20px !important;
  }
  .pt0-md {
    padding-top: 0;
  }
  .pt0-force-md {
    padding-top: 0 !important;
  }
  .pt5-md {
    padding-top: 5px;
  }
  .pt5-force-md {
    padding-top: 5px !important;
  }
  .pt20-md {
    padding-top: 20px;
  }
  .pt20-force-md {
    padding-top: 20px !important;
  }
  .pt30-md {
    padding-top: 30px;
  }
  .pt30-force-md {
    padding-top: 30px !important;
  }
  .pt50-md {
    padding-top: 50px;
  }
  .pt50-force-md {
    padding-top: 50px !important;
  }
  .pr0-md {
    padding-right: 0;
  }
  .pr0-force-md {
    padding-right: 0 !important;
  }
  .pr5-md {
    padding-right: 5px;
  }
  .pr5-force-md {
    padding-right: 5px !important;
  }
  .pr10-md {
    padding-right: 10px;
  }
  .pr10-force-md {
    padding-right: 10px !important;
  }
  .pb10-md {
    padding-bottom: 10px;
  }
  .pb10-force-md {
    padding-bottom: 10px !important;
  }
  .pb20-md {
    padding-bottom: 20px;
  }
  .pb20-force-md {
    padding-bottom: 20px !important;
  }
  .pb30-md {
    padding-bottom: 30px;
  }
  .pb30-force-md {
    padding-bottom: 30px !important;
  }
  .pb50-md {
    padding-bottom: 50px;
  }
  .pb50-force-md {
    padding-bottom: 50px !important;
  }
  .pl0-md {
    padding-left: 0;
  }
  .pl0-force-md {
    padding-left: 0 !important;
  }
  .pl5-md {
    padding-left: 5px;
  }
  .pl5-force-md {
    padding-left: 5px !important;
  }
  .pl10-md {
    padding-left: 10px;
  }
  .pl10-force-md {
    padding-left: 10px !important;
  }
  .p0-5-md {
    padding: 0px 5px;
  }
  .p0-5-force-md {
    padding: 0px 5px !important;
  }
  .p0-10-md {
    padding: 0px 10px;
  }
  .p0-10-force-md {
    padding: 0px 10px !important;
  }
  .p0-30-md {
    padding: 0px 30px;
  }
  .p0-30-force-md {
    padding: 0px 30px !important;
  }
  .p4-5-md {
    padding: 4px 5px;
  }
  .p4-5-force-md {
    padding: 4px 5px !important;
  }
  .p10-0-md {
    padding: 10px 0;
  }
  .p10-0-force-md {
    padding: 10px 0 !important;
  }
  .p10-80-md {
    padding: 10px 80px;
  }
  .p10-80-force-md {
    padding: 10px 80px !important;
  }
  .p20-0-md {
    padding: 20px 0px;
  }
  .p20-0-force-md {
    padding: 20px 0px !important;
  }
  .fs10-md {
    font-size: 10px;
  }
  .fs10-force-md {
    font-size: 10px !important;
  }
  .fs11-md {
    font-size: 11px;
  }
  .fs11-force-md {
    font-size: 11px !important;
  }
  .fs12-md {
    font-size: 12px;
  }
  .fs12-force-md {
    font-size: 12px !important;
  }
  .fs13-md {
    font-size: 13px;
  }
  .fs13-force-md {
    font-size: 13px !important;
  }
  .fs14-md {
    font-size: 14px;
  }
  .fs14-force-md {
    font-size: 14px !important;
  }
  .fs16-md {
    font-size: 16px;
  }
  .fs16-force-md {
    font-size: 16px !important;
  }
  .fs18-md {
    font-size: 18px;
  }
  .fs18-force-md {
    font-size: 18px !important;
  }
  .fs20-md {
    font-size: 20px;
  }
  .fs20-force-md {
    font-size: 20px !important;
  }
  .fs28-md {
    font-size: 28px;
  }
  .fs28-force-md {
    font-size: 28px !important;
  }
  .fs30-md {
    font-size: 30px;
  }
  .fs30-force-md {
    font-size: 30px !important;
  }
  .fs40-md {
    font-size: 40px;
  }
  .fs40-force-md {
    font-size: 40px !important;
  }
  .no-border-md {
    border: 0;
  }
  .no-border-force-md {
    border: 0 !important;
  }
  .b0-md {
    border: 0;
  }
  .b0-force-md {
    border: 0 !important;
  }
  .highlight-light-md {
    background: rgba(255, 255, 255, 0.2);
  }
  .highlight-light-force-md {
    background: rgba(255, 255, 255, 0.2) !important;
  }
  .flex-wrap-md {
    -webkit-flex-flow: row wrap;
  }
  .flex-wrap-force-md {
    -webkit-flex-flow: row wrap !important;
  }
  .flex-wrap-md {
    -ms-flex-flow: row wrap;
  }
  .flex-wrap-force-md {
    -ms-flex-flow: row wrap !important;
  }
  .flex-wrap-md {
    flex-wrap: wrap;
  }
  .flex-wrap-force-md {
    flex-wrap: wrap !important;
  }
  .fs0-md {
    font-size: 0;
  }
  .fs0-force-md {
    font-size: 0 !important;
  }
  .bgimg-none-md {
    background-image: none;
  }
  .bgimg-none-force-md {
    background-image: none !important;
  }
  .nobg-md {
    background: none;
  }
  .nobg-force-md {
    background: none !important;
  }
  .no-border-md {
    border: 0;
  }
  .no-border-force-md {
    border: 0 !important;
  }
  .lh18-md {
    line-height: 1.8;
  }
  .lh18-force-md {
    line-height: 1.8 !important;
  }
  .pt0-md {
    padding-top: 0;
  }
  .pt0-force-md {
    padding-top: 0 !important;
  }
  .m20-a-md {
    margin: 20px auto;
  }
  .m20-a-force-md {
    margin: 20px auto !important;
  }
  .m10-a-md {
    margin: 10px auto;
  }
  .m10-a-force-md {
    margin: 10px auto !important;
  }
  .ml10-md {
    margin-left: 10px;
  }
  .ml10-force-md {
    margin-left: 10px !important;
  }
  .black _op8-md {
    color: rgba(0, 0, 0, 0.8);
  }
  .black _op8-force-md {
    color: rgba(0, 0, 0, 0.8) !important;
  }
  .wsn-md {
    white space: normal;
  }
  .wsn-force-md {
    white space: normal !important;
  }
}
@media only screen and (max-width: 768px) {
  .fx-sm {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
  }
  .fxdc-sm {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .fxac-sm {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .fxw-sm {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .fxjsa-sm {
    width: 100%;
    -ms-justify-content: space-around;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-flex-pack: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
  }
  .fxjsb-sm {
    width: 100%;
    -ms-justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
  .fxjc-sm {
    width: 100%;
    -ms-justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
  }
  .fxc-sm {
    width: 100%;
    -ms-justify-content: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
  }
  .fdrr-sm {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .transitions-sm {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
  }
  .ellipsis-sm {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dif-sm {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .wsn-sm {
    white space: normal;
  }
  .wsn-force-sm {
    white space: normal !important;
  }
  .db-sm {
    display: block;
  }
  .db-force-sm {
    display: block !important;
  }
  .dib-sm {
    display: inline-block;
  }
  .dib-force-sm {
    display: inline-block !important;
  }
  .dn-sm {
    display: none;
  }
  .dn-force-sm {
    display: none !important;
  }
  .inline-blocks-sm {
    text-align: center;
    font-size: 0;
  }
  .inline-blocks-sm > * {
    display: inline-block;
    font-size: inherit;
    float: none;
  }
  .wh-40-sm {
    width: 40px;
    height: 40px;
  }
  .wh-40-force-sm {
    width: 40px !important;
    height: 40px !important;
  }
  .fn-sm {
    float: none;
  }
  .fn-force-sm {
    float: none !important;
  }
  .pos-a-sm {
    position: absolute;
  }
  .pos-a-force-sm {
    position: absolute !important;
  }
  .pos-r-sm {
    position: relative;
  }
  .pos-r-force-sm {
    position: relative !important;
  }
  .pos-f-sm {
    position: fixed;
  }
  .pos-f-force-sm {
    position: fixed !important;
  }
  .leftauto-sm {
    left: auto;
  }
  .leftauto-force-sm {
    left: auto !important;
  }
  .r0-sm {
    right: 0;
  }
  .r0-force-sm {
    right: 0 !important;
  }
  .right15-sm {
    right: 15px;
  }
  .right15-force-sm {
    right: 15px !important;
  }
  .bottom100-sm {
    bottom: 100%;
  }
  .bottom100-force-sm {
    bottom: 100% !important;
  }
  .tac-sm {
    text-align: center;
  }
  .tac-force-sm {
    text-align: center !important;
  }
  .tal-sm {
    text-align: left;
  }
  .tal-force-sm {
    text-align: left !important;
  }
  .tar-sm {
    text-align: right;
  }
  .tar-force-sm {
    text-align: right !important;
  }
  .wa-sm {
    width: auto;
  }
  .wa-force-sm {
    width: auto !important;
  }
  .mw0-sm {
    min-width: 0;
  }
  .mw0-force-sm {
    min-width: 0 !important;
  }
  .mw25-sm {
    min-width: 25px;
  }
  .mw25-force-sm {
    min-width: 25px !important;
  }
  .mwn-sm {
    max-width: none;
  }
  .mwn-force-sm {
    max-width: none !important;
  }
  .maxw96p-sm {
    max-width: 96%;
  }
  .maxw96p-force-sm {
    max-width: 96% !important;
  }
  .w100p-sm {
    width: 100%;
  }
  .w100p-force-sm {
    width: 100% !important;
  }
  .w80p-sm {
    width: 80%;
  }
  .w80p-force-sm {
    width: 80% !important;
  }
  .w60-sm {
    width: 60px;
  }
  .w60-force-sm {
    width: 60px !important;
  }
  .w70-sm {
    width: 70px;
  }
  .w70-force-sm {
    width: 70px !important;
  }
  .w80-sm {
    width: 80px;
  }
  .w80-force-sm {
    width: 80px !important;
  }
  .w85-sm {
    width: 85px;
  }
  .w85-force-sm {
    width: 85px !important;
  }
  .w90-sm {
    width: 90px;
  }
  .w90-force-sm {
    width: 90px !important;
  }
  .w95-sm {
    width: 95px;
  }
  .w95-force-sm {
    width: 95px !important;
  }
  .w97-sm {
    width: 97px;
  }
  .w97-force-sm {
    width: 97px !important;
  }
  .w100-sm {
    width: 100px;
  }
  .w100-force-sm {
    width: 100px !important;
  }
  .w110-sm {
    width: 110px;
  }
  .w110-force-sm {
    width: 110px !important;
  }
  .w150-sm {
    width: 150px;
  }
  .w150-force-sm {
    width: 150px !important;
  }
  .w160-sm {
    width: 160px;
  }
  .w160-force-sm {
    width: 160px !important;
  }
  .w290-sm {
    width: 290px;
  }
  .w290-force-sm {
    width: 290px !important;
  }
  .w340-sm {
    width: 340px;
  }
  .w340-force-sm {
    width: 340px !important;
  }
  .w355-sm {
    width: 355px;
  }
  .w355-force-sm {
    width: 355px !important;
  }
  .w800-sm {
    width: 800px;
  }
  .w800-force-sm {
    width: 800px !important;
  }
  .ha-sm {
    height: auto;
  }
  .ha-force-sm {
    height: auto !important;
  }
  .mhi-sm {
    max-height: inherit;
  }
  .mhi-force-sm {
    max-height: inherit !important;
  }
  .mh0-sm {
    min-height: 0;
  }
  .mh0-force-sm {
    min-height: 0 !important;
  }
  .mh290-sm {
    min-height: 290px;
  }
  .mh290-force-sm {
    min-height: 290px !important;
  }
  .ma-sm {
    margin: auto;
  }
  .ma-force-sm {
    margin: auto !important;
  }
  .m0-sm {
    margin: 0;
  }
  .m0-force-sm {
    margin: 0 !important;
  }
  .m10-sm {
    margin: 10px;
  }
  .m10-force-sm {
    margin: 10px !important;
  }
  .m40-sm {
    margin: 40px;
  }
  .m40-force-sm {
    margin: 40px !important;
  }
  .mt0-sm {
    margin-top: 0;
  }
  .mt0-force-sm {
    margin-top: 0 !important;
  }
  .mt3-sm {
    margin-top: 3px;
  }
  .mt3-force-sm {
    margin-top: 3px !important;
  }
  .mt5-sm {
    margin-top: 5px;
  }
  .mt5-force-sm {
    margin-top: 5px !important;
  }
  .mt10-sm {
    margin-top: 10px;
  }
  .mt10-force-sm {
    margin-top: 10px !important;
  }
  .mt15-sm {
    margin-top: 15px;
  }
  .mt15-force-sm {
    margin-top: 15px !important;
  }
  .mt20-sm {
    margin-top: 20px;
  }
  .mt20-force-sm {
    margin-top: 20px !important;
  }
  .mt40-sm {
    margin-top: 40px;
  }
  .mt40-force-sm {
    margin-top: 40px !important;
  }
  .mr0-sm {
    margin-right: 0;
  }
  .mr0-force-sm {
    margin-right: 0 !important;
  }
  .mr5-sm {
    margin-right: 5px;
  }
  .mr5-force-sm {
    margin-right: 5px !important;
  }
  .mr10-sm {
    margin-right: 10px;
  }
  .mr10-force-sm {
    margin-right: 10px !important;
  }
  .mr20-sm {
    margin-right: 20px;
  }
  .mr20-force-sm {
    margin-right: 20px !important;
  }
  .mb0-sm {
    margin-bottom: 0;
  }
  .mb0-force-sm {
    margin-bottom: 0 !important;
  }
  .mb1-sm {
    margin-bottom: 1px;
  }
  .mb1-force-sm {
    margin-bottom: 1px !important;
  }
  .mb5-sm {
    margin-bottom: 5px;
  }
  .mb5-force-sm {
    margin-bottom: 5px !important;
  }
  .mb10-sm {
    margin-bottom: 10px;
  }
  .mb10-force-sm {
    margin-bottom: 10px !important;
  }
  .mb20-sm {
    margin-bottom: 20px;
  }
  .mb20-force-sm {
    margin-bottom: 20px !important;
  }
  .mb30-sm {
    margin-bottom: 30px;
  }
  .mb30-force-sm {
    margin-bottom: 30px !important;
  }
  .mb35-sm {
    margin-bottom: 35px;
  }
  .mb35-force-sm {
    margin-bottom: 35px !important;
  }
  .mb40-sm {
    margin-bottom: 40px;
  }
  .mb40-force-sm {
    margin-bottom: 40px !important;
  }
  .ml0-sm {
    margin-left: 0;
  }
  .ml0-force-sm {
    margin-left: 0 !important;
  }
  .ml40-sm {
    margin-left: 40px;
  }
  .ml40-force-sm {
    margin-left: 40px !important;
  }
  .m0-0_5-sm {
    margin: 0 0.5px;
  }
  .m0-0_5-force-sm {
    margin: 0 0.5px !important;
  }
  .m0-10-sm {
    margin: 0 10px;
  }
  .m0-10-force-sm {
    margin: 0 10px !important;
  }
  .m0-20-sm {
    margin: 0 20px;
  }
  .m0-20-force-sm {
    margin: 0 20px !important;
  }
  .m0-40-sm {
    margin: 0 40px;
  }
  .m0-40-force-sm {
    margin: 0 40px !important;
  }
  .m5-30-sm {
    margin: 5px 30px;
  }
  .m5-30-force-sm {
    margin: 5px 30px !important;
  }
  .m10-a-sm {
    margin: 10px auto;
  }
  .m10-a-force-sm {
    margin: 10px auto !important;
  }
  .m20-a-sm {
    margin: 20px auto;
  }
  .m20-a-force-sm {
    margin: 20px auto !important;
  }
  .m30-20-sm {
    margin: 30px 20px;
  }
  .m30-20-force-sm {
    margin: 30px 20px !important;
  }
  .m30-10-sm {
    margin: 30px 10px;
  }
  .m30-10-force-sm {
    margin: 30px 10px !important;
  }
  .p0-sm {
    padding: 0;
  }
  .p0-force-sm {
    padding: 0 !important;
  }
  .p5-sm {
    padding: 5px;
  }
  .p5-force-sm {
    padding: 5px !important;
  }
  .p10-sm {
    padding: 10px;
  }
  .p10-force-sm {
    padding: 10px !important;
  }
  .p15-sm {
    padding: 15px;
  }
  .p15-force-sm {
    padding: 15px !important;
  }
  .p20-sm {
    padding: 20px;
  }
  .p20-force-sm {
    padding: 20px !important;
  }
  .pt0-sm {
    padding-top: 0;
  }
  .pt0-force-sm {
    padding-top: 0 !important;
  }
  .pt5-sm {
    padding-top: 5px;
  }
  .pt5-force-sm {
    padding-top: 5px !important;
  }
  .pt20-sm {
    padding-top: 20px;
  }
  .pt20-force-sm {
    padding-top: 20px !important;
  }
  .pt30-sm {
    padding-top: 30px;
  }
  .pt30-force-sm {
    padding-top: 30px !important;
  }
  .pt50-sm {
    padding-top: 50px;
  }
  .pt50-force-sm {
    padding-top: 50px !important;
  }
  .pr0-sm {
    padding-right: 0;
  }
  .pr0-force-sm {
    padding-right: 0 !important;
  }
  .pr5-sm {
    padding-right: 5px;
  }
  .pr5-force-sm {
    padding-right: 5px !important;
  }
  .pr10-sm {
    padding-right: 10px;
  }
  .pr10-force-sm {
    padding-right: 10px !important;
  }
  .pb10-sm {
    padding-bottom: 10px;
  }
  .pb10-force-sm {
    padding-bottom: 10px !important;
  }
  .pb20-sm {
    padding-bottom: 20px;
  }
  .pb20-force-sm {
    padding-bottom: 20px !important;
  }
  .pb30-sm {
    padding-bottom: 30px;
  }
  .pb30-force-sm {
    padding-bottom: 30px !important;
  }
  .pb50-sm {
    padding-bottom: 50px;
  }
  .pb50-force-sm {
    padding-bottom: 50px !important;
  }
  .pl0-sm {
    padding-left: 0;
  }
  .pl0-force-sm {
    padding-left: 0 !important;
  }
  .pl5-sm {
    padding-left: 5px;
  }
  .pl5-force-sm {
    padding-left: 5px !important;
  }
  .pl10-sm {
    padding-left: 10px;
  }
  .pl10-force-sm {
    padding-left: 10px !important;
  }
  .p0-5-sm {
    padding: 0px 5px;
  }
  .p0-5-force-sm {
    padding: 0px 5px !important;
  }
  .p0-10-sm {
    padding: 0px 10px;
  }
  .p0-10-force-sm {
    padding: 0px 10px !important;
  }
  .p0-30-sm {
    padding: 0px 30px;
  }
  .p0-30-force-sm {
    padding: 0px 30px !important;
  }
  .p4-5-sm {
    padding: 4px 5px;
  }
  .p4-5-force-sm {
    padding: 4px 5px !important;
  }
  .p10-0-sm {
    padding: 10px 0;
  }
  .p10-0-force-sm {
    padding: 10px 0 !important;
  }
  .p10-80-sm {
    padding: 10px 80px;
  }
  .p10-80-force-sm {
    padding: 10px 80px !important;
  }
  .p20-0-sm {
    padding: 20px 0px;
  }
  .p20-0-force-sm {
    padding: 20px 0px !important;
  }
  .fs10-sm {
    font-size: 10px;
  }
  .fs10-force-sm {
    font-size: 10px !important;
  }
  .fs11-sm {
    font-size: 11px;
  }
  .fs11-force-sm {
    font-size: 11px !important;
  }
  .fs12-sm {
    font-size: 12px;
  }
  .fs12-force-sm {
    font-size: 12px !important;
  }
  .fs13-sm {
    font-size: 13px;
  }
  .fs13-force-sm {
    font-size: 13px !important;
  }
  .fs14-sm {
    font-size: 14px;
  }
  .fs14-force-sm {
    font-size: 14px !important;
  }
  .fs16-sm {
    font-size: 16px;
  }
  .fs16-force-sm {
    font-size: 16px !important;
  }
  .fs18-sm {
    font-size: 18px;
  }
  .fs18-force-sm {
    font-size: 18px !important;
  }
  .fs20-sm {
    font-size: 20px;
  }
  .fs20-force-sm {
    font-size: 20px !important;
  }
  .fs28-sm {
    font-size: 28px;
  }
  .fs28-force-sm {
    font-size: 28px !important;
  }
  .fs30-sm {
    font-size: 30px;
  }
  .fs30-force-sm {
    font-size: 30px !important;
  }
  .fs40-sm {
    font-size: 40px;
  }
  .fs40-force-sm {
    font-size: 40px !important;
  }
  .no-border-sm {
    border: 0;
  }
  .no-border-force-sm {
    border: 0 !important;
  }
  .b0-sm {
    border: 0;
  }
  .b0-force-sm {
    border: 0 !important;
  }
  .highlight-light-sm {
    background: rgba(255, 255, 255, 0.2);
  }
  .highlight-light-force-sm {
    background: rgba(255, 255, 255, 0.2) !important;
  }
  .flex-wrap-sm {
    -webkit-flex-flow: row wrap;
  }
  .flex-wrap-force-sm {
    -webkit-flex-flow: row wrap !important;
  }
  .flex-wrap-sm {
    -ms-flex-flow: row wrap;
  }
  .flex-wrap-force-sm {
    -ms-flex-flow: row wrap !important;
  }
  .flex-wrap-sm {
    flex-wrap: wrap;
  }
  .flex-wrap-force-sm {
    flex-wrap: wrap !important;
  }
  .fs0-sm {
    font-size: 0;
  }
  .fs0-force-sm {
    font-size: 0 !important;
  }
  .bgimg-none-sm {
    background-image: none;
  }
  .bgimg-none-force-sm {
    background-image: none !important;
  }
  .nobg-sm {
    background: none;
  }
  .nobg-force-sm {
    background: none !important;
  }
  .no-border-sm {
    border: 0;
  }
  .no-border-force-sm {
    border: 0 !important;
  }
  .lh18-sm {
    line-height: 1.8;
  }
  .lh18-force-sm {
    line-height: 1.8 !important;
  }
  .pt0-sm {
    padding-top: 0;
  }
  .pt0-force-sm {
    padding-top: 0 !important;
  }
  .m20-a-sm {
    margin: 20px auto;
  }
  .m20-a-force-sm {
    margin: 20px auto !important;
  }
  .m10-a-sm {
    margin: 10px auto;
  }
  .m10-a-force-sm {
    margin: 10px auto !important;
  }
  .ml10-sm {
    margin-left: 10px;
  }
  .ml10-force-sm {
    margin-left: 10px !important;
  }
  .black _op8-sm {
    color: rgba(0, 0, 0, 0.8);
  }
  .black _op8-force-sm {
    color: rgba(0, 0, 0, 0.8) !important;
  }
  .wsn-sm {
    white space: normal;
  }
  .wsn-force-sm {
    white space: normal !important;
  }
}
@media only screen and (max-width: 480px) {
  .fx-xs {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 1px;
  }
  .fxdc-xs {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .fxac-xs {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .fxw-xs {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .fxjsa-xs {
    width: 100%;
    -ms-justify-content: space-around;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-flex-pack: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
  }
  .fxjsb-xs {
    width: 100%;
    -ms-justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
  .fxjc-xs {
    width: 100%;
    -ms-justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
  }
  .fxc-xs {
    width: 100%;
    -ms-justify-content: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -o-justify-content: center;
    justify-content: center;
  }
  .fdrr-xs {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .transitions-xs {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
  }
  .ellipsis-xs {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dif-xs {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .wsn-xs {
    white space: normal;
  }
  .wsn-force-xs {
    white space: normal !important;
  }
  .db-xs {
    display: block;
  }
  .db-force-xs {
    display: block !important;
  }
  .dib-xs {
    display: inline-block;
  }
  .dib-force-xs {
    display: inline-block !important;
  }
  .dn-xs {
    display: none;
  }
  .dn-force-xs {
    display: none !important;
  }
  .inline-blocks-xs {
    text-align: center;
    font-size: 0;
  }
  .inline-blocks-xs > * {
    display: inline-block;
    font-size: inherit;
    float: none;
  }
  .wh-40-xs {
    width: 40px;
    height: 40px;
  }
  .wh-40-force-xs {
    width: 40px !important;
    height: 40px !important;
  }
  .fn-xs {
    float: none;
  }
  .fn-force-xs {
    float: none !important;
  }
  .pos-a-xs {
    position: absolute;
  }
  .pos-a-force-xs {
    position: absolute !important;
  }
  .pos-r-xs {
    position: relative;
  }
  .pos-r-force-xs {
    position: relative !important;
  }
  .pos-f-xs {
    position: fixed;
  }
  .pos-f-force-xs {
    position: fixed !important;
  }
  .leftauto-xs {
    left: auto;
  }
  .leftauto-force-xs {
    left: auto !important;
  }
  .r0-xs {
    right: 0;
  }
  .r0-force-xs {
    right: 0 !important;
  }
  .right15-xs {
    right: 15px;
  }
  .right15-force-xs {
    right: 15px !important;
  }
  .bottom100-xs {
    bottom: 100%;
  }
  .bottom100-force-xs {
    bottom: 100% !important;
  }
  .tac-xs {
    text-align: center;
  }
  .tac-force-xs {
    text-align: center !important;
  }
  .tal-xs {
    text-align: left;
  }
  .tal-force-xs {
    text-align: left !important;
  }
  .tar-xs {
    text-align: right;
  }
  .tar-force-xs {
    text-align: right !important;
  }
  .wa-xs {
    width: auto;
  }
  .wa-force-xs {
    width: auto !important;
  }
  .mw0-xs {
    min-width: 0;
  }
  .mw0-force-xs {
    min-width: 0 !important;
  }
  .mw25-xs {
    min-width: 25px;
  }
  .mw25-force-xs {
    min-width: 25px !important;
  }
  .mwn-xs {
    max-width: none;
  }
  .mwn-force-xs {
    max-width: none !important;
  }
  .maxw96p-xs {
    max-width: 96%;
  }
  .maxw96p-force-xs {
    max-width: 96% !important;
  }
  .w100p-xs {
    width: 100%;
  }
  .w100p-force-xs {
    width: 100% !important;
  }
  .w80p-xs {
    width: 80%;
  }
  .w80p-force-xs {
    width: 80% !important;
  }
  .w60-xs {
    width: 60px;
  }
  .w60-force-xs {
    width: 60px !important;
  }
  .w70-xs {
    width: 70px;
  }
  .w70-force-xs {
    width: 70px !important;
  }
  .w80-xs {
    width: 80px;
  }
  .w80-force-xs {
    width: 80px !important;
  }
  .w85-xs {
    width: 85px;
  }
  .w85-force-xs {
    width: 85px !important;
  }
  .w90-xs {
    width: 90px;
  }
  .w90-force-xs {
    width: 90px !important;
  }
  .w95-xs {
    width: 95px;
  }
  .w95-force-xs {
    width: 95px !important;
  }
  .w97-xs {
    width: 97px;
  }
  .w97-force-xs {
    width: 97px !important;
  }
  .w100-xs {
    width: 100px;
  }
  .w100-force-xs {
    width: 100px !important;
  }
  .w110-xs {
    width: 110px;
  }
  .w110-force-xs {
    width: 110px !important;
  }
  .w150-xs {
    width: 150px;
  }
  .w150-force-xs {
    width: 150px !important;
  }
  .w160-xs {
    width: 160px;
  }
  .w160-force-xs {
    width: 160px !important;
  }
  .w290-xs {
    width: 290px;
  }
  .w290-force-xs {
    width: 290px !important;
  }
  .w340-xs {
    width: 340px;
  }
  .w340-force-xs {
    width: 340px !important;
  }
  .w355-xs {
    width: 355px;
  }
  .w355-force-xs {
    width: 355px !important;
  }
  .w800-xs {
    width: 800px;
  }
  .w800-force-xs {
    width: 800px !important;
  }
  .ha-xs {
    height: auto;
  }
  .ha-force-xs {
    height: auto !important;
  }
  .mhi-xs {
    max-height: inherit;
  }
  .mhi-force-xs {
    max-height: inherit !important;
  }
  .mh0-xs {
    min-height: 0;
  }
  .mh0-force-xs {
    min-height: 0 !important;
  }
  .mh290-xs {
    min-height: 290px;
  }
  .mh290-force-xs {
    min-height: 290px !important;
  }
  .ma-xs {
    margin: auto;
  }
  .ma-force-xs {
    margin: auto !important;
  }
  .m0-xs {
    margin: 0;
  }
  .m0-force-xs {
    margin: 0 !important;
  }
  .m10-xs {
    margin: 10px;
  }
  .m10-force-xs {
    margin: 10px !important;
  }
  .m40-xs {
    margin: 40px;
  }
  .m40-force-xs {
    margin: 40px !important;
  }
  .mt0-xs {
    margin-top: 0;
  }
  .mt0-force-xs {
    margin-top: 0 !important;
  }
  .mt3-xs {
    margin-top: 3px;
  }
  .mt3-force-xs {
    margin-top: 3px !important;
  }
  .mt5-xs {
    margin-top: 5px;
  }
  .mt5-force-xs {
    margin-top: 5px !important;
  }
  .mt10-xs {
    margin-top: 10px;
  }
  .mt10-force-xs {
    margin-top: 10px !important;
  }
  .mt15-xs {
    margin-top: 15px;
  }
  .mt15-force-xs {
    margin-top: 15px !important;
  }
  .mt20-xs {
    margin-top: 20px;
  }
  .mt20-force-xs {
    margin-top: 20px !important;
  }
  .mt40-xs {
    margin-top: 40px;
  }
  .mt40-force-xs {
    margin-top: 40px !important;
  }
  .mr0-xs {
    margin-right: 0;
  }
  .mr0-force-xs {
    margin-right: 0 !important;
  }
  .mr5-xs {
    margin-right: 5px;
  }
  .mr5-force-xs {
    margin-right: 5px !important;
  }
  .mr10-xs {
    margin-right: 10px;
  }
  .mr10-force-xs {
    margin-right: 10px !important;
  }
  .mr20-xs {
    margin-right: 20px;
  }
  .mr20-force-xs {
    margin-right: 20px !important;
  }
  .mb0-xs {
    margin-bottom: 0;
  }
  .mb0-force-xs {
    margin-bottom: 0 !important;
  }
  .mb1-xs {
    margin-bottom: 1px;
  }
  .mb1-force-xs {
    margin-bottom: 1px !important;
  }
  .mb5-xs {
    margin-bottom: 5px;
  }
  .mb5-force-xs {
    margin-bottom: 5px !important;
  }
  .mb10-xs {
    margin-bottom: 10px;
  }
  .mb10-force-xs {
    margin-bottom: 10px !important;
  }
  .mb20-xs {
    margin-bottom: 20px;
  }
  .mb20-force-xs {
    margin-bottom: 20px !important;
  }
  .mb30-xs {
    margin-bottom: 30px;
  }
  .mb30-force-xs {
    margin-bottom: 30px !important;
  }
  .mb35-xs {
    margin-bottom: 35px;
  }
  .mb35-force-xs {
    margin-bottom: 35px !important;
  }
  .mb40-xs {
    margin-bottom: 40px;
  }
  .mb40-force-xs {
    margin-bottom: 40px !important;
  }
  .ml0-xs {
    margin-left: 0;
  }
  .ml0-force-xs {
    margin-left: 0 !important;
  }
  .ml40-xs {
    margin-left: 40px;
  }
  .ml40-force-xs {
    margin-left: 40px !important;
  }
  .m0-0_5-xs {
    margin: 0 0.5px;
  }
  .m0-0_5-force-xs {
    margin: 0 0.5px !important;
  }
  .m0-10-xs {
    margin: 0 10px;
  }
  .m0-10-force-xs {
    margin: 0 10px !important;
  }
  .m0-20-xs {
    margin: 0 20px;
  }
  .m0-20-force-xs {
    margin: 0 20px !important;
  }
  .m0-40-xs {
    margin: 0 40px;
  }
  .m0-40-force-xs {
    margin: 0 40px !important;
  }
  .m5-30-xs {
    margin: 5px 30px;
  }
  .m5-30-force-xs {
    margin: 5px 30px !important;
  }
  .m10-a-xs {
    margin: 10px auto;
  }
  .m10-a-force-xs {
    margin: 10px auto !important;
  }
  .m20-a-xs {
    margin: 20px auto;
  }
  .m20-a-force-xs {
    margin: 20px auto !important;
  }
  .m30-20-xs {
    margin: 30px 20px;
  }
  .m30-20-force-xs {
    margin: 30px 20px !important;
  }
  .m30-10-xs {
    margin: 30px 10px;
  }
  .m30-10-force-xs {
    margin: 30px 10px !important;
  }
  .p0-xs {
    padding: 0;
  }
  .p0-force-xs {
    padding: 0 !important;
  }
  .p5-xs {
    padding: 5px;
  }
  .p5-force-xs {
    padding: 5px !important;
  }
  .p10-xs {
    padding: 10px;
  }
  .p10-force-xs {
    padding: 10px !important;
  }
  .p15-xs {
    padding: 15px;
  }
  .p15-force-xs {
    padding: 15px !important;
  }
  .p20-xs {
    padding: 20px;
  }
  .p20-force-xs {
    padding: 20px !important;
  }
  .pt0-xs {
    padding-top: 0;
  }
  .pt0-force-xs {
    padding-top: 0 !important;
  }
  .pt5-xs {
    padding-top: 5px;
  }
  .pt5-force-xs {
    padding-top: 5px !important;
  }
  .pt20-xs {
    padding-top: 20px;
  }
  .pt20-force-xs {
    padding-top: 20px !important;
  }
  .pt30-xs {
    padding-top: 30px;
  }
  .pt30-force-xs {
    padding-top: 30px !important;
  }
  .pt50-xs {
    padding-top: 50px;
  }
  .pt50-force-xs {
    padding-top: 50px !important;
  }
  .pr0-xs {
    padding-right: 0;
  }
  .pr0-force-xs {
    padding-right: 0 !important;
  }
  .pr5-xs {
    padding-right: 5px;
  }
  .pr5-force-xs {
    padding-right: 5px !important;
  }
  .pr10-xs {
    padding-right: 10px;
  }
  .pr10-force-xs {
    padding-right: 10px !important;
  }
  .pb10-xs {
    padding-bottom: 10px;
  }
  .pb10-force-xs {
    padding-bottom: 10px !important;
  }
  .pb20-xs {
    padding-bottom: 20px;
  }
  .pb20-force-xs {
    padding-bottom: 20px !important;
  }
  .pb30-xs {
    padding-bottom: 30px;
  }
  .pb30-force-xs {
    padding-bottom: 30px !important;
  }
  .pb50-xs {
    padding-bottom: 50px;
  }
  .pb50-force-xs {
    padding-bottom: 50px !important;
  }
  .pl0-xs {
    padding-left: 0;
  }
  .pl0-force-xs {
    padding-left: 0 !important;
  }
  .pl5-xs {
    padding-left: 5px;
  }
  .pl5-force-xs {
    padding-left: 5px !important;
  }
  .pl10-xs {
    padding-left: 10px;
  }
  .pl10-force-xs {
    padding-left: 10px !important;
  }
  .p0-5-xs {
    padding: 0px 5px;
  }
  .p0-5-force-xs {
    padding: 0px 5px !important;
  }
  .p0-10-xs {
    padding: 0px 10px;
  }
  .p0-10-force-xs {
    padding: 0px 10px !important;
  }
  .p0-30-xs {
    padding: 0px 30px;
  }
  .p0-30-force-xs {
    padding: 0px 30px !important;
  }
  .p4-5-xs {
    padding: 4px 5px;
  }
  .p4-5-force-xs {
    padding: 4px 5px !important;
  }
  .p10-0-xs {
    padding: 10px 0;
  }
  .p10-0-force-xs {
    padding: 10px 0 !important;
  }
  .p10-80-xs {
    padding: 10px 80px;
  }
  .p10-80-force-xs {
    padding: 10px 80px !important;
  }
  .p20-0-xs {
    padding: 20px 0px;
  }
  .p20-0-force-xs {
    padding: 20px 0px !important;
  }
  .fs10-xs {
    font-size: 10px;
  }
  .fs10-force-xs {
    font-size: 10px !important;
  }
  .fs11-xs {
    font-size: 11px;
  }
  .fs11-force-xs {
    font-size: 11px !important;
  }
  .fs12-xs {
    font-size: 12px;
  }
  .fs12-force-xs {
    font-size: 12px !important;
  }
  .fs13-xs {
    font-size: 13px;
  }
  .fs13-force-xs {
    font-size: 13px !important;
  }
  .fs14-xs {
    font-size: 14px;
  }
  .fs14-force-xs {
    font-size: 14px !important;
  }
  .fs16-xs {
    font-size: 16px;
  }
  .fs16-force-xs {
    font-size: 16px !important;
  }
  .fs18-xs {
    font-size: 18px;
  }
  .fs18-force-xs {
    font-size: 18px !important;
  }
  .fs20-xs {
    font-size: 20px;
  }
  .fs20-force-xs {
    font-size: 20px !important;
  }
  .fs28-xs {
    font-size: 28px;
  }
  .fs28-force-xs {
    font-size: 28px !important;
  }
  .fs30-xs {
    font-size: 30px;
  }
  .fs30-force-xs {
    font-size: 30px !important;
  }
  .fs40-xs {
    font-size: 40px;
  }
  .fs40-force-xs {
    font-size: 40px !important;
  }
  .no-border-xs {
    border: 0;
  }
  .no-border-force-xs {
    border: 0 !important;
  }
  .b0-xs {
    border: 0;
  }
  .b0-force-xs {
    border: 0 !important;
  }
  .highlight-light-xs {
    background: rgba(255, 255, 255, 0.2);
  }
  .highlight-light-force-xs {
    background: rgba(255, 255, 255, 0.2) !important;
  }
  .flex-wrap-xs {
    -webkit-flex-flow: row wrap;
  }
  .flex-wrap-force-xs {
    -webkit-flex-flow: row wrap !important;
  }
  .flex-wrap-xs {
    -ms-flex-flow: row wrap;
  }
  .flex-wrap-force-xs {
    -ms-flex-flow: row wrap !important;
  }
  .flex-wrap-xs {
    flex-wrap: wrap;
  }
  .flex-wrap-force-xs {
    flex-wrap: wrap !important;
  }
  .fs0-xs {
    font-size: 0;
  }
  .fs0-force-xs {
    font-size: 0 !important;
  }
  .bgimg-none-xs {
    background-image: none;
  }
  .bgimg-none-force-xs {
    background-image: none !important;
  }
  .nobg-xs {
    background: none;
  }
  .nobg-force-xs {
    background: none !important;
  }
  .no-border-xs {
    border: 0;
  }
  .no-border-force-xs {
    border: 0 !important;
  }
  .lh18-xs {
    line-height: 1.8;
  }
  .lh18-force-xs {
    line-height: 1.8 !important;
  }
  .pt0-xs {
    padding-top: 0;
  }
  .pt0-force-xs {
    padding-top: 0 !important;
  }
  .m20-a-xs {
    margin: 20px auto;
  }
  .m20-a-force-xs {
    margin: 20px auto !important;
  }
  .m10-a-xs {
    margin: 10px auto;
  }
  .m10-a-force-xs {
    margin: 10px auto !important;
  }
  .ml10-xs {
    margin-left: 10px;
  }
  .ml10-force-xs {
    margin-left: 10px !important;
  }
  .black _op8-xs {
    color: rgba(0, 0, 0, 0.8);
  }
  .black _op8-force-xs {
    color: rgba(0, 0, 0, 0.8) !important;
  }
  .wsn-xs {
    white space: normal;
  }
  .wsn-force-xs {
    white space: normal !important;
  }
}
@media (max-width: 1200px) {
  .top-link-my-courses:nth-child(2) {
    display: none !important;
  }
  #course-approval-header .close {
    top: 7px;
    right: 0;
  }
  #course-approval-header h2 {
    margin-top: 0;
  }
  #discover-main .side-lined:before,
  #discover-main .side-lined:after {
    display: none;
  }
  #site-footer,
  #v3-footer {
    display: none;
  }
  .landing-page .slp-buy-button .discount .coupon-deadline {
    position: relative;
    margin-top: 10px;
  }
  .landing-page .slp-buy-button .discount .coupon-deadline span {
    display: inline-block;
    margin-right: 3px;
  }
  #quick-search-dropdown > li.ui-menu-item > a.ui-corner-all > span.text i.extra {
    display: none;
  }
  .landing-page #simple-1col-2col-slp .table {
    height: auto;
    padding-bottom: 0;
  }
  .landing-page #simple-1col-2col-slp #top {
    background: #59674F;
  }
  .landing-page .slp-course-title h1,
  .landing-page .slp-course-title h2 {
    max-height: none;
  }
  .gray-nav {
    border: 0 !important;
  }
  .gray-nav > li > * {
    font-size: 12px;
    padding: 0 6px;
    letter-spacing: -0.5px;
  }
  #ufo2 .video-link {
    width: 410px;
  }
  #ufo2 .ship {
    display: none;
  }
  #ufo2 .entirely {
    width: 380px;
  }
  #ufo2 .share {
    width: 310px;
  }
  #ufo2 .learning {
    width: 400px;
  }
}
@media (max-width: 1024px) {
  .hl {
    margin-right: 0 !important;
  }
  body {
    padding: 0;
    text-rendering: auto;
  }
  .discover-btn-text {
    display: none;
  }
  .top-link-my-courses {
    display: none !important;
  }
  .introjs-overlay,
  .introjs-helperLayer {
    display: none;
  }
  .course-discover-top {
    display: none;
  }
}
@media (max-width: 980px) {
  .landing-page #simple-1col-2col-slp-section-2 {
    padding: 5px;
  }
  #successful-payment {
    text-align: center;
  }
  #successful-payment .box {
    margin: 0;
  }
  #successful-payment .header {
    font-size: 21px;
  }
  #successful-payment .left-col {
    width: 100%;
    float: none;
  }
  #successful-payment .right-col {
    margin: 20px 0 0 0;
  }
  #successful-payment .learning {
    font-size: 14px;
  }
  #successful-payment .app {
    display: block;
  }
  #successful-payment .app a {
    display: block;
    width: 100%;
  }
  #successful-payment .app span {
    display: block;
  }
}
@media (max-width: 800px) {
  #site-footer,
  #v3-footer {
    display: none;
  }
  .gray-nav {
    border: 0 !important;
  }
  .gray-nav > li > * {
    font-size: 12px;
    padding: 0 6px;
    letter-spacing: -0.5px;
  }
  .hello-bar {
    font-size: 13px;
    line-height: 1.2;
    padding: 0 40px 0 10px;
  }
  .fancybox-lock .fancybox-overlay {
    overflow: hidden;
  }
  .purchase-popup {
    min-width: 0 !important;
  }
  .purchase-popup.quick .license-limit-message {
    line-height: 1.2;
    padding: 10px;
  }
  .static-content-wrapper h1 small {
    font-size: 12px !important;
    line-height: 1.2 !important;
    display: block;
    margin-top: 10px;
  }
  #curebitExposeMask,
  #curebitOverlay {
    display: none !important;
  }
  #success-37 .topl {
    float: none !important;
    text-align: center !important;
    margin: 0 10px 15px !important;
  }
  #success-37 .course-img {
    display: block !important;
    box-shadow: none !important;
  }
  #success-37 #congrats .start-btn {
    display: inline-block !important;
    width: auto !important;
    margin-left: 0 !important;
    padding: 10px !important;
  }
  #success-37 .like-us {
    display: none !important;
  }
  #success-37 .topr {
    margin: 10px 0 0 !important;
    text-align: center !important;
  }
  #success-37 #mobile {
    display: none !important;
  }
  #success-37 #congrats {
    padding: 10px 0 !important;
  }
  #success-37 #people {
    display: none !important;
  }
  #successful-payment .left-col {
    float: none !important;
    width: auto !important;
  }
  #successful-payment .right-col {
    margin-left: 0 !important;
    min-height: 0 !important;
    margin-top: 20px;
  }
  #successful-payment .learning {
    display: none;
  }
  #successful-payment .share {
    display: none;
  }
  #successful-payment .app span {
    display: none;
  }
  #successful-payment .header {
    line-height: 1.1;
  }
  .congrats-head {
    font-size: 20px;
    line-height: 1.2;
    padding: 0 10px;
  }
  #legal-pages {
    padding: 5px;
  }
  #legal-pages * {
    font-size: 12px;
    text-align: center;
  }
  #legal-pages .side-menu {
    width: auto;
    float: none;
    text-align: center;
  }
  #legal-pages .side-menu li {
    display: inline-block;
    margin: 0 4px;
  }
  #legal-pages .main-content {
    margin: 0;
  }
  .sitemap-container {
    padding: 5px;
  }
  .sitemap-container * {
    font-size: 11px;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2;
  }
  .tablet-tac {
    text-align: center !important;
  }
  .tablet-fn {
    float: none !important;
  }
  .tablet-m0 {
    margin: 0 !important;
  }
  .tablet-p0 {
    padding: 0 !important;
  }
  .tablet-p0-5 {
    padding: 0 5px !important;
  }
  .tablet-wa {
    width: auto !important;
  }
  #price-and-promotions .btn-apply {
    position: absolute;
    bottom: 5px;
    right: 10px;
  }
  #emailSettings label {
    display: inline;
    line-height: 1.8;
  }
  #premium-instructor-application .steps-bar li {
    margin-left: 15px;
  }
  #premium-instructor-application .steps-bar li:first-child {
    margin-left: 0;
  }
  #premium-instructor-application .steps-bar li:before {
    left: 95px;
    width: 47px;
  }
  #premium-instructor-application .steps-bar li span {
    display: none;
  }
}
@media (max-width: 640px) {
  .notifications-wrapper,
  .user-profile-dropdown .mini-title {
    display: none;
  }
  .user-profile-dropdown .dropdown-toggle {
    overflow: visible;
    padding-right: 20px;
  }
  .user-profile-dropdown .caret {
    right: 7px;
  }
  .user-profile-dropdown .unread {
    position: absolute;
    right: 30px;
  }
  .lang-dropdown {
    display: none;
  }
  body .header-v4 .signup-btn,
  body header.udemy-header .signup-btn {
    display: none;
  }
  #popup-inner #login-box-header {
    padding-right: 44px;
  }
  #popup-inner #login-box-header h3 {
    font-size: 14px;
    line-height: 42px;
  }
  #popup-inner #login-box-header h4 {
    display: none;
  }
  #popup-inner #login-box-container > div {
    display: block;
  }
  .fancybox-overlay {
    background: #fff;
  }
  .fancybox-wrap {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
    box-shadow: none;
    opacity: 1 !important;
  }
  .fancybox-wrap.static-content-wrapper {
    margin: 0;
  }
  .fancybox-wrap.static-content-wrapper h1 {
    line-height: 52px;
    padding: 0 10px;
  }
  .fancybox-wrap .static-content-wrapper,
  .fancybox-wrap .form-wrapper {
    border: 0;
    width: auto !important;
  }
  .fancybox-wrap .form-tooltip {
    display: none !important;
  }
  .fancybox-wrap .fancybox-skin {
    background: #FFF;
    border: 0;
    box-shadow: none;
  }
  .fancybox-wrap .fancybox-skin .fancybox-close {
    opacity: 1 !important;
    text-decoration: none !important;
    font-size: 20px;
    height: 30px;
    width: 30px;
    top: 5px;
    background: #fff;
  }
  .fancybox-wrap .fancybox-skin .fancybox-close:before {
    background: none;
    color: #333;
  }
  .fancybox-wrap .fancybox-inner {
    width: 100% !important;
    height: 100% !important;
  }
  .fancybox-wrap .fancybox-inner #popup-inner {
    padding: 0;
    min-width: 0;
    margin: 0;
  }
  .fancybox-wrap .fancybox-inner #popup-inner.with-facebook {
    width: auto;
  }
  .fancybox-wrap .fancybox-inner #popup-inner #login-box-container {
    width: 100% !important;
  }
  .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-fb-wrapper,
  .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-form-wrapper {
    padding: 0 10px !important;
    width: 100%;
    margin: 0;
  }
  .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-fb-wrapper h3,
  .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-form-wrapper h3 {
    font-size: 12px;
    line-height: 26px;
  }
  .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-fb-wrapper .fb-connect-button,
  .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-form-wrapper .fb-connect-button {
    margin-top: 0 !important;
  }
  .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-fb-wrapper #fb-signup-box,
  .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-form-wrapper #fb-signup-box {
    display: none;
  }
  .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-fb-wrapper .non-labeled,
  .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-form-wrapper .non-labeled {
    margin-top: 5px !important;
  }
  .fancybox-wrap .fancybox-inner #popup-inner #login-box-container ~ .secondary-text {
    margin: 7px 10px 10px;
  }
  .fancybox-wrap .fancybox-inner > h1:first-child {
    text-align: center;
  }
  .uv-icon.uv-bottom-right {
    display: none;
  }
  .msg-popup {
    width: auto;
  }
  .msg-popup .msg-right {
    margin-right: 10px !important;
  }
  .msg-popup .msg-right .msg-header h4 {
    max-width: 100px;
  }
  .wrapper-right .my-course-box-wrapper .my-course-box-flat {
    width: 230px;
  }
  .DRAGDIS_iframe {
    width: 100% !important;
  }
  .uv-tray {
    display: none;
  }
  body.landing-page #site-footer {
    display: none;
  }
  #simple-1col-2col-slp-section-1,
  #simple-1col-2col-slp-section-0 {
    width: 100%;
    display: block;
  }
  .sidebar-menu {
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    background: none;
    box-shadow: none;
  }
  .sidebar-menu h2 {
    display: none;
  }
  .sidebar-menu ul {
    text-align: center;
  }
  .sidebar-menu ul li {
    display: inline-block;
    margin-bottom: 5px;
  }
  .sidebar-menu ul li a {
    background: #fff;
    padding: 5px 14px;
  }
  .static-page #titles {
    margin-top: 30px;
  }
  .static-page #main {
    margin-left: 0;
  }
  #mediaplayer,
  #mediaplayer_displayarea {
    width: 100% !important;
  }
  #mediaplayer_video {
    width: 100% !important;
    height: 100% !important;
  }
  #ios-toolbar .int {
    font-size: 13px;
  }
  .share-page-elements {
    display: none;
  }
  .landing-page #simple-1col-2col-slp-section-2,
  .landing-page #simple-1col-2col-slp-section-3 {
    width: auto;
    float: none;
  }
  #ufo2 .video-link {
    width: 310px;
  }
  .ud-discover-withsidebar {
    margin-bottom: 0;
  }
  .seo-lp-inner {
    margin: 0;
  }
  .seo-lp-inner h3 {
    margin: 5px 0;
  }
  .seo-lp-inner h3 div {
    display: block;
  }
  #ufo2 {
    overflow: hidden;
  }
  #ufo2 .container {
    padding: 0 10px;
    text-align: center;
  }
  #ufo2 .container * {
    margin-left: 0;
    margin-right: 0;
    width: auto;
  }
  #ufo2 .video-link {
    display: none;
  }
  #ufo2 .r1 {
    background: none;
  }
  #ufo2 > div {
    margin: 10px 0 !important;
    padding: 10px 0 !important;
  }
  #ufo2 .r1 {
    padding-top: 40px !important;
    margin-top: 0 !important;
  }
  #ufo2 .share {
    margin-top: 10px;
  }
  #ufo2 .become-form {
    float: none;
  }
  #ufo2 .r4 img {
    float: none;
    margin: 0;
  }
  #ufo2 .r6 img {
    float: none;
    margin: 0;
  }
  #ufo2 .r6:before {
    top: 0;
  }
  #ufo2 .learning {
    margin: 0;
  }
  #ufo2 h1 {
    font-size: 19px !important;
    line-height: 1.2;
  }
  #ufo2 h4 {
    font-size: 14px;
  }
  #ufo2 .btn-huge {
    font-size: 17px;
  }
  #ufo2 p {
    font-size: 14px;
  }
  #ufo2 .r6 {
    height: auto;
  }
  #ufo2 h3 {
    font-size: 19px;
    line-height: 1.2;
  }
  #ufo2 .r7 .container {
    margin-top: 30px !important;
  }
  #ufo2 .r8 li {
    margin: 0 0 20px;
    padding: 0 10px;
  }
  #ufo2 .r8 .right-col {
    text-align: left;
  }
  #ufo2 .r8 img {
    width: 20px;
    margin-right: 8px;
  }
  #ufo2 .pricing p {
    font-size: 15px;
  }
  #ufo2 .r9 {
    display: none;
  }
  .featured-courses .category-names h4 {
    font-size: 16px;
  }
  .featured-courses .category-names a {
    font-size: 14px;
  }
  .featured-courses .courses-list-pagination ul {
    margin: 0;
  }
  #afflp .fea,
  #afflp .ht,
  #afflp .faq {
    padding: 0 5px;
  }
  #afflp .ban {
    min-height: 0;
  }
  #afflp .join {
    margin-top: 20px;
  }
  #afflp .fea-ul,
  #afflp .mfea-ul {
    margin-top: 0;
    flex-direction: column;
  }
  #afflp .fea-li {
    margin: 0 0 20px;
  }
  .classic-tabs {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .course-box .add-to-wishlist {
    display: block !important;
  }
  body.payment-page .payment-middle-content {
    width: auto !important;
    padding: 5px;
  }
  body.payment-page .payment-coupon-section {
    margin: 0;
    padding: 10px;
  }
  body.payment-page #form-item-cardNumber input {
    width: 100%;
  }
  body.payment-page #form-item-cardNumber .card-type {
    position: static;
    margin-top: 10px;
  }
  body.payment-page .manage-fields-wrapper .two-cols {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  body.payment-page #form-item-securityCode {
    display: inline-table;
  }
  body header.udemy-header .signup-btn {
    display: none;
  }
  body header.udemy-header .left-items {
    margin-left: 5px;
  }
  body header.udemy-header.for-ufo .container #logo {
    width: 200px;
    margin-left: -100px;
    left: 50%;
  }
  body .header-v4 .container .search-v2,
  body header.udemy-header .container .search-v2 {
    display: none;
  }
  body .main.container {
    margin: auto;
  }
  body .main.container .row {
    margin: auto;
  }
  #new-static-pages #fixed-nav {
    display: none;
  }
  #new-static-pages h1 {
    font-size: 31px;
  }
  #new-static-pages h2 {
    font-size: 24px;
    letter-spacing: normal;
  }
  #new-static-pages #welcome {
    padding: 20px 5px 0;
  }
  #new-static-pages #welcome .full-col {
    font-size: 13px;
    text-align: center;
  }
  #new-static-pages #meet ul {
    text-align: center;
  }
  #new-static-pages #meet li {
    width: 20%;
    height: auto;
    margin: 0 2%;
  }
  #new-static-pages #meet .thumb img {
    height: auto;
  }
  #new-static-pages #meet .title {
    font-size: 11px;
    line-height: 1.2;
  }
  #new-static-pages #meet .cat {
    font-size: 11px;
    line-height: 1.2;
    display: block;
    margin-top: 3px;
  }
  #new-static-pages #press-kit article {
    margin: 0;
    text-align: center;
    font-size: 15px;
  }
  #new-static-pages #join article {
    margin: 0;
    text-align: center;
    font-size: 15px;
  }
  #new-static-pages #join h3 {
    margin: 0;
    text-align: center;
    font-size: 15px;
  }
  #new-static-pages #join ul {
    margin: 0;
    padding: 0 10px;
  }
  #new-static-pages #join li a {
    font-size: 15px;
  }
  #new-static-pages #contact .wrapper {
    width: 100%;
    text-align: center;
    padding: 0 20px;
  }
  #new-static-pages #contact #map img {
    width: 100%;
  }
  #new-static-pages .team-video-wrapper {
    margin: 0 5px;
  }
  #new-static-pages #press {
    padding: 10px;
    text-align: center;
  }
  #new-static-pages #press * {
    font-size: 14px;
  }
  #new-static-pages #press .fxae {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #new-static-pages #press .fxw {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin-bottom: 10px;
    height: auto;
  }
  #new-static-pages #press .background-circle:before {
    display: none;
  }
  #new-static-pages #press .quato-before:before {
    font-size: 33px;
    margin: -8px 0 0 -17px;
  }
  #new-static-pages #press .read-more {
    font-size: 20px;
    padding: 10px;
  }
  #new-static-pages .jobscore-container {
    margin: 5px;
  }
  .controller-home #bottom-items {
    display: none !important;
  }
  .fb-connect-button:before {
    background: #466B8B url("/staticx/udemy/images/v3/sprites.png?v=17") -15px 6px;
    background-size: 500px !important;
  }
  #quick-search-dropdown {
    left: auto !important;
    right: 10px;
    margin-left: auto;
    width: 180px !important;
    max-height: 85% !important;
    overflow: auto;
    top: 40px !important;
  }
  #quick-search-dropdown li.ui-menu-item > a {
    padding: 4px;
    width: 100% !important;
  }
  #quick-search-dropdown li.ui-menu-item > a .thumb {
    display: none;
  }
  #quick-search-dropdown li.ui-menu-item > a .text {
    margin: 0 !important;
    width: 100% !important;
  }
  #quick-search-dropdown li.ui-menu-item > a .text b {
    font-size: 12px !important;
  }
  #quick-search-dropdown li.ui-menu-item > a .text i {
    font-size: 11px !important;
  }
  #quick-search-dropdown li.header h3 {
    font-size: 12px;
    line-height: 18px;
  }
  #quick-search-dropdown li.more a {
    font-size: 11px !important;
  }
  .sidebar-menu {
    top: -30px;
  }
  .sidebar-menu ul li a {
    font-size: 12px;
    padding: 3px 8px;
  }
  .static-page #titles {
    display: none;
  }
  .static-page #main {
    margin-top: 47px;
  }
  #mediaplayer,
  #mediaplayer_displayarea {
    height: 174px !important;
  }
  body[class*="action-forgot-password"] {
    background: #fff !important;
  }
  body[class*="action-forgot-password"] .white-wrapper {
    min-height: 0 !important;
  }
  body[class*="action-forgot-password"] .main > div {
    width: auto !important;
    padding: 10px;
  }
  .popup-with-heading {
    max-height: 235px;
  }
  .landing-page .fancybox-wrap {
    position: fixed !important;
  }
  .landing-page .fancybox-wrap h1 {
    line-height: 1.2 !important;
    padding-right: 39px !important;
    font-size: 13px !important;
  }
  .landing-page .lecture-popup {
    width: 100%;
  }
  .signup-header-title {
    font-size: 16px;
    text-align: center;
  }
  #signup-form {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    font-size: 11px;
  }
  #signup-form label {
    font-size: 11px;
  }
  #signup-form .input-table th {
    width: 70px !important;
  }
  #signup-form .cancel-link {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    width: 90px;
  }
  .facebook-box-wrapper {
    width: 100% !important;
    padding: 10px;
  }
  .facebook-box-faces,
  p.secondary-text,
  #form-item-timeZone {
    display: none;
  }
  .controller-user .main {
    margin: 0;
  }
  .controller-user #user-box {
    position: relative !important;
    float: none;
    margin: 0;
    width: 100%;
  }
  .controller-user #user-timeline {
    margin: 30px 0 0 0 !important;
    float: none;
    width: 100%;
  }
  .controller-user .course-image {
    height: 70px !important;
  }
  .controller-user .details {
    height: 70px !important;
    padding: 5px !important;
  }
  .controller-user li {
    position: relative;
  }
  .controller-user li article,
  .controller-user li .bottom,
  .controller-user li .bottom-items,
  .controller-user li .subs {
    display: none !important;
  }
  .controller-user h3 {
    font-size: 13px;
    line-height: 1;
  }
  .controller-user .ins-details {
    font-size: 13px;
    line-height: 1;
    margin-top: 5px !important;
  }
  #my-courses .top {
    margin-top: 10px;
  }
  #my-courses #list > ul .my-course-box {
    width: 100%;
  }
  #my-courses #list > ul .my-course-box img {
    max-width: 296px;
  }
  #my-courses #list > ul .my-course-box a.thumb > span {
    display: none;
  }
  #course-dashboard {
    margin-top: 0 !important;
  }
  #course-dashboard li {
    min-height: 29px;
  }
  #course-dashboard .top {
    padding: 7px !important;
  }
  #course-dashboard .course-image {
    width: 70px !important;
    height: 50px !important;
  }
  #course-dashboard .titles {
    margin: 4px 0 0 0 !important;
  }
  #course-dashboard .titles * {
    font-size: 11px !important;
  }
  #course-dashboard .main-content {
    padding: 5px 0 0 0 !important;
  }
  #course-dashboard .main-content .left-col {
    float: none !important;
    width: 100% !important;
  }
  #course-dashboard #progress {
    text-align: center;
  }
  #course-dashboard #progress h3 {
    font-size: 12px !important;
    padding: 2px 0 10px !important;
  }
  #course-dashboard .play {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block !important;
    font-size: 10px !important;
    float: none !important;
    max-width: 90%;
    text-align: left;
  }
  #course-dashboard #curriculum {
    margin-top: 8px !important;
  }
  #course-dashboard .wrapper {
    padding: 0 !important;
    margin: 0 !important;
  }
  #course-dashboard .list {
    border: 0 !important;
    margin: 10px 0 0 0 !important;
  }
  #course-dashboard .chapter,
  #course-dashboard .no,
  #course-dashboard .circle,
  #course-dashboard time,
  #course-dashboard li .btn,
  #course-dashboard .lecture,
  #course-dashboard .main-content .right-col {
    display: none !important;
  }
  #course-dashboard.main .top .right-col {
    position: relative;
    margin: 60px 0 0 0;
    right: auto;
    top: 0;
  }
  #course-dashboard.main .top .right-col * {
    font-size: 11px !important;
  }
  #course-dashboard.main .top .right-col .btns {
    float: left;
    margin: 5px 8px 5px 0;
  }
  #course-dashboard.main .top .right-col .btns .settings .ttip {
    width: 100%;
    margin-top: 40px;
  }
  #course-dashboard.main .top .right-col * {
    font-size: 10px !important;
  }
  #course-dashboard .lecture-type {
    float: left;
  }
  #course-dashboard h5 {
    margin: 10px 0 0 0 !important;
  }
  #course-dashboard h6 {
    left: 15px !important;
    right: 40px !important;
  }
  #course-dashboard h6 a {
    font-size: 12px !important;
  }
  #course-dashboard li {
    margin-top: 0 !important;
  }
  #course-dashboard .title {
    position: relative !important;
    left: 0 !important;
    margin: 0 !important;
    float: none !important;
  }
  #course-dashboard ul {
    margin: 0 !important;
  }
  .controller-courses .main {
    margin-top: 0;
  }
  .controller-courses .main #top-nav {
    margin-top: 0;
  }
  .controller-courses .main #top-nav ul.gray-nav {
    margin: 10px 0 0;
  }
  .controller-courses .main #top-nav ul.gray-nav .search-box input[type="submit"] {
    display: none;
  }
  .controller-courses .main #top-nav ul.gray-nav .search-box input[type="text"] {
    font-size: 11px !important;
    width: 125px !important;
    padding: 2px 5px 2px 5px;
  }
  .controller-courses .search-col {
    display: none;
  }
  .controller-courses .gray-nav > li > * {
    font-size: 12px;
    padding: 0 6px;
  }
  #filters {
    display: none;
  }
  .landing-page .buy-button-link {
    font-size: 18px;
  }
  .controller-courses #filters {
    float: left;
    margin: 10px 0 0;
  }
  #ipad-landing .h1 {
    font-size: 23px;
    line-height: 1.2;
  }
  #ipad-landing .d2 {
    height: 270px;
    width: 320px;
  }
  #ipad-landing #ipad-landing-image-slider {
    height: 180px;
    left: 50%;
    margin-left: -120px;
    top: 29px;
    width: 237px;
  }
  #ipad-landing .d4 {
    padding: 10px 0;
  }
  #ipad-landing .d4 h2 {
    font-size: 20px;
    line-height: 1.2;
  }
  #ipad-landing .d4 p {
    font-size: 12px;
    line-height: 1.2;
  }
  .discovery-navigation {
    border: 0;
    margin-top: 10px;
  }
  .discovery-navigation * {
    font-size: 11px !important;
  }
  .discovery-navigation .categories-col {
    display: none;
  }
  .discovery-navigation > li > * {
    padding: 0 6px;
  }
  .discovery-navigation .search-box input[type="text"] {
    width: 110px;
    padding: 0 5px;
  }
  .discovery-navigation .search-box input[type="submit"] {
    display: none;
  }
  .featured-courses .slider nav .container {
    margin: 13px -16px;
  }
  .featured-courses .slider nav span {
    transform: rotate(scale(0.6));
    -ms-transform: rotate(scale(0.6));
    -webkit-transform: rotate(scale(0.6));
    -webkit-backface-visibility: hidden;
    /* transform */
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
  }
  .featured-courses .slider nav span.prev {
    left: 0;
    transform: rotate(scale(0.6) rotate(-180deg));
    -ms-transform: rotate(scale(0.6) rotate(-180deg));
    -webkit-transform: rotate(scale(0.6) rotate(-180deg));
    -webkit-backface-visibility: hidden;
    /* transform */
    -webkit-transform: scale(0.6) rotate(-180deg);
    -moz-transform: scale(0.6) rotate(-180deg);
    -ms-transform: scale(0.6) rotate(-180deg);
    -o-transform: scale(0.6) rotate(-180deg);
    transform: scale(0.6) rotate(-180deg);
  }
  .featured-courses .slider .bullets {
    padding: 5px 0 0px 0;
  }
  .static-content-wrapper,
  .form-wrapper {
    max-width: 100%;
  }
  .fancybox-lock {
    margin-right: 0 !important;
  }
  .flex-wrapper-wrapper .tooltip-reference .flex {
    max-width: 120px;
  }
  #my-courses .no-course {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
  }
  #my-courses .no-course #splash {
    max-width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
  }
  .controller-interests .wrapper {
    padding-bottom: 20px;
  }
  .controller-interests .wrapper h1 {
    margin: 0;
  }
  .controller-interests .interests-form-wrapper {
    margin: 40px 0 0 !important;
  }
  .controller-interests #suggest-interests:before,
  .controller-interests #suggest-interests:after {
    display: none !important;
  }
  .create-wrapper {
    width: auto;
    margin: 0;
  }
  .create-wrapper h1 {
    font-size: 28px;
    margin-top: 10px;
  }
  .create-wrapper .form-wrapper h2 {
    background-color: #F0F0F0;
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    line-height: 1.2;
    font-size: 17px;
    padding: 5px;
  }
  .create-wrapper .q-mark {
    display: none;
  }
  .create-wrapper .form-wrapper .cfi-add .content {
    padding: 5px 0;
  }
  .create-wrapper .form-wrapper .editing .content .cfi-item-title {
    margin-left: 57px;
  }
  .create-wrapper .ud-curriculumform * {
    font-size: 12px !important;
  }
  .create-wrapper .ud-curriculumform .input-table .input-field input,
  .create-wrapper .ud-curriculumform .input-table .input-field textarea {
    width: auto;
  }
  .create-wrapper .ud-curriculumform .cfi-sortable.cfi-lecture,
  .create-wrapper .ud-curriculumform .cfi-add-form.cfi-lecture,
  .create-wrapper .ud-curriculumform .cfi-sortable.cfi-quiz,
  .create-wrapper .ud-curriculumform .form-wrapper .cfi-add-form.cfi-quiz,
  .create-wrapper .ud-curriculumform .cfi-sortable.cfi-checkpoint {
    margin-left: 10px;
  }
  #form-item-privacySettings_coursePrivate_optionpasswordProtected_inner input[type="text"] {
    width: auto !important;
  }
  .steps-bar {
    margin: 20px 0 0;
    padding: 0;
  }
  .steps-bar ul {
    text-align: center;
    height: auto;
  }
  .steps-bar li {
    width: auto;
    margin: 0 5px;
    background: none !important;
    transform: none !important;
    height: auto !important;
  }
  .steps-bar li:before,
  .steps-bar li:after {
    display: none;
  }
  .steps-bar li span {
    margin: 0 !important;
    top: 0;
    position: static;
  }
  .steps-bar li.on {
    font-size: 19px;
  }
  .static-content-wrapper .imaged .img,
  .form-wrapper .imaged .img {
    height: 42px;
    width: 68px;
  }
  .static-content-wrapper .imaged article,
  .form-wrapper .imaged article {
    margin: 0 0 0 80px;
    overflow: hidden;
  }
  #teach2 {
    background: #fff;
    padding: 15px 5px;
  }
  #teach2 #welcome h1 {
    font-size: 1.7em;
    margin-top: 0;
  }
  #teach2 #welcome h3 {
    font-size: 13px;
  }
  #teach2 #welcome .video-wrapper {
    width: 100%;
  }
  #teach2 .big-btn a {
    font-size: 12px;
    padding: 15px;
  }
  #teach2 #first-course li {
    float: none;
    margin-top: 20px;
    width: 100%;
  }
  #teach2 h2 {
    font-size: 20px;
  }
  #teach2 #meet {
    padding: 0;
  }
  #teach2 #meet .lc {
    display: none;
  }
  #teach2 #meet .rc {
    margin: 0;
  }
  #teach2 #press-with-slider {
    box-shadow: none;
    margin-top: 30px;
    padding: 0;
  }
  #teach2 #press-with-slider ul.col li {
    border: 1px solid #ccc;
    box-shadow: none;
    margin: 10px 0;
    width: 100%;
  }
  #teach2 #how {
    padding: 0;
  }
  #teach2 #community li {
    margin: 10px 0 0;
    width: 100%;
  }
  #teach2 #amazing,
  #teach2 #asseen {
    display: none;
  }
  #ki_container {
    display: none;
  }
  #ios-toolbar .int {
    margin-left: 0;
  }
  #ios-toolbar .sh {
    display: none;
  }
  .featured-courses .search-v2 {
    width: 100%;
    display: block;
    margin: 0;
  }
  .courses-enrolled .ce-ul {
    display: block;
  }
  .courses-enrolled .ce-li {
    display: block;
    max-width: 300px;
    margin-bottom: 20px;
  }
  .login-popup-v37 .f {
    padding: 20px 10px 10px;
  }
  .login-popup-v37 h2 {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .login-popup-v37 h4 {
    font-size: 14px;
  }
  .login-popup-v37 .sufb {
    margin-bottom: 10px;
  }
  .login-popup-v37 .fac {
    display: none;
  }
  .login-popup-v37 .by {
    display: none;
  }
  .login-popup-v37 .scm {
    height: auto !important;
  }
  .login-popup-v37 .lcf {
    margin-top: 0;
  }
  .home-with-search .general-wrapper {
    padding: 10px;
  }
  .home-with-search .header {
    margin-top: 10px;
  }
  .home-with-search .online-h {
    font-size: 16px;
  }
  .home-with-search .search-f {
    padding: 3px;
  }
  .home-with-search .search-box-wr {
    margin: 0 5px 0 0;
  }
  .home-with-search input.search-box {
    padding: 0;
    font-size: 14px;
  }
  .home-with-search .search-btn {
    padding: 6px 7px;
    font-size: 14px;
  }
  .home-with-search .search-icon-wr {
    display: none;
  }
  .home-with-search .footer-a {
    margin: 0 5px;
    font-size: 11px;
  }
  #ios-toolbar {
    padding: 5px;
    text-align: center;
  }
  #ios-toolbar .container > * {
    float: none !important;
    display: inline-block;
    margin-left: 0;
  }
  #ios-toolbar .sh {
    display: none !important;
  }
  #ios-toolbar .int {
    line-height: 1.2;
  }
  .udemy-header.for-ufo .fullscreen-courses {
    padding: 0;
    width: auto;
  }
  .udemy-header.for-ufo .left-items {
    display: none;
  }
  .udemy-header.for-ufo #logo {
    top: 0 !important;
    left: 0 !important;
    margin: 10px 0 0 -30px !important;
    float: left;
  }
  .start-page p {
    color: red;
  }
  .quiz-asset * {
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 1.2;
  }
  .quiz-asset .start-page {
    padding-bottom: 60px;
  }
  .quiz-asset .start-page h1 {
    color: red;
    font-size: 35px;
    line-height: 1.2;
  }
  .quiz-asset .start-page h2 {
    font-size: 20px;
  }
  .quiz-asset .start-page article {
    display: none;
  }
  .quiz-asset .start-page .more {
    display: none;
  }
  .home-plain .top {
    margin: 5px;
    padding: 0 10px;
  }
  .home-plain .main-btn {
    margin-bottom: 7px;
  }
  .home-plain .main-table {
    height: 90%;
  }
  .home-plain .footer {
    padding: 0;
  }
  .home-plain .footer-a {
    color: #555555;
    font-size: 11px;
    margin: 0 5px;
  }
  .home-plain .main-h {
    font-size: 19px;
    line-height: 1.2;
  }
  .home-plain .page-wrap {
    margin-bottom: -50px;
  }
}
@media (max-width: 480px) {
  body header.udemy-header.for-ufo .container #logo {
    width: 200px;
    margin-left: -75px;
    left: 50%;
  }
}
@media (max-height: 1024px) {
  .quiz-asset .start-page article {
    max-height: 300px;
  }
}
@media (max-height: 1000px) {
  .quiz-asset .start-page article {
    max-height: 200px;
    margin-bottom: 120px;
  }
}
@media (max-height: 670px) {
  .quiz-asset .start-page article {
    max-height: 100px;
  }
}
@media (max-height: 660px) {
  .quiz-asset .start-page article {
    max-height: 40px;
  }
}
@media (max-height: 520px) {
  .quiz-asset .start-page article {
    display: none;
  }
}
@media (max-width: 480px) {
  body {
    font-size: 10px;
  }
}
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
}
.area-progress-chart {
  position: relative;
  width: inherit;
  height: inherit;
}
.area-progress-chart #highchart-area {
  height: 100%;
  width: 100%;
}
.area-progress-chart .progress-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 2px;
  bottom: 1px;
}
.area-progress-chart .progress {
  position: relative;
  height: 100%;
  background-color: #000;
  opacity: 0.19;
  float: left;
}
.area-progress-chart .slider {
  position: absolute;
  top: 0;
  height: 100%;
  width: 3px;
  background-color: #000;
  overflow: initial;
}
.area-progress-chart .icon-circle {
  position: absolute;
  left: -6.5px;
  font-size: 20px;
  color: black;
}
.layered-bar {
  position: relative;
  list-style-type: none;
  width: calc(100%);
  height: 16px;
}
.layered-bar-back {
  border: 1px solid #555;
  display: block;
}
.layered-bar-mid {
  background-color: #045B5B;
  transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  cursor: pointer;
  position: relative;
  display: block;
  height: 16px;
  width: 0;
}
.layered-bar-mid .inner {
  background-color: #27A84E;
  width: 0;
  height: 16px;
}
.report-popup {
  margin: 20px auto;
  background: #FFF;
  border-radius: 5px;
  max-width: 570px;
  padding: 40px;
}
.report-popup #id_reason {
  margin-top: 25px;
  height: 45px;
  width: 300px;
}
.report-popup #id_description {
  height: 160px;
}
.report-popup .form-actions {
  margin-top: 25px;
}
.report-popup #submit-id-submit {
  padding: 5px 25px;
}
.report-popup #button-id-cancel {
  margin-left: 20px;
}
.report-comment i.icon-flag {
  color: #717081;
  opacity: .5;
}
.report-comment i.icon-flag:hover {
  opacity: 1;
}
.report-lecture {
  position: absolute;
  right: 50px;
  top: 13px;
}
@media only screen and (max-width: 992px) {
  .report-popup {
    padding: 10px;
  }
}
#jp .footer-links-top {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width: 992px) {
  #jp #jp .footer-links-top {
    display: block;
    text-align: center;
  }
  #jp #jp .footer-links-top li {
    margin: 10px;
  }
}
@media only screen and (max-width: 992px) {
  #jp .fs11-xs {
    font-size: 15px;
  }
}
#jp .stickyfooter .row {
  line-height: 36px;
  text-align: center;
}
#jp .splash-text {
  width: 100%;
}
.ud-checkbox,
.ud-radio {
  /* checked checkbox styling */
  /* check mark animations */
  /* disabled checkbox */
  /* hover style just for information */
}
[type="radio"].ud-checkbox,
[type="radio"].ud-radio,
[type="checkbox"].ud-checkbox,
[type="checkbox"].ud-radio {
  position: absolute;
  left: -9999px;
}
[type="checkbox"].ud-checkbox + label,
[type="checkbox"].ud-radio + label,
[type="radio"].ud-checkbox + label,
[type="radio"].ud-radio + label {
  position: relative;
  padding-left: 25px;
  padding-top: 1px;
  cursor: pointer;
}
[type="checkbox"].ud-checkbox + label:before,
[type="checkbox"].ud-radio + label:before,
[type="radio"].ud-checkbox + label:before,
[type="radio"].ud-radio + label:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 2px;
  width: 17px;
  height: 17px;
  border: 1px solid;
  background-color: #17aa1c;
  border-color: #17aa1c;
}
[type="checkbox"].ud-checkbox + label:before,
[type="checkbox"].ud-radio + label:before {
  border-radius: 2px;
}
[type="radio"].ud-checkbox + label:before,
[type="radio"].ud-radio + label:before {
  border-radius: 17px;
}
[type="checkbox"]:not(:checked).ud-checkbox + label:before,
[type="checkbox"]:not(:checked).ud-radio + label:before,
[type="checkbox"]:not(:checked).ud-checkbox + label:after,
[type="checkbox"]:not(:checked).ud-radio + label:after,
[type="radio"]:not(:checked).ud-checkbox + label:before,
[type="radio"]:not(:checked).ud-radio + label:before,
[type="radio"]:not(:checked).ud-checkbox + label:after,
[type="radio"]:not(:checked).ud-radio + label:after {
  background-color: transparent;
  border-color: #e0e0e0;
  transition: all .2s;
}
[type="checkbox"].ud-checkbox + label:after,
[type="checkbox"].ud-radio + label:after,
[type="radio"].ud-checkbox + label:after,
[type="radio"].ud-radio + label:after {
  font-family: "FontAwesome";
  position: absolute;
  color: #fff;
  transition: all .2s;
}
[type="radio"].ud-checkbox + label:after,
[type="radio"].ud-radio + label:after {
  content: "\f111";
  top: 5px;
  left: 5px;
  font-size: 8px;
}
[type="checkbox"].ud-checkbox + label:after,
[type="checkbox"].ud-radio + label:after {
  content: "\f00c";
  top: 2px;
  left: 2px;
  font-size: 13px;
}
[type="checkbox"]:not(:checked).ud-checkbox + label:after,
[type="checkbox"]:not(:checked).ud-radio + label:after,
[type="radio"]:not(:checked).ud-checkbox + label:after,
[type="radio"]:not(:checked).ud-radio + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked.ud-checkbox + label:after,
[type="checkbox"]:checked.ud-radio + label:after,
[type="radio"]:checked.ud-checkbox + label:after,
[type="radio"]:checked.ud-radio + label:after {
  opacity: 1;
  transform: scale(1);
}
[type="checkbox"]:disabled.ud-checkbox + label:before,
[type="checkbox"]:disabled.ud-radio + label:before,
[type="radio"]:disabled.ud-checkbox + label:before,
[type="radio"]:disabled.ud-radio + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked.ud-checkbox + label:after,
[type="checkbox"]:disabled:checked.ud-radio + label:after,
[type="radio"]:disabled:checked.ud-checkbox + label:after,
[type="radio"]:disabled:checked.ud-radio + label:after {
  color: #999;
}
[type="checkbox"]:disabled.ud-checkbox + label,
[type="checkbox"]:disabled.ud-radio + label,
[type="radio"]:disabled.ud-checkbox + label,
[type="radio"]:disabled.ud-radio + label {
  color: #aaa;
}
.ud-checkbox:not(:disabled) + label:hover:before,
.ud-radio:not(:disabled) + label:hover:before {
  border: 1px solid #17aa1c !important;
}
.v5-form .form-control {
  border-radius: 2px;
  padding: 21px 10px !important;
  border: 1px solid #ccc;
  box-shadow: none;
}
.v5-form .form-control:focus {
  border-color: #17aa1c;
  box-shadow: none;
}
.v5-form .btn {
  padding: 11px 12px;
  font-size: 15px;
  border-radius: 2px;
  outline: none !important;
}
.v5-form .btn.btn-primary {
  background-color: #17aa1c;
}
.v5-form .btn.btn-primary:hover,
.v5-form .btn.btn-primary:focus {
  background-color: #17aa1c;
}
.v5-form .btn.btn-primary:active {
  background-color: #17aa1c;
}
.v5-form .btn.btn-secondary {
  border-width: 1px;
  border-style: solid;
  color: #1376d7;
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.2);
}
.v5-form .btn.btn-secondary:hover,
.v5-form .btn.btn-secondary:focus,
.v5-form .btn.btn-secondary.focus,
.v5-form .btn.btn-secondary:active,
.v5-form .btn.btn-secondary.active,
.open > .dropdown-toggle.v5-form .btn.btn-secondary {
  color: #1376d7;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0.2);
}
.v5-form .btn.btn-secondary:active,
.v5-form .btn.btn-secondary.active,
.open > .dropdown-toggle.v5-form .btn.btn-secondary {
  background-image: none;
}
.v5-form .btn.btn-secondary.disabled,
.v5-form .btn.btn-secondary[disabled],
fieldset[disabled] .v5-form .btn.btn-secondary,
.v5-form .btn.btn-secondary.disabled:hover,
.v5-form .btn.btn-secondary[disabled]:hover,
fieldset[disabled] .v5-form .btn.btn-secondary:hover,
.v5-form .btn.btn-secondary.disabled:focus,
.v5-form .btn.btn-secondary[disabled]:focus,
fieldset[disabled] .v5-form .btn.btn-secondary:focus,
.v5-form .btn.btn-secondary.disabled.focus,
.v5-form .btn.btn-secondary[disabled].focus,
fieldset[disabled] .v5-form .btn.btn-secondary.focus,
.v5-form .btn.btn-secondary.disabled:active,
.v5-form .btn.btn-secondary[disabled]:active,
fieldset[disabled] .v5-form .btn.btn-secondary:active,
.v5-form .btn.btn-secondary.disabled.active,
.v5-form .btn.btn-secondary[disabled].active,
fieldset[disabled] .v5-form .btn.btn-secondary.active {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.2);
}
.v5-form .btn.btn-secondary .badge {
  color: transparent;
  background-color: #1376d7;
}
.v5-form .btn.btn-secondary:hover {
  color: #1376d7;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0.2);
}
.v5-form .btn.btn-secondary:focus,
.v5-form .btn.btn-secondary.focus,
.v5-form .btn.btn-secondary:active,
.v5-form .btn.btn-secondary.active,
.open > .dropdown-toggle .v5-form .btn.btn-secondary {
  color: #1376d7;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0.2);
  outline: 0 !important;
  /* box-shadow */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.v5-form .btn.btn-secondary:active,
.v5-form .btn.btn-secondary.active,
.open > .dropdown-toggle .v5-form .btn.btn-secondary {
  background-image: none;
  outline: 0 !important;
}
.v5-form .btn.btn-secondary.disabled,
.v5-form .btn.btn-secondary[disabled],
fieldset[disabled] .v5-form .btn.btn-secondary,
.v5-form .btn.btn-secondary.disabled:hover,
.v5-form .btn.btn-secondary[disabled]:hover,
fieldset[disabled] .v5-form .btn.btn-secondary:hover,
.v5-form .btn.btn-secondary.disabled:focus,
.v5-form .btn.btn-secondary[disabled]:focus,
fieldset[disabled] .v5-form .btn.btn-secondary:focus,
.v5-form .btn.btn-secondary.disabled.focus,
.v5-form .btn.btn-secondary[disabled].focus,
fieldset[disabled] .v5-form .btn.btn-secondary.focus,
.v5-form .btn.btn-secondary.disabled:active,
.v5-form .btn.btn-secondary[disabled]:active,
fieldset[disabled] .v5-form .btn.btn-secondary:active,
.v5-form .btn.btn-secondary.disabled.active,
.v5-form .btn.btn-secondary[disabled].active,
fieldset[disabled] .v5-form .btn.btn-secondary.active {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.2);
}
.v5-form .btn.btn-secondary .badge {
  color: transparent;
  background-color: #1376d7;
}
.v5-form .btn.btn-sm {
  padding: 6px 10px;
  font-size: 15px;
  line-height: 1.351;
  border-radius: 2px;
}
.v5-form *:focus {
  outline: none;
}
.v5-form ul[datepicker-popup-wrap] {
  padding: 5px 10px;
}
.v5-form ul[datepicker-popup-wrap]:before {
  content: '';
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  position: absolute;
  background: #fff;
  top: 0;
  left: 10px;
  box-shadow: -1px -1px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  margin-top: -4px;
}
.v5-form ul[datepicker-popup-wrap] .btn {
  font-size: 14px;
  padding: 3px 5px;
}
.v5-form ul[datepicker-popup-wrap] .btn.btn-default {
  padding: 10px 15px;
  font-size: 14px;
  border-radius: 2px;
  background: none;
}
.v5-form ul[datepicker-popup-wrap] .btn.btn-default span {
  color: #353535;
}
.v5-form ul[datepicker-popup-wrap] .btn.btn-default span.text-info {
  color: #17aa1c;
}
.v5-form ul[datepicker-popup-wrap] .btn.btn-default:hover {
  background: #DBF7FF;
}
.v5-form ul[datepicker-popup-wrap] .btn.btn-default.active {
  background-color: #17aa1c;
}
.v5-form ul[datepicker-popup-wrap] .btn.btn-default.active span {
  color: #fff;
}
.v5-form ul[datepicker-popup-wrap] [ng-if="showButtonBar"] {
  padding: 0 !important;
}
.manage-fields-wrapper .v5-form input[type=text],
.form-wrapper .v5-form input[type=text],
.manage-fields-wrapper .v5-form input[type=password],
.form-wrapper .v5-form input[type=password],
.manage-fields-wrapper .v5-form input[type=email],
.form-wrapper .v5-form input[type=email],
.manage-fields-wrapper .v5-form textarea,
.form-wrapper .v5-form textarea,
.manage-fields-wrapper .v5-form .uneditable-input,
.form-wrapper .v5-form .uneditable-input,
.manage-fields-wrapper .v5-form .input-like-field,
.form-wrapper .v5-form .input-like-field {
  border: 1px solid #ccc;
}
.manage-fields-wrapper .v5-form input[type=text]:focus,
.form-wrapper .v5-form input[type=text]:focus,
.manage-fields-wrapper .v5-form input[type=password]:focus,
.form-wrapper .v5-form input[type=password]:focus,
.manage-fields-wrapper .v5-form input[type=email]:focus,
.form-wrapper .v5-form input[type=email]:focus,
.manage-fields-wrapper .v5-form textarea:focus,
.form-wrapper .v5-form textarea:focus,
.manage-fields-wrapper .v5-form .uneditable-input:focus,
.form-wrapper .v5-form .uneditable-input:focus,
.manage-fields-wrapper .v5-form .input-like-field:focus,
.form-wrapper .v5-form .input-like-field:focus {
  border-color: #17aa1c;
}
.dropdown.v5-dropdown {
  text-transform: capitalize;
}
.dropdown.v5-dropdown .btn {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  padding: 10px;
  border: 1px solid #ccc;
  outline: 0 !important;
  font-size: 15px;
  border-radius: 2px;
  background-color: #fff;
}
.dropdown.v5-dropdown .btn [class^="icon-"] {
  font-size: 24px;
  margin-left: 40px;
  line-height: 0.8;
}
.dropdown.v5-dropdown [data-toggle]:before {
  content: '';
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  position: absolute;
  background: #fff;
  top: 100%;
  left: 10px;
  box-shadow: -1px -1px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  margin-top: -1px;
  display: none;
}
.dropdown.v5-dropdown.pull-right {
  float: none !important;
}
.dropdown.v5-dropdown.pull-right [data-toggle]:before {
  left: auto;
  right: 10px;
}
.dropdown.v5-dropdown.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.dropdown.v5-dropdown.open [data-toggle]:before,
.dropdown.v5-dropdown .open [data-toggle]:before {
  display: block !important;
}
.dropdown.v5-dropdown:hover .btn,
.dropdown.v5-dropdown.open .btn {
  border-color: #17aa1c;
}
.dropdown.v5-dropdown .dropdown-menu {
  font-size: 15px;
  max-height: 300px;
  overflow-x: hidden;
}
.dropdown.v5-dropdown .dropdown-menu:before {
  display: none;
}
.dropdown.v5-dropdown label {
  display: block;
  font-size: 13px;
  color: #666;
  font-weight: normal;
  margin: 0;
  padding: 5px 10px 5px 35px !important;
}
.dropdown.v5-dropdown label:before {
  left: 10px !important;
  top: 5px !important;
}
.dropdown.v5-dropdown label:after {
  top: 5px !important;
  left: 12px !important;
}
.dropdown.v5-dropdown label:hover {
  color: #17aa1c;
}
.pagination.v5-pagination-with-span {
  border-radius: 3px;
  overflow: hidden;
  display: flex !important;
  justify-content: center;
}
.pagination.v5-pagination-with-span > * {
  margin: 0 !important;
  font-size: 15px;
  border-color: #ccc !important;
  border-left: 0 !important;
  color: #17aa1c !important;
  padding: 8px 12px !important;
  display: flex !important;
  align-items: center;
}
.pagination.v5-pagination-with-span > *.current {
  background-color: #17aa1c !important;
  color: #fff !important;
}
.pagination.v5-pagination-with-span > *:hover {
  color: #fff !important;
  background-color: #17aa1c !important;
}
.pagination.v5-pagination-with-span > *.prev,
.pagination.v5-pagination-with-span > *.next {
  padding: 7px 15px !important;
  font-size: 0;
}
.pagination.v5-pagination-with-span > *.prev:before,
.pagination.v5-pagination-with-span > *.next:before {
  font-size: 14px;
  font-family: 'FontAwesome';
  content: "\f054";
}
.pagination.v5-pagination-with-span > *.prev {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: 1px solid #ccc !important;
}
.pagination.v5-pagination-with-span > *.prev:before {
  content: "\f053";
}
.pagination.v5-pagination-with-span > *.next {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pagination.v5-pagination {
  display: flex;
  justify-content: center;
}
.pagination.v5-pagination > li {
  display: flex;
}
.pagination.v5-pagination > li a,
.pagination.v5-pagination > li span {
  color: #17aa1c;
  border-color: #ddd;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 5px 12px;
}
.pagination.v5-pagination > li a:focus,
.pagination.v5-pagination > li span:focus {
  color: #17aa1c;
  background-color: #fff;
}
.pagination.v5-pagination > li a:hover,
.pagination.v5-pagination > li span:hover {
  background-color: #17aa1c;
  color: #fff;
  border-color: transparent;
}
.pagination.v5-pagination .active a,
.pagination.v5-pagination .active span {
  background-color: #17aa1c !important;
  color: #fff !important;
  border-color: transparent;
}
.pagination.v5-pagination .disabled a,
.pagination.v5-pagination .disabled span {
  background-color: #fff !important;
  color: #ccc !important;
  cursor: default;
}
.pagination.v5-pagination .disabled a:hover,
.pagination.v5-pagination .disabled span:hover {
  border-color: #ddd;
}
.pagination.v5-pagination [ng-if$='Links'] a {
  font-size: 0;
}
.pagination.v5-pagination [ng-if$='Links'] a:before {
  font-family: 'FontAwesome';
  content: "\f100";
  font-size: 22px;
}
.pagination.v5-pagination [ng-if$='Links']:nth-child(2) a:before {
  content: "\f104";
}
.pagination.v5-pagination [ng-if$='Links']:nth-last-child(2) a:before {
  content: "\f105";
}
.pagination.v5-pagination [ng-if$='Links']:nth-last-child(1) a:before {
  content: "\f101";
}
.course_manage__body {
  margin: 0 20px;
  width: auto;
}
.v5-course_messages label {
  font-size: 15px;
  color: #555;
  font-weight: bold !important;
  margin-bottom: 15px !important;
  text-align: left !important;
}
.v5-course_messages .tooltip-reference {
  margin: 10px 0;
}
.v5-course_messages textarea {
  height: 125px;
}
.v5-course_messages .manage-fields-wrapper .ch-count {
  top: 5px;
  right: 5px;
}
.v5-course_messages small {
  font-size: 100%;
}
.v5-announcement__title {
  font-weight: bold !important;
  margin-bottom: 15px !important;
  text-align: left !important;
}
.v5-announcement i[class*="icon--"] {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  padding: 5px;
  font-weight: bold;
  text-align: center;
}
.v5-announcement .icon--educational {
  background: #17aa1c;
}
.v5-announcement .icon--promotional {
  background: #1376d7;
}
.v5-announcement__types {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  min-width: 1px;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.v5-announcement__types.center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.v5-announcement__types.right {
  -webkit-box-align: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
.v5-announcement__types:first-child {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}
.v5-announcement__types > p {
  width: 100%;
}
.v5-announcement__table {
  padding-left: 15px;
  padding-right: 15px;
  table-layout: fixed;
}
.v5-announcement__table li {
  height: 80px;
}
.v5-announcement__table li > div:first-child {
  border-left: none !important;
  width: 30px;
  padding: 0;
  text-align: left;
}
.v5-announcement__table li > div:last-child {
  border-right: none !important;
}
.v5-announcement__list-content {
  text-align: left !important;
  padding-right: 40px;
  padding-left: 0;
}
.modal.v5-modal {
  border-radius: 3px;
}
.modal.v5-modal .modal-content {
  border-radius: 3px;
  border: 0;
}
.modal.v5-modal .modal-content .modal-header {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  background: #F4F4F4;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 8px 30px;
}
.modal.v5-modal .modal-content .modal-header .modal-title {
  flex: 1;
  font-size: 14px;
  font-weight: bold;
  color: #231F20;
}
.modal.v5-modal .modal-content .modal-header button {
  font-size: 36px;
  font-weight: 200;
  margin-top: 0;
}
.modal.v5-modal .modal-content .modal-body {
  padding: 30px;
}
.modal.v5-modal .modal-content .modal-footer {
  border: 0;
  padding: 15px 30px 30px;
}
.fancybox-inner .msg-popup {
  margin: auto;
}
.msg-popup {
  width: 520px;
  height: 500px;
  position: relative;
  margin: 20px auto;
}
.msg-popup .inbox {
  width: auto;
}
.msg-popup .inbox .msg-mask {
  height: 430px;
}
.msg-popup .inbox .msg-mask li:hover {
  background: #fff ;
}
.msg-popup .inbox .msg-mask li:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  /* box-shadow */
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.msg-popup .inbox .msg-mask li:after {
  color: #999;
  font-family: 'FontAwesome';
  content: '\f054';
  width: 12px;
  height: 18px;
  display: inline-block;
  position: absolute;
  margin-top: -5px;
  right: 10px;
  top: 50%;
}
.msg-popup .inbox .msg-mask .msg-right article {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
}
.msg-popup .thread,
.msg-popup .new {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
}
.msg-popup .thread .header h3,
.msg-popup .new .header h3 {
  margin: 0;
}
.msg-popup .thread .header h3 a:after,
.msg-popup .new .header h3 a:after {
  color: #999;
  font-family: 'FontAwesome';
  content: '\f054';
  width: 12px;
  height: 18px;
  display: inline-block;
  position: absolute;
  margin: 0 0 0 8px;
}
.msg-popup .thread .header h3 span,
.msg-popup .new .header h3 span {
  margin-left: 22px;
}
.msg-popup .thread .error,
.msg-popup .new .error {
  display: none;
  position: absolute;
  bottom: 4px;
  font-size: 11px;
  left: 60px;
  text-align: center;
  right: 10px;
  color: #d23837;
  font-weight: bold;
  padding: 0px 10px;
}
.msg-popup .ajax-loader-small {
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
  position: absolute !important;
}
.msg-popup .header {
  background: #F3F3F3 ;
  position: relative;
  border-bottom: 1px solid #bbb;
  border-radius: 5px 5px 0 0;
}
.msg-popup .header h3 {
  line-height: 45px;
  text-align: left;
  font-size: 16px;
  padding: 0 20px;
  margin: 0;
}
.msg-popup .header .btn {
  position: absolute;
  right: 40px;
  top: 10px;
  padding: 4px 12px;
}
.msg-popup .msg-mask {
  height: 340px;
  overflow: auto;
  background-color: #fff;
}
.msg-popup .msg-mask .ajax-loader-small {
  position: relative;
  display: none;
}
.msg-popup .msg-mask .empty-inbox {
  position: absolute;
  font-size: larger;
  text-align: center;
  top: 50%;
  left: 50%;
  margin-left: -65px;
  display: none;
}
.msg-popup .msg-mask li.load-wrapper {
  text-align: center;
  color: #666;
  min-height: 50px;
}
.msg-popup .msg-mask li.load-wrapper:after {
  background: none;
}
.msg-popup .msg-mask li.load-wrapper:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  /* box-shadow */
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.msg-popup .msg-mask li.load-wrapper:hover {
  background: #fff ;
}
.msg-popup .msg-mask ul li {
  border-top: 1px solid #e7e7e7;
  background: #fff ;
  cursor: pointer;
  padding: 10px;
  overflow: hidden;
  position: relative;
}
.msg-popup .msg-mask ul li.unread {
  background: #fff ;
}
.msg-popup .msg-mask ul li .icons {
  position: absolute;
  top: 30px;
  right: 10px;
  opacity: 0;
}
.msg-popup .msg-mask ul li .icons a {
  display: block;
  margin-bottom: 7px;
}
.msg-popup .msg-mask ul li:hover .icons {
  opacity: 1;
}
.msg-popup .msg-mask ul li .msg-left {
  width: 54px;
  float: left;
}
.msg-popup .msg-mask ul li .msg-left span {
  display: block;
  text-indent: -99em;
  height: 50px;
  border: 1px solid #666;
  background-position: center;
  box-shadow: 0 0 1px #ccc, 0 0 1px #fff inset;
  margin: 1px;
  background-repeat: no-repeat;
}
.msg-popup .msg-mask ul li .msg-right {
  margin-left: 70px;
}
.msg-popup .msg-mask ul li .msg-right .msg-header {
  overflow: hidden;
}
.msg-popup .msg-mask ul li .msg-right .msg-header h4 {
  float: left;
  font-size: 14px;
  margin: 2px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 290px;
  text-align: left;
}
.msg-popup .msg-mask ul li .msg-right .msg-header h4 .num-of-unread {
  background: #FA6B6B ;
  display: inline-block !important;
  font-size: 11px;
  color: white;
  width: 18px;
  padding: 0;
  vertical-align: top;
  text-align: center;
  line-height: 16px;
}
.msg-popup .msg-mask ul li .msg-right .msg-header time {
  float: right;
  font-size: 11px;
  color: #999;
  padding-left: 15px;
}
.msg-popup .msg-mask ul li .msg-right .msg-header time:before {
  font-family: 'FontAwesome';
  content: '\f017';
  float: left;
  height: 16px;
  width: 16px;
}
.msg-popup .msg-mask ul li .msg-right article {
  overflow-y: auto;
  font-size: 12px;
  margin-right: 30px;
  text-align: left;
  color: #777;
  margin-top: 5px;
}
.msg-popup .msg-mask ul li .msg-right article .outgoing {
  font-size: larger;
  vertical-align: bottom;
  color: #999;
}
.msg-popup #reply-form,
.msg-popup #new-message-form {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: left;
  background: #fff ;
  padding: 10px;
  border-top: 1px solid #ccc;
}
.msg-popup #reply-form textarea,
.msg-popup #new-message-form textarea {
  width: 100%;
  height: 46px;
  margin-bottom: 47px;
  min-height: 0;
  resize: vertical;
  max-height: 200px;
}
.msg-popup #reply-form input[type=submit],
.msg-popup #new-message-form input[type=submit] {
  bottom: 10px;
  left: 10px;
  position: absolute;
  top: auto !important;
}
.msg-popup #reply-form .ajax-loader-tiny,
.msg-popup #new-message-form .ajax-loader-tiny {
  display: none;
  vertical-align: bottom;
  margin: 0 0 5px 5px !important;
  position: absolute;
  bottom: 10px;
}
.msg-popup #new-message-form {
  top: 45px;
}
.msg-popup #new-message-form textarea {
  margin: 0;
  height: 330px;
  resize: none;
  max-height: none;
}
.msg-popup #new-message-form .form-item-content {
  bottom: 50px;
  left: 10px;
  margin-top: 10px;
  position: absolute;
  right: 10px;
}
.msg-popup .yourlabs-autocomplete {
  position: absolute;
  background-color: #fff;
  right: 10px;
  border: 1px solid #CCC;
  border-top: 0;
}
.msg-popup .yourlabs-autocomplete .ui-menu-item {
  display: block;
}
.msg-popup .yourlabs-autocomplete .ui-menu-item.hilight a {
  background-color: #F7F7F7;
}
.msg-popup .yourlabs-autocomplete .ui-corner-all {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  border-radius: 0;
}
.msg-popup .controls .ui-menu-item {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.msg-popup .controls .ui-corner-all {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.msg-popup .controls .remove {
  cursor: pointer;
  font-size: 34px;
  margin-right: 5px;
}
.msg-popup .controls .remove:hover {
  color: #ccc;
}
.mini-tooltip2 {
  position: relative;
}
.mini-tooltip2:hover .mini-tooltip-text {
  display: block;
  z-index: 2;
}
.mini-tooltip2 .mini-tooltip-text {
  background: #000;
  color: #fff;
  font-size: 11px;
  padding: 3px 10px;
  white-space: nowrap;
  position: absolute;
  bottom: 100%;
  margin: 0px 0px 5px -9px;
  display: none;
  -webkit-font-smoothing: subpixel-antialiased;
}
.mini-tooltip2 .mini-tooltip-text:before {
  content: '';
  position: absolute;
  border: 5px solid transparent;
  border-top-color: #000;
  top: 100%;
  left: 10px;
}
.mini-tooltip2.pull-tooltip-right .mini-tooltip-text {
  left: auto;
  right: -3px;
}
.mini-tooltip2.pull-tooltip-right .mini-tooltip-text:before {
  left: auto;
  right: 5px;
}
.mini-tooltip2.pull-tooltip-left .mini-tooltip-text {
  right: 100%;
  top: 50%;
  margin-top: -10px;
  margin-right: 10px;
  bottom: auto;
}
.mini-tooltip2.pull-tooltip-left .mini-tooltip-text:before {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  top: 50%;
  left: 100%;
  margin-top: -5px;
}
.mini-tooltip2.pull-tooltip-down .mini-tooltip-text {
  bottom: auto;
}
.mini-tooltip2.pull-tooltip-down .mini-tooltip-text:before {
  top: -10px;
  border-color: transparent transparent #000;
}
.mini-tooltip2.light {
  font-weight: normal;
}
.mini-tooltip2.light .mini-tooltip-text {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}
.mini-tooltip3 {
  text-align: center;
}
.mini-tooltip3 .mini-tooltip-text {
  display: none;
  position: relative;
  top: -44px;
  border: 1px solid #000;
  padding: 5px;
  background: #fff;
  color: #000;
  white-space: nowrap;
}
.mini-tooltip3 .mini-tooltip-text:before {
  font-family: 'FontAwesome';
  content: "\f0d7";
  left: 50%;
  position: absolute;
  top: 100%;
  line-height: 5px;
  color: #fff;
  margin-left: -5px;
  font-size: 20px;
  text-shadow: 0 1px 0 #000;
}
.mini-tooltip3:hover .mini-tooltip-text {
  display: inline-block;
}
.tooltip-container {
  position: relative;
  display: inline;
}
.tooltip-container:hover .tooltip--new {
  visibility: visible;
  opacity: 1;
  z-index: 3;
}
.tooltip--new {
  background: #ffffff;
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  border-radius: 2px;
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.4);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  text-align: left;
  padding: 5px;
  white-space: nowrap;
  transition: 300ms;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  display: block;
}
.tooltip--center {
  text-align: center;
  left: 50%;
  transform: rotate(translateX(-50%));
  -ms-transform: rotate(translateX(-50%));
  -webkit-transform: rotate(translateX(-50%));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tooltip--left {
  right: 0;
}
.tooltip--right {
  left: 0;
}
/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -webkit-transform-origin: %50;
  -o-transform-origin: %50;
  -ms-transform-origin: %50;
  transform-origin: %50;
  -ms-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  text-decoration: none;
}
.loader {
  display: inline-block;
}
.ud_circle-loader {
  -webkit-transform-origin: %50;
  -o-transform-origin: %50;
  -ms-transform-origin: %50;
  transform-origin: %50;
  -ms-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
  display: inline-block;
}
.ud_icon--large {
  font-size: 64px;
}
.ud_icon--medium {
  font-size: 32px;
}
.ud_icon--small {
  font-size: 16px;
}
@-moz-keyframes spin {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
.full-width {
  margin-left: -3000px;
  padding-left: 3000px;
  margin-right: -3000px;
  padding-right: 3000px;
}
.round {
  border-radius: 50%;
}
.rounded {
  border-radius: 4px;
}
.white-space {
  white-space: pre-line;
}
.sc-dropdown {
  margin-left: 5px;
  padding-right: 5px;
  z-index: 90;
  /*
     * The cart dropdown menu needs to be positioned
     * absolutely relative to the entire page, not the
     * dropdown element.
     */
  position: static;
}
.sc-dropdown__menu {
  left: auto;
  right: 10px;
  max-width: 460px;
  width: 95%;
}
.sc-dropdown__menu:before {
  display: none;
}
.sc-dropdown__details {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  min-width: 1px;
  max-width: 280px;
  padding: 0 10px;
}
.sc-dropdown__empty-message {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  text-align: center;
  padding: 10px 15px;
}
.sc-dropdown__icon {
  color: rgba(0, 0, 0, 0.55);
  font-size: 18px;
  margin: 5px 10px 0 10px;
  padding: 0;
  outline: none;
  position: relative;
  width: 20px;
  /*
         * break BEM to keep compatibility w/ existing red-badge styles
         */
}
.sc-dropdown__icon:hover,
.sc-dropdown__icon:focus {
  cursor: pointer;
  color: #333333;
}
.sc-dropdown__icon .red-badge {
  top: -8.5px;
  right: -10px;
}
.sc-dropdown__image {
  width: 100px;
}
.sc-dropdown__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  padding: 10px 15px;
  min-height: 120px;
}
.sc-dropdown__item-instructor {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: box !important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.8);
  font-size: 13px;
}
.sc-dropdown__item-title {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: box !important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sc-dropdown__list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  max-height: 300px;
  overflow-y: auto;
}
.sc-dropdown__prices {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  -moz-flex: 0;
  -ms-flex: 0;
  -o-flex: 0;
  flex: 0;
  min-width: 1px;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  min-width: 80px;
  text-align: right;
}
.sc-dropdown__price {
  color: #17aa1c;
}
.sc-dropdown__price--old {
  color: rgba(0, 0, 0, 0.55);
  font-size: 13px;
  text-decoration: line-through;
}
.sc-dropdown__title {
  color: rgba(0, 0, 0, 0.8);
  font-size: 13px;
  margin: 0;
  padding: 10px 15px;
  text-transform: uppercase;
}
.sc-dropdown__total {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  padding: 10px 15px;
  text-align: right;
}
.sc-dropdown__to-cart {
  /*
         * To keep v4 & v5 compatibility, we need to setup button styles manually.
         */
  padding: 11px 12px;
  font-size: 15px;
  line-height: 1.35135;
  border-radius: 2px;
  color: #ffffff;
  background-color: #17aa1c;
  border-color: #149418;
  display: block;
  margin: 10px 10px 5px 10px;
  text-align: center;
}
.sc-dropdown__to-cart:hover,
.sc-dropdown__to-cart:focus,
.sc-dropdown__to-cart.focus,
.sc-dropdown__to-cart:active,
.sc-dropdown__to-cart.active,
.open > .dropdown-toggle.sc-dropdown__to-cart {
  color: #ffffff;
  background-color: #117d15;
  border-color: #0d5e0f;
}
.sc-dropdown__to-cart:active,
.sc-dropdown__to-cart.active,
.open > .dropdown-toggle.sc-dropdown__to-cart {
  background-image: none;
}
.sc-dropdown__to-cart.disabled,
.sc-dropdown__to-cart[disabled],
fieldset[disabled] .sc-dropdown__to-cart,
.sc-dropdown__to-cart.disabled:hover,
.sc-dropdown__to-cart[disabled]:hover,
fieldset[disabled] .sc-dropdown__to-cart:hover,
.sc-dropdown__to-cart.disabled:focus,
.sc-dropdown__to-cart[disabled]:focus,
fieldset[disabled] .sc-dropdown__to-cart:focus,
.sc-dropdown__to-cart.disabled.focus,
.sc-dropdown__to-cart[disabled].focus,
fieldset[disabled] .sc-dropdown__to-cart.focus,
.sc-dropdown__to-cart.disabled:active,
.sc-dropdown__to-cart[disabled]:active,
fieldset[disabled] .sc-dropdown__to-cart:active,
.sc-dropdown__to-cart.disabled.active,
.sc-dropdown__to-cart[disabled].active,
fieldset[disabled] .sc-dropdown__to-cart.active {
  background-color: #17aa1c;
  border-color: #149418;
}
.sc-dropdown__to-cart .badge {
  color: #17aa1c;
  background-color: #ffffff;
}
.sc-dropdown__to-cart:hover {
  color: #ffffff;
  background-color: #159d1a;
  border-color: #117d15;
}
.sc-dropdown__to-cart:focus,
.sc-dropdown__to-cart.focus,
.sc-dropdown__to-cart:active,
.sc-dropdown__to-cart.active,
.open > .dropdown-toggle .sc-dropdown__to-cart {
  color: #ffffff;
  background-color: #138f18;
  border-color: #0f7012;
  outline: 0 !important;
  /* box-shadow */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.sc-dropdown__to-cart:active,
.sc-dropdown__to-cart.active,
.open > .dropdown-toggle .sc-dropdown__to-cart {
  background-image: none;
  outline: 0 !important;
}
.sc-dropdown__to-cart.disabled,
.sc-dropdown__to-cart[disabled],
fieldset[disabled] .sc-dropdown__to-cart,
.sc-dropdown__to-cart.disabled:hover,
.sc-dropdown__to-cart[disabled]:hover,
fieldset[disabled] .sc-dropdown__to-cart:hover,
.sc-dropdown__to-cart.disabled:focus,
.sc-dropdown__to-cart[disabled]:focus,
fieldset[disabled] .sc-dropdown__to-cart:focus,
.sc-dropdown__to-cart.disabled.focus,
.sc-dropdown__to-cart[disabled].focus,
fieldset[disabled] .sc-dropdown__to-cart.focus,
.sc-dropdown__to-cart.disabled:active,
.sc-dropdown__to-cart[disabled]:active,
fieldset[disabled] .sc-dropdown__to-cart:active,
.sc-dropdown__to-cart.disabled.active,
.sc-dropdown__to-cart[disabled].active,
fieldset[disabled] .sc-dropdown__to-cart.active {
  background-color: #17aa1c;
  border-color: #149418;
}
.sc-dropdown__to-cart .badge {
  color: #17aa1c;
  background-color: #ffffff;
}
body.pricing-popup-is-open {
  overflow: hidden;
}
.pricing-popup {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 999999;
  overflow: auto;
  background: rgba(255, 255, 255, 0.8);
}
.pricing-popup form {
  text-align: right;
  padding: 0 31px 35px 0;
}
.pricing-popup form .btn-primary {
  padding-left: 30px;
  padding-right: 30px;
  color: #ffffff;
  background-color: #17aa1c;
  border-color: transparent;
}
.pricing-popup form .btn-tertiary {
  color: #0e600e;
  background-color: transparent;
  border-color: transparent;
}
.pricing-popup a {
  color: #1376d7;
}
.pricing-popup a:hover {
  color: #23527c;
}
.pricing-popup .pricing-popup--window {
  width: 100%;
  position: absolute;
  margin: 50px auto;
}
.pricing-popup .pricing-popup--content {
  width: 580px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  background: #fff;
  margin: 0 auto;
}
.pricing-popup .pricing-popup--header-wrapper {
  background-color: #18ab1d;
  background: linear-gradient(#18ab1d, #107313);
  border-radius: 4px 4px 0px 0px;
}
.pricing-popup .pricing-popup--header {
  border-radius: 4px 4px 0 0;
  color: white;
  padding: 28px 0 23px 25px;
  font-weight: bold;
  background: url("/staticx/udemy/images/hello-bar/pricing-header-popup.png") repeat center center;
}
.pricing-popup .pricing-popup--video-content {
  background: #fefefe;
  margin: 0 auto;
  padding: 20px;
  border-bottom: 1px solid #f4f4f4;
  min-height: 285px;
}
.pricing-popup .pricing-popup--video-content iframe {
  display: block;
  margin: 0 auto;
}
.pricing-popup .pricing-popup--text-content {
  background: #fefefe;
  color: #000000;
  margin: 0 auto;
  font-size: 15px;
  padding: 18px 31px 0px 21px;
}
.pricing-popup .pricing-popup--text-content p {
  line-height: 1.35em;
  padding-bottom: 11px;
}
.pricing-popup .btn-primary:hover,
.pricing-popup .btn-primary:active {
  background: #159d1a;
}
.price-change-dropdown {
  min-width: 310px;
  padding: 0;
}
.price-change-dropdown .link {
  font-size: 14px;
}
.price-change-dropdown__change_link-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.price-change-dropdown__change_link {
  color: #1376d7 !important;
  text-transform: capitalize;
}
.price-change-dropdown__days-left {
  margin-left: 10px;
  font-size: 12px;
}
.price-change-wrap {
  background-color: #f4f4f4;
  border-top: 1px solid #d5d5d5;
  padding: 30px 0;
}
.price-change-wrap__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  min-width: 1px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.price-change-wrap__content.center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.price-change-wrap__content.right {
  -webkit-box-align: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
.price-change-wrap__table .custom-select {
  max-width: 144px;
}
.price-change-wrap__table tbody {
  background: #fff;
}
.price-change-wrap__table td {
  border: 1px solid rgba(203, 203, 203, 0.9);
  padding: 20px;
}
.price-change-wrap .course-link {
  color: rgba(0, 0, 0, 0.8);
  font-size: 15px;
}
.price-change-wrap .course-img {
  width: 132px;
  height: auto;
}
.price-change-wrap .popover-close {
  font-size: 16px;
  top: -40px;
  right: 18px;
  position: absolute;
  color: rgba(0, 0, 0, 0.8);
}
.price-change-wrap .popover {
  max-width: 620px;
}
.price-change-wrap .popover-title {
  font-weight: bold;
  border-bottom: 1px solid #d5d5d5;
  padding: 20px 15px;
}
.price-change-wrap .popover-content {
  position: relative;
  padding: 20px 15px;
}
.price-change-wrap .procedure--top {
  margin-bottom: 50px;
}
.price-change-wrap .procedure--top .procedure__box:last-child:before {
  content: "↓";
  position: absolute;
  left: 50%;
  top: 100%;
  font-size: 40px;
  transform: rotate(translateX(-50%));
  -ms-transform: rotate(translateX(-50%));
  -webkit-transform: rotate(translateX(-50%));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  color: rgba(203, 203, 203, 0.9);
}
.price-change-wrap .procedure--top,
.price-change-wrap .procedure--bottom {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.price-change-wrap .procedure--top > *,
.price-change-wrap .procedure--bottom > * {
  height: auto !important;
}
.price-change-wrap .procedure--top.center,
.price-change-wrap .procedure--bottom.center {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  -o-justify-content: center;
  justify-content: center;
}
.price-change-wrap .procedure--top.right,
.price-change-wrap .procedure--bottom.right {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
}
.price-change-wrap .procedure__box {
  position: relative;
  border: 1px solid rgba(203, 203, 203, 0.9);
  padding: 15px;
  min-height: 63px;
  min-width: 155px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  -o-justify-content: center;
  justify-content: center;
}
.price-change-wrap .procedure__icon {
  margin: 0 13px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  -o-justify-content: center;
  justify-content: center;
}
.price-change-wrap .procedure__footer {
  margin-top: 15px;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 992px) {
  .price-change-dropdown {
    min-width: 230px;
    width: auto !important;
  }
  .price-change-dropdown .link {
    width: 100%;
    -ms-justify-content: flex-end;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
  }
  .price-change-dropdown__change_link-wrapper {
    width: 100%;
    -ms-justify-content: flex-end;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
  }
  .price-change-dropdown__days-left {
    display: none;
  }
}
@media (max-width: 768px) {
  .pricing-popup .pricing-popup--content {
    width: auto;
    border-radius: 0;
    text-align: center;
    margin: 5px;
  }
  .pricing-popup .pricing-popup--window {
    margin: 0;
  }
  .pricing-popup .pricing-popup--header {
    border-radius: 0;
    padding: 10px;
    background: #148E18;
  }
  .pricing-popup .pricing-popup--header-wrapper {
    border-radius: 0;
  }
  .pricing-popup .pricing-popup--video-content {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    min-height: 0;
  }
  .pricing-popup iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 480px) {
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('/staticx/udemy/images/fancybox_sprite.png');
}
#fancybox-loading div {
  background: url('/staticx/udemy/images/fancybox_loading.gif') center center no-repeat;
}
.fancybox-overlay {
  background: url('/staticx/udemy/images/fancybox_overlay.png');
}
.nlp-coupon .form {
  background: #fff;
  width: 250px;
  position: absolute;
  padding: 10px;
  box-shadow: 0 0 2px #353535;
  top: -85px;
  left: 0;
  margin-left: 0;
  opacity: 0;
  visibility: hidden;
}
.nlp-coupon .form .arrow {
  position: absolute;
  top: 100%;
  font-size: 36px;
  margin-top: -23px;
  color: #fff;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
}
.nlp-coupon .form.on {
  opacity: 1;
  visibility: visible;
}
/* FB
height: 25px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
*/
/* TW
display: inline-block;
vertical-align: middle;
height: 23px;
*/
.sh.vertical {
  width: 60px;
  text-align: center;
}
.sh.vertical .share-icons {
  margin-bottom: 6px;
  font-size: 40px;
}
.sh.vertical .share-button-wrapper {
  margin-bottom: 6px;
}
.sh.vertical .icon-wrapper {
  margin-bottom: 10px;
  display: block;
}
.sh.horizontal {
  margin-top: 10px;
}
.sh.horizontal .share-icons {
  font-size: 30px;
}
.sh.horizontal .share-button-wrapper {
  width: 100px;
  display: inline-block;
  height: 20px;
}
.sh.horizontal .share-button-wrapper.facebook {
  height: 25px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.sh.horizontal .share-button-wrapper.twitter {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  margin-right: -2px;
}
.sh.horizontal .share-button-wrapper.google-plus {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  margin-bottom: 5px;
}
.sh.horizontal .icon-wrapper {
  margin: 0 6px;
}
.course-box {
  display: inline-block;
  position: relative;
  vertical-align: top;
  white-space: normal;
  width: 270px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  text-align: left;
}
.course-box.small {
  width: 230px;
}
.course-box:hover .add-to-wishlist {
  display: inline-block;
}
.course-box .wishlist-loader {
  display: block;
  margin-top: 6px;
  z-index: 2;
}
.course-box .add-to-wishlist {
  position: absolute;
  display: inline-block;
  right: 8px;
  top: 10px;
  margin: 0;
  z-index: 2;
}
.course-box .add-to-wishlist .wish-icon {
  font-size: 18px;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  color: rgba(0, 0, 0, 0.5);
}
.course-box .add-to-wishlist.active .wish-icon {
  opacity: 1;
  color: #d23837;
}
.course-box .add-to-wishlist:hover {
  box-shadow: none;
}
.course-box .add-to-wishlist:hover + .mask {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}
.course-box .add-to-wishlist:hover + .mask .course-thumb {
  background: #000;
}
.course-box .add-to-wishlist:hover + .mask .course-thumb > img {
  opacity: .5;
}
.course-box .add-to-wishlist:hover + .mask .avatars-list,
.course-box .add-to-wishlist:hover + .mask .lec-info {
  opacity: 1;
}
.course-box .add-to-wishlist:hover .wish-icon {
  opacity: 1;
  color: #d23837;
}
.course-box .add-to-wishlist:hover .tooltip {
  opacity: 1;
  display: inline-block;
  font-size: 12px;
}
.course-box .reviews-row {
  background: none !important;
}
.course-box .reviews-row .count {
  font-size: 14px;
}
.course-box .reviews-row.border {
  border-top: 1px solid #E8E8E8;
}
.course-box .mask {
  background: #fff;
  color: #353535;
  display: block;
  font-size: small;
  overflow: hidden;
}
.course-box .mask:hover {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}
.course-box .mask:hover .lec-info {
  opacity: 1;
}
.course-box .mask:hover .avatars-list {
  opacity: 1;
}
.course-box .mask:hover .course-thumb > img {
  opacity: .5;
}
.course-box .mask .avatars-list {
  position: absolute;
  left: 10px;
  top: 15px;
  opacity: 0;
  height: 50px;
}
.course-box .mask .avatars-list .avatar {
  width: 50px;
  height: 50px;
  border-radius: 2px;
  border: 3px solid #fff;
  position: relative;
  margin-right: 3px;
  display: inline-block;
  overflow: hidden;
}
.course-box .title {
  display: block;
  line-height: 1.3;
  font-weight: bold;
  font-size: 13px;
  min-height: 33px;
  padding: 0;
  margin: 10px 10px 5px;
}
.course-box .ins-title {
  font-weight: normal;
}
.course-box .details {
  display: block;
  overflow: hidden;
  padding: 5px 10px 10px;
  text-align: center;
  line-height: 10px;
}
.course-box .price {
  float: left;
  font-size: 15px;
  font-weight: bold;
}
.course-box .price--old {
  text-decoration: line-through;
  margin: 0 10px;
  color: rgba(0, 0, 0, 0.55);
}
.course-box .stu {
  color: #555;
  float: right;
  font-weight: bold;
  margin-top: 3px;
}
.course-box .stu:before {
  background-position: -20px -210px;
  float: left;
  height: 13px;
  margin: -2px 4px 0 0;
  width: 20px;
}
.course-box .small-rating {
  vertical-align: top;
}
.course-box .instructors {
  border-top: 1px solid #eee;
  display: block;
  margin: 0 10px;
  overflow: hidden;
  padding: 10px 0;
}
.course-box .instructors .r {
  margin-left: 33px;
  display: block;
}
.course-box .ins-thumb {
  float: left;
  width: 25px;
  margin-right: 5px;
}
.course-box .ins-name {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  display: block;
  margin-bottom: 0;
}
.course-box .ins-job-title {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.2;
  font-family: georgia;
  font-weight: lighter;
  color: #555;
  font-style: italic;
}
.course-box .ins-job-title > h1,
.course-box .ins-job-title > h2,
.course-box .ins-job-title > h3,
.course-box .ins-job-title > h4,
.course-box .ins-job-title > h5,
.course-box .ins-job-title > h6 {
  font-weight: lighter;
  font-style: italic;
  color: #555;
}
.course-box .heading {
  float: left;
  margin-right: 6px;
  margin-top: 4px;
  font-size: 15px;
}
.course-box .two {
  padding-bottom: 11px;
}
.course-box .two .ins-name:first-child {
  margin-bottom: 3px;
}
.course-box .over-two {
  padding-bottom: 13px;
  margin-right: 0px;
}
.course-box .over-two:before {
  content: '';
  right: 0;
  bottom: 0;
  width: 25px;
  height: 43px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), #ffffff);
  position: absolute;
}
.course-box .price {
  font-size: 15px;
  font-weight: bold;
}
.course-box .price--old {
  color: rgba(0, 0, 0, 0.55);
}
.course-box .lec-info {
  z-index: 1;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  opacity: 0;
  background: none;
  position: absolute;
  left: 0px;
  text-align: left;
  margin-left: 10px;
  z-index: 2;
  -webkit-text-stroke: .4px #fff;
  text-stroke: .4px #fff;
  top: 70px;
}
.course-box .count {
  font-weight: 600;
}
.course-box .inst-name {
  color: #4D4D4D;
  font-size: 13px;
  min-height: 36px;
  margin: 0 10px 0;
}
.course-box .course-thumb {
  background: #000;
  display: block;
}
.course-box .course-thumb > img {
  width: 100%;
  opacity: 1;
}
.course-box .details2 {
  font-size: 12px;
  text-align: center;
  display: block;
  padding: 10px 0;
  border-top: 1px solid #eee;
  color: #9B9B9B;
  margin: 0 10px;
  line-height: 1.2;
}
.course-box .details2 .gray {
  display: block;
}
.course-box .details2 .black {
  color: #353535;
  font-weight: bold;
  display: block;
  font-size: 15px;
  padding-top: 2px;
}
.course-box .details2 .price-text {
  font-weight: bold;
  display: block;
}
.course-box .details2 .promo-new-price {
  color: orangered;
  font-size: 15px;
  padding-top: 2px;
}
.course-box .details2 .promo-old-price {
  text-decoration: line-through;
  font-size: 12px;
  padding-top: 1px;
}
.course-box .details2 .price-col {
  float: left;
  text-align: left;
}
.course-box .details2 .price-col.discount .gray {
  text-decoration: line-through;
}
.course-box .details2 .reviews-col {
  display: inline-block;
  margin-left: 0;
}
.course-box .details2 .users-col {
  float: right;
  text-align: right;
}
.course-box .details2 .review-count {
  display: block;
  margin-bottom: 4px;
}
.course-box .details2 .count {
  margin-top: 5px;
  display: block;
  font-size: 13px;
}
.course-box .tooltip {
  display: none;
  position: absolute;
  right: 0;
  z-index: 2;
  top: 0;
}
.course-box .tooltip .tooltip-arrow {
  border-right-color: #fff;
  left: 1px;
}
.course-box .tooltip .tooltip-inner {
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  color: #404004;
  display: inline-block;
}
.course-box .tooltip.left {
  right: 27px;
}
.course-box .tooltip.left .tooltip-arrow {
  border-left-color: #fff;
  right: 1px;
  left: auto;
}
.filter-and-pagination {
  padding: 30px 0px 15px;
}
.filter-and-pagination h3 {
  font-weight: normal;
}
.my-course-box-wrapper {
  margin-right: -20px;
  font-size: 0;
}
.my-course-box-flat {
  display: inline-block;
  vertical-align: top;
  width: 270px;
  margin: 0 20px 20px 0;
  overflow: hidden;
  position: relative;
  text-align: left;
  border: 1px solid #ddd;
  background: #FFF;
  font-size: 15px;
}
.my-course-box-flat:hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.my-course-box-flat:hover .top-left-btn {
  display: block;
}
.my-course-box-flat .box-a {
  height: 100%;
}
.my-course-box-flat .box-a:hover {
  border-color: #777777;
}
.my-course-box-flat .box-a:hover .top-left-btn {
  display: block;
}
.my-course-box-flat .img-container {
  display: block;
  max-height: 151px;
}
.my-course-box-flat .details-container {
  padding: 15px;
  display: block;
}
.my-course-box-flat .title {
  display: block;
  color: #444;
  word-wrap: break-word;
  font-size: 18px;
  line-height: 1.3;
  padding-right: 25px;
  margin: 0;
  font-weight: normal;
}
.organization .my-course-box-flat .title {
  font-size: 13px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
  height: auto;
  max-height: none;
}
.my-course-box-flat .options {
  position: absolute;
  right: 10px;
  top: 160px;
  width: auto;
}
.my-course-box-flat .ins-name {
  color: #999;
  display: block;
  line-height: 1;
  margin-top: 3px;
}
.my-course-box-flat .bottom {
  margin-top: 20px;
  display: block;
}
.my-course-box-flat .bar-container {
  background: #EEE;
  display: block;
  margin-bottom: 5px;
}
.my-course-box-flat .bar {
  display: block;
  height: 2px;
  background: #F9A530;
}
.my-course-box-flat .completed {
  background: #9c0;
}
.my-course-box-flat .perc {
  font-size: 12px;
  color: #999;
  margin-top: 5px;
  margin-right: 10px;
}
.my-course-box-flat .start {
  font-size: 12px;
  color: #F9A530;
  margin-top: 5px;
}
.my-course-box-flat .details2 {
  margin: 0 !important;
}
.my-course-box-flat.course-box .ins-name {
  margin-bottom: 10px;
}
.option-promotion .course-box:hover {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}
.option-promotion .course-box:hover .course-thumb > img {
  opacity: 1;
  opacity: .5;
}
.option-promotion .mask .price {
  margin-top: 0;
  color: #1A1A1A;
  font-weight: 600;
}
.option-promotion .mask .price-row {
  padding: 3px 10px 10px 10px;
}
.option-promotion .mask:hover .avatars-list {
  opacity: 1;
}
.option-promotion .avatars-list {
  position: absolute;
  left: 10px;
  top: 15px;
  opacity: 0;
  height: 50px;
}
.option-promotion .avatars-list .avatar {
  width: 50px;
  height: 50px;
  border-radius: 2px;
  border: 3px solid #fff;
  position: relative;
  margin-right: 3px;
  display: inline-block;
  overflow: hidden;
}
.option-promotion .add-to-wishlist {
  display: inline-block;
  right: 8px;
  top: 10px;
  margin: 0;
  z-index: 2;
}
.option-promotion .add-to-wishlist .wish-icon {
  font-size: 18px;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  color: rgba(0, 0, 0, 0.5);
}
.option-promotion .add-to-wishlist.active .wish-icon {
  opacity: 1;
  color: #d23837;
}
.option-promotion .add-to-wishlist:hover {
  box-shadow: none;
}
.option-promotion .add-to-wishlist:hover .course-thumb {
  background: #000;
}
.option-promotion .add-to-wishlist:hover .course-thumb > img {
  opacity: .5;
}
.option-promotion .add-to-wishlist:hover .wish-icon {
  opacity: 1;
  color: #d23837;
}
.option-promotion .add-to-wishlist:hover .tooltip {
  opacity: 1;
  display: inline-block;
  font-size: 12px;
}
.option-promotion .reviews-row {
  border-top: 1px solid #E8E8E8;
  background: none !important;
}
.option-promotion .reviews-row .count {
  font-size: 14px;
}
.option-promotion .wish-icon {
  font-size: 18px;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  color: rgba(0, 0, 0, 0.5);
}
.white-ddown .trigger {
  display: block;
}
.white-ddown .trigger-a {
  border: 1px solid #d7d7d7;
  padding: 10px;
}
.white-ddown .trigger-a:hover {
  background: #FFF;
}
.white-ddown.open .trigger {
  box-shadow: none;
}
.white-ddown.open .trigger-a {
  background: #fff;
}
.white-ddown.open .trigger-right {
  display: none;
}
.white-ddown .ddown-items {
  width: 100%;
  box-shadow: none;
  margin-top: -4px;
  padding: 10px;
  border: 1px solid #D7D7D7;
  border-top: 0;
}
.white-ddown .ddown-items:before {
  display: none;
}
.white-ddown .ddown-items > li > a {
  box-shadow: none;
  padding: 10px;
  color: #222222;
}
.white-ddown .ddown-items > li > a:hover {
  background: #9c0;
  color: #fff;
}
.options-ddown.open .trigger-a {
  box-shadow: 0 0 0 1px #eee;
}
.options-ddown .trigger-a {
  box-shadow: none;
  color: #ccc;
  padding: 5px 7px;
}
.options-ddown .trigger-a:hover {
  background: #eee;
  color: #9c0;
}
.options-ddown .ddown-items {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);
  padding: 5px;
  width: auto;
}
.options-ddown .ddown-items > li > a {
  padding: 5px;
  font-size: 12px;
}
.options-ddown .ddown-items > li > a:hover {
  background: #efefef;
  color: #222222;
}
.top-left-btn {
  position: absolute;
  top: 10px;
  left: 10px;
  display: none;
  width: auto;
}
.top-left-btn .on-inactive {
  display: inline-block;
}
.top-left-btn .on-active {
  display: none;
}
.top-left-btn.activated .on-inactive {
  display: none;
}
.top-left-btn.activated .on-active {
  display: inline-block;
}
.course-card-wide {
  background: #fff;
  overflow: hidden;
  box-shadow: 0 1px 2px #777;
  margin-bottom: 20px;
  margin-right: 15px;
}
.course-card-wide a {
  display: block;
  overflow: hidden;
  color: #555;
}
.course-card-wide .thumb {
  float: left;
}
.course-card-wide .details {
  margin-left: 245px;
  display: block;
  padding: 15px;
}
.course-card-wide .title {
  display: block;
  font-size: 20px;
  line-height: 1.2;
  text-align: left;
  color: #555;
}
.course-card-wide .desc {
  display: block;
  text-align: left;
  font-size: 14px;
  line-height: normal;
}
.course-card-wide .bottom {
  border-top: 1px solid #ccc;
  display: block;
  margin-top: 10px;
  padding-top: 10px;
}
.course-card-wide .ins {
  float: left;
}
.course-card-wide .others {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.course-card-wide .small-rating {
  top: 0;
}
.course-card-wide .rating-number {
  color: #666;
  font-size: 14px;
  margin-left: 3px;
}
.course-card-wide .rating-text {
  color: #666;
  font-size: 14px;
  margin-left: 10px;
}
.course-card-wide .count {
  color: #666;
  font-size: 14px;
}
.course-card-wide .active {
  border-left: 1px solid #ccc;
  color: #666;
  font-size: 14px;
  margin-left: 10px;
  padding-left: 10px;
}
.course-card-wide .level {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #666;
  font-size: 14px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.course-card-wide .price {
  color: #54B551;
  font-size: 20px;
  font-weight: bold;
  margin-left: 5px;
  position: relative;
  float: right;
}
.course-card-wide .price-text {
  font-size: 20px;
  font-weight: bold;
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.course-card-wide .promo-old-price {
  text-decoration: line-through;
  top: 1px;
  color: #666;
  font-weight: normal;
  font-size: 15px;
  margin-right: 0;
}
.course-card-wide .promo-new-price {
  color: orangered;
}
.course-card-wide .ins {
  line-height: 15px;
  width: 350px;
}
.course-card-wide .ins-thumb {
  float: left;
  margin-right: 11px;
  width: 30px;
  overflow: hidden;
}
.course-card-wide .ins-name {
  margin-top: 10px;
  display: block;
  font-size: 14px;
  text-align: left;
  color: #555;
}
.course-card-wide .ins-title {
  display: block;
  font-size: 14px;
  text-align: left;
}
@media (max-width: 1024px) {
  .course-card-wide .level,
  .course-card-wide .active {
    display: none;
  }
  .course-card-wide .small-rating {
    margin-left: 10px;
  }
  .top-left-btn {
    display: block !important;
  }
  .add-to-wishlist {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .course-card-wide .small-rating,
  .course-card-wide .rating-number,
  .course-card-wide .rating-text {
    display: none;
  }
}
[lang=ja] .reviews-col .reviews-number {
  font-size: 11px;
}
.cert-course-box .course-box.small {
  width: auto;
  margin: 0;
}
.cert-course-box .course-box .add-to-wishlist {
  display: none;
}
.cert-course-box .course-box .price-row {
  padding: 10px;
}
@media (max-width: 480px) {
  .discover-courses-list-mask {
    padding: 10px;
  }
  .course-box.small {
    display: block;
    width: auto;
    box-shadow: none;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
  }
  .course-box .mask {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: none;
    box-shadow: none !important;
  }
  .course-box .mask .avatars-list {
    display: none;
  }
  .course-box .course-thumb {
    width: 87px;
    height: 87px;
    overflow: hidden;
  }
  .course-box .course-thumb > img {
    max-width: none;
    width: auto;
    height: 87px;
    margin-left: -34px;
  }
  .course-box .title,
  .course-box .inst-name {
    margin: 0;
    min-height: 0;
  }
  .course-box .lec-info {
    display: none;
  }
  .course-box .add-to-wishlist {
    display: none !important;
  }
  .course-box .inst-name {
    margin: 5px 0 0;
  }
  .course-box .reviews-row {
    padding: 0;
  }
  .course-box .price {
    margin-left: 0;
  }
}
.organization .my-course-box-flat .details2 {
  display: flex;
  justify-content: space-between;
  text-align: left;
}
.organization .my-course-box-flat .details2 .price-col {
  order: 1;
}
.organization .my-course-box-flat .details2 .users-col {
  text-align: left;
}
.organization .my-course-box-flat .details2 .free-course,
.organization .my-course-box-flat .details2 .plus-course {
  display: none;
}
.organization .my-course-box-flat .details2 .green {
  color: #54B551;
  font-weight: bold;
  display: block;
  font-size: 15px;
  padding-top: 2px;
}
.quiz-asset .quiz-mask.coding-challenge {
  overflow: hidden !important;
  top: 0px;
}
.quiz-asset .quiz-mask.coding-challenge .instructions {
  float: left;
  position: relative;
  width: 250px;
  height: 100%;
  overflow: auto;
  border-right: 1px solid #ccc;
}
.quiz-asset .quiz-mask.coding-challenge .instructions h4 {
  font-weight: bold;
}
.quiz-asset .quiz-mask.coding-challenge .side-tab-input:checked ~ .side-tab-content {
  display: block;
}
.quiz-asset .quiz-mask.coding-challenge .side-tab-input:checked ~ .collapsed .side-tab-arrow {
  transform: rotate(90deg);
}
.quiz-asset .quiz-mask.coding-challenge .header .left-panel-header {
  position: relative;
}
.quiz-asset .quiz-mask.coding-challenge .header .left-panel-header .reset-button {
  position: absolute;
  right: 10px;
  bottom: 0px;
}
.quiz-asset .quiz-mask.coding-challenge .header .nav-tabs {
  border-bottom: 0px;
}
.quiz-asset .quiz-mask.coding-challenge .header .nav-tabs > li a {
  cursor: pointer;
  color: #000;
  background-color: #ddd;
  border: 1px solid #ddd;
  padding: 5px 10px;
  border-radius: 0px;
  margin-right: 0;
}
.quiz-asset .quiz-mask.coding-challenge .header .nav-tabs > li.active > a {
  background-color: #fff;
  border-bottom-color: transparent;
}
.quiz-asset .quiz-mask.coding-challenge .header .nav-tabs > li:hover > a {
  background-color: #999;
}
.quiz-asset .quiz-mask.coding-challenge .header .panel-title {
  padding: 10px;
}
.quiz-asset .quiz-mask.coding-challenge .btn-clear {
  background-color: inherit;
}
.quiz-asset .quiz-mask.coding-challenge .btn-solid {
  background-color: white;
}
.quiz-asset .quiz-mask.coding-challenge .messages .message-icon {
  vertical-align: middle;
}
.quiz-asset .quiz-mask.coding-challenge .messages .message-text {
  display: inline-block;
  margin-left: 10px;
  margin-right: 20px;
  max-width: 44%;
  max-height: 40px;
  vertical-align: middle;
  overflow-y: hidden;
}
.quiz-asset .quiz-mask.coding-challenge .messages .btn + .btn {
  margin-left: 5px;
}
.quiz-asset .quiz-mask.coding-challenge .messages.success {
  background-color: #54B551;
}
.quiz-asset .quiz-mask.coding-challenge .messages.success .btn-solid {
  color: #54B551;
}
.quiz-asset .quiz-mask.coding-challenge .messages.fail {
  background-color: #F9A530;
}
.quiz-asset .quiz-mask.coding-challenge .messages.fail .btn-solid {
  color: #F9A530;
}
.quiz-asset .quiz-mask.coding-challenge .ace_editor.noselection .ace_cursor,
.quiz-asset .quiz-mask.coding-challenge .ace_editor.noselection .ace_hidden-cursors {
  display: none;
}
div.pager a,
div.pager span {
  color: #0e600e;
}
div.pager a:hover,
div.pager span:hover {
  color: #0e600e;
}
div.pager .active > a,
div.pager .active > span,
div.pager .active > a:hover,
div.pager .active > span:hover,
div.pager .active > a:focus,
div.pager .active > span:focus {
  background: #0e600e;
  color: #ffffff;
  border: 1px solid #0e600e;
}
div.pager .pager-label {
  position: relative;
  top: 10px;
  left: -10px;
  display: block;
  float: left;
}
div.pager .btn {
  padding: 10px 15px;
  background-color: inherit;
  color: #0e600e;
  border-color: #bfbfbf;
  display: block;
  float: left;
}
div.pager .btn:first-of-type {
  border-right: 0;
}
div.pager .btn:disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: inherit;
}
div.pager .btn:hover {
  background-color: inherit;
  color: #000000;
}
.one-col-landing {
  font-size: 15px;
  background: #fff;
}
.course-title {
  font-size: 35px;
  margin: 30px 0 10px 0;
  font-weight: 300;
}
.enrolled {
  margin: 10px 0;
}
.price {
  color: #353535;
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
}
.price.smaller {
  font-size: 20px;
  margin-top: 5px;
  display: block;
}
.sliding_price_text_wrapper {
  height: 64px;
}
.current-price {
  color: rgba(0, 0, 0, 0.8);
}
.save-money {
  color: rgba(0, 0, 0, 0.55);
  font-size: 18px;
  font-weight: normal;
  margin-top: 5px;
}
.save-money .old-price {
  text-decoration: line-through;
}
.main-details {
  position: relative;
  z-index: 1;
}
.right-middle {
  border-top: 1px solid #ccc;
  padding: 10px 0 0 0;
  margin: 10px auto auto 15px;
  line-height: 1.6;
}
.list {
  font-size: 13px;
}
.list .list-item {
  margin-bottom: 5px;
  display: flex;
}
.list .list-left {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 100px;
  width: 100px;
  display: inline-block;
}
.list .list-right {
  font-weight: bold;
}
.list .list-right::first-letter {
  text-transform: capitalize;
}
.promo-asset-content {
  border: 0;
}
.right-wrap {
  min-height: 420px;
}
.right-bottom {
  margin-top: 10px;
}
.act-link {
  font-size: 13px;
}
.dropdown-toggle a {
  font-size: 13px;
}
.btn.big-iconed-btn {
  background: #ccc;
  color: #fff;
  margin-right: 10px;
  padding: 7px 15px;
  transition: 0.2s ease-in-out;
}
.btn.big-iconed-btn:hover {
  background: #353535;
}
.wishlist-icon {
  border: 1px solid transparent;
  color: #D23837;
  margin-right: 5px;
}
.wishlist-icon.icon-heart {
  transition: 0.2s ease-in-out;
}
.btn.btn-sm.ud-wishlist.active i {
  color: #D23837;
}
.big-iconed-btn-icon {
  font-size: 20px;
  margin-right: 10px;
}
.iconed-btn {
  width: 100%;
  -ms-justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  -o-justify-content: center;
  justify-content: center;
  margin-right: 10px;
  border-radius: 5px;
  width: 35px;
  height: 35px;
  font-size: 23px;
  background: #ccc;
  color: #fff;
  padding: 5px 0px;
}
.iconed-btn:hover {
  background: #353535;
}
.seo-lp-inner {
  width: 100%;
  margin-top: 20px;
}
.seo-lp-inner h3 div {
  text-align: center;
}
.seo-lp-inner h3 div strong {
  padding: 10px 25px;
  background-color: #cfe2cf;
  display: block;
}
.pb-ta-btn {
  font-weight: bold;
  font-size: 21px;
  display: block;
}
.main-top {
  text-rendering: optimizeLegibility;
}
.main-middle {
  margin-top: 30px;
  background: #f4f4f4;
  border-top: 1px solid #ccc;
}
.main-middle.video-at-middle {
  margin: 0;
  border: 0;
}
.main-middle.video-at-middle #desc {
  margin-top: -50px;
}
.main-middle.video-at-middle .right-wrap {
  background: #fff;
  border: 1px solid #ccc;
  margin-top: 20px;
  margin-left: 0;
  padding: 10px 0;
}
#instructor .ud-popup img {
  width: 100%;
}
.top-space-for-scroll {
  padding-top: 60px;
  margin-bottom: -50px;
}
.top-space-for-scroll:first-child {
  margin-top: -50px;
}
.top-space-for-scroll:last-child {
  margin-bottom: 0;
}
.act-links,
#what-you-get,
#requirements,
#desc,
#instructor {
  line-height: 1.6;
}
.tab-title {
  font-weight: bold;
  font-size: 15px;
}
[lang=fr] .take-btn .btn,
[lang=de] .take-btn .btn {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[lang=fr] .dropdown-menu,
[lang=de] .dropdown-menu {
  min-width: 165px;
}
[lang=es] .dropdown-menu {
  min-width: 175px;
}
[lang=ja] .dropdown-menu {
  min-width: 180px;
}
.tab-btn {
  margin-right: 20px;
}
.cur-list label {
  display: block;
}
.cur-list .cur-list-title {
  height: 44px;
}
.cur-list .cur-list-title th {
  font-weight: 600;
  padding-top: 30px;
}
.cur-list td {
  vertical-align: middle !important;
}
.cur-list .cur-list-row-detail td {
  border: none;
}
.cur-list .cur-list-row-detail td:nth-child(2) {
  padding-left: 28px;
}
.cur-list .cur-list-row {
  height: 40px;
}
.cur-list .cur-list-row .count {
  font-weight: normal;
  width: 100px;
}
.cur-list .cur-list-row .down-arrow {
  display: inline-block;
}
.cur-list .cur-list-row:hover {
  cursor: pointer;
}
.cur-list .cur-list-row.on {
  background: #fff;
}
.cur-list .cur-list-row.on:hover {
  background: #fff;
}
.cur-list .cur-list-row.on:hover td {
  background: #fff;
}
.cur-list .cur-list-row.on .down-arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.cur-list .cur-list-row.on + .cur-list-row-detail {
  display: table-row !important;
}
.cur-list .cur-list-row.load-more {
  background: transparent !important;
}
.cur-list .cur-list-row.load-more td {
  background: transparent !important;
}
.cur-list .cur-list-row:last-child td {
  border-bottom: 1px solid #ddd;
}
.cur-list .cur-list-row .cur-icon {
  width: 20px;
  padding-right: 0;
  padding-left: 0;
}
.cur-list .cur-list-row td.tar.lec-det {
  width: 100px;
}
.cur-list .lec-title a {
  color: #4985B8;
  display: inline-block;
}
.cur-list i {
  color: #999FA3;
}
.cur-list .cur-list-row-detail {
  display: none;
  background-color: #fff;
}
.cur-list .cur-list-row-detail td {
  padding-top: 10px;
}
.cur-list .cur-list-row-detail:hover td {
  background-color: #fff;
}
.cur-list .cur-list-row-detail p {
  margin: 0 0 25px 0;
}
.icon {
  min-width: 30px;
}
.title {
  flex: 1;
}
.main {
  margin-bottom: 60px;
}
.hidden-course-bar {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 4;
  background: #fff;
  box-shadow: 0 1px 2px #ddd;
  -webkit-transform: translateY(-250px);
  -webkit-transition: -webkit-transform 0.2s;
  transform: translateY(-250px);
  transition: transform .2s;
}
.hidden-course-bar.slideDown {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.hidden-course-bar .course-cta {
  padding: 11px 12px;
  width: auto;
}
.hidden-course-bar .course-cta--add-to-cart {
  font-size: 22px;
  padding: 2px 0px 0px 0px;
  width: 48px;
}
.hidden-course-bar .save-money {
  font-size: 16px;
  margin-top: 0;
}
.hidden-course-bar .discount-wrap--sliding-dropdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  flex-direction: column;
}
.hidden-course-bar .discount-percent--sliding-dropdown {
  font-size: 14px;
  white-space: nowrap;
}
.course-desc {
  z-index: 1;
}
.also-viewed {
  background: #fff;
  border: 1px solid #ccc;
  margin-top: 20px;
}
.also-viewed-item {
  border-top: 1px solid #ccc;
  padding: 10px;
}
.also-viewed-item:first-child {
  border: 0;
}
.also-viewed-course-title {
  color: #555;
  line-height: 1.2;
  display: block;
  font-size: 13px;
}
.also-viewed-course-title:hover {
  color: #000;
}
.also-viewed {
  position: relative;
  overflow: hidden;
}
.also-viewed .preload-card {
  width: 100%;
  color: #606060;
  display: flex;
  align-items: center;
  justify-content: center;
}
.also-viewed.ng-enter,
.also-viewed.ng-leave {
  transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -webkit-transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 300ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}
.also-viewed.ng-enter {
  opacity: 0;
}
.also-viewed.ng-enter.ng-enter-active {
  opacity: 1;
}
.also-viewed.ng-leave {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}
.also-viewed.ng-leave-active {
  opacity: 0;
}
.average-rate {
  font-size: 96px;
}
.rate-count {
  color: #353535;
}
.rate-list {
  list-style: none;
  padding: 0;
  margin-bottom: 8px;
}
.rate-list li {
  margin-bottom: 5px;
}
.rate-list li .rate-progress {
  top: 3px;
  height: 17px;
  width: 135px;
  overflow: hidden;
  position: relative;
  background: #D7D7D7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.rate-list li .rate-progress > span {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.rate-list li .rate-progress > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
}
.rate-list .star-count {
  min-width: 50px;
  display: inline-block;
}
.color-gray {
  color: #999;
}
.comments-list {
  margin-top: 20px;
}
.comments-list .avatar {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  width: 68px;
  height: 68px;
}
.comments-list .avatar > img {
  width: 68px;
}
.comments-list .user-detail {
  font-size: 14px;
  color: #1E2C35;
}
.comments-list .user-detail .username {
  color: #1E2C35;
  font-size: 15px;
}
p {
  margin-bottom: 15px;
}
.related-courses li {
  margin: 0 15px 15px 0;
}
.tab-btns > li {
  display: inline-block;
}
.tab-btns > li.active > a {
  background: none;
  border-color: #4985B8;
  color: #222222;
}
.tab-btns > li > a {
  font-size: 14px;
  padding: 0 0 12px;
  color: #666;
  border-bottom: 5px solid transparent;
  transition: 0.25s ease-out;
  -webkit-transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -ms-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
}
.tab-btns > li > a:hover {
  background: none;
  color: #222222;
}
.comments-list .comment {
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
  padding-bottom: 13px;
}
.comments-list .comment:first-child {
  border-top: 1px solid #ddd;
  padding-top: 30px;
}
.comments-list .comment .instructor-comment {
  margin-left: 30px;
}
.comments-list .comment .info-container {
  height: 42px;
}
.comments-list .comment .info-container .avatar {
  height: inherit;
}
.comments-list .comment .info-container .avatar img {
  border-radius: 50%;
  overflow: hidden;
}
.comments-list .comment .info-container .user-details {
  padding: 0;
  font-size: 15px;
}
.comments-list .comment .info-container .user-details .instructor {
  color: #303e4d;
  font-weight: 700;
}
.comments-list .comment .info-container .user-details .username {
  color: #303e4d;
}
.comments-list .comment .info-container .user-details .review-created {
  color: #B1B1B1;
}
.comments-list .comment .rating-container {
  margin-top: 9px;
}
.comments-list .comment .comment-container {
  margin-top: 7px;
}
.comments-list .comment .comment-container p {
  white-space: pre-line;
}
.instructor-popup-details {
  overflow: hidden;
  padding: 10px;
  width: 330px;
}
.instructor-popup-details .left-col {
  float: left;
  position: relative;
  border: 1px solid #666;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
}
.instructor-popup-details .left-col img {
  display: block;
}
.instructor-popup-details .left-col:before {
  content: '';
  position: absolute;
  box-shadow: 0 0 2px #fff inset;
  width: 100%;
  height: 100%;
}
.instructor-popup-details .right-col {
  float: left;
  width: 185px;
  margin-left: 15px;
}
.instructor-popup-details .right-col .title {
  color: #3c7498;
  font-size: 16px;
}
.instructor-popup-details .right-col .job {
  font-size: 13px;
}
.instructor-popup-details .right-col .message {
  margin-top: 5px;
}
.instructor-popup-details .right-col .message:before {
  content: '';
  width: 14px;
  height: 10px;
  background: url("/staticx/udemy/images/new_design/sprites_v2.png") -60px -110px;
  display: inline-block;
  margin-right: 6px;
}
.instructor-popup-details .tags {
  border-top: 1px solid #ddd;
  box-shadow: 0 1px 4px #ccc inset;
  padding: 10px 10px 5px;
  position: relative;
  width: 330px;
  margin-left: -10px;
  bottom: -10px;
}
.instructor-popup-details .tags h3 {
  float: left;
  font-size: 13px;
  margin-right: 10px;
  margin-top: 5px;
}
.instructor-popup-details .tags span {
  background: #d2dbb7;
  font-size: 11px;
  color: #4b591e;
  text-transform: capitalize;
  line-height: 20px;
  padding: 0px 4px;
  margin: 2px 0;
  display: inline-block;
}
.how-taking-course,
.what-you-get,
.join-the-biggest,
.ready-to-start {
  padding: 45px 0 60px;
}
.how-taking-course .title,
.what-you-get .title,
.join-the-biggest .title,
.ready-to-start .title {
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 15px;
}
.how-taking-course p,
.what-you-get p,
.join-the-biggest p,
.ready-to-start p {
  margin-bottom: 0;
}
.how-taking-course {
  background: #298fb7;
  color: #fff;
}
.what-you-get i {
  color: #54B551;
  display: inline-block;
  margin-bottom: 15px;
}
.join-the-biggest {
  background: #36b349;
  color: #fff;
}
.join-the-biggest .count {
  font-size: 36px;
  margin-bottom: 10px;
}
#what-you-get-badges .box,
#join-the-biggest .box {
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  padding: 20px;
  margin-right: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  min-width: 1px;
}
#what-you-get-badges .box p,
#join-the-biggest .box p {
  margin-bottom: 0;
}
#what-you-get-badges .box i,
#join-the-biggest .box i {
  color: #54B551;
}
#what-you-get-badges .box:last-child,
#join-the-biggest .box:last-child {
  margin-right: 0;
}
#join-the-biggest .box {
  margin: 0;
}
#join-the-biggest .box .count {
  font-size: 30px;
}
#join-the-biggest .box:nth-child(2) {
  margin: 0 20px;
}
.btn-pink {
  border-radius: 3px;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  background: #ec7f95;
}
.btn-pink:hover {
  background: #e23c5e;
  color: #fff;
}
.ie .fx-ie {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  min-width: 1px;
}
.ie .fxac-ie {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.table-of-content {
  font-size: 20px;
  font-weight: 400;
}
.table-of-content li {
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 10px 10px 10px;
}
.table-of-content li a {
  color: #333333;
  transition: 0.15s ease-out;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -ms-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
}
.table-of-content li a:hover {
  opacity: .6;
}
.list-dot-item {
  padding-left: 40px;
  list-style: disc;
}
.carousel .carousel-caption {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  left: 0;
  font-weight: 600;
  bottom: 0;
  text-align: right;
  padding: 30px;
  text-shadow: none;
}
.list-special-number dt {
  margin-bottom: 10px;
  font-weight: normal;
}
.list-special-number dt .number {
  font-weight: bold;
  display: inline-block;
  padding: 10px 0;
  font-size: 15px;
  text-align: center;
  width: 42px;
  height: 42px;
  color: #fff;
  font-style: normal;
  border-radius: 50%;
  margin-right: 15px;
}
.list-lower-alpha {
  list-style: lower-alpha;
  padding-left: 30px;
  margin: 10px 0 20px;
}
#desc ul {
  list-style: disc;
  padding-left: 35px;
}
#desc ol {
  padding-left: 35px;
}
@-webkit-keyframes heartbeat {
  0% {
    opacity: .3;
    -webkit-transform: scale(0, 0);
  }
  35% {
    -webkit-transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes heartbeat {
  0% {
    opacity: .3;
    -moz-transform: scale(0, 0);
  }
  35% {
    -moz-transform: scale(0.9, 1.1);
  }
  50% {
    -moz-transform: scale(1.1, 0.9);
  }
  75% {
    -moz-transform: scale(0.95, 1.05);
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes heartbeat {
  0% {
    opacity: .3;
    -o-transform: scale(0, 0);
  }
  35% {
    -o-transform: scale(0.9, 1.1);
  }
  50% {
    -o-transform: scale(1.1, 0.9);
  }
  75% {
    -o-transform: scale(0.95, 1.05);
  }
  100% {
    opacity: 1;
  }
}
@keyframes heartbeat {
  0% {
    opacity: .3;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  35% {
    -webkit-transform: scale(0.9, 1.1);
    -moz-transform: scale(0.9, 1.1);
    -ms-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    -moz-transform: scale(1.1, 0.9);
    -ms-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    -moz-transform: scale(0.95, 1.05);
    -ms-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
  100% {
    opacity: 1;
  }
}
.heartbeat {
  -webkit-animation: heartbeat;
  -moz-animation: heartbeat;
  -o-animation: heartbeat;
  animation: heartbeat;
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.mco-po {
  color: rgba(0, 0, 0, 0.55);
  font-weight: normal;
  font-size: 13px;
  text-decoration: line-through;
}
.modal-dialog {
  margin: 0 !important;
}
.modal-dialog .js-bottom-loader {
  margin-left: -36px;
}
.act-links-item .dropdown-menu li:first-child:nth-last-child(1) ~ li.divider,
.act-links-item .dropdown-menu li:first-child:nth-last-child(2) ~ li.divider,
.act-links-item .dropdown-menu li:first-child:nth-last-child(3) ~ li.divider {
  display: none;
}
/*
 * Hide the dropdown div
 */
.act-links-item .dropdown-menu .divider:nth-child(1),
.act-links-item .dropdown-menu .divider:nth-child(2) {
  display: none;
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: -1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: -1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.course-cta {
  padding: 11px 12px;
  font-size: 15px;
  line-height: 1.35135;
  border-radius: 2px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 10px 0;
  width: 216px;
  display: block;
}
.course-cta--buy {
  color: #ffffff;
  background-color: #17aa1c;
  display: inline-block;
}
.course-cta--buy:hover,
.course-cta--buy:focus {
  color: #fff;
  background-color: #159d1a;
}
.course-cta--buy.disabled {
  background-color: #8d8d8d !important;
  color: #d5d5d5 !important;
}
.course-cta--add-to-cart {
  position: relative;
  overflow: hidden;
  color: #17aa1c;
  border-color: rgba(0, 0, 0, 0.25);
  background: white;
  padding: 2.5px;
  height: 44px;
  /* must set explicitly since content height changes */
  margin: 0;
}
.course-cta--add-to-cart:focus,
.course-cta--add-to-cart:hover {
  outline: none;
  color: #17aa1c;
  background-color: #f7f7f7;
}
.course-cta--add-to-cart .loader,
.course-cta--add-to-cart .text {
  display: inline-block;
}
.course-cta--add-to-cart .loader {
  position: absolute;
  left: 50%;
  top: 4px;
  margin-left: -16px;
}
.course-cta--add-to-cart.disabled {
  -webkit-transform-origin: %50;
  -o-transform-origin: %50;
  -ms-transform-origin: %50;
  transform-origin: %50;
  -ms-animation: disabled-bt 700ms ease-in-out forwards;
  -o-animation: disabled-bt 700ms ease-in-out forwards;
  -webkit-animation: disabled-bt 700ms ease-in-out forwards;
  -moz-animation: disabled-bt 700ms ease-in-out forwards;
  animation: disabled-bt 700ms ease-in-out forwards;
  background-color: #e9e9e9 !important;
  border-color: #c6c7c8 !important;
  color: #999999 !important;
}
.course-cta--wishlist {
  color: #17aa1c;
  background: none;
  padding: 0px 12px 0px 0;
  margin: 0;
  text-align: left;
  border: none;
}
.course-cta--wishlist .icon {
  font-size: 20px;
  color: #d23837;
  text-align: center;
}
.course-cta--wishlist .in-wishlist {
  display: none;
}
.course-cta--wishlist .not-in-wishlist {
  display: inline-block;
}
.course-cta--wishlist:focus,
.course-cta--wishlist:hover {
  color: #159d1a;
  outline: none;
}
.course-cta--wishlist.active .in-wishlist {
  display: inline-block;
}
.course-cta--wishlist.active .not-in-wishlist {
  display: none;
}
.course-cta--wishlist.active .icon {
  -webkit-animation: heartbeat;
  -moz-animation: heartbeat;
  -o-animation: heartbeat;
  animation: heartbeat;
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.course-cta--notification {
  width: 216px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  text-align: center;
}
.course-cta .cart-load-spinner {
  margin-right: 5px;
}
.skills-future-badge {
  background-color: #e8553a;
  display: inline-block;
  padding: .6em;
  margin-bottom: 5px;
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: -1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: -1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes move-checkmark {
  0% {
    transform: rotate(translateX(0));
    -ms-transform: rotate(translateX(0));
    -webkit-transform: rotate(translateX(0));
    -webkit-backface-visibility: hidden;
    /* transform */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    transform: rotate(translateX(-60px));
    -ms-transform: rotate(translateX(-60px));
    -webkit-transform: rotate(translateX(-60px));
    -webkit-backface-visibility: hidden;
    /* transform */
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
  }
}
@keyframes move-checkmark {
  0% {
    transform: rotate(translateX(0));
    -ms-transform: rotate(translateX(0));
    -webkit-transform: rotate(translateX(0));
    -webkit-backface-visibility: hidden;
    /* transform */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    transform: rotate(translateX(-60px));
    -ms-transform: rotate(translateX(-60px));
    -webkit-transform: rotate(translateX(-60px));
    -webkit-backface-visibility: hidden;
    /* transform */
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
  }
}
@-webkit-keyframes disabled-bt {
  50% {
    background-color: #e9e9e9;
    border-color: #c6c7c8;
  }
  100% {
    background-color: #e9e9e9;
    border-color: #c6c7c8;
    cursor: default;
  }
}
@keyframes disabled-bt {
  50% {
    background-color: #e9e9e9;
    border-color: #c6c7c8;
  }
  100% {
    background-color: #e9e9e9;
    border-color: #c6c7c8;
    cursor: default;
  }
}
.fancybox-wrap iframe {
  width: 640px;
  height: 440px;
}
.fancybox-wrap .fancybox-inner > h1 {
  max-width: 640px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organization .price .free-course,
.organization .price .save-money {
  display: none;
}
@media (max-width: 767px) {
  .course-title {
    font-size: 20px;
    margin: 10px 0 0;
  }
  .btn.big-iconed-btn {
    font-size: 0;
    text-align: center;
  }
  .big-iconed-btn-icon {
    margin-right: 0;
  }
  .right-top {
    margin-top: 10px;
  }
  .rate {
    -webkit-box-align: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }
  .rate-count {
    margin-left: 0;
  }
  .table-responsive {
    border-top: 0;
  }
  .cur-list * {
    font-size: 12px;
    white-space: normal !important;
  }
  .cur-list tr {
    height: auto !important;
  }
  .cur-list td {
    padding: 4px 2px !important;
  }
  .cur-list .preview-btn {
    padding: 2px 10px 3px;
  }
  .cur-list .cur-list-row .count {
    width: 75px !important;
  }
  .cur-list-row .down-arrow {
    display: none !important;
  }
  .cur-list-row-detail {
    display: none;
  }
  .comment-foot {
    display: block;
  }
  .gray-btn i {
    margin-right: 0;
  }
  .also-viewed {
    max-width: 225px;
  }
  .hidden-course-bar {
    display: none;
  }
  #instructor .ud-popup img {
    width: 75px;
  }
}
@media (max-width: 480px) {
  .cur-list .lec-det {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .right-top {
    margin-top: 20px;
  }
  .right-middle {
    border: 0;
    padding: 0;
  }
  .hidden-course-bar {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-course-bar {
    display: none;
  }
}
@media (max-width: 1199px) {
  #related {
    display: none;
  }
}
.quiz-asset {
  height: 100%;
  overflow: hidden;
}
.quiz-asset .quiz-viewer {
  height: 100%;
  width: 100%;
  position: relative;
  white-space: nowrap;
  font-size: 0;
  left: 0;
}
.quiz-asset .frame {
  background: #fff;
  display: inline-block;
  height: 100%;
  white-space: normal;
  width: 100%;
  font-size: 14px;
  vertical-align: top;
  overflow: hidden;
}
.quiz-asset .table {
  height: 100%;
  table-layout: fixed;
}
.quiz-asset .quiz-mask {
  bottom: 0;
  overflow: auto;
  position: absolute;
  top: 45px;
  width: 100%;
}
.quiz-asset .results-page .quiz-mask {
  top: 0;
}
.quiz-asset .quiz-wrapper {
  height: 100%;
  position: absolute;
  width: 100%;
}
.quiz-asset .question .quiz-wrapper {
  padding: 0 20px;
}
.quiz-asset .start-page {
  box-shadow: 0 0 135px 15px rgba(0, 0, 0, 0.25) inset, 0 0 0 1px #fff inset;
  text-align: center;
  padding: 0 15%;
}
.quiz-asset .start-page h1 {
  color: #6A8B1A;
  font-size: 28px;
  font-weight: 200;
}
.quiz-asset .start-page h2 {
  font-size: 40px;
  font-weight: 200;
  margin-top: 10px;
}
.quiz-asset .start-page h3 {
  color: #999;
  font-weight: normal;
  font-size: 16px;
}
.quiz-asset .start-page h3 b {
  color: #353535;
  font-weight: normal;
}
.quiz-asset .start-page article {
  color: #62616C;
  margin: 20px 0;
  overflow: auto;
}
.quiz-asset .start-page article.not-published {
  font-size: 16px;
}
.quiz-asset .start-page .start {
  bottom: 40px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.quiz-asset .start-page .more {
  position: absolute;
  left: 0;
  bottom: 10px;
  text-align: center;
  width: 100%;
}
.quiz-asset .back-btn2 {
  float: left;
  margin: 3px 10px 0 15px;
  z-index: 1;
}
.quiz-asset .quiz-navigation {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 #fff;
  background: #f7f7f7 ;
  border-bottom: 1px solid #737373;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  width: 100%;
}
.quiz-asset .quiz-navigation h3 {
  float: left;
  font-size: 18px;
  line-height: 1.8;
  font-weight: normal;
}
.quiz-asset nav {
  float: right;
  margin-top: 2px;
}
.quiz-asset nav button {
  background: #fff ;
  padding: 3px 10px;
  color: #575757;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.45);
  float: left;
  margin-left: -1px;
  font-size: 13px;
}
.quiz-asset nav button:hover {
  background: #fff4b8 ;
  color: #353535;
}
.quiz-asset nav button[disabled] {
  cursor: not-allowed;
  background: #fff ;
}
.quiz-asset .question .table {
  height: auto;
  margin-top: 20px;
  padding: 0 20px;
  text-align: center;
}
.quiz-asset .single-question {
  font-size: 21px;
  font-weight: 300;
}
.quiz-asset .assessment-related-lectures li,
.quiz-asset .answers li {
  border: 1px solid #ccc;
  color: #444;
  margin-top: 10px;
  padding: 8px;
  text-align: left;
  cursor: pointer;
}
.quiz-asset .assessment-related-lectures li:hover,
.quiz-asset .answers li:hover {
  background: #f6f6f6 ;
}
.quiz-asset .assessment-related-lectures li.correct,
.quiz-asset .answers li.correct {
  background: #b5c763 ;
  color: #fff;
  border: 1px solid #375f1f;
}
.quiz-asset .assessment-related-lectures li.wrong,
.quiz-asset .answers li.wrong {
  background: #df904f ;
  color: #fff;
  border: 1px solid #46171f;
}
.quiz-asset .assessment-related-lectures li.wrong:before,
.quiz-asset .answers li.wrong:before {
  background-position: -117px -570px !important;
}
.quiz-asset .assessment-related-lectures li.correct:before,
.quiz-asset .answers li.correct:before,
.quiz-asset .assessment-related-lectures li.wrong:before,
.quiz-asset .answers li.wrong:before {
  content: '';
  width: 23px;
  height: 18px;
  float: right;
  background: url("/staticx/udemy/images/v3/sprites.png?v=17");
  background-position: -90px -570px;
}
.quiz-asset .assessment-related-lectures li.selected,
.quiz-asset .answers li.selected {
  background: #fff4b8 ;
  color: #353535;
}
.quiz-asset .answers .quiz-answer-feedback {
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
  margin-top: 5px;
  padding-top: 5px;
}
.quiz-asset .answers .quiz-answer-feedback a {
  color: #ffffff;
  font-weight: bold;
}
.quiz-asset .submit-answer-btn,
.quiz-asset .next-btn,
.quiz-asset .finalize-btn {
  float: left;
  margin: 20px 0;
}
.quiz-asset .review-question-lecture {
  float: left;
  margin: 24px 10px;
}
.quiz-asset .review-question-lecture .ext {
  font-weight: normal;
}
.quiz-asset .review-question-lecture .ext:after {
  font-family: 'FontAwesome';
  content: "\f08e";
  margin-left: 5px;
  font-size: smaller;
}
.quiz-asset .question-text {
  font-size: 21px;
  text-align: left;
  margin: 15px 0;
}
.quiz-asset .question-text .wrong-answer {
  text-decoration: line-through;
  color: red;
  margin-right: 8px;
}
.quiz-asset .question-text .correct-answer {
  text-decoration: underline;
  color: green;
}
.quiz-asset .score {
  float: left;
  width: 300px;
  background: #ddd ;
  height: 100%;
  background-color: #fff;
  text-align: center;
  overflow: hidden;
  position: relative;
  box-shadow: 1px 0 2px #A0A0A0;
  min-height: 460px;
}
.quiz-asset .score h2 {
  border-radius: 50%;
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.45), 0 -2px 0 rgba(255, 255, 255, 0.25) inset;
  font-size: 18px;
  margin: -40px -90px 0;
  padding: 90px 0 90px;
}
.quiz-asset .perc {
  background: #7F8186 ;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 45px;
  height: 150px;
  line-height: 150px;
  margin-top: -70px;
  position: relative;
  width: 150px;
  padding: 10px;
}
.quiz-asset .perc span {
  background: #F7F7F7 ;
  border-radius: 50%;
  display: block;
  transform: rotate(rotate(-45deg));
  -ms-transform: rotate(rotate(-45deg));
  -webkit-transform: rotate(rotate(-45deg));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: 100%;
  overflow: hidden;
}
.quiz-asset .perc span i {
  background: #D7E371 ;
  float: right;
  height: 100%;
  width: 0;
}
.quiz-asset .perc b {
  background: #7F8186 ;
  border-radius: 50%;
  bottom: 25px;
  box-shadow: 0 0 2px #000 inset;
  left: 25px;
  line-height: 95px;
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 2;
}
.quiz-asset .numbers {
  margin-top: 10px;
}
.quiz-asset .numbers p {
  margin: 0;
}
.quiz-asset .numbers .c {
  color: #789c2b;
}
.quiz-asset .numbers .i {
  color: #b22637;
}
.quiz-asset .numbers .s {
  color: #777;
}
.quiz-asset .numbers .co {
  font-weight: bold;
  margin-top: 10px;
}
.quiz-asset .numbers .co b {
  color: #789c2b;
}
.quiz-asset .share-score {
  margin-top: 20px;
  position: absolute;
  width: 100%;
  bottom: 0;
  border-top: 1px solid #b1b1b1;
  background: #fefefe ;
}
.quiz-asset .share-score h3 {
  color: #656565;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
.quiz-asset .share-score a {
  width: 81px;
  display: inline-block;
  height: 27px;
  background: url("/staticx/udemy/images/v3/sprites.png?v=17") -150px -170px;
  margin: 0 5px;
  opacity: .9;
}
.quiz-asset .share-score a:hover {
  opacity: 1;
}
.quiz-asset .share-score .t {
  background-position: -250px -170px;
}
.quiz-asset .review {
  margin-left: 300px;
  height: 100%;
  position: relative;
}
.quiz-asset .review .wrapper {
  overflow: auto;
  position: absolute;
  top: 15px;
  bottom: 10px;
  width: 100%;
  padding: 0 20px;
}
.quiz-asset .review h1 {
  font-size: 18px;
}
.quiz-asset .webkit-wrapper {
  margin-top: 10px;
  box-shadow: 0 0 4px #666;
}
.quiz-asset .scoreboard {
  display: table;
  width: 100%;
  font-weight: bold;
}
.quiz-asset .scoreboard li {
  display: table-row;
}
.quiz-asset .scoreboard li > div {
  display: table-cell;
  padding: 10px;
  box-shadow: 1px 0 rgba(0, 0, 0, 0.13) inset, 2px 0 rgba(255, 255, 255, 0.5) inset;
  position: relative;
}
.quiz-asset .scoreboard li > div:first-child {
  box-shadow: none;
}
.quiz-asset .scoreboard li.q:hover {
  cursor: pointer;
}
.quiz-asset .scoreboard .bordered-thumb {
  float: left;
  width: 25px;
  height: 25px;
  margin: -3px 10px 0 0;
}
.quiz-asset .scoreboard .people {
  float: left;
  width: 30px;
  height: 21px;
  background: url("/staticx/udemy/images/v3/sprites.png?v=17") -30px -490px;
  margin: 0 5px 0 0;
}
.quiz-asset .scoreboard .h {
  background: #f6f9fc ;
  color: #555;
}
.quiz-asset .scoreboard .h b {
  color: #999;
}
.quiz-asset .scoreboard .h > div {
  border-bottom: 2px solid #C2CCE0;
}
.quiz-asset .scoreboard .q {
  background: #fefefe ;
}
.quiz-asset .scoreboard .q > div {
  border-top: 1px solid #c5c5c5;
}
.quiz-asset .scoreboard .q > div:first-child {
  color: #5b666f;
}
.quiz-asset .scoreboard .q > div:last-child .relative:after {
  content: '';
  width: 13px;
  height: 17px;
  background: url("/staticx/udemy/images/v3/sprites.png?v=17") -30px -769px;
  position: absolute;
  right: 10px;
  top: -3px;
}
.quiz-asset .scoreboard .q:hover {
  background: #f9f5f0 ;
}
.quiz-asset .scoreboard .a {
  text-transform: uppercase;
  color: #6a9d21;
}
.quiz-asset .scoreboard .a.i {
  color: #9d2138;
}
.quiz-asset .scoreboard .a.i:before {
  background-position: -180px -570px;
}
.quiz-asset .scoreboard .a:before {
  content: '';
  float: left;
  width: 16px;
  height: 13px;
  background: url("/staticx/udemy/images/v3/sprites.png?v=17") -150px -570px;
  margin: 4px 5px 0 0;
}
.quiz-asset .scoreboard .assessment-stats {
  position: absolute;
  top: -50%;
}
.quiz-asset .scoreboard .assessment-stats > .a {
  float: left;
  margin-right: 10px;
}
.quiz-asset .scoreboard .progress-bar {
  background: #d6d6d6 ;
  margin: 0 40px 0 120px;
}
.quiz-asset .scoreboard .progress-bar span {
  background: #6a9d21 ;
}
@-webkit-keyframes throbber {
  0% {
    background: #dde2e7;
  }
  10% {
    background: #6b9dc8;
  }
  40% {
    background: #dde2e7;
  }
}
@-moz-keyframes throbber {
  0% {
    background: #dde2e7;
  }
  10% {
    background: #6b9dc8;
  }
  40% {
    background: #dde2e7;
  }
}
@-o-keyframes throbber {
  0% {
    background: #dde2e7;
  }
  10% {
    background: #6b9dc8;
  }
  40% {
    background: #dde2e7;
  }
}
@keyframes throbber {
  0% {
    background: #dde2e7;
  }
  10% {
    background: #6b9dc8;
  }
  40% {
    background: #dde2e7;
  }
}
/* :not(:required) hides these rules from IE9 and below */
.throbber:not(:required) {
  -webkit-animation: throbber 2000ms 300ms infinite ease-out;
  -moz-animation: throbber 2000ms 300ms infinite ease-out;
  -ms-animation: throbber 2000ms 300ms infinite ease-out;
  -o-animation: throbber 2000ms 300ms infinite ease-out;
  animation: throbber 2000ms 300ms infinite ease-out;
  background: #dde2e7;
  display: inline-block;
  position: relative;
  text-indent: -9999px;
  width: 0.9em;
  height: 1.5em;
  margin: 0 1.6em;
}
.throbber:not(:required):before,
.throbber:not(:required):after {
  background: #dde2e7;
  content: '\x200B';
  display: inline-block;
  width: 0.9em;
  height: 1.5em;
  position: absolute;
  top: 0;
}
.throbber:not(:required):before {
  -webkit-animation: throbber 2000ms 150ms infinite ease-out;
  -moz-animation: throbber 2000ms 150ms infinite ease-out;
  -ms-animation: throbber 2000ms 150ms infinite ease-out;
  -o-animation: throbber 2000ms 150ms infinite ease-out;
  animation: throbber 2000ms 150ms infinite ease-out;
  left: -1.6em;
}
.throbber:not(:required):after {
  -webkit-animation: throbber 2000ms 450ms infinite ease-out;
  -moz-animation: throbber 2000ms 450ms infinite ease-out;
  -ms-animation: throbber 2000ms 450ms infinite ease-out;
  -o-animation: throbber 2000ms 450ms infinite ease-out;
  animation: throbber 2000ms 450ms infinite ease-out;
  right: -1.6em;
}
.flex-display {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-display-forced {
  display: -webkit-box !important;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box !important;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox !important;
  /* TWEENER - IE 10 */
  display: -webkit-flex !important;
  /* NEW - Chrome */
  display: flex !important;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.justify-content-center {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  -o-justify-content: center;
  justify-content: center;
}
.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.video-status-message {
  text-align: center;
  background: #FFF;
  color: #000;
  width: 100%;
  height: 100%;
}
.video-status-message .video-status-message__title {
  padding-top: 30px;
  font-size: 24px;
}
.video-status-message .video-status-message__subtitle {
  padding-top: 10px;
  font-size: 18px;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'FontAwesome';
}
.video-js [class^="icon-"] {
  font-family: 'icomoon';
}
.icomoon {
  font-family: 'icomoon';
}
@font-face {
  font-family: VideoJS;
  src: local('Open Sans'), local('sans-serif');
}
.vjs-error .vjs-error-display {
  display: none;
}
.video-js.vjs-default-skin {
  width: 100%;
  height: 100%;
  outline: none;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Open Sans', sans-serif;
  overflow: hidden;
  font-size: 12px;
}
.video-js.vjs-default-skin * {
  box-sizing: border-box;
}
.video-js.vjs-default-skin img {
  width: auto;
  height: 100%;
}
.video-js.vjs-default-skin.tablet {
  font-size: 10px;
}
.video-js.vjs-default-skin.tablet .vjs-visible-desktop {
  display: none;
}
.video-js.vjs-default-skin.mobile-landscape {
  font-size: 10px;
}
.video-js.vjs-default-skin.mobile-landscape .vjs-visible-desktop {
  display: none;
}
.video-js.vjs-default-skin.mobile-landscape .vjs-text-track-display > div > div {
  font-size: 1.2em !important;
}
.video-js.vjs-default-skin.mobile-landscape .playback-controls {
  font-size: 0.6em;
}
.video-js.vjs-default-skin.mobile-landscape .vjs-control-bar .playback-controls {
  font-size: 1em;
}
.video-js.vjs-default-skin.mobile-portrait {
  font-size: 10px;
}
.video-js.vjs-default-skin.mobile-portrait .vjs-visible-desktop {
  display: none;
}
.video-js.vjs-default-skin.mobile-portrait .vjs-text-track-display > div > div {
  font-size: 1.2em !important;
}
.video-js.vjs-default-skin.mobile-portrait .playback-controls {
  font-size: 0.3em;
}
.video-js.vjs-default-skin.mobile-portrait .vjs-control-bar .playback-controls {
  font-size: 1em;
}
.video-js.vjs-default-skin .vjs-tech {
  background-color: #19191A;
}
.video-js.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
.video-js.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.video-js.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.video-js.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  height: 100%;
}
.video-js.vjs-default-skin .vjs-remaining-time.vjs-time-control {
  display: none;
}
.video-js.vjs-default-skin .vjs-control {
  width: 3em;
  height: 3em;
  font-size: 10px;
}
.video-js.vjs-default-skin .vjs-control .vjs-control-text {
  margin: 0;
}
.video-js.vjs-default-skin .vjs-control:focus:before,
.video-js.vjs-default-skin .vjs-control:hover:before {
  text-shadow: none;
  color: #fff;
}
.video-js.vjs-default-skin .vjs-control:before {
  transition: color .2s;
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -ms-transition: color .2s;
  -o-transition: color .2s;
}
.video-js.vjs-default-skin .vjs-control:after {
  content: '';
  width: 1.5em;
  height: 100%;
  position: absolute;
  right: 100%;
  top: -0.05em;
  display: none;
}
.video-js.vjs-default-skin .vjs-control.vjs-captions-button:hover:after,
.video-js.vjs-default-skin .vjs-control.vjs-res-button:hover:after {
  display: block;
}
.video-js.vjs-default-skin .vjs-custom-control-spacer {
  display: inherit;
  position: relative;
  top: .9em;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.video-js.vjs-default-skin .vjs-control-bar {
  display: -webkit-box !important;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box !important;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox !important;
  /* TWEENER - IE 10 */
  display: -webkit-flex !important;
  /* NEW - Chrome */
  display: flex !important;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 3;
  height: 7em;
}
.video-js.vjs-default-skin.vjs-controls-disabled .vjs-control-bar,
.video-js.vjs-default-skin.vjs-controls-disabled .playback-controls,
.video-js.vjs-default-skin.vjs-using-native-controls .vjs-control-bar,
.video-js.vjs-default-skin.vjs-using-native-controls .playback-controls,
.video-js.vjs-default-skin.vjs-error .vjs-control-bar,
.video-js.vjs-default-skin.vjs-error .playback-controls {
  display: none !important;
}
.video-js.vjs-default-skin .vjs-captions-button {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.video-js.vjs-default-skin .vjs-playback-rate {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.video-js.vjs-default-skin .vjs-volume-menu-button {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
.video-js.vjs-default-skin .vjs-res-button {
  -webkit-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  -ms-flex-order: 4;
  -webkit-order: 4;
  order: 4;
}
.video-js.vjs-default-skin .vjs-fullscreen-control {
  -webkit-box-ordinal-group: 5;
  -moz-box-ordinal-group: 5;
  -ms-flex-order: 5;
  -webkit-order: 5;
  order: 5;
}
.video-js.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -ms-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
}
.video-js.vjs-default-skin .vjs-text-track-display {
  transition: bottom 0.2s;
  -webkit-transition: bottom 0.2s;
  -moz-transition: bottom 0.2s;
  -ms-transition: bottom 0.2s;
  -o-transition: bottom 0.2s;
  bottom: 8em;
  pointer-events: none;
  z-index: 2;
}
.video-js.vjs-default-skin .vjs-text-track-display > div > div {
  font-size: 2em !important;
  top: auto !important;
  bottom: 0 !important;
  width: 100% !important;
}
.video-js.vjs-default-skin .vjs-text-track-display > div > div > div {
  color: #fff21f !important;
  padding: 2px 0;
  box-shadow: 8px 0 0 #000, -8px 0 0 #000;
}
.video-js.vjs-default-skin.vjs-user-inactive .vjs-text-track-display {
  bottom: 1em;
}
.video-js.vjs-default-skin .vjs-texttrack-settings {
  display: none;
}
.video-js.vjs-default-skin .vjs-big-play-button {
  display: none;
}
.video-js.vjs-default-skin .vjs-play-control.vjs-control {
  font-size: 1.2em;
  width: 2.3em;
  height: 3.6em;
}
.video-js.vjs-default-skin .vjs-play-control.vjs-control:before {
  font-family: 'UdemyIcons';
  font-family: 'icomoon';
  content: "\e60a";
  margin-left: 2px;
}
.video-js.vjs-default-skin .vjs-play-control.vjs-control.vjs-playing:before {
  content: "\e606";
  margin-left: 0;
}
.video-js.vjs-default-skin.vjs-playback-disabled .icon-speed-control,
.video-js.vjs-default-skin.vjs-playback-disabled .speed-adjust,
.video-js.vjs-default-skin.vjs-playback-disabled .vjs-playback-rate {
  visibility: hidden;
  pointer-events: none;
}
.video-js.vjs-default-skin .vjs-playback-rate {
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  -o-justify-content: center;
  justify-content: center;
}
.video-js.vjs-default-skin .vjs-playback-rate.vjs-hidden {
  display: none;
}
.video-js.vjs-default-skin .vjs-playback-rate-value {
  width: 3em;
  height: 1.8em;
  line-height: 1.8em;
  position: relative;
  font-size: 1em;
  font-weight: 900;
  text-shadow: none;
  border-radius: 10%;
  color: #000;
  background-color: rgba(255, 255, 255, 0.9);
}
.video-js.vjs-default-skin .vjs-playback-rate-value:hover {
  background-color: #fff;
  color: #000;
}
.video-js.vjs-default-skin .vjs-tech,
.video-js.vjs-default-skin .vjs-poster {
  top: auto;
  left: auto;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
  -webkit-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
  -moz-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
  -ms-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
  -o-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
}
.video-js.vjs-default-skin .vjs-slide-window {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  background-color: #19191A;
  text-align: center;
  transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
  -webkit-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
  -moz-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
  -ms-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
  -o-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
}
.video-js.vjs-default-skin .vjs-slide-window:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.video-js.vjs-default-skin .vjs-slide-window > img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.video-js.vjs-default-skin .vjs-poster.mashup-window-content,
.video-js.vjs-default-skin .mashup-window-content {
  width: 17em;
  height: 10em;
  right: 2em;
  bottom: 9em;
  box-sizing: content-box;
  border: 2px solid #19191A;
  z-index: 1;
  opacity: 0.5;
  transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
  -webkit-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
  -moz-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
  -ms-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
  -o-transition: right 1s ease, bottom 1s ease, width 1s ease, height 1s ease;
}
.video-js.vjs-default-skin .mashup-window-overlay {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  width: 17em;
  height: 10em;
  bottom: 9em;
  right: 2em;
  z-index: 2;
}
.video-js.vjs-default-skin .vjs-intervals {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js.vjs-default-skin .vjs-intervals .vjs-interval {
  float: left;
  height: 100%;
  box-shadow: inset -2px 0 #FFF;
  margin: 0 auto;
  overflow: visible;
}
.video-js.vjs-default-skin .vjs-intervals .vjs-interval > div {
  display: block;
  text-align: center;
  pointer-events: none;
  position: relative;
  width: 100%;
  min-width: 10em;
  bottom: 5.5em;
  right: -50%;
}
.video-js.vjs-default-skin .vjs-intervals .vjs-interval img {
  display: block;
  margin: 0 auto;
  visibility: hidden;
  position: relative;
  width: 8em;
  height: 4.5em;
  border: 2px solid #19191A;
  left: -50%;
}
.video-js.vjs-default-skin .vjs-intervals .vjs-interval:hover img {
  visibility: visible;
}
.video-js.vjs-default-skin .vjs-slide-thumbnail {
  width: 15em;
  height: 7.5em;
  position: absolute;
  bottom: 5.5em;
  border: 5px solid #000;
  z-index: 3;
  visibility: hidden;
}
.video-js.vjs-default-skin .vjs-load-progress {
  background: #757575;
}
.video-js.vjs-default-skin .vjs-play-progress {
  background: #24a829;
}
.video-js.vjs-default-skin .vjs-play-progress:before {
  font-family: 'UdemyIcons';
  font-family: 'icomoon';
  content: "\e600";
  font-size: 1.8em;
  top: -0.17em;
  color: #FFF;
  text-shadow: none;
  text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
  transform: rotate(scale(0.5));
  -ms-transform: rotate(scale(0.5));
  -webkit-transform: rotate(scale(0.5));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition: transform 0.4s, opacity 0.4s;
  -moz-transition: transform 0.4s, opacity 0.4s;
  -ms-transition: transform 0.4s, opacity 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
}
.video-js.vjs-default-skin .vjs-volume-level {
  background: #24A829;
}
.video-js.vjs-default-skin .vjs-progress-control.vjs-control {
  position: absolute;
  width: auto;
}
.video-js.vjs-default-skin .vjs-progress-control.vjs-control:hover .vjs-progress-holder {
  font-size: inherit;
}
.video-js.vjs-default-skin .vjs-slider {
  margin: 0;
}
.video-js.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.video-js.vjs-default-skin .vjs-menu-button:hover .vjs-menu,
.video-js.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
.video-js.vjs-default-skin .vjs-menu-button .vjs-menu {
  z-index: 3;
  border-top-width: 2px;
  border-top-color: transparent;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transform: translate(0, 1em);
  -webkit-transform: translate(0, 1em);
  -moz-transform: translate(0, 1em);
  -ms-transform: translate(0, 1em);
  -o-transform: translate(0, 1em);
}
.video-js.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  right: 2em;
  bottom: 1.5em;
  background-color: rgba(0, 0, 0, 0.9);
  box-shadow: none;
  max-height: none;
  left: auto;
  width: auto;
  white-space: nowrap;
}
.video-js.vjs-default-skin .vjs-menu-button.vjs-volume-menu-button.vjs-volume-menu-button-vertical .vjs-menu .vjs-menu-content {
  position: absolute;
  width: 3em;
  height: 18em;
  left: -0.5em;
  overflow: visible;
  background-color: rgba(0, 0, 0, 0);
}
.video-js.vjs-default-skin .vjs-menu-button.vjs-volume-menu-button.vjs-volume-menu-button-vertical .vjs-menu .vjs-menu-content .vjs-volume-bar {
  position: absolute;
  bottom: 0;
  width: 3em;
  height: 16em;
  margin: 0;
  background-color: #303132;
  border: .4em solid #000;
  border-radius: .5em;
  overflow: hidden;
}
.video-js.vjs-default-skin .vjs-menu-button.vjs-volume-menu-button.vjs-volume-menu-button-vertical .vjs-menu .vjs-menu-content .vjs-volume-bar .vjs-volume-level {
  width: 3em;
}
.video-js.vjs-default-skin .vjs-menu-button.vjs-volume-menu-button.vjs-volume-menu-button-vertical .vjs-menu .vjs-menu-content .vjs-volume-bar .vjs-volume-level:before {
  content: '';
}
.video-js.vjs-default-skin .vjs-menu-button.vjs-volume-menu-button.vjs-volume-menu-button-vertical .vjs-menu .vjs-menu-content .vjs-volume-bar:hover .vjs-volume-level {
  border-top: 2px solid #fff;
}
.video-js.vjs-default-skin .vjs-menu-button.vjs-fullscreen-control .vjs-menu .vjs-menu-content {
  width: auto;
}
.video-js.vjs-default-skin .vjs-menu-button.vjs-fullscreen-control .vjs-menu .vjs-menu-content .vjs-menu-title {
  text-align: right;
  padding: .5em 1em;
}
.video-js.vjs-default-skin .vjs-menu-button ul li {
  color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding: 5px 20px 5px 15px;
  font-size: 1.25em;
}
.video-js.vjs-default-skin .vjs-menu-button ul li:before {
  font-family: 'UdemyIcons';
  font-family: 'icomoon';
  content: '\e600';
  position: absolute;
  right: 5px;
  font-size: 0.5em;
  color: #16A91B;
  display: none;
}
.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: transparent;
  color: #FFF;
}
.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-selected:before {
  display: block;
  right: 15px;
}
.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-item {
  text-transform: none;
}
.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: left;
  text-transform: none;
  padding: 5px 20px 5px 15px;
  color: #FFF;
  font-weight: bold;
  font-size: 1.25em;
  margin: 0;
  line-height: 1.2;
}
.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title:hover {
  cursor: default;
  background-color: transparent;
  color: #FFF;
}
.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-item:focus,
.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-item:hover,
.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-item.vjs-selected:focus,
.video-js.vjs-default-skin .vjs-menu-button ul li.vjs-menu-item.vjs-selected:hover {
  background-color: #4d4d4d;
  color: #FFF;
  box-shadow: none;
}
.video-js.vjs-default-skin .vjs-res-button:before {
  font-family: icomoon;
  content: '\e607';
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -ms-transition: 0.2s all;
  -o-transition: 0.2s all;
}
.video-js.vjs-default-skin .vjs-res-button:hover:before {
  color: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.video-js.vjs-default-skin .vjs-res-button .vjs-control-text {
  font-size: 0;
}
.video-js.vjs-default-skin .vjs-res-button .vjs-res-menu-extra-item {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.video-js.vjs-default-skin .vjs-res-button .vjs-res-menu-extra-item ~ .vjs-res-menu-extra-item {
  border-top: none;
}
.video-js.vjs-default-skin .vjs-fullscreen-control:before {
  transform: rotate(rotate(-90deg));
  -ms-transform: rotate(rotate(-90deg));
  -webkit-transform: rotate(rotate(-90deg));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.video-js.vjs-default-skin .vjs-fullscreen-control:before {
  font-family: 'UdemyIcons';
  font-family: 'icomoon';
  content: '\e808';
}
.video-js.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: '\e60f';
}
.video-js.vjs-default-skin .vjs-fullscreen-control:hover:before {
  transform: rotate(rotate(-90deg) scale(1.2));
  -ms-transform: rotate(rotate(-90deg) scale(1.2));
  -webkit-transform: rotate(rotate(-90deg) scale(1.2));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: rotate(-90deg) scale(1.2);
  -moz-transform: rotate(-90deg) scale(1.2);
  -ms-transform: rotate(-90deg) scale(1.2);
  -o-transform: rotate(-90deg) scale(1.2);
  transform: rotate(-90deg) scale(1.2);
}
.video-js.vjs-default-skin .vjs-captions-button:before {
  font-family: 'UdemyIcons';
  font-family: 'icomoon';
  content: '\e602';
  color: rgba(255, 255, 255, 0.9);
}
.video-js.vjs-default-skin .vjs-volume-menu-button:before {
  font-family: 'UdemyIcons';
  font-family: 'icomoon';
  content: '\e611';
}
.video-js.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before,
.video-js.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before,
.video-js.vjs-default-skin .vjs-volume-menu-button.vjs-vol-3:before {
  content: '\e611';
}
.video-js.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: '\e610';
}
.video-js.vjs-default-skin .vjs-loading-spinner {
  border: none;
  font-size: 64px;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  opacity: 1;
  animation: vjs-spinner-spin 1.5s infinite linear;
  -webkit-animation: vjs-spinner-spin 1.5s infinite linear;
}
.video-js.vjs-default-skin .vjs-loading-spinner:before {
  font-family: 'UdemyIcons';
  font-family: 'icomoon';
  content: '\e613';
  position: static;
  margin: 0;
}
.video-js.vjs-default-skin .vjs-loading-spinner:after {
  content: none;
}
.video-js.vjs-default-skin .vjs-quality-button {
  display: none;
}
.video-js.vjs-default-skin.ct_base_variation_2.vjs-paused .playback-controls .vjs-play-control.vjs-control:before {
  margin-left: 3px;
}
.video-js.vjs-default-skin.ct_base .vjs-menu-content {
  display: none;
}
.video-js.vjs-udemy-skin-v2 {
  font-size: 12px;
}
.video-js.vjs-udemy-skin-v2 .vjs-control-bar > .vjs-control {
  top: 1em;
}
.video-js.vjs-udemy-skin-v2 .vjs-progress-control.vjs-control {
  top: 1em;
  margin-top: 0em;
  padding: .5em 0;
  height: 1.7em;
  left: 1em;
  right: 7.5em;
  transition: top 0.4s, height 0.4s;
  -webkit-transition: top 0.4s, height 0.4s;
  -moz-transition: top 0.4s, height 0.4s;
  -ms-transition: top 0.4s, height 0.4s;
  -o-transition: top 0.4s, height 0.4s;
}
.video-js.vjs-udemy-skin-v2 .vjs-progress-control.vjs-control .vjs-slider {
  /* border-radius */
  -webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
  -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
  border-radius: 0.5em 0.5em 0.5em 0.5em;
  background: rgba(255, 255, 255, 0.2);
}
.video-js.vjs-udemy-skin-v2 .vjs-progress-control.vjs-control .vjs-slider .vjs-load-progress {
  background: rgba(255, 255, 255, 0.5);
}
.video-js.vjs-udemy-skin-v2 .vjs-progress-control.vjs-control .vjs-slider .vjs-load-progress,
.video-js.vjs-udemy-skin-v2 .vjs-progress-control.vjs-control .vjs-slider .vjs-play-progress {
  /* border-radius */
  -webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
  -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
  border-radius: 0.5em 0.5em 0.5em 0.5em;
}
.video-js.vjs-udemy-skin-v2 .vjs-progress-control.vjs-control:hover {
  top: 0.5em;
  height: 2.2em;
}
.video-js.vjs-udemy-skin-v2 .vjs-progress-control.vjs-control:hover .vjs-play-progress:before {
  opacity: 1;
  transform: rotate(scale(1));
  -ms-transform: rotate(scale(1));
  -webkit-transform: rotate(scale(1));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.video-js.vjs-udemy-skin-v2 .vjs-play-progress:before {
  opacity: 0;
}
.video-js.vjs-udemy-skin-v2 .vjs-control-bar {
  height: 7em;
  padding: 0 1em;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.video-js.vjs-udemy-skin-v2 .vjs-mouse-display:after,
.video-js.vjs-udemy-skin-v2 .vjs-play-progress:after {
  content: none;
}
.video-js.vjs-udemy-skin-v2 .vjs-time-control,
.video-js.vjs-udemy-skin-v2 .vjs-time-divider {
  display: inherit;
  line-height: 0.7em;
  height: 0.7em;
  position: absolute;
  margin-top: .5em;
}
.video-js.vjs-udemy-skin-v2 .vjs-current-time {
  text-align: right;
  width: 2.5em;
  top: .3em;
  right: 4.5em;
}
.video-js.vjs-udemy-skin-v2 .vjs-time-divider {
  top: 1em;
  font-size: 10px;
  text-align: center;
  width: 1em;
  right: 3.5em;
}
.video-js.vjs-udemy-skin-v2 .vjs-duration {
  text-align: left;
  width: 2.5em;
  right: 1em;
}
.video-js.vjs-udemy-skin-v2 .vjs-fullscreen-control:hover:before {
  transform: rotate(rotate(-90deg));
  -ms-transform: rotate(rotate(-90deg));
  -webkit-transform: rotate(rotate(-90deg));
  -webkit-backface-visibility: hidden;
  /* transform */
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.video-js.vjs-udemy-skin-v2 .vjs-play-control {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.video-js.vjs-udemy-skin-v2 .vjs-custom-control-spacer {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.video-js.vjs-udemy-skin-v2 .vjs-playback-rate {
  -webkit-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  -ms-flex-order: 4;
  -webkit-order: 4;
  order: 4;
}
.video-js.vjs-udemy-skin-v2 .vjs-captions-button {
  -webkit-box-ordinal-group: 5;
  -moz-box-ordinal-group: 5;
  -ms-flex-order: 5;
  -webkit-order: 5;
  order: 5;
}
.video-js.vjs-udemy-skin-v2 .vjs-volume-menu-button {
  -webkit-box-ordinal-group: 6;
  -moz-box-ordinal-group: 6;
  -ms-flex-order: 6;
  -webkit-order: 6;
  order: 6;
}
.video-js.vjs-udemy-skin-v2 .vjs-res-button {
  -webkit-box-ordinal-group: 7;
  -moz-box-ordinal-group: 7;
  -ms-flex-order: 7;
  -webkit-order: 7;
  order: 7;
}
.video-js.vjs-udemy-skin-v2 .vjs-fullscreen-control {
  -webkit-box-ordinal-group: 8;
  -moz-box-ordinal-group: 8;
  -ms-flex-order: 8;
  -webkit-order: 8;
  order: 8;
}
.video-js.vjs-udemy-skin-v2.ct_v4_variation_2 .vjs-play-control {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.video-js.vjs-udemy-skin-v2.ct_v4_variation_2 .playback-controls {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.video-js.vjs-udemy-skin-v2.ct_v4_variation_2 .vjs-custom-control-spacer {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
.video-js.vjs-udemy-skin-v2.ct_v4_variation_2 .vjs-captions-button {
  -webkit-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  -ms-flex-order: 4;
  -webkit-order: 4;
  order: 4;
}
.video-js.vjs-udemy-skin-v2.ct_v4_variation_2 .vjs-volume-menu-button {
  -webkit-box-ordinal-group: 5;
  -moz-box-ordinal-group: 5;
  -ms-flex-order: 5;
  -webkit-order: 5;
  order: 5;
}
.video-js.vjs-udemy-skin-v2.ct_v4_variation_2 .vjs-res-button {
  -webkit-box-ordinal-group: 6;
  -moz-box-ordinal-group: 6;
  -ms-flex-order: 6;
  -webkit-order: 6;
  order: 6;
}
.video-js.vjs-udemy-skin-v2.ct_v4_variation_2 .vjs-fullscreen-control {
  -webkit-box-ordinal-group: 7;
  -moz-box-ordinal-group: 7;
  -ms-flex-order: 7;
  -webkit-order: 7;
  order: 7;
}
.text-green {
  color: #17aa1c;
}
.text-green-force {
  color: #17aa1c !important;
}
.bg-green {
  background-color: #17aa1c;
}
.text-white {
  color: #ffffff;
}
.text-white-force {
  color: #ffffff !important;
}
.bg-white {
  background-color: #ffffff;
}
.text-black {
  color: #000000;
}
.text-black-force {
  color: #000000 !important;
}
.bg-black {
  background-color: #000000;
}
.text-light-grey {
  color: #f4f4f4;
}
.text-light-grey-force {
  color: #f4f4f4 !important;
}
.bg-light-grey {
  background-color: #f4f4f4;
}
.text-highlight-grey {
  color: #cbcbcb;
}
.text-highlight-grey-force {
  color: #cbcbcb !important;
}
.bg-highlight-grey {
  background-color: #cbcbcb;
}
.text-dark-grey {
  color: rgba(0, 0, 0, 0.8);
}
.text-dark-grey-force {
  color: rgba(0, 0, 0, 0.8) !important;
}
.bg-dark-grey {
  background-color: rgba(0, 0, 0, 0.8);
}
.text-medium-grey {
  color: rgba(0, 0, 0, 0.55);
}
.text-medium-grey-force {
  color: rgba(0, 0, 0, 0.55) !important;
}
.bg-medium-grey {
  background-color: rgba(0, 0, 0, 0.55);
}
.text-line-grey {
  color: rgba(0, 0, 0, 0.25);
}
.text-line-grey-force {
  color: rgba(0, 0, 0, 0.25) !important;
}
.bg-line-grey {
  background-color: rgba(0, 0, 0, 0.25);
}
.text-link-blue {
  color: #1376d7;
}
.text-link-blue-force {
  color: #1376d7 !important;
}
.bg-link-blue {
  background-color: #1376d7;
}
.text-purple {
  color: #6f55a0;
}
.text-purple-force {
  color: #6f55a0 !important;
}
.bg-purple {
  background-color: #6f55a0;
}
.text-turquoise {
  color: #0eadad;
}
.text-turquoise-force {
  color: #0eadad !important;
}
.bg-turquoise {
  background-color: #0eadad;
}
.text-blue {
  color: #298fb7;
}
.text-blue-force {
  color: #298fb7 !important;
}
.bg-blue {
  background-color: #298fb7;
}
.text-orange {
  color: #ef8d2b;
}
.text-orange-force {
  color: #ef8d2b !important;
}
.bg-orange {
  background-color: #ef8d2b;
}
.text-red {
  color: #d23837;
}
.text-red-force {
  color: #d23837 !important;
}
.bg-red {
  background-color: #d23837;
}
/*
Brand Color
-------------------
Dat Beautiful Udemy Green™
*/
/*
Background Colors
-------------------
Used for foundational elements including backgrounds, and interface components.
*/
/*
Text Colors
-------------------
Used for text. Opacity is intentional due to multiple possible backgrounds.
*/
/*
Accent Colors
---------------
Used sparingly for secondary interface components charts, graphs, and points of emphasis.
*/
/*
Miscellaneous Colors
----------------------
Entries in this section need a comment next to the variable indicating what it's for
*/
/*
Theme Colors
----------------------
Channels (categories) are expressed through themes that are made up of color blocks,
buttons, and link colors that help highlight content in a unique and expressive way.
*/
/*
You are free to style the button however you wish. I plan to use
an icon from my site's own icon font to make it more visible. These
are just basic styles to make it look ok with plain text.
*/
/* Position the button */
.vjs-res-button {
  float: right;
  line-height: 3em;
}
/* Don't show hover effects on title */
ul li.vjs-menu-title.vjs-res-menu-title:hover {
  cursor: default;
  background-color: transparent;
  color: #CCC;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* Needed to keep text visible in video.js 4.9 */
.vjs-res-button .vjs-control-text {
  width: auto;
  height: auto;
  clip: auto;
}
.flex-display {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.vjs-has-started.vjs-user-inactive .playback-controls {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -ms-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
}
.video-js.vjs-default-skin .playback-controls {
  font-family: 'Open Sans', sans-serif;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 1em;
  z-index: 2;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  right: 0;
  bottom: 5em;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  pointer-events: none;
}
.video-js.vjs-default-skin .playback-controls a {
  pointer-events: visible;
  text-decoration: none;
  cursor: pointer;
}
.video-js.vjs-default-skin .playback-controls .number-text {
  font-family: 'Open Sans', sans-serif;
  font-size: .5em;
  font-weight: 300;
}
.video-js.vjs-default-skin .playback-controls .vjs-playback-rate {
  pointer-events: all;
}
.video-js.vjs-default-skin .playback-controls .icon-vjs-rewind {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.video-js.vjs-default-skin .playback-controls .vjs-playback-rate,
.video-js.vjs-default-skin .playback-controls .icon-speed-control,
.video-js.vjs-default-skin .playback-controls .vjs-play-control {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.video-js.vjs-default-skin .playback-controls .icon-vjs-forward {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
.video-js.vjs-default-skin .playback-controls .icon-vjs-rewind,
.video-js.vjs-default-skin .playback-controls .icon-vjs-forward {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  font-size: 6em;
  color: #FFF;
  padding: .3em;
  position: relative;
}
.video-js.vjs-default-skin .playback-controls .icon-vjs-rewind > div,
.video-js.vjs-default-skin .playback-controls .icon-vjs-forward > div {
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Open Sans', sans-serif;
  font-size: .5em;
  font-weight: 300;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js.vjs-default-skin .playback-controls .icon-vjs-rewind:hover,
.video-js.vjs-default-skin .playback-controls .icon-vjs-forward:hover {
  background: rgba(0, 0, 0, 0.4);
}
.video-js.vjs-default-skin .playback-controls .icon-vjs-rewind:active,
.video-js.vjs-default-skin .playback-controls .icon-vjs-forward:active {
  background: rgba(0, 0, 0, 0.55);
}
.video-js.vjs-default-skin .playback-controls .icon-speed-control {
  margin: 0 1em;
  width: 13em;
}
.video-js.vjs-default-skin .playback-controls .speed-no {
  background: rgba(0, 0, 0, 0.2);
  display: block;
  text-align: center;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
  padding: .5em;
  color: #FFF;
  font-family: 'Open Sans', sans-serif;
  font-size: .5em;
  font-weight: 300;
  font-size: 4.2em;
}
.video-js.vjs-default-skin .playback-controls .speed-adjust-wrap {
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin-top: .2em;
}
.video-js.vjs-default-skin .playback-controls .speed-adjust {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  padding: 10px;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.video-js.vjs-default-skin .playback-controls .speed-adjust:hover {
  background: rgba(0, 0, 0, 0.4);
}
.video-js.vjs-default-skin .playback-controls .speed-up {
  font-size: 1.8em;
  border-bottom-right-radius: .85em;
}
.video-js.vjs-default-skin .playback-controls .speed-down {
  font-size: .2em;
  margin-right: 1em;
  border-bottom-left-radius: 7.5em;
}
.video-js.vjs-default-skin .playback-controls .vjs-play-control.vjs-control {
  font-size: 3em;
  width: 3em;
  height: 3em;
  pointer-events: visible;
  text-decoration: none;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
.video-js.vjs-default-skin .playback-controls .vjs-play-control.vjs-control:before {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
.video-js.vjs-default-skin .playback-controls .vjs-play-control.vjs-control:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.video-js.vjs-default-skin.vjs-user-inactive .vjs-control-bar .playback-controls {
  visibility: visible;
  opacity: 1;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
.video-js.vjs-default-skin .vjs-control-bar .playback-controls {
  position: relative;
}
.video-js.vjs-default-skin .vjs-control-bar .playback-controls .icon-vjs-rewind,
.video-js.vjs-default-skin .vjs-control-bar .playback-controls .icon-vjs-forward {
  background-color: transparent;
  font-size: 2em;
  font-weight: 600;
}
.video-js.vjs-default-skin .vjs-control-bar .playback-controls .icon-vjs-rewind > div,
.video-js.vjs-default-skin .vjs-control-bar .playback-controls .icon-vjs-forward > div {
  font-weight: 600;
}
.video-js.vjs-default-skin .vjs-control-bar .vjs-playback-rate {
  margin: 0 .5em;
}
.video-js.vjs-default-skin .vjs-control-bar .vjs-playback-rate .vjs-menu-content {
  right: 0;
}
.video-js.vjs-udemy-skin-v2 .vjs-control-bar .vjs-custom-control-spacer {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
.video-js.vjs-udemy-skin-v2 .vjs-control-bar .playback-controls {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  top: 1em;
  margin-top: -0.5em;
}
.video-js.vjs-default-skin.ct_base_variation_2 .playback-controls .icon-vjs-rewind,
.video-js.vjs-default-skin.ct_base_variation_2 .playback-controls .icon-vjs-forward {
  font-size: 5em;
}
.video-js.vjs-default-skin.ct_base_variation_2 .playback-controls .icon-vjs-rewind > div,
.video-js.vjs-default-skin.ct_base_variation_2 .playback-controls .icon-vjs-forward > div {
  font-size: .5em;
}
.video-js.vjs-default-skin.ct_base_variation_2 .playback-controls .vjs-play-control.vjs-control {
  font-size: 1em;
  width: 8em;
  height: 8em;
  margin: 0 3.5em;
  pointer-events: visible;
  text-decoration: none;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
.video-js.vjs-default-skin.ct_base_variation_2 .playback-controls .vjs-play-control.vjs-control:before {
  line-height: 2em;
  font-size: 4em;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
.video-js.vjs-default-skin.ct_base_variation_2 .playback-controls .vjs-play-control.vjs-control:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.video-js.vjs-default-skin .vjs-bookmark {
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: #FFF;
  background-clip: content-box;
  overflow: visible;
}
.video-js.vjs-default-skin .vjs-bookmark > div {
  display: block;
  text-align: center;
  pointer-events: none;
  position: relative;
  width: 100%;
  min-width: 366px;
  right: -50%;
}
.video-js.vjs-default-skin .vjs-bookmark:hover .vjs-bookmark__content,
.video-js.vjs-default-skin .vjs-bookmark.vjs-bookmark--focus .vjs-bookmark__content {
  visibility: visible;
}
.video-js.vjs-default-skin .vjs-bookmark.vjs-bookmark--closed .vjs-bookmark__content {
  visibility: hidden !important;
}
.video-js.vjs-default-skin .vjs-bookmark__content {
  visibility: hidden;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  width: 366px;
  font-size: 1.6em;
  line-height: 1;
  pointer-events: all;
}
.video-js.vjs-default-skin .vjs-bookmark__content .ud_icon-bookmark {
  position: absolute;
  top: 6px;
  left: 10px;
  color: #17aa1c;
}
.video-js.vjs-default-skin .vjs-bookmark__content .ud_icon-delete {
  position: absolute;
  top: 6px;
  right: 10px;
}
.video-js.vjs-default-skin .vjs-bookmark__content textarea {
  background-color: #000;
  color: #FFF;
  border: 0;
  border-radius: 4px;
  padding: 6px 70px 6px 30px;
  resize: none;
  -ms-overflow-style: none;
  width: 100%;
  height: 26px;
}
.video-js.vjs-default-skin .vjs-bookmark__content textarea:focus {
  outline: 0;
}
.video-js.vjs-default-skin .vjs-bookmark__content .vjs-bookmark__content__counter {
  position: absolute;
  top: 6px;
  right: 30px;
}
.video-js.vjs-default-skin .vjs-bookmark__content .vjs-bookmark__content__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 26px;
  padding: 6px 70px 6px 30px;
  opacity: 0.8;
  text-align: left;
}
.ud-iframe-ready {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.asset-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
.asset-container__placeholder {
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.placeholder__thumbnail-container {
  width: 100%;
  height: 100%;
  text-align: center;
  font: 0/0 a;
}
.placeholder__thumbnail-container:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.placeholder__thumbnail-container > img {
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.processing {
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fefefe;
  margin: 0px;
}
.vp-popup {
  font-family: 'Open Sans', sans-serif;
  position: absolute;
  top: 0;
  visibility: hidden;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 1;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.inner {
  width: auto;
  max-width: 600px;
  font-size: 14px;
  background: #fff;
  border-radius: 5px;
}
.top {
  padding: 20px;
}
.top h2 {
  font-weight: 400;
  margin: 0 0 10px 0;
}
.bottom {
  background: #eee;
  border-radius: 0 0 5px 5px;
  padding: 20px;
}
.bottom-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
.btn-wrapper {
  flex: 1;
}
.action-btn {
  display: inline-block;
  background: #0055a6;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
}
.action-btn:hover {
  background: #01488c;
  color: #fff;
}
.gray-btn {
  background: #ccc;
}
.gray-btn:hover {
  background: #888;
}
.error-no {
  font-size: 14px;
  color: #999;
}
.ml5 {
  margin-left: 5px;
}
@media (max-width: 480px) {
  .playback-controls .speed-no {
    font-size: 30px;
    padding: 15px;
  }
  .playback-controls .icon-speed-control {
    width: 100px;
  }
  .playback-controls .speed-down {
    font-size: 1px;
  }
  .playback-controls .speed-up {
    font-size: 10px;
  }
  .playback-controls .icon-vjs-rewind,
  .playback-controls .icon-vjs-forward {
    padding: 25px;
    font-size: 45px;
  }
  .playback-controls .icon-vjs-rewind > div,
  .playback-controls .icon-vjs-forward > div {
    font-size: 23px;
  }
}