/**
 * Logo
 */
body.scrolled.post-type-archive-demo #amcharts, body.scrolled.post-type-archive-demo3 #amcharts {
  opacity: 1;
}

/**
 * Common elements
 */

body.post-type-archive-demo .offset-target, body.post-type-archive-demo3 .offset-target {
  margin-top: -121px;
}

body.admin-bar.post-type-archive-demo .offset-target, body.admin-bar.post-type-archive-demo3 .offset-target {
  margin-top: -153px;
}

/**
 * Demos
 */
.category-description {
  margin: 1em 0;
}

.demo.thumbnail {
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: 0px 2px 10px -5px #000000;
  box-shadow: 0px 2px 10px -5px #000000;
  height: 230px;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
}

.demo.thumbnail:hover {
  -webkit-box-shadow: 0 5px 20px -5px #000000;
  box-shadow: 0 5px 20px -5px #000000;
}

.demo.thumbnail .entry-header {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.demo.thumbnail .entry-title {
  display: block;
  padding: 15px;
  color: #5fb3f3;
  text-align: center;
}

.demo.thumbnail:hover .entry-title {
  color: #000;
}

.demo-theme-dark .demo.thumbnail:hover .entry-title, .demo-theme-amchartsdark .demo.thumbnail:hover .entry-title {
  color: #5fb3f3;
}

.demo.thumbnail .entry-thumbnail {
  width: 100%;
  height: 100%;
  /* height: 195px; */
  padding: 6px;
  text-align: center;
}

.demo.thumbnail .entry-thumbnail img {
  max-width: 100%;
  display: none;
  border: none;
}

.demo-theme-none .demo.thumbnail .entry-thumbnail img.demo-theme-none,
.demo-theme-light .demo.thumbnail .entry-thumbnail img.demo-theme-light,
.demo-theme-dark .demo.thumbnail .entry-thumbnail img.demo-theme-dark,
.demo-theme-amchartsdark .demo.thumbnail .entry-thumbnail img.demo-theme-amchartsdark,
.demo-theme-amcharts .demo.thumbnail .entry-thumbnail img.demo-theme-amcharts,
.demo-theme-black .demo.thumbnail .entry-thumbnail img.demo-theme-black,
.demo-theme-chalk .demo.thumbnail .entry-thumbnail img.demo-theme-chalk,
.demo-theme-material .demo.thumbnail .entry-thumbnail img.demo-theme-material,
.demo-theme-kelly .demo.thumbnail .entry-thumbnail img.demo-theme-kelly,
.demo-theme-dataviz .demo.thumbnail .entry-thumbnail img.demo-theme-dataviz,
.demo-theme-frozen .demo.thumbnail .entry-thumbnail img.demo-theme-frozen,
.demo-theme-moonrisekingdom .demo.thumbnail .entry-thumbnail img.demo-theme-moonrisekingdom,
.demo-theme-spiritedaway .demo.thumbnail .entry-thumbnail img.demo-theme-spiritedaway
 {
  display: block;
}

.demo-theme-dark .demo-background, .demo-theme-amchartsdark .demo-background {
  background: #222;
  color:#fff;
}

.demo-theme-dark .demo3 .demo-background, .demo-theme-amchartsdark .demo3 .demo-background, .single-demo3.demo-theme-dark .demo-background {
  background: #3f3f4f;
}

.demo-theme-dark .section-header.demo-background, .demo-theme-amchartsdark .section-header.demo-background {
  background: #222;
}

.demo-theme-black .demo-background {
  background: #000;
  color:#fff;
}

.demo-theme-black .section-header.demo-background {
  background: #36312f;
}

.demo-theme-chalk .demo-background {
  background: #3f3e3b url(img/chalk-bg.jpg);
  background-size: cover;
  color:#fff;
}

.demo-theme-chalk.archive .demo-background,
.demo-theme-chalk .carousel-item .demo-background {
  background-image: none;
}

.demo-theme-chalk .section-header.demo-background {
  background: #36312f;
}

@media (max-width: 1136px) {

  .demo.thumbnail .entry-thumbnail {
    position: relative;
  }

  .demo.thumbnail {
    height: auto;
  }

  .demo.thumbnail .entry-header {
    position: relative;
    bottom: auto;
  }

  .demo-theme-switcher {
    width: 100%;
  }

}

/**
 * Demo category/archive header
 */

.demo-header-wrapper {
  position: fixed;
  width: 100%;
  z-index: 50;
}

.demo-header {
  color: #474758;
  font-size: 1.2em;
  height: 110px;
  text-align: center;
  -webkit-box-shadow: 0px 2px 10px -5px #000000;
  box-shadow: 0px 2px 10px -5px #000000;
  padding-bottom: 0;
  line-height: 100%;
  border-bottom: #e8e8e9;
  padding: 60px 0 40px 0;
}

/* .demo-header {
  color: #fff;
  padding: 60px 0 40px 0;
} */

.demo-header, .demo-category-header {
  overflow: hidden;
  /*width: 100%;*/
  /* height: 60px; */
  /* top: 0;
  left: 0; */
  /*z-index: 95;*/
  /*background: #f6f6f7;
  background: rgba(246, 246, 247, 0.95);*/
  position: relative;
}

.demo-category-header h1 {
  margin-bottom: 10px;
}

body.admin-bar .demo-header {
  top: 32px;
}

/* body.admin-bar .demo-category-header {
  top: 42px;
} */

#demo-categories {
  margin-top: 1em;
}

