/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, sub, sup, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: 'AvenirLTStd-Medium';
  src: url("../fonts/AvenirLTStd-Medium.otf");
}

html {
  height: 100%;
}
html.issue-html {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #333333, #000000);
  background: -moz-linear-gradient(top, #333333, #000000);
  background: -o-linear-gradient(top, #333333, #000000);
  background: linear-gradient(top, #333333, #000000);
}
html.issue-html body {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #333333, #000000);
  background: -moz-linear-gradient(top, #333333, #000000);
  background: -o-linear-gradient(top, #333333, #000000);
  background: linear-gradient(top, #333333, #000000);
}

body {
  width: 100%;
  height: 100%;
  background-color: #fcfcfc;
  color: #4d4d4d;
  margin: 0;
  cursor: default;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: AvenirLTStd-Medium, Arial, Verdana, Sans-Serif;
}
body.fullScreen {
  min-height: 100%;
}
body.fullScreen.store-view {
  height: auto;
}
body.issue-view {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #333333, #000000);
  background: -moz-linear-gradient(top, #333333, #000000);
  background: -o-linear-gradient(top, #333333, #000000);
  background: linear-gradient(top, #333333, #000000);
  overflow: hidden;
}
body.body-hide {
  display: none;
}
body.issue-hide #app-view {
  display: none;
}

*:focus {
  outline: none;
}

/* --------------------------------------------------------------------------
   Typography
   -------------------------------------------------------------------------- */
body {
  font-size: 14px;
  line-height: 1.33em;
  color: #333333;
  -webkit-font-smoothing: antialiased;
}

/* Copy */
p {
  font-size: 14px;
  line-height: 18.62px;
  margin-bottom: 22.4px;
}

h1, h2, h3, h4 {
  font-family: AvenirLTStd-Medium, Arial, Verdana, Sans-Serif;
}

#at3win * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * _tooltip.scss
 *
 * Contains CSS related to tooltips
 */
/* --------------------------------------------------------------------------
   Tooltip base
   -------------------------------------------------------------------------- */
/*
 * _tooltip.scss
 *
 * Contains CSS related to tooltips
 */
/* --------------------------------------------------------------------------
   Tooltip base
   -------------------------------------------------------------------------- */
/*
 * _ttip.scss
 *
 * Contains CSS related to tooltips
 */
/* --------------------------------------------------------------------------
   Tooltip base
   -------------------------------------------------------------------------- */
#ttip {
  pointer-events: none;
  position: absolute;
  z-index: 1000;
  padding: 7px 9px;
  color: #333333;
  font-size: 13px;
  line-height: 15.6px;
  border: 1px solid #e4e4e4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 2px -1px rgba(0, 0, 0, 0.3) 0px;
  -moz-box-shadow: 1px 2px -1px rgba(0, 0, 0, 0.3) 0px;
  box-shadow: 1px 2px -1px rgba(0, 0, 0, 0.3) 0px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(#fcfcfc, #ffffff);
  background: -moz-linear-gradient(#fcfcfc, #ffffff);
  background: -o-linear-gradient(#fcfcfc, #ffffff);
  background: linear-gradient(#fcfcfc, #ffffff);
  background-color: #fcfcfc;
  /* --------------------------------------------------------------------------
     Tooltip arrow
     -------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------
     Right Side Tooltip Arrow
     -------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------
     Top Side Tooltip Arrow
     -------------------------------------------------------------------------- */
  /* --------------------------------------------------------------------------
     Bottom Side Tooltip Arrow
     -------------------------------------------------------------------------- */
}
#ttip.ttip-text-align-center {
  text-align: center;
}
#ttip.ttip-text-align-right {
  text-align: right;
}
#ttip.ttip-text-align-left {
  text-align: left;
}
#ttip .arrow, #ttip .inner-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
#ttip.arrow-right .arrow {
  right: 0;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #e4e4e4;
}
#ttip.arrow-right .inner-arrow {
  right: 0;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #fcfcfc;
}
#ttip.arrow-right.arrow-align-middle .arrow {
  top: 50%;
  margin-top: -5px;
  margin-right: -6px;
}
#ttip.arrow-right.arrow-align-middle .inner-arrow {
  top: 50%;
  margin-top: -5px;
  margin-right: -5px;
}
#ttip.arrow-top .arrow {
  top: 0;
  border-width: 0 6px 5px 6px;
  border-color: transparent transparent #e4e4e4 transparent;
}
#ttip.arrow-top .inner-arrow {
  top: 0;
  border-width: 0 6px 5px 6px;
  border-color: transparent transparent #fcfcfc transparent;
}
#ttip.arrow-top.arrow-align-middle .arrow {
  left: 50%;
  margin-top: -5px;
  margin-left: -6px;
}
#ttip.arrow-top.arrow-align-middle .inner-arrow {
  left: 50%;
  margin-top: -4px;
  margin-left: -6px;
}
#ttip.arrow-top.arrow-align-right .arrow {
  right: 11px;
  margin-top: -5px;
}
#ttip.arrow-top.arrow-align-right .inner-arrow {
  right: 11px;
  margin-top: -4px;
}
#ttip.arrow-top.arrow-align-left .arrow {
  left: 13px;
  margin-top: -5px;
}
#ttip.arrow-top.arrow-align-left .inner-arrow {
  left: 13px;
  margin-top: -4px;
}
#ttip.arrow-bottom .arrow {
  bottom: -5px;
  border-width: 5px 6px 0 6px;
  border-color: #e4e4e4 transparent transparent transparent;
}
#ttip.arrow-bottom .inner-arrow {
  bottom: -5px;
  border-width: 5px 6px 0 6px;
  border-color: #fcfcfc transparent transparent transparent;
}
#ttip.arrow-bottom.arrow-align-middle .arrow {
  left: 50%;
  margin-top: 5px;
  margin-left: -6px;
}
#ttip.arrow-bottom.arrow-align-middle .inner-arrow {
  left: 50%;
  margin-top: 4px;
  margin-left: -6px;
}
#ttip.arrow-bottom.arrow-align-right .arrow {
  right: 11px;
  margin-top: -5px;
}
#ttip.arrow-bottom.arrow-align-right .inner-arrow {
  right: 11px;
  margin-top: -4px;
}
#ttip.arrow-bottom.arrow-align-left .arrow {
  left: 13px;
  margin-top: -5px;
}
#ttip.arrow-bottom.arrow-align-left .inner-arrow {
  left: 13px;
  margin-top: -4px;
}

