/*---------------------------------------------------
Micsins 0.1
---------------------------------------------------
A set of useful SCSS mixins modeled after LESS Elements
More info at: http://github.com/hrag/micsins
---------------------------------------------------*/
.ohhey * {
  box-sizing: border-box; }

.ohhey {
  position: fixed;
  left: 0;
  width: 100%;
  height: auto;
  padding: 15px 0 10px;
  overflow: hidden;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  z-index: 50; }
  .ohhey span {
    max-width: 66.666%;
    width: auto;
    text-align: left; }
  .ohhey .ohhey-icon {
    position: absolute;
    top: 50%;
    left: -40px;
    height: 25px;
    width: 25px;
    margin-top: -14px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center; }
  .ohhey .ohhey-close {
    top: 5px;
    right: 10px;
    height: 44px;
    width: 44px;
    cursor: pointer; }
  .ohhey .ohhey-text {
    display: table-cell;
    position: relative;
    font-size: 1em;
    vertical-align: middle;
    height: 100%; }
  .ohhey .ohhey-timer {
    position: absolute;
    bottom: 0;
    left: -100%;
    height: 2px;
    width: 100%;
    background-color: #fff; }
  .ohhey.ohhey-showing {
    top: -2px !important;
    -webkit-transition: all 0.33333s cubic-bezier(0.47, -0.29, 0.79, 0.99);
    -moz-transition: all 0.33333s cubic-bezier(0.47, -0.29, 0.79, 0.99);
    -o-transition: all 0.33333s cubic-bezier(0.47, -0.29, 0.79, 0.99);
    transition: all 0.33333s cubic-bezier(0.47, -0.29, 0.79, 0.99);
    -moz-opacity: 0.97;
    -khtml-opacity: 0.97;
    -webkit-opacity: 0.97;
    opacity: 0.97;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=97);
    filter: alpha(opacity=97);
    -webkit-transition: all 0.33333s cubic-bezier(0.47, -0.29, 0.79, 0.99);
    -moz-transition: all 0.33333s cubic-bezier(0.47, -0.29, 0.79, 0.99);
    -o-transition: all 0.33333s cubic-bezier(0.47, -0.29, 0.79, 0.99);
    transition: all 0.33333s cubic-bezier(0.47, -0.29, 0.79, 0.99); }
    .ohhey.ohhey-showing .ohhey-timer {
      left: 0;
      -webkit-transition: all 10s linear;
      -moz-transition: all 10s linear;
      -o-transition: all 10s linear;
      transition: all 10s linear; }
  .ohhey.ohhey-hide {
    -webkit-transition: all 0.33333s cubic-bezier(0.47, -0.29, 0.79, 0.99);
    -moz-transition: all 0.33333s cubic-bezier(0.47, -0.29, 0.79, 0.99);
    -o-transition: all 0.33333s cubic-bezier(0.47, -0.29, 0.79, 0.99);
    transition: all 0.33333s cubic-bezier(0.47, -0.29, 0.79, 0.99); }
  .ohhey.ohhey-urgent {
    background-color: #cd4848; }
    .ohhey.ohhey-urgent .ohhey-icon {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAQAAAACj/OVAAAB+0lEQVR4Ab2ZtXkeYRCE14zRX4F6ENRgdgOKTPkpUyJWE+cGzHYHggqMqZktnlnrEa7hPsHPh/tNvM97tDQnaY8d034OIcY832GBG9zAAt9hFjEj7bVjUt6xE3odj7AC66AV3terdqI47AyHsQBLqV86arX8sGN6k59hGQVM2JkcOL2IN7B84nu9nO3ejmAaVkTcxZgdSYs7j2ewEvTYzqXArffwJawc8cV6T3fcD1h54o+OSDuf+e5S3KWda/+pPINVoMdtPh9MwyrSeOu8s6rE3aa8tGMhzSsS3zdUH72ZPlh796N6M0An6kv058qBOFTWOQyrHGg6ut/vsOABxK/QL/U6zAVoejXJv0deQN5PEmLFC4gVOya/B2A+wBDLIU8gI8FdTyBiwbwrcFb4zhPId4IFTyAWhRuud7jhD8SiJxALOT4aDmpvIg7m+WhmYY6aFcSuwFgYeQIZhRfvJe0N7clDoT2J8H7GsGm9kwjTORqwiF51HjHsBH65DlEiOuo6JopYDXAdhEUw4Tjqh2H/vesyI6JXuOu1roWDcVhFGmu3cj92W7kD8hxf+JkK/rbJPvKFnzEUHiweO1pf4fMZ525Bc288tbm3n5fvvezL/eqDCcDNoA3Qmo7il4MF3WCyX+V9B5O9yQHvZYQYs3yHRW5wA4t5fiP8AUGMQ6L2+AWDAAAAAElFTkSuQmCC); }
  .ohhey.ohhey-notice {
    background-color: #f5ac56; }
    .ohhey.ohhey-notice .ohhey-icon {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAQAAAC0jZKKAAAAjUlEQVR4Ae3MsRWBQRAA4QEqUYQerhY1AICGLgF0A2D3PNlp4I+822xn8g+AFDTKRXKBLxpTAAB0LbnsugZSkFz+FNBoAWtELhawXJBss8MOO+ywww477HCZVY1gOVnBPRNYt7leHn7KOLehAtbZp/vv306uAVTBA8pkxIIRC0YsGLFgxIIRC0YsGLH8AE7t0wJHAlteAAAAAElFTkSuQmCC); }
  .ohhey.ohhey-confirm {
    background-color: #75e16c; }
    .ohhey.ohhey-confirm .ohhey-icon {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAsCAQAAACePWMlAAAB+0lEQVR4Ab3XA7zjTBQF8PnWtm3b9n5r27Zt27Zt27Zt25gzzWPvevfxtnlNcs6PRf5Jkw6E2VEV0VlYG1tVeEhCLwtJWQuekn5U9beIRD14SfrboVaQjeEtyWcx2mRStYBdkt9igplkW5+kz6qpJpHoJInpTDPIHhwJb9XMcFL15Uk0NJ4cxJJeqGM4KUewpKesYTiJcSzpriobT05mSTdV3mCQ/pMzWFJDaePJuSypUEI4imqG4jrIYFjEktAKOzWAQUMpJ8ngWM6R8qtWwIkBTM+NpxBYzZKfbXkck931POIUUm5gyY8qh+4BjP8zUyi5hSXfq6z6BzB22KIw2MmSb5FR/wDGDtAUFns5Eq/d0zkkMVbPVEThcZAlX7ilFo6DzuxB7Kq1DzKCPMp++qlbCuFcZDvYJTHt8JuMJE+y5GMtqYsLKZ9FVyEoCs5IYvpASxSkJSPTobjAvn/XlkDoD+rDS1IQe0vFdXkboK+4jtgub3j0FVcohutbO3dd5AWKJlyPKgPNafIsRRHGBCVhcwo9SZGEcZFFAYfkUYogjI1WUEqOxEEKL4yPLa/8Eii5l8IKc2LLJT8FSO6kMMK8qGzygz9yK4US5gaZ5Ttf6AYKKcyPzIA3f0isoRDCmrinwcuf5HIKLqyLW0o8xyIKJqwN4tB/wqB8A5TvAx35RM8xAAAAAElFTkSuQmCC); }
  .ohhey .ohhey-close {
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAQAAAC0jZKKAAABBElEQVR4AbXVt1XFQBSE4YsnwfWAJ6MRylEHhPiUBsikiA7wVWAT7K4eHtmLZ6L/MJHst7uS5sjaFGNxuRg0nMfZuFn0m32yR6GI204T9iIUIXW6ZUPhNGWLDzpmvus0Y91JzOxhIp5Q+geb+cMQNGQ1zVmnTwVNWE1jVtOY1TRmNY1ZTWNW05jVNGY1jVlFU1bQ+Txgf9CT3+g3zAoasIIWLE2+8A2+KoYBpr5b3UbMElqw8QXRurxhThcd/SJF0Tkris5ZRWNW05jVNGY1jVlNY1bTmNU0ZjXNWU1zVtOa5XRIBUvoxMyK4bj7g6X0VtFr5vQPFtAfrNOLzkI633D2v1ICTq+JShgjWZ8AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center; }
  .ohhey .ohhey-text-wrapper {
    min-height: 30px; }
    .ohhey .ohhey-text-wrapper .ohhey-text-subwrapper {
      position: relative;
      max-width: 66.666%;
      min-height: 25px;
      margin: 0 auto;
      font-family: Helvetica, Arial, sans-serif;
      color: #fff; }