body.archive .demo-category-header {
  /*top: 93px;*/
  /*min-height: 100px;*/
  /*z-index: 90;*/
  padding-top: 3em;
}

.demo-category-header #demo-category {
  float: left;
  font-family: Roboto;
  font-weight: 300;
  font-size: 1.7em;
}

/* body.admin-bar .demo-category-header {
  top: 125px;
} */

.demo-category-header:after {
  clear: all;
}

.demo-list {
  padding-top: 1em;
}

body.post-type-archive-demo .content-demos,
body.post-type-archive-demo3 .content-demos,
body.single-demo .content-demos,
body.single-demo3 .content-demos {
  padding-top: 8em;
}

@media (max-width: 1136px) {

  .demo-header-wrapper {
    position: relative;
  }

  .demo-header {
    display: none;
  }

  .demo-category-header {
    float: none;
    height: auto;
    padding: 0;
  }

  .demo-category-header #demo-category {
    display: none;
  }

  .demo-header,
  .demo-category-header,
  body.admin-bar .demo-category-header {
    top: auto;
  }

  body.post-type-archive-demo .content-demos {
    padding-top: 0;
  }

  body.post-type-archive-demo .content-demos,
  body.post-type-archive-demo3 .content-demos,
  body.single-demo .content-demos,
  body.single-demo3 .content-demos {
    padding-top: 1em;
  }

}

/**
 * Demo product switcher
 */

.demo-header ul.menu.product-switcher {
  display: inline-block;
  /* margin-top: -17px; */
}

.demo-header ul.menu.product-switcher li.menu-item a {
  padding: 15px 0;
  text-decoration: none;
  margin: 0 20px;
  border-bottom: 2px solid transparent;
}

.demo-header ul.menu.product-switcher li.menu-item a:hover {
  color: #000;
  border-bottom: 2px solid #5fb3f3;
}

/**
 * Demo carousel
 */

/* .demo-carousel .carousel {
  padding: 0;
  margin: 0;
  display: block;
  opacity: 0;
} */

.demo-carousel {
  height: 122px;
}

.demo-carousel .thumbnail {
  width: 120px;
  height: 80px;
  min-height: 80px;
  position: relative;
  float: left;
  margin: 0 5px;
  border-radius: 3px;
  border: solid 1px #fff;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  padding: 0;
  list-style: none;
/*   filter: none;
-webkit-filter: grayscale(90%);
-moz-filter:    grayscale(90%);
-ms-filter:     grayscale(90%);
-o-filter:      grayscale(90%); */
}

/* .demo-carousel .thumbnail:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter:    grayscale(0%);
  -ms-filter:     grayscale(0%);
  -o-filter:      grayscale(0%);
} */

.demo-carousel .carousel-nav {
  top: 15px;
  height: 80px;
  margin-top: 0;
}

.demo-theme-dark .demo-carousel .thumbnail, .demo-theme-amchartsdark .demo-carousel .thumbnail {
  border-color: #3f3f4f;
  background: #3f3f4f;
}

.demo-theme-black .demo-carousel .thumbnail {
  border-color: #000;
  background: #000;
}

.demo-theme-chalk .demo-carousel .thumbnail {
  border-color: #3f3e3b;
  background: #3f3e3b;
}