form footer {
  margin: 20px 0;
  padding: 0;
}

.form-container {
  margin: 0 0 1em 0;
  position: relative;
}
.form-container > * {
  width: 100%;
  margin: 0 0 .5em 0;
}

input[type=text],
input[type=password] {
  border: 1px solid #666666;
  padding: .5em 1em;
  background: rgba(255, 255, 255, 0.92);
  -webkit-transition: 0.4s all ease-out;
  -moz-transition: 0.4s all ease-out;
  -o-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
  color: #4d4d4d;
  font-family: AvenirLTStd-Medium, Arial, Verdana, Sans-Serif;
  font-size: 1em;
}
input[type=text] ::-webkit-input-placeholder,
input[type=password] ::-webkit-input-placeholder {
  color: #dddddd;
}
input[type=text] :-moz-placeholder,
input[type=password] :-moz-placeholder {
  color: #dddddd;
}
input[type=text] ::-moz-placeholder,
input[type=password] ::-moz-placeholder {
  color: #dddddd;
}
input[type=text] :-ms-input-placeholder,
input[type=password] :-ms-input-placeholder {
  color: #dddddd;
}
input[type=text]:focus,
input[type=password]:focus {
  -webkit-box-shadow: 0 0 8px rgba(0, 173, 239, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 173, 239, 0.3);
  box-shadow: 0 0 8px rgba(0, 173, 239, 0.3);
  border: 1px solid #00adef;
  background: #ffffff;
}

input, button, textarea {
  font-family: AvenirLTStd-Medium, Arial, Verdana, Sans-Serif;
}

.error, input[type=text].error,
input[type=password].error {
  border: 1px solid #ff0000;
  color: #ff0000;
}
.error:focus, input[type=text].error:focus,
input[type=password].error:focus {
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(255, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.3);
}

.error-message {
  background: #9d261d;
  color: #ffffff;
}

.issue-view #app-view {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#store {
  opacity: 0;
}

