h1 {font-size: 2em;margin: 0.67em 0;}
hr {box-sizing: content-box;height: 0;overflow: visible;}

pre {font-family: monospace, monospace;font-size: 1em;}

/*a {background-color:transparent;}*/

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b, strong {font-weight: bolder;}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {font-size: 80%;}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {bottom: -0.25em;}

sup {top: -0.5em;}

/*button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}*/

/*button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}*/

fieldset {padding: 0.35em 0.75em 0.625em;}

legend {
  /*box-sizing: border-box;*/ /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {overflow: auto;}

[type="checkbox"],
[type="radio"] {
  /*box-sizing: border-box;*/ /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*! Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {position: relative;}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {/*overflow: hidden;height: 100%;*/position: relative;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;}

.flickity-slider {position: absolute;width: 100%;height: 100%;height: auto !important;transform: translateX(0);}

/* draggable */
.flickity-enabled.is-draggable {-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport {/*cursor: move;cursor: -webkit-grab;cursor: grab;*/cursor:pointer;/*height: 100% !important;*/}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}

/* ---- flickity-button ---- */
.flickity-button {position:absolute;background:hsla(0, 0%, 100%, 0.75);border:none;color:#333;display:none;}

@media screen and (min-width:767px){.flickity-button {display:block;}}

.flickity-button:hover {background: white;cursor: pointer;}
/*.flickity-button:focus {outline: none;box-shadow: 0 0 0 5px #19F;}*/
.flickity-button:active {opacity: 0.6;/*box-shadow: 2px 2px 4px #dfd9d9;*/}
.flickity-button:disabled {opacity:0.3;cursor:auto;pointer-events:none;}
.flickity-button-icon {fill: currentColor;}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {top: 50%;width:35px;height:35px;border-radius: 50%;transform: translateY(-50%);}
.flickity-prev-next-button.previous {left:20px;}
.flickity-prev-next-button.next {right:20px;}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.small-banner .flickity-page-dots, .slide .flickity-page-dots {display:none;}
.flickity-page-dots {
  /*position: absolute;bottom: -25px;margin: 0;
  list-style: none;line-height: 1;*/
  width: 100%;
  padding-top:15px;
  text-align: center;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background-color:#bbbbbf;
  border-radius: 50%;
  /*opacity: 0.25;*/
  cursor: pointer;
  height: 5px;
    width:30px;
    border-radius: 4px;
    transition: background-color .3s;
    transition-delay: .1s;
}

.flickity-page-dots .dot.is-selected {
  /*opacity: 1;
  background-color:#e96026;*/
}

/* Flickity fullscreen v1.0.1
------------------------- */

.flickity-enabled.is-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.9);
  padding-bottom: 35px;
  z-index: 1;
}

.flickity-enabled.is-fullscreen .flickity-page-dots {
  bottom: 10px;
}

.flickity-enabled.is-fullscreen .flickity-page-dots .dot {
  background: white;
}

/* prevent page scrolling when flickity is fullscreen */
html.is-flickity-fullscreen {
  overflow: hidden;
}

/* ---- flickity-fullscreen-button ---- */

.flickity-fullscreen-button {
  display: block;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

/* right-to-left */
.flickity-rtl .flickity-fullscreen-button {
  right: auto;
  left: 10px;
}

.flickity-fullscreen-button-exit { display: none; }

.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display: block; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view { display: none; }

.flickity-fullscreen-button .flickity-button-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 4px;
  top: 4px;
}

/* flickity-fade */

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

@charset "UTF-8";
/* argument
------------------------- */

.argument {
  margin: 0.5rem 0;
  padding-left: 1.5rem;
}

.argument__type {
  color: #777;
}

.argument__type,
.argument__description {
  margin-left: 0.4rem;
}

.argument__type:before,
.argument__description:before {
  content: '·';
  padding-right: 0.4rem;
  display: inline-block;
}

/* button------------------------- */

/*.button {display: inline-block;padding: 5px 15px;margin-bottom: 10px;background-color: #F8F8F8;background-image: linear-gradient( hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.1) );
  border: 1px solid #CCC;border-radius: 5px;}*/

/*.button:enabled {cursor: pointer;}*/

/*.button:enabled:hover {background-color: #e96026;}*/

.button.is-checked,
.button.is-selected {
  /*background-color: #e96026;*/
  color: white;
}

/*.button:active {
  color: white;
  background-color: #e96026;
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}*/

/* hide radio inputs */
.button input[type="radio"] { display: none; }

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: -1px;
}

.button-group .button:first-child { border-radius: 5px 0 0 5px; }
.button-group .button:last-child { border-radius: 0 5px 5px 0; }

/* commercial-license-agreement------------------------- */