.demo-carousel .demo.thumbnail .entry-thumbnail {
  padding: 0;
}

.demo-carousel .demo-thumbnail {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0;
}

.demo-carousel .demo-thumbnail a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  /* padding: 10px; */
  position: relative;
  width: 100%;
  height: 100%;
}

.demo-carousel .thumbnail:hover,
.demo-carousel .thumbnail.active {
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  border-color: #3cabff;
}

.demo-theme-dark .demo-carousel .thumbnail:hover,
.demo-theme-dark .demo-carousel .thumbnail.active,
.demo-theme-amchartsdark .demo-carousel .thumbnail:hover,
.demo-theme-amchartsdark .demo-carousel .thumbnail.active,
.demo-theme-black .demo-carousel .thumbnail:hover,
.demo-theme-black .demo-carousel .thumbnail.active,
.demo-theme-chalk .demo-carousel .thumbnail:hover,
.demo-theme-chalk .demo-carousel .thumbnail.active {
  border-color: #59596b;
}

.demo-carousel .thumbnail img {
  max-width: 100%;
  max-height: 100%;
}

.demo-carousel .thumbnail.category,
.demo-carousel .thumbnail.category:hover,
.demo-carousel .thumbnail.category.active {
  background: transparent;
  /* color: #fff; */
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  font-size: 1em;
  line-height: 1.2;
  color: #444;
  font-family: Roboto;
  font-weight: 300;
  padding: 10px;
}

.demo-theme-dark .demo-carousel .thumbnail.category,
.demo-theme-amchartsdark .demo-carousel .thumbnail.category,
.demo-theme-black .demo-carousel .thumbnail.category,
.demo-theme-chalk .demo-carousel .thumbnail.category {
  color: #fff;
}

.demo-carousel .thumbnail.category .icon {
  display: block;
  margin-bottom: 4px;
}

/**
 * Demo elements
 */

.demo-body {
  background: #fff;
  position: relative;
  /*overflow: hidden;*/
  padding: 1em;
  font-size: 0.9em;
  border: 1px solid #e7e8ea;
  border-top: none;
  border-radius: 0 0 6px 6px;
  margin-bottom: 1em;
}

.demo-body.extended {
  border: none;
  padding: 2em 1em;
}

.demo-body.extended.full-demo {
  border: none;
  padding: 6em 0 0 0;
}

.demo-body.demo-background {
  border-radius: 6px 6px 0 0;
  border-bottom: none;
  border-top: 1px solid #e7e8ea;
  margin-bottom: 0;
}

.demo-code-note {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 1em;
}

.demo-code-html {
  /*margin: 2em 40px;*/
  margin: 0;
  position: relative;
}

.demo-code-html select {
  appearance: menulist;
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  padding: 4px;
}

.demo-codecode input[type="button"] {
  background: transparent;
  border: 1px solid #c6e4f2;
  color: #069ddf;
  padding: 4px;
  margin: 2px;
}

.demo-body input[type="button"].amChartsButtonSelected {
  font-weight: 700;
}

.amcharts-compare-item-div {
  -webkit-box-sizing: initial;
     -moz-box-sizing: initial;
          box-sizing: initial;
}

.demo-body h1 {
  margin-top: 0.2em;
}


select::-ms-expand {
  display: none;
}

@media (max-width: 1136px) {

  .demo-code-html {
    margin: 0;
  }

}


/**
 * Demo theme switcher
 */

.theme-switcher {
  display: block;
}

.demo-category-header .theme-switcher {
  float: right;
  /*overflow: hidden;*/
  padding: 0;
}

.theme-switcher ul {
  list-style: none;
}

.theme-switcher li {
  float: left;
  margin: 0 3px;
  list-style: none;
  display: block;
  border-radius: 19px;
  padding: 2px;
  border: 2px solid #303950;
}

.theme-switcher li:hover, .theme-switcher li.active, .theme-switcher li.active {
  border: 2px solid #3b96ff;
}

.theme-switcher li.theme-text {
  border: none;
}

.theme-switcher li a {
  display: block;
  cursor: pointer;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  /*opacity: 0.3;*/
  border-radius: 19px;
  border: 5px solid #fff;
  -webkit-box-shadow: 0px 2px 10px -5px #000000;
  box-shadow: 0px 2px 10px -5px #000000;
  background-size: 38px 38px;
}