#no-cookies-screen {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: #4A4A4A;
  z-index: 9999;
}
#no-cookies-screen #loading-logo {
  position: absolute;
  left: 50%;
  top: 35%;
}
#no-cookies-screen .title {
  font-size: 18px;
  color: #333333;
  font-weight: normal;
  text-align: center;
  margin: 5px 0px 10px;
}
#no-cookies-screen .text {
  text-align: center;
}

#no-offline-screen {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: #4A4A4A;
  z-index: 9999;
}
#no-offline-screen #loading-logo {
  position: absolute;
  left: 50%;
  top: 35%;
}
#no-offline-screen .title {
  font-size: 18px;
  color: #333333;
  font-weight: normal;
  text-align: center;
  margin: 5px 0px 10px;
}
#no-offline-screen .text {
  text-align: center;
}

#loader-screen.loader-show {
  z-index: 9999;
}
#loader-screen.loader-block {
  display: block;
}
#loader-screen.loader-loading .rotate {
  -webkit-animation: rotate 1.1s infinite linear;
  /* Safari 4+ */
  -moz-animation: rotate 1.1s infinite linear;
  /* Fx 5+ */
  animation: rotate 1.1s infinite linear;
  /* IE 10+ */
}
#loader-screen.loader-loading .msg-loading {
  opacity: 1 !important;
}
#loader-screen.loader-loading .msg-rotate {
  opacity: 0 !important;
}
#loader-screen.loader-complete .baseLoader circle {
  stroke: #00ADEF;
}
#loader-screen.loader-rotate .baseLoader circle {
  stroke: #00ADEF;
}
#loader-screen.loader-rotate .msg-loading {
  opacity: 0 !important;
}
#loader-screen.loader-rotate .msg-rotate {
  opacity: 1 !important;
}
#loader-screen.loader-display-none {
  display: none;
}

#loader-screen {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  right: 0;
  bottom: 0;
  opacity: 0;
  display: block;
  /*@include transition( 0.333s opacity ease-in-out );*/
  z-index: 0;
}
#loader-screen #loading-logo {
  position: absolute;
  left: 50%;
  top: 50%;
}
#loader-screen .message {
  text-align: center;
  display: none;
  margin-top: 20px;
}
#loader-screen #loading-text {
  width: 300px;
  margin-left: -150px;
  position: absolute;
  top: 50%;
  left: 50%;
}
#loader-screen .holder {
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  left: 50%;
}
#loader-screen .holder .loadMsg {
  position: fixed;
  top: 50%;
  left: 0px;
  right: 0px;
  height: 30px;
  margin-top: -8px;
  font-size: 13px;
  color: #737373;
  text-align: center;
  z-index: 10;
  font-size: 11px;
  opacity: 0;
}
#loader-screen .holder .circle {
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
}
#loader-screen .holder .circle.inner {
  width: 100%;
  height: 100%;
  z-index: 2;
  margin-left: -50%;
  margin-top: -50%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ddddde), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#ddddde, #ffffff);
  background-image: -moz-linear-gradient(#ddddde, #ffffff);
  background-image: -o-linear-gradient(#ddddde, #ffffff);
  background-image: linear-gradient(#ddddde, #ffffff);
  background-color: #ddddde;
}
#loader-screen .holder .circle.outer {
  width: 101%;
  height: 101%;
  z-index: 1;
  margin-left: -50%;
  margin-top: -50%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cbcbcb), color-stop(100%, #cbcbcb));
  background-image: -webkit-linear-gradient(#cbcbcb, #cbcbcb);
  background-image: -moz-linear-gradient(#cbcbcb, #cbcbcb);
  background-image: -o-linear-gradient(#cbcbcb, #cbcbcb);
  background-image: linear-gradient(#cbcbcb, #cbcbcb);
  background-color: #cbcbcb;
  -webkit-box-shadow: 0px 6px 2px rgba(10, 10, 10, 0.1) 0px;
  -moz-box-shadow: 0px 6px 2px rgba(10, 10, 10, 0.1) 0px;
  box-shadow: 0px 6px 2px rgba(10, 10, 10, 0.1) 0px;
}
#loader-screen .holder .circle .baseLoader {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
#loader-screen .holder .circle .baseLoading {
  position: absolute;
  top: 0px;
  z-index: 2;
  left: 0px;
}
#loader-screen .holder .circle .baseLoaded {
  position: absolute;
  top: 0px;
  z-index: 2;
  left: 0px;
  opacity: 0;
  width: 100%;
  -webkit-transition: 0.5s opacity ease-in-out;
  -moz-transition: 0.5s opacity ease-in-out;
  -o-transition: 0.5s opacity ease-in-out;
  transition: 0.5s opacity ease-in-out;
}
#loader-screen .holder .circle .rotate {
  z-index: 2;
  height: 100%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@-ms-keyframes rotate {
  0% {
    -ms-transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Portrait */
@media screen and (orientation: portrait) {
  body.ori-landscape.issue-loaded #app-view {
    opacity: 1;
  }
}
/* Landscape */
@media screen and (orientation: landscape) {
  body.ori-portrait.issue-loaded #app-view {
    opacity: 0;
  }
}
#offline-screen {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: #fcfcfc;
  z-index: -1000;
  opacity: 0;
  -webkit-transition: opacity 0.333s, z-index 0 0.333s;
  -moz-transition: opacity 0.333s, z-index 0 0.333s;
  -ms-transition: opacity 0.333s, z-index 0 0.333s;
  transition: opacity 0.333s, z-index 0 0.333s;
}
#offline-screen #loading-logo {
  position: absolute;
  left: 50%;
  top: 35%;
  text-align: center;
}
#offline-screen .title {
  font-size: 18px;
  color: #333333;
  font-weight: normal;
  text-align: center;
  margin: 5px 0px 10px;
}
#offline-screen .text {
  text-align: center;
}
#offline-screen.display {
  z-index: 9999;
  opacity: 1;
  -webkit-transition: opacity 0.333s;
  -moz-transition: opacity 0.333s;
  -ms-transition: opacity 0.333s;
  transition: opacity 0.333s;
}

