/* Reset
----------------------------------- */
@import url("normalize.css");
/* Demo
----------------------------------- */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.focus {
  outline: 1px dotted rgba(0,0,0,0.5) !important;
}
.clear {
  position: relative;
  *zoom: 1;
}
.clear:before,
.clear:after {
  content: '';
  display: table;
  clear: both;
}
.layout {
  margin: 0 auto;
  padding: 0 15px;
}
.button-star {
  position: relative;
  display: block;
  height: 18px;
  padding: 0 3px 0 21px;
  overflow: hidden;
  font: 700 11px/18px 'Helvetica Neue', Arial, sans-serif;
  color: #333 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede));
  background-image: -moz-linear-gradient(top, #fff, #dedede);
  background-image: -o-linear-gradient(top, #fff, #dedede);
  background-image: -ms-linear-gradient(top, #fff, #dedede);
  background-image: linear-gradient(top, #fff, #dedede);
  border: #ccc solid 1px !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.button-star:hover {
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d9d9d9));
  background-image: -moz-linear-gradient(top, #f8f8f8, #d9d9d9);
  background-image: -o-linear-gradient(top, #f8f8f8, #d9d9d9);
  background-image: -ms-linear-gradient(top, #f8f8f8, #d9d9d9);
  background-image: linear-gradient(top, #f8f8f8, #d9d9d9);
  border-color: #bbb !important;
}
.button-star i {
  position: absolute;
  top: 2px;
  left: 4px;
  width: 14px;
  height: 15px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAACQUlEQVR4Xn2SX2hSURzH772TEIYIWmZYIIGa+FJDIR+CoPakkUT+a+r2IOqT+BCIf/aqJCgy+jOKFfgSqASBCK6HgrIyWau0QMsVkQ/bFMTIu6Fy+x5IGGPrCx9+9/zO93vPOfdcmtojs9l8FMUPjOAM4EADFMBSLpfrUPuF0HWLxdJ3u90bmUzmVaVSeUcgz6SHud/wWPaHLNBuNputjUajZY7jTODsP0ykl8/na/DswHtjEjputVr/FAqFT4lE4g7GbbAIEmAZ3AKbsVjsfqlU+gAvi/EpyuVyJUOh0DZWmI3H43fR5A4iEok8gediNBrdWlhYuMfweDyrTqd7Q9P0s0ajYaAOUavVMmCrVa1W+xLDa8xgMDgxPT2dJQY8nzwsOB6Pj8hkstMikegxfMcY0lxbW+uRswoEgiH1H8nlcsnq6upgamqKY8RiMdvr9c7p9XqJwWCoMQzDHRSamZnZxM5olmUvCIVCllGpVBv9fv+KVCod1+v19WQy+dpoNH7HmSkitVrdDYfD68Fg8Dbus4ngrFKp/Ek1m82bdrt91+PxeHEdDx0ORxGGb3NzcyNUNhAI/MBdagCN45hsNtsQCyzyFArFI5gc+EOW8IVX5ufnu+VyedzpdAZ8Pp8lYPXP5OJRV5xO5xeNRvOAIsLbLheLxY/kchF87/f7v2K1Pmrb5/P9QqiKuR3iIV5qr9C41G63n6dSqarX693G9ocEBLvpdHodcy+IZ+Kn94UlKFfBeSADRG3wFjzFVrcm3r8xLTc0GmEycwAAAABJRU5ErkJggg==") no-repeat;
  *background-image: url("ie/icon-github.png");
}
.features {
  position: relative;
  font-size: 16px;
  color: #555;
  background: #fff;
}
.features .self {
  color: #555;
  border-bottom-color: #bbb;
}
.features .self:hover {
  color: #222;
}
.features .arrows {
  top: 0;
}
.features:hover .arrows .bottom {
  left: 0;
}
.features h2 {
  color: #fff;
  background: #2489c5;
}
.features ul {
  padding: 44px 60px 36px;
}
.features li {
  padding: 0 0 9px 36px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABI0lEQVR4XpXSP0vDUBjF4ZtLkIr4EYzduogdXJTWWV2FLMVNoQrdAhlUUFAEcejo1q13svgFBAUdxA/g30kcdQoIIlL9DWcKuZEeeOCl99w3gTSI49h4MoFb/KCJz6KShS/rOh/TbEZZECLBiSQIR1nQQgAnAVr/LZjEnIq76OJbutjRGR26isUB3pDhBikucWoUzVdI1cl05zBk2MI5jvCKIfL5QluzxTS20bY6WENdl0ujTl13Ni3DABtwWEFp1HG6M7Aq9NHBGRbgy7w6HfTzX6GHCyyXPV2dnu9/MIUX+PIMOkRsbq7hHkZmxciDOrZoQRUVPCGCw504RDobR7VoQQ0f2Mejls1IRb/t4R10CcLc6/2igSVcw8gqFnEMOnSVPxQqQaPw2y7fAAAAAElFTkSuQmCC") 0 1px no-repeat;
  *background-image: url("ie/icon-star.png");
}
.features li.offset {
  margin-top: 20px;
}
.mark {
  padding: 0 2px;
  color: #777;
  background: #e7e5e0;
}
.skin-polaris .mark {
  background: #232830;
}
.skin-futurico .mark {
  background: #25262a;
}
.social {
  height: 60px;
  margin-bottom: 60px;
  padding: 0 60px;
  font-size: 16px;
  color: #555;
  background: #f5f3ef;
}
.social a {
  color: #777;
  border-bottom-color: #ccc;
}
.social a:hover {
  color: #444;
}
.social .left {
  float: left;
  padding-top: 19px;
}
.social .left li {
  float: left;
  padding-right: 30px;
}
.social .left li a {
  position: relative;
}
.social .right {
  float: right;
  padding-top: 20px;
}
.social .right li {
  float: right;
  padding-left: 25px;
}
.social .right li a {
  font: 700 11px/18px 'Helvetica Neue', Arial, sans-serif;
  color: #333;
}
.demo-holder {
  margin-bottom: 97px;
}
.demo-title {
  padding-bottom: 36px;
  font-size: 26px;
  letter-spacing: -1px;
}
.demo {
  position: relative;
}
.demo:hover .arrows .top,
.demo:hover .arrows .bottom {
  left: 0;
}
.demo-list {
  position: relative;
  margin-right: 360px;
  padding: 33px 57px 17px;
  color: #555;
  background: #fff;
  border: 3px solid #ddd8ce;
}
.demo-list ul {
  float: right;
  white-space: nowrap;
}
.demo-list ul:first-child {
  float: left;
}
.demo-list ul li {
  position: relative;
  padding: 0 0 18px 42px;
}
.demo-list ul input {
  position: absolute;
  top: 4px;
  left: 0;
}
.demo-list ul .icheckbox_square-blue,
.demo-list ul .iradio_square-blue {
  position: absolute;
  top: -1px;
  left: 0;
}
.demo-list ul span {
  color: #bbb;
}
.demo-methods {
  padding: 21px 360px 0 0;
}
.demo-methods .mark {
  background: #d3cfc6;
}
.demo-methods dt {
  position: relative;
  padding: 17px 150px 18px 0;
  font: 16px/24px 'Montserrat', Helvetica, Arial, sans-serif;
  color: #444;
  border-bottom: 3px solid #ddd8ce;
}
.demo-methods dt .self {
  cursor: pointer;
}
.demo-methods dt .self:hover {
  color: #222;
}
.demo-methods dt .code {
  position: absolute;
  right: 0;
  bottom: 18px;
  color: #777;
}
.demo-methods dt .code .self:hover {
  color: #444;
}
.demo-methods dd {
  position: relative;
  display: none;
  margin: 0;
  background: #fff;
  border: 3px solid #ddd8ce;
  border-top: none;
}
.demo-methods dd:before {
  content: '';
  position: absolute;
  top: -13px;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #ddd8ce;
  border-left-color: #ddd8ce;
}
.demo-methods dd .markup {
  margin: 0;
  color: #888;
  background: #f5f3ef;
  border: none;
}
.demo-methods dd .markup .comment {
  color: #aaa;
}
.demo-callbacks {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 300px;
  color: #aaa;
  background: #232323;
  border: 3px solid #ddd8ce;
}
.demo-callbacks h2 {
  color: #fff;
  background: #6a5a8c;
}
.demo-callbacks ul {
  position: absolute;
  top: 60px;
  width: 100%;
  bottom: 0;
  overflow: auto;
}
.demo-callbacks ul li {
  margin-top: -1px;
  padding: 13px 20px 15px;
  border-top: 1px solid #2e2e2e;
}
.demo-callbacks ul li span {
  color: #888;
}
.skins {
  position: relative;
  *zoom: 1;
}
.skins h2 {
  position: absolute;
  top: -38px;
  right: 0;
  left: 0;
  font-size: 24px;
  text-align: center;
}
.arrows {
  position: absolute;
  top: 3px;
  left: -60px;
  width: 60px;
  overflow: hidden;
}
.arrows .top,
.arrows .bottom {
  position: relative;
  left: 60px;
  width: 60px;
  height: 60px;
  cursor: pointer;
  -webkit-transition: left 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out;
  -ms-transition: left 0.2s ease-in-out;
  -o-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
}
.arrows .top {
  background: #7baeb9 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAdklEQVR4Xo3MuwmFQBiE0b0FmAuutnRBsAARLMTYRzvWItiEYLq/s6CYyMwGXzTDcWbG8mhEf/ZjQIV2ZCigjiASMAVJIAVKAQ4FKWBDJVoYpAB/7z8GRaAQgBNQG8dZA28f0BmHBgUCKGh9hhpNKH8BWY8GlF2OH3hCC1zmdAAAAABJRU5ErkJggg==") 50% no-repeat;
  *background-image: url("ie/arrow-top.png");
}
.arrows .top:hover {
  background-color: #6ba4b1;
}
.arrows .bottom {
  background: #e2b78d url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAf0lEQVR4Xo3MzQmEQBCE0TGAvQuOpiQIBiCCgXj2J52NRTAJwev0Vh+WOgjlNHyHguYFM/M6tKLSd2YTmtHHR48S8jtQzAB2430d2bgJvQLsdqRCZwZUPAFLaPjrjYAUMKLgwBtUK4CIhi4BEFGQBohISANEJKQBIqqIFtSqvx/0bXhCCUrgiAAAAABJRU5ErkJggg==") 50% no-repeat;
  *background-image: url("ie/arrow-bottom.png");
}
.arrows .bottom:hover {
  background-color: #dba571;
}
@media screen and (max-width:1049px) {
  .arrows {
    display: none;
  }
}
.skin {
  position: relative;
  margin-bottom: 40px;
}
.skin:hover .arrows .top,
.skin:hover .arrows .bottom {
  left: 0;
}
.skin h3 {
  position: relative;
  z-index: 20;
  float: left;
  height: 60px;
  padding: 0 57px;
  line-height: 58px;
  background: #fff;
  border: 3px solid #ddd8ce;
  border-bottom: none;
}
.skin h3:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #fff;
}
.skin.skin-polaris h3 {
  color: #cacdd1;
  background: #2c323c;
}
.skin.skin-polaris h3:before {
  background: #2c323c;
}
.skin.skin-futurico h3 {
  color: #c3c3c3;
  background: #2e3035;
}
.skin.skin-futurico h3:before {
  background: #2e3035;
}
.skin dl {
  z-index: 10;
  width: 100%;
  margin: 0;
}
.skin dt {
  position: relative;
  top: -60px;
  right: -3px;
  float: right;
  height: 47px;
  margin-right: -3px;
  padding: 0 7px;
  line-height: 27px;
  border: none;
  cursor: pointer;
}
.skin dt:hover {

}
.skin dt.selected {
  height: 50px;
  background: transparent;
  border-bottom: none;
  cursor: default;
}
.skin dt.selected:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: transparent;
}
.skin.skin-polaris dt {

}
.skin.skin-polaris dt:hover {
}
.skin.skin-polaris dt.selected {
}
.skin.skin-polaris dt.selected:before {
}
.skin.skin-futurico dt {
  color: #c3c3c3;
  background: #676c77;
}
.skin.skin-futurico dt:hover {
  background: #4b4e56;
}
.skin.skin-futurico dt.selected {
  background: #2e3035;
}
.skin.skin-futurico dt.selected:before {
  background: #2e3035;
}
.skin dd {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin: -3px -100% 0 0;
  overflow: hidden;
  color: #444;
  background: #fff;
  border: none;
}
.skin dd.selected {
  display: block;
}
.skin.skin-polaris dd {
  color: #7a828b;
  background: #222222;
}
.skin.skin-futurico dd {
  color: #888;
  background: #2e3035;
}
.skin-section {
  float: left;
  line-height: 18px;
}
.skin-section h4 {
  padding-bottom: 18px;
}
.skin-polaris .skin-section h4 {
  color: #959ba2;
}
.skin-futurico .skin-section h4 {
  color: #a0a0a0;
}
.skin-section .list {
  float: left;
  padding-right: 20px;
}
.skin-section .list li {
  position: relative;
  padding-bottom: 15px;
}
.skin-minimal .skin-section .list li {
  padding-left: 38px;
}
.skin-square .skin-section .list li {
  padding-left: 42px;
}
.skin-flat .skin-section .list li {
  padding-left: 40px;
}
.skin-line .skin-section h4 {
  padding-bottom: 24px;
}
.skin-line .skin-section .list {
  padding-right: 40px;
}
.skin-line .skin-section .list li {
  padding-bottom: 10px;
}
.skin-polaris .skin-section .list li {
  padding-left: 37px;
}
.skin-futurico .skin-section .list li {
  padding-left: 36px;
}
.icheckbox_minimal,
.icheckbox_minimal-red,
.icheckbox_minimal-green,
.icheckbox_minimal-blue,
.icheckbox_minimal-aero,
.icheckbox_minimal-grey,
.icheckbox_minimal-orange,
.icheckbox_minimal-yellow,
.icheckbox_minimal-pink,
.icheckbox_minimal-purple,
.iradio_minimal,
.iradio_minimal-red,
.iradio_minimal-green,
.iradio_minimal-blue,
.iradio_minimal-aero,
.iradio_minimal-grey,
.iradio_minimal-orange,
.iradio_minimal-yellow,
.iradio_minimal-pink,
.iradio_minimal-purple {
  position: absolute;
  top: 1px;
  left: 0;
}
.icheckbox_square,
.icheckbox_square-red,
.icheckbox_square-green,
.icheckbox_square-blue,
.icheckbox_square-aero,
.icheckbox_square-grey,
.icheckbox_square-orange,
.icheckbox_square-yellow,
.icheckbox_square-pink,
.icheckbox_square-purple,
.iradio_square,
.iradio_square-red,
.iradio_square-green,
.iradio_square-blue,
.iradio_square-aero,
.iradio_square-grey,
.iradio_square-orange,
.iradio_square-yellow,
.iradio_square-pink,
.iradio_square-purple {
  position: absolute;
  top: -1px;
  left: 0;
}
.icheckbox_flat,
.icheckbox_flat-red,
.icheckbox_flat-green,
.icheckbox_flat-blue,
.icheckbox_flat-aero,
.icheckbox_flat-grey,
.icheckbox_flat-orange,
.icheckbox_flat-yellow,
.icheckbox_flat-pink,
.icheckbox_flat-purple,
.iradio_flat,
.iradio_flat-red,
.iradio_flat-green,
.iradio_flat-blue,
.iradio_flat-aero,
.iradio_flat-grey,
.iradio_flat-orange,
.iradio_flat-yellow,
.iradio_flat-pink,
.iradio_flat-purple {
  position: absolute;
  top: 0;
  left: 0;
}
.icheckbox_polaris,
.iradio_polaris {
  position: absolute;
  top: -4px;
  left: -6px;
}
.icheckbox_futurico,
.iradio_futurico {
  position: absolute;
  top: 2px;
  left: 0;
}
.skin-states {
  float: right;
  padding-right: 57px;
  padding-left: 0;
}
.skin-states .list {
  padding-right: 0;
}
.skin-minimal .skin-states .list li {
  padding-left: 71px;
}
.skin-square .skin-states .list li {
  padding-left: 79px;
}
.skin-flat .skin-states .list li {
  padding-left: 75px;
}
.skin-line .skin-states .list {
  padding-right: 0;
}
.skin-polaris .skin-states .list li {
  padding-left: 69px;
}
.skin-futurico .skin-states .list li {
  padding-left: 67px;
}
.skin-states .iradio_minimal,
.skin-states .iradio_minimal-red,
.skin-states .iradio_minimal-green,
.skin-states .iradio_minimal-blue,
.skin-states .iradio_minimal-aero,
.skin-states .iradio_minimal-grey,
.skin-states .iradio_minimal-orange,
.skin-states .iradio_minimal-yellow,
.skin-states .iradio_minimal-pink,
.skin-states .iradio_minimal-purple {
  left: 33px;
}
.skin-states .iradio_square,
.skin-states .iradio_square-red,
.skin-states .iradio_square-green,
.skin-states .iradio_square-blue,
.skin-states .iradio_square-aero,
.skin-states .iradio_square-grey,
.skin-states .iradio_square-orange,
.skin-states .iradio_square-yellow,
.skin-states .iradio_square-pink,
.skin-states .iradio_square-purple {
  left: 37px;
}
.skin-states .iradio_flat,
.skin-states .iradio_flat-red,
.skin-states .iradio_flat-green,
.skin-states .iradio_flat-blue,
.skin-states .iradio_flat-aero,
.skin-states .iradio_flat-grey,
.skin-states .iradio_flat-orange,
.skin-states .iradio_flat-yellow,
.skin-states .iradio_flat-pink,
.skin-states .iradio_flat-purple {
  left: 35px;
}
.skin-states .iradio_polaris {
  left: 26px;
}
.skin-states .iradio_futurico {
  left: 31px;
}
.colors {
  clear: both;
  padding: 24px 0 9px;
}
.skin-line .colors {
  padding-top: 28px;
}
.colors strong {
  float: left;
  line-height: 20px;
  margin-right: 20px;
}
.colors li {
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px 1px 0 0;
  background: #000;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.colors li:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.colors li.active {
  height: 20px;
  margin-top: 0;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.colors li.red {
  background: #d54e21;
}
.colors li.green {
  background: #78a300;
}
.colors li.blue {
  background: #0e76a8;
}
.colors li.aero {
  background: #9cc2cb;
}
.colors li.grey {
  background: #73716e;
}
.colors li.orange {
  background: #f70;
}
.colors li.yellow {
  background: #fc0;
}
.colors li.pink {
  background: #ff66b5;
}
.colors li.purple {
  background: #6a5a8c;
}
.skin-square .colors li.red {
  background: #e56c69;
}
.skin-square .colors li.green {
  background: #1b7e5a;
}
.skin-square .colors li.blue {
  background: #2489c5;
}
.skin-square .colors li.aero {
  background: #9cc2cb;
}
.skin-square .colors li.grey {
  background: #73716e;
}
.skin-square .colors li.yellow {
  background: #fc3;
}
.skin-square .colors li.pink {
  background: #a77a94;
}
.skin-square .colors li.purple {
  background: #6a5a8c;
}
.skin-square .colors li.orange {
  background: #f70;
}
.skin-flat .colors li.red {
  background: #ec7063;
}
.skin-flat .colors li.green {
  background: #1abc9c;
}
.skin-flat .colors li.blue {
  background: #3498db;
}
.skin-flat .colors li.grey {
  background: #95a5a6;
}
.skin-flat .colors li.orange {
  background: #f39c12;
}
.skin-flat .colors li.yellow {
  background: #f1c40f;
}
.skin-flat .colors li.pink {
  background: #af7ac5;
}
.skin-flat .colors li.purple {
  background: #8677a7;
}
.skin-line .colors li.yellow {
  background: #ffc414;
}
.skins-info {
  padding: 13px 0 57px;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.skins-info p {
  margin-bottom: 17px;
}
.skin-usage {
  padding: 7px 20px 0;
  list-style: decimal outside;
}
.skin-usage li {
  margin-bottom: 23px;
}
.skin-usage .schemes {
  margin-bottom: -3px;
  padding: 13px 0 0 20px;
  color: #888;
}
.skin-usage .schemes ul {
  float: left;
  padding-right: 60px;
}
.skin-usage .schemes li {
  margin: 0;
  padding-bottom: 3px;
}
.usage {
  position: relative;
  margin-bottom: 80px;
  background: #fff;
}
.usage.self {
  border-bottom-color: #bbb;
}
.usage .arrows {
  top: 0;
}
.usage:hover .arrows .top,
.usage:hover .arrows .bottom {
  left: 0;
}
.usage h2 {
  color: #fff;
  background: #1f7f5c;
}
.usage h4 {
  margin: 26px 0 10px;
}
.usage h4.callbacks {
  margin-bottom: 19px;
}
.usage p {
  margin-bottom: 5px;
}
.usage p.offset {
  margin-top: 10px;
}
.usage .markup {
  margin: 9px 0 16px;
}
.usage .usage-inner {
  font-size: 15px;
  line-height: 23px;
  padding: 41px 60px 39px;
}
.markup {
  margin: 10px 0 18px;
  padding: 8px 0 9px 17px;
  font: 14px/20px 'Montserrat', Helvetica, Arial, sans-serif;
  color: #777;
  background: #e7e5e0;
  border-left: 3px solid #d7d5cb;
}
.markup .comment {
  color: #999;
}
.skin-polaris .markup {
  background: #232830;
  border-left-color: #1f232a;
}
.skin-polaris .markup .comment {
  color: #555;
}
.skin-futurico .markup {
  background: #25262a;
  border-left-color: #202225;
}
.skin-futurico .markup .comment {
  color: #555;
}
.browsers {
  margin-bottom: 74px;
}
.browsers h2 {
  margin-bottom: 29px;
  font-size: 24px;
}
.browsers-inner {
  font-size: 15px;
  line-height: 23px;
}
.browsers-inner p {
  margin-bottom: 15px;
}
.benefits {
  position: relative;
  margin-bottom: 59px;
  color: #888;
  background: #232323;
}
.benefits .arrows {
  top: 0;
}
.benefits:hover .arrows .top,
.benefits:hover .arrows .bottom {
  left: 0;
}
.benefits h2 {
  color: #fff;
  background: #6a5b8c;
}
.benefits a {
  color: #888;
  border-bottom-color: #666;
}
.benefits a:hover {
  color: #aaa;
}
.benefits .mark {
  color: #777;
  background: #393939;
}
.benefits-inner {
  padding: 41px 60px 29px;
  font-size: 15px;
  line-height: 23px;
}
.benefits-inner p {
  margin-bottom: 15px;
}
.benefits-inner ul {
  margin: -10px 0 15px;
}
.actions li {
  float: left;
  width: 465px;
  height: 63px;
  text-align: center;
}
.actions li a {
  display: block;
  height: 60px;
  font-size: 18px;
  line-height: 58px;
  color: #fff;
  border: none;
  background: #e76b66;
}
.actions li a:before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 12px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAACYUlEQVR4Xr3VPWhTURjH4VOt0ES7ZRJbEJpsNsaimx9E0GpRCdgU/NhsRAdNBYcK0RirQcSkIIK2cRBRiragVayDhqBDLVWatFvsIKK2UMEp4KBcf8N/KNdwvcHWAw8c/rzvebk5yU2dZVnmf6wVNdb70Ca+5Rrkx0e8E/ZkyzCoAyuxBZu17/jXQV34jjwCytowjUk90Ywyo5q8errcDoriPgpoRhEj6MQrGHmpbARF1RbUG3Uz6Bae4iBacQNNSKEPRi4pa1JNq3pGcds+qNrXu4B1CKKCWtZqlPAZO/72RDGsRdKWh5ATIdOSpHpjbu6ojBfYBiPdOIQeHJMeZd0wsh1jKDsNakEc97AHo8o3IYCz2I1nGMYuZQHVGPXs1RlxtNgH+TCFtBpvIqua40ghqkGdOIp27VOqMcigX8PTKIKzWXwZDDbAQhDG5o6yx2iAkQY80T4HYxOEpbP/uCOnN+wq1Nlq6x3qrWp3NIcKJvAWV+FVzU804i6uwyNZZY34BaOeyzpjQmfOLR70DSGcwyxOIa7mAZzHQ+QxLHllCdUYnMYZzOqsjeBsPbp8QFZ7Lw7gCt4jhGu4qCEGa5SVVWPUM4Yjbn5HfrTjNYzk8AAZ5CSjbBBG3qjXr0CqX+YAviJpy6cQg9NKIoJBN6+gIGbwA16kMY5eeGDEo2xcNV71TCPo5qM7iX14hJIueB4XkICRhLJ51ZTUsx8n3AwawmGE8QUhRDR4J4yElUUQUm1YvUPOfxPO4khj66KL70W/m+Z6uF3P0YdJBRVlZqkHlbEezQo+YWHJB8mC1Lx+Ayeq7nRIoewwAAAAAElFTkSuQmCC");
  *background-image: url("ie/icon-options.png");
  vertical-align: middle;
}
.actions li a:hover {
  border-bottom: 3px solid #e24f49;
}
.actions li.fork a {
  background: #579aa9;
}
.actions li.fork a:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAACcklEQVR4XrXQS0hUYRiH8TGnodIaITEoqIwgaBGFJUGrIssUaVC7eBmmqNFSw6xFDAlBhIpFSoUypF0WUoHlBUlbWIzRQlBMCIKIUbuQi4RoEcLUTM/ivzgcjk0e8YUfH7OZ57xvQiwWcyzS7EctpnBhySJFVqMORehD80JC2+FD6hyhb/Ia6+yG/BjFA4xjiyn0AT/QpY0a7YTyEcQYSpGCVxYxHwI4iAE7oUp8RxY6cAhui1gCZjEDh53QT6TiiMJDc8QKEEb6fEJuVOAtPIgiD6v+EXuhj5mEwxknkIkyHEcSvuIq2vEJjCiGfsX24ikY643cOIsxDOMkQjiMDbhiiphjOdrsJdZYhTLRhi9oQRp6MAEXsnS+fVgO86zQG9IF1qLEGErDG8PXD8GD9Xo3w4tO/EKuTtOFXYZQE8qRiAIwfKTGiXrsRgNaDWdx4ZZCAYTEITtwXSe+hmL4tfU23EO3caNN+Ixa0+3zMYtq1CmQgn68QyUOYEaxZIwgSWE/YsaN+nAD7TiFPwp9RBWihhPU4DEe4g6ydQkvprEHEWhEGzVpTZ/+IFGhEW0zrNdqEpCBrbhvGREnojitTfyKe/V7VBzSjA6cwzieo1Vb38Wc49QbQ7liZxQrxW9DZCOmkGMIJ6MEg9B5YXk6jWIVaMExPMJSRdIRRiGMU6RYEEyckClWhdsoVMyFSRzFgClUhmn0gol/OnOsWmc8jyfasNMUycBO1CMyn43MsRrchEcRlynkRxRtYOyEIBfRiDw8M8SSUYxBhBcckktoQC56sAxerERQgYWHJIA6ZGMCzdqk10Yorss4gffoVjTyv6G/ACqnKZp2IHMAAAAASUVORK5CYII=");
  *background-image: url("icon-lab.png");
}
.actions li.fork a:hover {
  border-bottom-color: #4a8390;
}
.license {
  color: #444;
  text-align: center;
  padding: 30px 0 75px;
}
.footer {
  padding: 28px 0 35px;
  color: #666;
  background: #e2dfd8;
}
.footer ul {
  float: left;
}
.footer ul li {
  float: left;
  padding: 2px 20px 0 0;
}
.footer .design {
  float: left;
  padding-right: 120px;
}
.footer .code {
  float: right;
}
.footer a {
  color: #444;
}
.footer a:hover {
  color: #222;
}
.footer-inner {
  width: 930px;
  margin: 0 auto;
  overflow: hidden;
}