.theme-switcher li a:hover, .theme-switcher li a.active, .theme-switcher li.active a {
  /*opacity: 1;*/
}

.theme-switcher li.theme-text {
  margin: 10px;
  color: #aaa;
}

.theme-switcher li.theme-button-animated a {
  background: #fff;
  position: relative;
  overflow: hidden;
  width: 47px;
}

.theme-switcher li.theme-button-animated i {
  display: block;
  position: absolute;
  border-radius: 20px;
}

.theme-switcher li.theme-button-animated i.x1 {
  background: #dadce8;
  width: 16px;
  height: 16px;
  top: 4px;
  left: 0;
}

.theme-switcher li.theme-button-animated i.x2 {
  background: #a5adc2;
  width: 18px;
  height: 18px;
  top: 3px;
  left: 5px;
}

.theme-switcher li.theme-button-animated i.x3 {
  background: #7a8299;
  width: 20px;
  height: 20px;
  top: 2px;
  left: 10px;
}

.theme-switcher li.theme-button-animated i.x4 {
  background: #3d4760;
  width: 22px;
  height: 22px;
  top: 1px;
  left: 15px;
}


@media (max-width: 1136px) {

  ul.theme-switcher {
    float: none;
    padding-left: 0;
    margin-top: 1em;
  }

  .theme-switcher li.theme-text:first-child {
    float: none;
  }

  .theme-switcher li {
    margin: 15px;
  }

}

/**
 * Demo controls
 */
.demo-controls {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

#demo-control-holder {
  border-left: 1px solid #e5e5e5;
  margin-left: 0;
  margin-right: 0;
}

.demo-control {
  border-right: 1px solid #e5e5e5;
  padding: 15px 24px;
  min-height: 120px;
}

.demo-control-category {
  text-transform: uppercase;
  color: #b6b6b6;
  font-size: 0.8em;
}

.demo-control-title {
}

.demo-control-value {
  color: #61a2e2;
  font-size: 1.2em;
  float: right;
}

.demo-control .select {
  margin-top: 10px;
}

.demo-control select {
  width: 100%;
}

@media (max-width: 1136px) {

  .demo-controls {
    border-bottom: none;
  }

  #demo-control-holder {
    border-left: none;
  }

  .demo-control {
    border-right: none;
    padding: 15px;
    min-height: auto;
  }

}

/**
 * Slider
 */

.ui-slider {
  position: relative;
  height: 2px;
  background: #eeeef0;
  margin-top: 30px;
  margin-bottom: 10px;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 42px;
  height: 42px;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  background: url("img/slider.png") no-repeat center;
  background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iNDJweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgNDIgNDIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGNpcmNsZSBpZD0icGF0aC0xIiBjeD0iMTciIGN5PSIxNyIgcj0iMTciPjwvY2lyY2xlPjxmaWx0ZXIgeD0iLTUwJSIgeT0iLTUwJSIgd2lkdGg9IjIwMCUiIGhlaWdodD0iMjAwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTIiPjxmZU9mZnNldCBkeD0iMCIgZHk9IjEiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiPjwvZmVPZmZzZXQ+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwICAgMCAwIDAgMCAwICAgMCAwIDAgMCAwICAwIDAgMCAwLjMxNjQ2Mjg2MiAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29sb3JNYXRyaXg+PC9maWx0ZXI+PC9kZWZzPjxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iRHJhZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2NC4wMDAwMDAsIDMuMDAwMDAwKSI+PGcgaWQ9InNsaWRlcl9pY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjguMDAwMDAwLCAwLjAwMDAwMCkiPjxnIGlkPSJiIj48dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPjx1c2UgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT48L2c+PGNpcmNsZSBpZD0iYiIgZmlsbD0iIzNDQUJGRiIgY3g9IjE3LjUiIGN5PSIxNy41IiByPSIyLjUiPjwvY2lyY2xlPjwvZz48L2c+PC9nPjwvc3ZnPg==") no-repeat, 
    linear-gradient(transparent, transparent);
  background-size: cover;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border: 0;
  background: #515162;
}

/* support: 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: 2px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -19px;
  margin-left: -21px;
}
.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;
}

/**
 * Source control
 */

.demo-source-control {
  position: absolute;
  right: 0;
  top: 0;
  margin: 5px;
  opacity: 0.5;
}

.demo-source-control:hover {
  opacity: 1;
}