#unsupported {
  -webkit-font-smoothing: antialiased;
}
#unsupported.container {
  position: relative;
  margin: 0 auto;
  max-width: 800px;
  zoom: 1;
}
#unsupported.container:before {
  content: "";
  display: table;
}
#unsupported.container:after {
  content: "";
  display: table;
  clear: both;
}
#unsupported .info {
  margin: 20% auto 15%;
  text-align: center;
  max-width: 55%;
}
#unsupported .info h1 {
  font-size: 36px;
  line-height: 1em;
  font-weight: 300;
  color: #999;
  margin-bottom: 0.618em;
}
#unsupported .info p {
  font-size: 16px;
  line-height: 1.618em;
  color: #333;
  margin-bottom: 0.618em;
}
#unsupported .browser {
  float: left;
  padding: 2% 0;
  width: 20%;
  max-width: 160px;
  min-width: 80px;
  text-align: center;
  text-decoration: none;
  color: #333;
}
#unsupported .browser:hover {
  color: #999;
}
#unsupported .browser img {
  width: 71px;
  height: 66px;
  margin-bottom: 5%;
}
#unsupported .browser p {
  margin-bottom: 0;
}

#needwebserver {
  -webkit-font-smoothing: antialiased;
}
#needwebserver.container {
  position: relative;
  margin: 0 auto;
  max-width: 800px;
  zoom: 1;
}
#needwebserver.container:before {
  content: "";
  display: table;
}
#needwebserver.container:after {
  content: "";
  display: table;
  clear: both;
}
#needwebserver .info {
  margin: 20% auto 15%;
  text-align: center;
  max-width: 90%;
}
#needwebserver .info h1 {
  font-size: 36px;
  line-height: 1em;
  font-weight: 300;
  color: #999;
  margin-bottom: 0.618em;
}
#needwebserver .info p {
  font-size: 16px;
  line-height: 1.618em;
  color: #333;
  margin-bottom: 0.618em;
}
#needwebserver .info a {
  text-decoration: none;
  color: #333;
}

