/* General Demo Style */
/*@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);*/
@font-face {
  font-family: 'codropsicons';
  src: url("/fonts/codropsicons/codropsicons.eot");
  src: url("/fonts/codropsicons/codropsicons.eot?#iefix") format("embedded-opentype"), url("/fonts/codropsicons/codropsicons.woff") format("woff"), url("/fonts/codropsicons/codropsicons.ttf") format("truetype"), url("/fonts/codropsicons/codropsicons.svg#codropsicons") format("svg");
  font-weight: normal;
  font-style: normal; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

a {
  color: #888;
  text-decoration: none; }

a:hover,
a:active {
  color: #333; }

/* Header Style */
.main,
.container > header {
  margin: 0 auto;
  padding: 2em; }

.container > header {
  text-align: center; }

.container > header h1 {
  font-size: 2.625em;
  line-height: 1.3;
  margin: 0;
  font-weight: 300; }

.container > header span {
  display: block;
  font-size: 60%;
  opacity: 0.5;
  padding: 0 0 0.6em 0.1em; }

/* To Navigation Style */
.codrops-top {
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  width: 100%;
  font-size: 0.69em;
  line-height: 2.2; }

.codrops-top a {
  padding: 0 1em;
  letter-spacing: 0.1em;
  color: #888;
  display: inline-block; }

.codrops-top a:hover {
  background: rgba(255, 255, 255, 0.95);
  color: #333; }

.codrops-top span.right {
  float: right; }

.codrops-top span.right a {
  float: left;
  display: block; }

.codrops-icon:before {
  font-family: 'codropsicons';
  margin: 0 4px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.codrops-icon-drop:before {
  content: "\e001"; }

.codrops-icon-prev:before {
  content: "\e004"; }

.codrops-icon-archive:before {
  content: "\e002"; }

.codrops-icon-next:before {
  content: "\e000"; }

.codrops-icon-about:before {
  content: "\e003"; }

.container .section p {
  position: relative;
  z-index: 1; }

.container .section p.text {
  font-size: 1.4em; }

.no-touch .note-touch {
  display: none; }

.color-1 {
  background: #0e83cd; }

.color-2 {
  background: #f06060; }

.color-3 {
  background: #fcd04b; }

.color-4 {
  background: #2ecc71; }

.color-5 {
  background: #9e54bd; }

.color-6 {
  background: #4593e3; }

.color-7 {
  background: #2ac56c; }

.color-8 {
  background: #ecf0f1; }

.color-8 p.text {
  color: #aaa;
  font-weight: bold; }

@media screen and (max-width: 25em) {
  .codrops-icon span {
    display: none; } }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC5jc3MiLCJzb3VyY2VzIjpbImRlZmF1bHQuY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qIEdlbmVyYWwgRGVtbyBTdHlsZSAqL1xyXG4vKkBpbXBvcnQgdXJsKGh0dHA6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9jc3M/ZmFtaWx5PUxhdG86MzAwLDQwMCw3MDApOyovXHJcblxyXG5AZm9udC1mYWNlIHtcclxuXHRmb250LWZhbWlseTogJ2NvZHJvcHNpY29ucyc7XHJcblx0c3JjOnVybCgnL2ZvbnRzL2NvZHJvcHNpY29ucy9jb2Ryb3BzaWNvbnMuZW90Jyk7XHJcblx0c3JjOnVybCgnL2ZvbnRzL2NvZHJvcHNpY29ucy9jb2Ryb3BzaWNvbnMuZW90PyNpZWZpeCcpIGZvcm1hdCgnZW1iZWRkZWQtb3BlbnR5cGUnKSxcclxuXHRcdHVybCgnL2ZvbnRzL2NvZHJvcHNpY29ucy9jb2Ryb3BzaWNvbnMud29mZicpIGZvcm1hdCgnd29mZicpLFxyXG5cdFx0dXJsKCcvZm9udHMvY29kcm9wc2ljb25zL2NvZHJvcHNpY29ucy50dGYnKSBmb3JtYXQoJ3RydWV0eXBlJyksXHJcblx0XHR1cmwoJy9mb250cy9jb2Ryb3BzaWNvbnMvY29kcm9wc2ljb25zLnN2ZyNjb2Ryb3BzaWNvbnMnKSBmb3JtYXQoJ3N2ZycpO1xyXG5cdGZvbnQtd2VpZ2h0OiBub3JtYWw7XHJcblx0Zm9udC1zdHlsZTogbm9ybWFsO1xyXG59XHJcblxyXG4qLCAqOmFmdGVyLCAqOmJlZm9yZSB7IC13ZWJraXQtYm94LXNpemluZzogYm9yZGVyLWJveDsgLW1vei1ib3gtc2l6aW5nOiBib3JkZXItYm94OyBib3gtc2l6aW5nOiBib3JkZXItYm94OyB9XHJcblxyXG5cclxuLyogQ2xlYXJmaXggaGFjayBieSBOaWNvbGFzIEdhbGxhZ2hlcjogaHR0cDovL25pY29sYXNnYWxsYWdoZXIuY29tL21pY3JvLWNsZWFyZml4LWhhY2svICovXHJcbi5jbGVhcmZpeDpiZWZvcmUsIC5jbGVhcmZpeDphZnRlciB7IGNvbnRlbnQ6IFwiIFwiOyBkaXNwbGF5OiB0YWJsZTsgfVxyXG4uY2xlYXJmaXg6YWZ0ZXIgeyBjbGVhcjogYm90aDsgfVxyXG5cclxuXHJcbmEge1xyXG5cdGNvbG9yOiAjODg4O1xyXG5cdHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxufVxyXG5cclxuYTpob3ZlcixcclxuYTphY3RpdmUge1xyXG5cdGNvbG9yOiAjMzMzO1xyXG59XHJcblxyXG4vKiBIZWFkZXIgU3R5bGUgKi9cclxuLm1haW4sXHJcbi5jb250YWluZXIgPiBoZWFkZXIge1xyXG5cdG1hcmdpbjogMCBhdXRvO1xyXG5cdHBhZGRpbmc6IDJlbTtcclxufVxyXG5cclxuLmNvbnRhaW5lciA+IGhlYWRlciB7XHJcblx0dGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcblxyXG4uY29udGFpbmVyID4gaGVhZGVyIGgxIHtcclxuXHRmb250LXNpemU6IDIuNjI1ZW07XHJcblx0bGluZS1oZWlnaHQ6IDEuMztcclxuXHRtYXJnaW46IDA7XHJcblx0Zm9udC13ZWlnaHQ6IDMwMDtcclxufVxyXG5cclxuLmNvbnRhaW5lciA+IGhlYWRlciBzcGFuIHtcclxuXHRkaXNwbGF5OiBibG9jaztcclxuXHRmb250LXNpemU6IDYwJTtcclxuXHRvcGFjaXR5OiAwLjU7XHJcblx0cGFkZGluZzogMCAwIDAuNmVtIDAuMWVtO1xyXG59XHJcblxyXG4vKiBUbyBOYXZpZ2F0aW9uIFN0eWxlICovXHJcbi5jb2Ryb3BzLXRvcCB7XHJcblx0YmFja2dyb3VuZDogI2ZmZjtcclxuXHRiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNik7XHJcblx0dGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcclxuXHR3aWR0aDogMTAwJTtcclxuXHRmb250LXNpemU6IDAuNjllbTtcclxuXHRsaW5lLWhlaWdodDogMi4yO1xyXG59XHJcblxyXG4uY29kcm9wcy10b3AgYSB7XHJcblx0cGFkZGluZzogMCAxZW07XHJcblx0bGV0dGVyLXNwYWNpbmc6IDAuMWVtO1xyXG5cdGNvbG9yOiAjODg4O1xyXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxufVxyXG5cclxuLmNvZHJvcHMtdG9wIGE6aG92ZXIge1xyXG5cdGJhY2tncm91bmQ6IHJnYmEoMjU1LDI1NSwyNTUsMC45NSk7XHJcblx0Y29sb3I6ICMzMzM7XHJcbn1cclxuXHJcbi5jb2Ryb3BzLXRvcCBzcGFuLnJpZ2h0IHtcclxuXHRmbG9hdDogcmlnaHQ7XHJcbn1cclxuXHJcbi5jb2Ryb3BzLXRvcCBzcGFuLnJpZ2h0IGEge1xyXG5cdGZsb2F0OiBsZWZ0O1xyXG5cdGRpc3BsYXk6IGJsb2NrO1xyXG59XHJcblxyXG4uY29kcm9wcy1pY29uOmJlZm9yZSB7XHJcblx0Zm9udC1mYW1pbHk6ICdjb2Ryb3BzaWNvbnMnO1xyXG5cdG1hcmdpbjogMCA0cHg7XHJcblx0c3BlYWs6IG5vbmU7XHJcblx0Zm9udC1zdHlsZTogbm9ybWFsO1xyXG5cdGZvbnQtd2VpZ2h0OiBub3JtYWw7XHJcblx0Zm9udC12YXJpYW50OiBub3JtYWw7XHJcblx0dGV4dC10cmFuc2Zvcm06IG5vbmU7XHJcblx0bGluZS1oZWlnaHQ6IDE7XHJcblx0LXdlYmtpdC1mb250LXNtb290aGluZzogYW50aWFsaWFzZWQ7XHJcbn1cclxuXHJcbi5jb2Ryb3BzLWljb24tZHJvcDpiZWZvcmUge1xyXG5cdGNvbnRlbnQ6IFwiXFxlMDAxXCI7XHJcbn1cclxuXHJcbi5jb2Ryb3BzLWljb24tcHJldjpiZWZvcmUge1xyXG5cdGNvbnRlbnQ6IFwiXFxlMDA0XCI7XHJcbn1cclxuXHJcbi5jb2Ryb3BzLWljb24tYXJjaGl2ZTpiZWZvcmUge1xyXG5cdGNvbnRlbnQ6IFwiXFxlMDAyXCI7XHJcbn1cclxuXHJcbi5jb2Ryb3BzLWljb24tbmV4dDpiZWZvcmUge1xyXG5cdGNvbnRlbnQ6IFwiXFxlMDAwXCI7XHJcbn1cclxuXHJcbi5jb2Ryb3BzLWljb24tYWJvdXQ6YmVmb3JlIHtcclxuXHRjb250ZW50OiBcIlxcZTAwM1wiO1xyXG59XHJcblxyXG5cclxuXHJcblxyXG5cclxuLmNvbnRhaW5lciAuc2VjdGlvbiBwIHtcclxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XHJcblxyXG5cdHotaW5kZXg6IDE7XHJcbn1cclxuXHJcbi5jb250YWluZXIgLnNlY3Rpb24gcC50ZXh0IHtcclxuXHRmb250LXNpemU6IDEuNGVtO1xyXG59XHJcblxyXG4ubm8tdG91Y2ggLm5vdGUtdG91Y2gge1xyXG5cdGRpc3BsYXk6IG5vbmU7XHJcbn1cclxuXHJcbi5jb2xvci0xIHtcclxuXHRiYWNrZ3JvdW5kOiAjMGU4M2NkO1xyXG59XHJcblxyXG4uY29sb3ItMiB7XHJcblx0YmFja2dyb3VuZDogI2YwNjA2MDtcclxufVxyXG5cclxuLmNvbG9yLTMge1xyXG5cdGJhY2tncm91bmQ6ICNmY2QwNGI7XHJcbn1cclxuXHJcbi5jb2xvci00IHtcclxuXHRiYWNrZ3JvdW5kOiAjMmVjYzcxO1xyXG59XHJcblxyXG4uY29sb3ItNSB7XHJcblx0YmFja2dyb3VuZDogIzllNTRiZDtcclxufVxyXG5cclxuLmNvbG9yLTYge1xyXG5cdGJhY2tncm91bmQ6ICM0NTkzZTM7XHJcbn1cclxuXHJcbi5jb2xvci03IHtcclxuXHRiYWNrZ3JvdW5kOiAjMmFjNTZjO1xyXG59XHJcblxyXG4uY29sb3ItOCB7XHJcblx0YmFja2dyb3VuZDogI2VjZjBmMTtcclxufVxyXG5cclxuLmNvbG9yLTggcC50ZXh0IHtcclxuXHRjb2xvcjogI2FhYTtcclxuXHRmb250LXdlaWdodDogYm9sZDtcclxufVxyXG5cclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMjVlbSkge1xyXG5cclxuXHQuY29kcm9wcy1pY29uIHNwYW4ge1xyXG5cdFx0ZGlzcGxheTogbm9uZTtcclxuXHR9XHJcblxyXG59Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QjtBQUN4Qix5RUFBeUU7QUFFekUsVUFBVTtFQUNULFdBQVcsRUFBRSxjQUFjO0VBQzNCLEdBQUcsRUFBQywyQ0FBMkM7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 */