.demo-source-control li {
  list-style: none;
  display: block;
  float: left;
  overflow: hidden;
}

.demo-source-control li.title {
  background: transparent;
  border: none;
  padding: 10px 10px;
}

.demo-source-control a {
  display: block;
  color: inherit;
  cursor: pointer;
  padding: 10px 10px;
  border-radius: 5px;
}

.demo-source-control a:hover {
  background: #e7e8ea;
}

@media (max-width: 1136px) {

  .demo-source-control {
    position: relative;
    right: auto;
    bottom: auto;
    margin: 2em 0;
    padding: 0;
  }


  .demo-source-control li {
    margin-right: 15px;
  }

  .demo-source-control li.title {
    padding: 10px 20px 10px 0;
  }

}

/**
 * Demo-related icons
 */

.demo-source-control .icon {
  width: 1.5em;
  height: 1.5em;
  margin-top: 0;
  margin-right: 0;
}

.icon.icon-code1 {
  background: url(img/icon-code1.png) no-repeat;
  background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMyAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4zIDE0LjgyNWMtLjE4NSAwLS4zNTQtLjA3LS40OS0uMjA4TC4yMSA5LjAyNUMuMDcgOC44OSAwIDguNzIgMCA4LjUzOGMwLS4xODQuMDctLjM1My4yMDgtLjQ4OEw1LjgxIDIuNDU4Yy4xMzYtLjEzNy4zMDUtLjIwOC40OS0uMjA4LjE4MyAwIC4zNTIuMDcuNDg3LjIwOGwuNjAyLjZjLjEzNi4xMzYuMjA3LjMwNS4yMDcuNDg4cy0uMDcuMzUyLS4yMDguNDg4TDIuODc2IDguNTM4bDQuNTEyIDQuNTA0Yy4xMzUuMTM0LjIwNy4zMDMuMjA3LjQ4NyAwIC4xODMtLjA3LjM1Mi0uMjA4LjQ4N2wtLjYwMy42Yy0uMTM1LjEzNy0uMzA0LjIwOC0uNDg4LjIwOG0xMCAwYy0uMTggMC0uMzUtLjA3LS40ODYtLjIwNmwtLjYwMi0uNjAzYy0uMTM3LS4xMzUtLjIwOC0uMzA0LS4yMDgtLjQ4OCAwLS4xODUuMDcyLS4zNTQuMjEtLjQ5bDQuNTEtNC41MDItNC41MTItNC41MDRjLS4xMzctLjEzNi0uMjA4LS4zMDUtLjIwOC0uNDg4IDAtLjE4NC4wNy0uMzUzLjIwOC0uNDlsLjYtLjU5OGMuMTM4LS4xMzcuMzA3LS4yMDguNDktLjIwOHMuMzUuMDcuNDg3LjIwOEwyMi4zOSA4LjA1Yy4xMzYuMTM1LjIwOC4zMDQuMjA4LjQ4NyAwIC4xODQtLjA3Mi4zNTItLjIwOC40ODhsLTUuNjAzIDUuNTkyYy0uMTM3LjEzNy0uMzA1LjIwOC0uNDkuMjA4bS02Ljg2IDIuMjVjLS4wNyAwLS4xNC0uMDEtLjIwNi0uMDM0bC0uNzMtLjE5OGMtLjE4NC0uMDU1LS4zMjYtLjE2Ny0uNDE3LS4zMjgtLjA5My0uMTY1LS4xMS0uMzQ4LS4wNTUtLjUzTDEyLjUxNS41Yy4wNTYtLjE4NC4xNy0uMzI0LjMyNy0uNDEzLjEtLjA1Ny4yMS0uMDg3LjMyLS4wODcuMDcgMCAuMTM4LjAxLjIwNS4wMzRsLjczLjJjLjE4My4wNTQuMzI0LjE2Ni40MTUuMzI0LjA5NC4xNjYuMTEzLjM1LjA1Ni41MzNsLTQuNDgzIDE1LjQ4NmMtLjA1NC4xOC0uMTY1LjMyLS4zMjQuNDEtLjEwNS4wNi0uMjEyLjA5LS4zMi4wOSIgZmlsbD0iIzNjYWJmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") center no-repeat,
    linear-gradient(transparent, transparent);
  background-size: contain;
}