#notifications #messageBar {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1020;
  overflow: hidden;
  background-color: #b4b4b4;
  color: #f4f4f4;
  height: 0px;
  display: none;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  -webkit-transition: height 0.1777s ease-in;
  -moz-transition: height 0.1777s ease-in;
  -o-transition: height 0.1777s ease-in;
  transition: height 0.1777s ease-in;
}
#notifications #messageBar.active {
  height: 36px;
  display: block;
}
#notifications #messageBar .inner-message {
  -webkit-transition: opacity 0.333s ease-in-out;
  -moz-transition: opacity 0.333s ease-in-out;
  -o-transition: opacity 0.333s ease-in-out;
  transition: opacity 0.333s ease-in-out;
}
#notifications #messageBar .inner-message.change {
  opacity: 0;
  display: none;
}
#notifications #messageBar:hover .close {
  opacity: 1;
  display: block;
}
#notifications #messageBar .close {
  width: 36px;
  height: 36px;
  background: transparent;
  opacity: 0;
  -webkit-transition: opacity 0.1777s ease-in-out;
  -moz-transition: opacity 0.1777s ease-in-out;
  -o-transition: opacity 0.1777s ease-in-out;
  transition: opacity 0.1777s ease-in-out;
  position: absolute;
  top: 0px;
  right: 0px;
}
#notifications #messageBar .close:hover:before {
  border-color: transparent transparent #00adef transparent;
}
#notifications #messageBar .close:active:before {
  border-color: transparent transparent #009bd5 transparent;
}
#notifications #messageBar .close:before {
  content: '';
  position: absolute;
  top: 14px;
  left: 10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 8px 8px;
  border-color: transparent transparent #f4f4f4 transparent;
}
#notifications .ios-home-screen {
  background-color: #363636;
  color: #fff;
  font-size: 11px;
  padding: 10px;
  position: absolute;
  top: 15px;
  left: 135px;
  border: 1px solid #0a0a0a;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px / 4px;
  border-radius: 4px / 4px;
  z-index: 10;
  display: none;
}
#notifications .ios-home-screen.active {
  display: block;
}
#notifications .ios-home-screen .arrow {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 8px;
  border-color: transparent transparent #0a0a0a transparent;
  position: absolute;
  top: -9px;
  left: 10px;
}

.me-cannotplay {
  display: none;
}

.settings-block {
  overflow: hidden;
}
.settings-block #settings {
  display: block;
}

#settings {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
  background-color: rgba(0, 0, 0, 0.35);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  display: none;
}
#settings.settings-show {
  opacity: 1;
}
#settings .settings-panel {
  background-color: rgba(0, 0, 0, 0.95);
  position: absolute;
  color: white;
  border: 1px solid #444444;
  top: 20%;
  right: 15%;
  width: 550px;
}
#settings .settings-panel .padding {
  padding: 15px 20px 0px;
}
#settings .settings-panel h3 {
  font-size: 1.3em;
  color: #fff;
  line-height: 45px;
  height: 45px;
  margin: 0 20px;
  padding: 0;
  position: relative;
  border-bottom: 1px solid white;
}
#settings .settings-panel p {
  font-size: 12px;
}

#settings-menu {
  background-color: #0c0807;
  width: 190px;
  position: absolute;
  top: 20%;
  left: 15%;
  z-index: 600;
}
#settings-menu h2 {
  font-size: 1.3em;
  color: #fff;
  line-height: 45px;
  height: 45px;
  margin: 0;
  text-indent: 10px;
  position: relative;
}
#settings-menu .settings-close {
  width: 27px;
  height: 27px;
  position: absolute;
  right: 10px;
  top: 8px;
  background-color: #353434;
  padding: 3px;
  font-size: 1.2em;
}
#settings-menu button {
  display: block;
  background-color: #222222;
  color: #fff;
  cursor: pointer;
}
#settings-menu button:hover {
  background-color: #444444;
}
#settings-menu button:active {
  background: #00adef;
}
#settings-menu #settings-menu-list button {
  line-height: 30px;
  height: 30px;
  text-indent: 10px;
  border-top: 1px solid #444444;
  font-size: .8em;
  width: 100%;
  text-align: left;
}
#settings-menu #settings-menu-list button.selected {
  background-color: #00adef;
}

