/**
 * $Variables 
 **/
/**
 * $Mixins 
 **/
/* http://www.sitepoint.com/sass-mixins-kickstart-project/ */
/* $Base */

/* $Buttom */


.entry-content .btn-gelatin-blue,
.entry-content .btn-gelatin-red,
.entry-content .btn-gelatin-green,
.entry-content .btn-gelatin-purple,
.entry-content .btn-gelatin-gray{ 
width: 500px;
  font-size: 28px;
  font-weight: bold;
  margin: 10px auto 20px;
  display: block;
  text-decoration: none;
  text-align: center;
  position: relative;
  outline: none;
  color: #fff;
  line-height: 2.3;
  border-radius: 3px;
  border: none;
  -webkit-transition: -webkit-box-shadow .3s;
  -webkit-transition: box-shadow .3s;
  transition: box-shadow .3s;
}




.btn-gelatin-blue,
input.btn-gelatin-blue{
  background: #1253A4;
  box-shadow: 0 0 0 -2px #CFF09E, 0 0 0 -1px #FE4365;
}

.btn-gelatin-red,
input.btn-gelatin-red{
  background: #e5000b;
  box-shadow: 0 0 0 -2px #CFF09E, 0 0 0 -1px #FE4365;
}

.btn-gelatin-green,
input.btn-gelatin-green{
  background: #008c4b;
  box-shadow: 0 0 0 -2px #CFF09E, 0 0 0 -1px #FE4365;
}

.btn-gelatin-purple,
input.btn-gelatin-purple{
  background: #ad1283;
  box-shadow: 0 0 0 -2px #CFF09E, 0 0 0 -1px #FE4365;
}

.btn-gelatin-gray,
input.btn-gelatin-gray{
  background: #2e2e2e;
  box-shadow: 0 0 0 -2px #CFF09E, 0 0 0 -1px #FE4365;
}

input.btn-gelatin-blue,
input.btn-gelatin-red,
input.btn-gelatin-green,
input.btn-gelatin-purple,
input.btn-gelatin-gray {
  line-height: normal !important;
}





.btn-gelatin-blue a,
.btn-gelatin-red a,
.btn-gelatin-green a,
.btn-gelatin-purple a,
.btn-gelatin-gray a{
  color: #fff;
  text-decoration: none;
}



.btn-gelatin-blue:hover, .btn-gelatin-blue:focus,
.btn-gelatin-red:hover, .btn-gelatin-red:focus,
.btn-gelatin-green:hover, .btn-gelatin-green:focus,
.btn-gelatin-purple:hover, .btn-gelatin-purple:focus,
.btn-gelatin-gray:hover, .btn-gelatin-gray:focus{
  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: gelatine 0.5s 1;
  animation: gelatine 0.5s 1;
}




.btn-gelatin-blue:hover, .btn-gelatin-blue:focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1253A4;
}

.btn-gelatin-red:hover, .btn-gelatin-red:focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e5000b;
}

.btn-gelatin-green:hover, .btn-gelatin-green:focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #008c4b;
}

.btn-gelatin-purple:hover, .btn-gelatin-purple:focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ad1283;
}

.btn-gelatin-gray:hover, .btn-gelatin-gray:focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2e2e2e;
}





.btn-gelatin-blue:active,
.btn-gelatin-red:active,
.btn-gelatin-green:active,
.btn-gelatin-purple:active,
.btn-gelatin-gray:active{
  background: #4ECDC4;
  -webkit-transition-duration: 0;
  transition-duration: 0;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3ac7bd;
}




/**
 * $keyframes \ gelatine 
 **/
@keyframes gelatine {
  from,to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
  from,to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
@-webkit-keyframes gelatine {
  from,to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
  from,to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?63837372');
  src: url('../font/fontello.eot?63837372#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?63837372') format('woff2'),
       url('../font/fontello.woff?63837372') format('woff'),
       url('../font/fontello.ttf?63837372') format('truetype'),
       url('../font/fontello.svg?63837372#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?63837372#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-folder:before { content: '\e800'; } /* '' */
.icon-clock:before { content: '\e801'; } /* '' */
.icon-th-list:before { content: '\e802'; } /* '' */