.icon.icon-code2 {
  background: url(img/icon-code2.png) no-repeat;
  background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMyAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4zIDE0LjgyNWMtLjE4NSAwLS4zNTQtLjA3LS40OS0uMjA4TC4yMSA5LjAyNUMuMDcgOC44OSAwIDguNzIgMCA4LjUzOGMwLS4xODQuMDctLjM1My4yMDgtLjQ4OEw1LjgxIDIuNDU4Yy4xMzYtLjEzNy4zMDUtLjIwOC40OS0uMjA4LjE4MyAwIC4zNTIuMDcuNDg3LjIwOGwuNjAyLjZjLjEzNi4xMzYuMjA3LjMwNS4yMDcuNDg4cy0uMDcuMzUyLS4yMDguNDg4TDIuODc2IDguNTM4bDQuNTEyIDQuNTA0Yy4xMzUuMTM0LjIwNy4zMDMuMjA3LjQ4NyAwIC4xODMtLjA3LjM1Mi0uMjA4LjQ4N2wtLjYwMy42Yy0uMTM1LjEzNy0uMzA0LjIwOC0uNDg4LjIwOG0xMCAwYy0uMTggMC0uMzUtLjA3LS40ODYtLjIwNmwtLjYwMi0uNjAzYy0uMTM3LS4xMzUtLjIwOC0uMzA0LS4yMDgtLjQ4OCAwLS4xODUuMDcyLS4zNTQuMjEtLjQ5bDQuNTEtNC41MDItNC41MTItNC41MDRjLS4xMzctLjEzNi0uMjA4LS4zMDUtLjIwOC0uNDg4IDAtLjE4NC4wNy0uMzUzLjIwOC0uNDlsLjYtLjU5OGMuMTM4LS4xMzcuMzA3LS4yMDguNDktLjIwOHMuMzUuMDcuNDg3LjIwOEwyMi4zOSA4LjA1Yy4xMzYuMTM1LjIwOC4zMDQuMjA4LjQ4NyAwIC4xODQtLjA3Mi4zNTItLjIwOC40ODhsLTUuNjAzIDUuNTkyYy0uMTM3LjEzNy0uMzA1LjIwOC0uNDkuMjA4bS02Ljg2IDIuMjVjLS4wNyAwLS4xNC0uMDEtLjIwNi0uMDM0bC0uNzMtLjE5OGMtLjE4NC0uMDU1LS4zMjYtLjE2Ny0uNDE3LS4zMjgtLjA5My0uMTY1LS4xMS0uMzQ4LS4wNTUtLjUzTDEyLjUxNS41Yy4wNTYtLjE4NC4xNy0uMzI0LjMyNy0uNDEzLjEtLjA1Ny4yMS0uMDg3LjMyLS4wODcuMDcgMCAuMTM4LjAxLjIwNS4wMzRsLjczLjJjLjE4My4wNTQuMzI0LjE2Ni40MTUuMzI0LjA5NC4xNjYuMTEzLjM1LjA1Ni41MzNsLTQuNDgzIDE1LjQ4NmMtLjA1NC4xOC0uMTY1LjMyLS4zMjQuNDEtLjEwNS4wNi0uMjEyLjA5LS4zMi4wOSIgZmlsbD0iIzQ0NCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") center no-repeat,
    linear-gradient(transparent, transparent);
  background-size: contain;
}