.options-display {
  margin-bottom: 25px;
}
.options-display .options {
  margin-right: 15px;
  display: inline-block;
}
.options-display .options span {
  background-color: #575454;
  padding: 5px 10px;
  font-size: 12px;
  display: inline-block;
}
.options-display .options span.active {
  background-color: #00adef;
}
.options-display .options span.active:hover {
  background-color: #3fc1f3;
}
.options-display .options span:hover {
  background-color: #686464;
}
.options-display label {
  padding-top: 5px;
  display: inline-block;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.3s opacity ease-out;
  -moz-transition: 0.3s opacity ease-out;
  -o-transition: 0.3s opacity ease-out;
  transition: 0.3s opacity ease-out;
  opacity: 0;
  z-index: 1000;
  text-align: center;
}
.popup.popup-open {
  opacity: 1;
}
.popup.waiting .popup-content {
  opacity: .9;
  pointer-events: none;
}
.popup:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.popup-back {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}

.popup-content {
  width: auto;
  /*height: addPx($height);*/
  top: 50%;
  left: 50%;
}

.popup-content {
  background: #000000;
  color: #dddddd;
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.3s all ease-out;
  -moz-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  position: fixed;
}
.popup-content > header {
  margin: 0;
  border-bottom: 1px solid #474747;
}
.popup-content > header h3 {
  color: #ffffff;
  text-align: center;
  margin: 0;
}
.popup-content > header,
.popup-content > section {
  padding: 20px 30px;
}
.popup-open .popup-content {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

/**
 * Store login view
 */
#store-login .popup-content > .main {
  padding-bottom: 8px;
}
#store-login .popup-content > .main .form-container {
  margin-bottom: 0.3em;
}
#store-login .popup-content > footer a {
  margin-right: 1em;
  font-size: 14px;
}
#store-login .popup-content > footer a:last-child {
  margin-right: 0;
}

/**
 * Isseu login view
 */
/**
 * Login view
 */