.commercial-license-agreement h3 {counter-increment: cla-h3;counter-reset: cla-part;}
.commercial-license-agreement h3:before {content: counter(cla-h3) '.';margin-right: 0.25rem;color: #888;font-family: 'Texta', sans-serif;}

.cla__part {counter-increment: cla-part;}
.cla__part:before, .cla__definitions-list li:before {content: counter(cla-h3) '.'counter(cla-part) '.';color: #888;margin-right: 0.25rem;}
.cla__definitions-list {list-style: none;padding-left: 2.6rem;}
.cla__definitions-list li {text-indent: -1.5rem;margin-bottom: 0.5rem;counter-increment: cla-definitions-item;}
.cla__definitions-list li:before {content: counter(cla-h3) '.'counter(cla-definitions-item) '.';}

/* duo two columns for large devices------------------------- */

.duo:after {content: '';display: block;clear: both;}
.duo__cell {margin-bottom: 10px;}

/* --- duo--legal --- */

.duo--legal__plain {padding: 0 0.8rem;background: #FAFAFA;color: #888;}
.duo--legal--first .duo--legal__official:before, .duo--legal--first .duo--legal__plain:before {display: block;padding-top: 0.5rem;font-size: 0.88rem;color: #888;}
.duo--legal--first .duo--legal__official:before {content: 'Official legal copy'}
.duo--legal--first  .duo--legal__plain:before {content: 'Plain English'}

@media screen and ( min-width: 768px ) {.duo__cell {float: left;/*width: 48.5%;*/width:100%;}.duo__cell:first-child {/*margin-right: 3%;*/}.duo__cell--license-option p { margin-top: 0; }}

/* edit-demo------------------------- */

.edit-demo {clear: both;font-size: 0.92rem;}

/* example------------------------- */

.example {margin: 40px 0;}
.example__code pre { margin: 0 0 20px; }

/* gh-button------------------------- */

.gh-button {display: inline-block;background: none;border: none;color: #333;font-size: 1.1rem;}

.gh-button__title,
.gh-button__stat {
  float: left;
  font-weight: bold;
  line-height: 20px;
  padding: 5px 10px;
  border: 1px solid #d5d5d5;
}

.gh-button__icon,
.gh-button .github-logo {
  height: 21px;
  fill: #333;
  display: inline-block;
  vertical-align: bottom;
}

.gh-button__title {
  background-color: #eee;
  background-image: linear-gradient(#fcfcfc, #eee);
  border-radius: 4px 0 0 4px;
}

.gh-button .github-logo {
  margin-right: 0.2em;
}

.gh-button__stat {
  border-left: 0;
  border-radius: 0 4px 4px 0;
  background: white;
}

.gh-button:hover { color: #333; }

.gh-button:hover .gh-button__title {
  background-color: #ddd;
  background-image: linear-gradient(#eee, #ddd);
}

.gh-button:hover .gh-button__stat {
  color: #4078c0;
}

.gh-button:hover .gh-button__icon--star {
  fill: #4078c0;
}

/* shirt-promo
------------------------- */

.shirt-promo {
  margin: 40px 0;
}

.shirt-promo__title {
  font-size: 1.6rem;
}

.shirt-promo__image {
  display: block;
  max-width: 100%;
  margin-bottom: 10px;
}

/* showcase
------------------------- */

.showcase__banner__image {
  display: block;
  max-width: 100%;
  margin-top: 10px;
  border-radius: 5px;
}

/* flickity-illo
------------------------- */

.flickity-illo { background: #ED0; }

/* infinite-scroll-illo
------------------------- */

.infinite-scroll-illo__page {
  stroke: #333;
  stroke-width: 20;
  stroke-miterlimit: 10;
}

/* isotope-illo------------------------- */
.isotope-illo { background: #222; }

/* ---- main ---- */

.main {
  position: relative; /* for HUKAM */
}


/* ---- page-title ---- */

.page-title {font-size: 2.2rem;margin: 0.4rem 0;}

/* ---- main ---- */

.main h2 {font-size: 1.6rem;font-weight: normal;border-top: 4px double #DDD;padding-top: 1.1rem;margin-top: 1.4rem;}

.main h3 {font-size: 1.3rem;border-top: 1px solid #DDD;padding-top: 0.8rem;margin: 1.4rem 0 0.5rem;}

/* ---- logger ---- */

.logger {padding: 0.25rem;font-size: 1.2rem;background: #FAFAFA;text-align: center;}


/* ---- data-license-property ---- */

*[data-license-property] {
  color: #09F;
}

/* ---- hide-small ---- */

@media screen and ( max-width: 640px ) {
  .hidden-small {
    display: none;
  }
}

@media screen and ( min-width: 768px ) {

  html.export { font-size: 16px; }
  .page-title {font-size: 4.0rem;}
  .main h3 {font-size: 1.6rem;padding-top: 30px;}
  .main h2 {font-size: 2.4rem;}
  pre, code, kbd {font-size: 15px;}
}

/* demo carousels
------------------------- */

.carousel {
  /*background: #FAFAFA;*/
  /*margin-bottom: 30px;*/
  counter-reset: carousel-cell;
}

.slide .carousel-cell {width:14.2857%;}
@media screen and ( max-width:1200px ) {.slide .carousel-cell {width:16.66%;}}
@media screen and ( max-width:1100px ) {.slide .carousel-cell {width:18.33%;}}
@media screen and ( max-width:1000px ) {.slide .carousel-cell {width:20%;}}
@media screen and ( max-width:800px ) {.slide .carousel-cell {width:25%;}}
@media screen and ( max-width:500px ) {.slide .carousel-cell {width:33.33%;}}
@media screen and ( max-width:400px ) {.slide .carousel-cell {width:50%;}}

.small-banner .carousel-cell {width:100%;}

.carousel-cell {
  /*width: 80%;
  height: 160px;*/
  /*margin-right:20px;*/
  margin-bottom: 10px;
  /*background: #8C8;*/
  border-radius: 5px;
  counter-increment: carousel-cell;
  padding:10px;
  border-radius: 8px;
    /*overflow: hidden;*/
}

..carousel-cell a {display:block;}

.flickity-enabled .carousel-cell { margin-bottom: 0; }

.carousel-cell:before {display: block;width: 100px;margin: 0 auto;/*content: counter(carousel-cell);*/text-align: center;line-height: 160px;font-size: 80px;color: white;
}

/* ---- watch-css ---- */

@media screen and ( max-width: 799px ) {.flickity-enabled.is-draggable .flickity-viewport {height:  !important;}.pl-Box--display-flex {display: block;}}