.icon.icon-codepen {
  background: url(img/icon-codepen.png) no-repeat;
  background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTkuMTg0IDYuMzg3bC0uMDE1LS4wNjctLjAxNC0uMDQtLjAyLS4wNmMtLjAwNy0uMDEyLS4wMTItLjAyNS0uMDItLjAzOGwtLjAyNy0uMDU0Yy0uMDEtLjAxMi0uMDE3LS4wMjQtLjAyNS0uMDM3LS4wMS0uMDE2LS4wMjMtLjAzLS4wMzQtLjA0N2wtLjAyOC0uMDM1LS4wNC0uMDQ0LS4wMzQtLjAzYy0uMDE0LS4wMTUtLjAzLS4wMjctLjA0Ni0uMDQtLjAxMi0uMDEtLjAyNS0uMDItLjAzNy0uMDI3bC0uMDE0LS4wMS04Ljc3My01LjcyYy0uMjc4LS4xODItLjYzOC0uMTgyLS45MTUgMEwuMzY3IDUuODU2bC0uMDE0LjAwOC0uMDM3LjAyOGMtLjAxNi4wMS0uMDMyLjAyNS0uMDQ3LjAzOC0uMDEyLjAxLS4wMjMuMDIyLS4wMzMuMDMyLS4wMTUuMDE0LS4wMjguMDMtLjA0Mi4wNDUtLjAxLjAxLS4wMi4wMjMtLjAyOC4wMzRsLS4wMzUuMDUtLjAyMy4wMzctLjAzLjA1M2MtLjAwNi4wMTQtLjAxLjAyNy0uMDE4LjA0LS4wMDguMDItLjAxNC4wNC0uMDIuMDYtLjAwNS4wMTItLjAxLjAyNi0uMDEzLjA0LS4wMDcuMDItLjAxLjA0NC0uMDE2LjA2NmwtLjAwNi4wMzVDLjAwMyA2LjQ1NyAwIDYuNDkgMCA2LjUyN3Y1LjcyMmMwIC4wMzQuMDAzLjA3LjAwOC4xMDUgMCAuMDEuMDA0LjAyMy4wMDYuMDM0bC4wMTUuMDY3Yy4wMDIuMDE0LjAwNy4wMjYuMDEuMDRsLjAyMi4wNi4wMi4wNC4wMjcuMDUzLjAyMi4wMzcuMDM1LjA1Yy4wMS4wMS4wMi4wMjIuMDI4LjAzM2wuMDQyLjA0NS4wMzIuMDNjLjAxNC4wMTQuMDMuMDI3LjA0Ni4wNGwuMDM3LjAyNi4wMTQuMDEgOC43NzQgNS43MmMuMTQuMDkyLjMuMTM3LjQ1OC4xMzcuMTYgMCAuMzItLjA0NS40NTgtLjEzNmw4Ljc3NC01LjcyMi4wMTQtLjAxYy4wMTItLjAxLjAyNS0uMDE4LjAzNy0uMDI3LjAxNy0uMDEuMDMzLS4wMjQuMDQ3LS4wMzdsLjAzNC0uMDNjLjAxNC0uMDE2LjAyOC0uMDMuMDQtLjA0NmwuMDMtLjAzNGMuMDEyLS4wMTcuMDI0LS4wMzIuMDM0LS4wNS4wMS0uMDEuMDE2LS4wMjQuMDI0LS4wMzYuMDEtLjAxOC4wMi0uMDM2LjAyOC0uMDU0bC4wMi0uMDQuMDItLjA2Yy4wMDQtLjAxMy4wMS0uMDI1LjAxMi0uMDQuMDA2LS4wMi4wMS0uMDQzLjAxNS0uMDY2bC4wMDctLjAzNGMuMDA0LS4wMzUuMDA3LS4wNy4wMDctLjEwNXYtNS43MmMwLS4wMzctLjAwMy0uMDcyLS4wMDctLjEwN2wtLjAwNi0uMDMzem0tOS41ODYgNC45MUw2LjY4IDkuMzkgOS42IDcuNDhsMi45MTggMS45MS0yLjkxOCAxLjkwN3ptLS44MjQtNS4yMmwtMy41NzcgMi4zNEwyLjMxIDYuNTNsNi40NjQtNC4yMTZ2My43NjR6TTMuNzE0IDkuMzlsLTIuMDY1IDEuMzQ4di0yLjdsMi4wNjMgMS4zNXptMS40ODMuOTdsMy41NzcgMi4zMzh2My43NjRMMi4zMSAxMi4yNDdsMi44ODctMS44ODh6bTUuMjI2IDIuMzM4TDE0IDEwLjM1OGwyLjg4NyAxLjg5LTYuNDY0IDQuMjE0di0zLjc2NHptNS4wNi0zLjMxbDIuMDY1LTEuMzV2Mi43bC0yLjA2NC0xLjM1ek0xNCA4LjQybC0zLjU3Ny0yLjM0VjIuMzE1bDYuNDY0IDQuMjE0TDE0IDguNDE2eiIgZmlsbD0iIzQ0NCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") center no-repeat,
    linear-gradient(transparent, transparent);
  background-size: contain;
}