.login .popup-content {
  background: #dddddd;
  color: #4d4d4d;
}
.login .popup-content > header h3 {
  text-align: left;
  color: #4d4d4d;
  font-size: 19px;
}
.login .popup-content > .main {
  text-align: left;
}
.login .popup-content > .main ::-webkit-input-placeholder {
  color: #888888;
}
.login .popup-content > .main :-moz-placeholder {
  color: #888888;
}
.login .popup-content > .main ::-moz-placeholder {
  color: #888888;
}
.login .popup-content > .main :-ms-input-placeholder {
  color: #888888;
}
.login .popup-content > .main input[type=text],
.login .popup-content > .main input[type=password] {
  border: 1px solid #c4c4c4;
  -webkit-transition: 0.125s all ease-out;
  -moz-transition: 0.125s all ease-out;
  -o-transition: 0.125s all ease-out;
  transition: 0.125s all ease-out;
}
.login .popup-content > .main input[type=text]:focus,
.login .popup-content > .main input[type=password]:focus {
  border: 1px solid #00adef;
  -webkit-box-shadow: 0 2px 4px rgba(102, 102, 102, 0.1);
  -moz-box-shadow: 0 2px 4px rgba(102, 102, 102, 0.1);
  box-shadow: 0 2px 4px rgba(102, 102, 102, 0.1);
}
.login .popup-content > .main input[type=text].error,
.login .popup-content > .main input[type=password].error {
  border: 1px solid #e06359;
  color: #9d261d;
}
.login .popup-content > .main input[type=text].error:focus,
.login .popup-content > .main input[type=password].error:focus {
  border: 1px solid #e06359;
  -webkit-box-shadow: 0 2px 4pxpx rgba(102, 102, 102, 0.3);
  -moz-box-shadow: 0 2px 4pxpx rgba(102, 102, 102, 0.3);
  box-shadow: 0 2px 4pxpx rgba(102, 102, 102, 0.3);
}
.login .popup-content > .main input[type=text].noTransition,
.login .popup-content > .main input[type=password].noTransition {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.login .popup-content > .main input[type=text].flash,
.login .popup-content > .main input[type=password].flash {
  -webkit-transition: 0.225s all ease-in;
  -moz-transition: 0.225s all ease-in;
  -o-transition: 0.225s all ease-in;
  transition: 0.225s all ease-in;
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  opacity: 0;
}
.login .popup-content > .main footer {
  text-align: left;
  font-size: 12px;
}
.login .popup-content > .main footer input {
  font-size: 14px;
}
.login .popup-content > .main footer a.btn {
  font-size: 14px;
  color: #4d4d4d;
  margin-top: 2px;
  margin-right: 1em;
}
.login .popup-content > .main footer a {
  display: inline-block;
  line-height: 30px;
  color: #009bd5;
}
.login .popup-content > .main footer a:hover {
  color: #888888;
}
.login .popup-content > .main footer input {
  line-height: 30px;
  padding: 0 .9em;
  margin: 0;
  font-weight: 400;
  margin-top: 2px;
  min-width: 100px;
  -webkit-font-smoothing: antialiased;
}
.login .popup-content > footer {
  padding: 20px 30px;
  text-align: left;
  font-size: 12px;
}
.login .popup-content > footer h3 {
  display: inline-block;
  color: #4d4d4d;
  font-size: 16px;
  margin: 0;
}
.login .popup-content > footer a {
  line-height: 30px;
  padding: 0 .9em;
  margin: 0;
  font-weight: 400;
  margin-top: 2px;
  min-width: 100px;
}
.login .popup-content > header,
.login .popup-content > .main {
  border-bottom: 1px solid #c4c4c4;
}
.login .popup-content > .main,
.login .popup-content > footer {
  border-top: 1px solid #e2e2e2;
}
.login .popup-content .error-message {
  opacity: 0;
  max-height: 0;
  padding: 0 1em;
  margin: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.6s ease-in, max-height 0.6s ease-in, padding 0.15s ease-in;
  -moz-transition: opacity 0.6s ease-in, max-height 0.6s ease-in, padding 0.15s ease-in;
  -o-transition: opacity 0.6s ease-in, max-height 0.6s ease-in, padding 0.15s ease-in;
  transition: opacity 0.6s ease-in, max-height 0.6s ease-in, padding 0.15s ease-in;
}
.login .popup-content .error-message.show {
  opacity: 1;
  max-height: 500px;
  padding: .5em 1em;
  margin: 0 0 1em 0;
}

.spinner {
  height: 60px;
  width: 60px;
  margin: 0 auto;
  position: relative;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border: 6px solid rgba(0, 89, 131, 0.35);
  border-radius: 100%;
}
.spinner:before {
  content: "";
  display: block;
  position: absolute;
  left: -6px;
  top: -6px;
  height: 100%;
  width: 100%;
  border-top: 6px solid #005983;
  border-left: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  border-radius: 100%;
}
.spinner.centred {
  margin-top: -30px;
  margin-left: -30px;
  top: 50%;
  left: 50%;
  position: absolute;
}

.store-loader {
  text-align: center;
}

.spinMe {
  -webkit-animation: rotation 1s infinite linear;
  -moz-animation: rotation 1s infinite linear;
  -o-animation: rotation 1s infinite linear;
  animation: rotation 1s infinite linear;
}
.spinMe#more {
  -webkit-transform-origin: 25px 25px;
  -o-transform-origin: 25px 25px;
  -moz-transform-origin: 25px 25px;
  -ms-transform-origin: 25px 25px;
  transform-origin: 25px 25px;
  width: 50px;
  margin: 0 auto;
}
.spinMe#more svg {
  width: 50px;
  height: 50px;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(359deg);
  }
}

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }

  to {
    -o-transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

.iScrollLoneScrollbar,
.iScrollHorizontalScrollbar,
.iScrollVerticalScrollbar {
  opacity: 0;
}
.scrolling .iScrollLoneScrollbar, .no-touch .page:hover .iScrollLoneScrollbar, .scrolling
.iScrollHorizontalScrollbar, .no-touch .page:hover
.iScrollHorizontalScrollbar, .scrolling
.iScrollVerticalScrollbar, .no-touch .page:hover
.iScrollVerticalScrollbar {
  opacity: 1;
}

.ie .ie10 .page.current > .overlay {
  /*display:none;*/
}
.ie .page.current.faded {
  display: none;
}
.ie #scrubber-timeline.active {
  display: block;
}
.ie #scrubber-timeline.hidden {
  display: none;
}
.ie .imageBlurAndFade {
  filter: blur(add=0, direction=300, strength=50) alpha(opacity=30, finishopacity=0, style=3, startx=20, starty=40, finishx=0, finishy=0);
  opacity: 1;
}

#ie9Frame {
  display: none;
}