.icon.icon-jsfiddle {
  background: url(img/icon-jsfiddle.png) no-repeat;
  background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyNCAxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4zNTIgMy42NWMuMTc1LS4yNy4zMy0uNTQ2LjUyLS44QzkuMDg4IDEuMjM3IDEwLjc0My4yOSAxMi44NC4wNWMzLjA3NC0uMzU0IDYuMDM3IDEuMjMgNy4yNTQgMy44NjIuNDA4Ljg4LjYgMS44MDIuNTQyIDIuNzYzLS4wMDcuMTEuMDMuMTU0LjEzNC4xOTggMS43Ny43MzggMi44NDcgMi40MiAyLjY5OCA0LjIwNi0uMTU0IDEuODQtMS42MyAzLjQxMi0zLjU4MiAzLjgxMi0uNDIuMDg2LS44NDYuMTMtMS4yNzguMDk3LS4wNjMtLjAwNi0uMTI2LS4wMDMtLjE5LS4wMDMtNC41MjQgMC05LjA1LS4wMDItMTMuNTc1IDAtLjgxNSAwLTEuNTktLjE1LTIuMzE1LS41Qy0uNjcgMTIuOTQtLjg3OCA4LjgwNCAyLjE1NiA2Ljk4OGMuMTIyLS4wNzQuMTUzLS4xMy4xMTUtLjI2NC0uNDctMS42NzIuNzgzLTMuNDEzIDIuNjE1LTMuNjQ3Ljg3NS0uMTEzIDEuNjc2LjA1NSAyLjQuNTMuMDIzLjAxNi4wNDguMDMuMDY3LjA0em0zLjA2NSA2LjY0M2MtLjExLjA4OC0uMjAyLjE2Ni0uMy4yNC0uNTE4LjM4LTEuMDk4LjUzNi0xLjc1LjQxLS41OS0uMTE0LTEuMDQzLS41NzgtMS4xMDQtMS4xMTQtLjA2My0uNTUyLjI1LTEuMDcyLjc5Ny0xLjMxLjM4LS4xNjMuNzc1LS4xNzMgMS4xNzMtLjA3LjY5LjE3NyAxLjIwNC41ODQgMS42NSAxLjA4Ny40ODQuNTQ1Ljk2IDEuMDk2IDEuNDcyIDEuNjE2IDEuMTMgMS4xNSAyLjUzIDEuNiA0LjE2MyAxLjIxOCAxLjE1My0uMjY4IDEuOTUtLjk1NiAyLjE5My0yLjA3LjI1LTEuMTMzLS4wOS0yLjEwNS0xLjExLTIuODItLjU3OC0uNDEtMS4yNDYtLjU3LTEuOTYtLjYtMS4wOTItLjA0Ny0yLjA1OC4yMjgtMi44Ni45NDUtLjAzNC4wMy0uMDg4LjA0LS4xMy4wNTdsLjU2LjYxNS41MTYuNTY2Yy4wMjMtLjAwNi4wMy0uMDA2LjAzMi0uMDA4bC4xODctLjE1Yy40OTItLjM4NSAxLjA1LS41NzUgMS43LS41LjY0NS4wNzQgMS4xNy41NjYgMS4yNDIgMS4xNzQuMDY4LjU3OC0uMzMyIDEuMTQtLjk1NCAxLjMzLS4zOTUuMTItLjc5LjEtMS4xNzgtLjAzMi0uNjQ4LS4yMi0xLjEyNi0uNjQtMS41NTYtMS4xMjgtLjQ5Ny0uNTY0LS45ODgtMS4xMzUtMS41MzQtMS42NTUtMS4wOC0xLjAyNy0yLjM5Mi0xLjQzMi0zLjkyLTEuMTItMS4xNi4yMzYtMi4zODIgMS4xNTUtMi4zOCAyLjY2MiAwIDEuMDUyLjQ2NCAxLjg1OCAxLjQyNyAyLjQwNi40Ny4yNjcuOTkuMzk0IDEuNTM2LjQzMi44MS4wNTcgMS41ODctLjA0MyAyLjI5OC0uNDQyLjMwMi0uMTcuNTc4LS4zNjcuODMtLjYwNWwtMS4wNC0xLjEzNXoiIGZpbGw9IiM0NDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") center no-repeat,
    linear-gradient(transparent, transparent);
  background-size: contain;
}

/**
 * Navigation
 */
.demo-body:hover .carousel-nav {
  opacity: 0.8;
}

.demo-body:hover .carousel-nav.carousel-left {
  left: -50px;
}

.demo-body:hover .carousel-nav.carousel-right {
  right: -50px;
}

/**
 * Demo div
 */

#chartdiv {
  max-width: 1136px;
  margin: auto;
}