.article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary{display:block;}
audio,
canvas,
video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0;}
a:focus{outline:thin dotted;}
a:active,
a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
abbr[title]{border-bottom:1px dotted;}
b,
strong{font-weight:bold;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,
kbd,
pre,
samp{font-family:monospace, serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,
input,
select,
textarea{font-family:inherit;font-size:100%;margin:0;}
button,
input{line-height:normal;}
button,
select{text-transform:none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],
html input[disabled]{cursor:default;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,
request()->-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
[feedly mini]
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=5a6f10a263e0f3a2d0c4)
 * Config saved to config.json and https://gist.github.com/5a6f10a263e0f3a2d0c4
 */
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
request()->-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=e5406f6383b60305878cb6226ec21650)
 * Config saved to config.json and https://gist.github.com/e5406f6383b60305878cb6226ec21650
 *//*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,request()->-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);-webkit-background-clip:padding-box;background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#337ab7}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-left:15px;padding-right:15px}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.clearfix:before,.clearfix:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.panel-body:after,.modal-header:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	width: 100%;
	max-height: 2015px;
	display: block;
}
.bx-product li .item{

}
/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 15px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;

	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #c3c3c3;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #c3c3c3;
	text-indent: -9999px;
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fcc715;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(https://supercoinsy.pl/public/img/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(https://supercoinsy.pl/public/img/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(https://supercoinsy.pl/public/img/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(https://supercoinsy.pl/public/img/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*
Theme Name: Supercoinsy
*/

a, abbr, address, article, aside, audio, b, blockquote, body, canvas,
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, .h2, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary,
sup, time, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
}
.h2{display: block;}

article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary {
    display: block;
}

a, ins, del {
    text-decoration: none;
}

ul, ol {
    list-style: none;
}

strong {
    font-weight: bold;
}

caption, th {
    text-align: left;
}

q:after, q:before {
    content: "";
}

* {
    outline: none;
    margin: 0;
    padding: 0;
}

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

a:hover, a:focus, a:active {
    color: #000;
    text-decoration: none;
}

a.button:hover, a.button:focus, a.button:active{
  color:  #333!important;
}
pre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

dl {
    padding: 0.5em;
}

dt {
    float: left;
    clear: left;
    width: 50%;
    text-align: right;
    font-weight: bold;
    margin-right: 10px;
}

dd {
    margin: 0 0 0 110px;
    padding: 0 0 0.5em 0;
}

/* Helpers  */
.invalid {
    color: red;
}

.pointer {
    cursor: pointer;
}

.center {
    margin: 0 auto;
}

.content_center {
    text-align: center;
}

.flleft {
    float: left !important;
}

.flright {
    float: right !important;
}

.clear {
    clear: both;
}

.text-right {
    text-align: right
}

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

.text-center img {
    margin-right: auto;
    margin-left: auto;
}

.smallhr {
    margin: 15px 0;
}

/* IE Fixes */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* End hide from IE Mac */
.floatfix {
    overflow: hidden;
}

* html .floatfix {
    width: 100%;
    height: 100%;
}

.center, *[align="center"] {
    margin: 0 auto;
}

hr {
    border-top: 1px solid #CCC;
    margin-top: 50px;
    margin-bottom: 50px;
    display: block;
    clear: both;
}

html, body {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #939393;
    padding: 0px;
    margin: 0px;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.overflow {
    overflow: hidden;
}

a.delete.icon:before {
    content: "";
    background-image: url(../img/icons/trash.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    display: block;
    float: left;
}

a.facebook:before {
    content: "";
    background-image: url(../img/icons/facebook-small.png);
}

a.gg:before {
    content: "";
    background-image: url(../img/icons/gg.png);
}

a.skype:before {
    content: "";
    background-image: url(../img/icons/skype.png);
}

a.mail:before {
    content: "";
    background-image: url(../img/icons/mail.png);
}

input[type="text"].error, input[type="email"].error,
select.error, textarea.error {
    border: solid #d9534f 1px;
}

.bx-wrapper {
    margin: 0 auto 0 !important;
}

input[type="text"], input[type="number"], input[type="email"], input[type="password"],
select, textarea {
    width: 100%;
    max-width: 100%;
    height: 38px;
    font-size: 11px;
    color: #1a1c22;
    border: 1px solid #d7d7d7;
    background: #efefef;
    padding: 0 15px;
}

input[type="text"].success, select.success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

input[type="text"].error, select.error {
    background-color: #f2dede;
    border-color: #ebccd1;
}

input[type="text"].loading,
input[type="number"].loading {
    background: #efefef url('../img/ajax-loader.gif') no-repeat center right;
}

textarea {
    height: auto;
    padding: 15px;
}

input[type="submit"], .button {
    width: 100%;
    max-width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1a1c22;
    background: #fcc715;
    border: 0;
    border-radius: 5px;
    text-align: center;
    display: block;
}
input[type="submit"].disabled, .button.disabled {
    background-color: #CCC!important;
}

input[type="submit"].disabled.reservation, .button.disabled.reservation {
    font-size: 11px;
}

button.multipleACC {
    line-height: 13px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1a1c22;
    background: #eaeaea;
    border: 0;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    padding: 10px 15px;
}

button.multipleACC.active {
    background: #fcc715;
}

input[type="submit"].medium, .button.medium {
    height: 28px;
    width: auto;
    padding: 0 8px;
    line-height: 28px;
}

input[type="submit"].send-message, .button.send-message {
    margin-top: 25px;
    max-width: 150px;
    float: right;
}

.title {
    font-size: 14px;
    color: #16171b;
    font-weight: 600;
    text-transform: uppercase;
}

.title:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #ececec;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 5px;
}

.title_order_summary:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #ececec;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 13px;
}

.main_page_title_h1:after {
  margin-top: 0 !important;
}

.main_page_title_h1{
  text-align: center;
  margin-top: 7px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.main_page_title_h2:after {
  margin-top: 10px !important;
}

.main_page_title_h2{
  margin-bottom: 0px !important;
}

.col-mobile {
    display: none;
}

.review_box {
    margin: 20px 0 0 0;
    color: black;
    padding: 10px;
    border: solid 1px #ccc;
}

.review-box-offer {
  margin-top: 8px !important;
}

.more-reviews {
    padding: 15px 0;
    display: block;
    clear: both;
    text-align: center;
}

.more-reviews a{
    padding: 8px 15px;
    background-color: #333;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
}
.review_box span.purchased{
    display: inline-block;
}
.quantityedit{display: none;}
.quantitybox{
    cursor: pointer;}

.quantityedit input{ width: 45px; margin-bottom: 5px; padding: 0 3px;}
.quantityedit button{background: #ffc000;
    border: none;
    padding: 3px 4px;
    color: black;
    font-size: 10px;
    font-weight: 800;}
.quantityedit button.cancel_update_quantity{background: #000000;
    border: none;
    padding: 3px 4px;
    color: white;
    font-size: 10px;
    font-weight: 800;}

.review_response {
    color: #000;
}

.review_box .negative {
    color: #b50707;
}

.review_box .positive {
    color: #0aa50a;
    text-transform: uppercase;
    font-weight: 800;
}

.review_box .text {
  line-height: 1.4rem;
}
.k_coins input {
    max-width: 250px;
}

.k_coins span {
    font-weight: 700;
    color: #000;
    font-size: 16px;
    margin-left: 5px;
}

.capcha_box.invalid iframe {
    border: solid 1px red;
}

.zindexforcapcha {
    z-index: 1111111111111110 !important;
}

/* Wrapper */
.wrapper {
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
}


.newMessagesInfo{position: relative; width: 20px;
    margin: 7px auto 5px;}
.newMessagesInfo .counterbox{    position: absolute;
    top: -5px;
    right: -6px;
    width: 14px;
    height: 14px;
    background: red;
    color: white;
    border-radius: 50%;
    font-size: 8px;
    line-height: 14px;
    text-align: center;
    font-weight: bold;
}
/* newsletter */
.newsletter_info {
    background-color: #000;
    color: #FFF;
    padding: 15px;
    text-align: center;
    border: none;
    margin: 20px 0;
    background-image: url('../img/newsletter/coins_up_down.png');
    background-repeat: no-repeat;
    background-position: 25px;
}

.newsletter_info .ntitle {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-weight: bold;
}

.newsletter_info .nsubtitle {
    font-weight: bold;
}

.nbutton {
    max-width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1a1c22;
    background: #fcc715;
    border: 0;
    border-radius: 5px;
    text-align: center;
    display: block;
    position: relative;
    padding-left: 56px;
    float: right;
    width: auto;
    padding-right: 15px;
}

.nbutton:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 16px;
    top: 50%;
    left: 10px;
    margin-top: -8px;
    background: url(../img/newsletter/mail.png) no-repeat 0px center;
}
.loader_hide{display: none;}
.loader_wrapper{margin: 10px 0 ;}
.loader {
    border: 6px solid #9e9e9e;
    border-radius: 50%;
    border-top: 6px solid #fcc715;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

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

.nbutton:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 28px;
    top: 5px;
    left: 46px;

    background: #000;
}

.nplatform {
    background: #e0e0e0;
    border-radius: 5px;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 20px 0;
    color: black;
    font-weight: bold;
}

.nplatform.checked {
    background: #fcc715;
}

.nplatform input {
    display: none;
}

.nplatform p {
    text-transform: uppercase;
}

.nagreement {
    color: #939393;
    padding: 0px 12px;
    display: block;
    text-align: justify;
}

.add_user_mail, .choosePlatform, .ninfo_only {
    margin: 5px 0;
    display: block;
}

.checkbox_switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 18px;
}

/* Hide default HTML checkbox */
.checkbox_switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.checkbox_switch .checkbox_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    -webkit-transition: .4s;
    transition: .4s;
}

.checkbox_switch .checkbox_slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 4px;
    bottom: 4px;
    background-color: #fcc715;
    -webkit-transition: .4s;
    transition: .4s;
}

.checkbox_switch input:checked + .checkbox_slider {
    background-color: #7f7f7f;
}

.checkbox_switch input:focus + .checkbox_slider {
    box-shadow: 0 0 1px #7f7f7f;
}

.checkbox_switch input:checked + .checkbox_slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

/* Rounded sliders */
.checkbox_switch .checkbox_slider.checkbox_round {
    border-radius: 34px;
}

.checkbox_switch .checkbox_slider.checkbox_round:before {
    border-radius: 50%;
}


.s_tr, .d_tr, .table_show_js{display: none;}

.s_view, .d_view{cursor: pointer;}


.add_user_mail {
    color: blue;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
}

#myform {
    color: black;
}

.nplatform img {
    padding: 20px 0;
}

.nplatform .status {
    display: block;
}

.nformemail {
    margin-top: 15px;
}

.order_predicted_time span{text-decoration: underline;}

.bitcoin.payment_box, .bank_transfer.payment_box{
    color:black;
}
.resseler_select_payment_step_2 .payment_box{
  color: #333!important;
}
@media screen and (max-width: 767px) {
    .nbwrapper {
        padding-left: 30%;
        text-align: center;
    }

    .newsletter_info .nbutton {
        float: none;
    }

    .nbutton {
        width: 100%;
    }

}


/* Header : Top bar */
#header #top-bar {
    background: #efefef;
    padding-top: 9px;
    padding-bottom: 9px;
}

#header #top-bar .contact {
    padding-top: 7px;
}

#header #top-bar .contact ul {
    float: right;
}

#header #top-bar .contact ul li {
    float: left;
    border-right: 1px solid #c5c5c5;
    padding: 0 35px;
}

#header #top-bar .contact ul li:last-child {
    border-right: 0;
    padding-right: 0;
}

#header #top-bar .contact ul li a:before {
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 15px;
}

#header #top-bar .contact ul li.setting {
    margin-top: -10px;
    text-align: center;
}

#header #top-bar .contact ul li.setting .lang,
#header #top-bar .contact ul li.setting .lang {
}

#header #top-bar .contact ul li.setting a.current {
    font-weight: bold;
}

/* Header : Cart */
#header #cart-bar {
    padding-top: 25px;
    padding-bottom: 25px;
}

#header #cart-bar .alignleft,
#main .product-package .time .alignleft {
    margin-top: 7px;
    margin-right: 43px;
}


#header #cart-bar .account a, #header #cart-bar .account span, #header #cart-bar .total p {
    font-size: 11px;
    font-weight: 300;
}

#header #cart-bar h2,
#header #cart-bar h2 a,
#main .product-package .time h2,
#header #cart-bar .h2,
#header #cart-bar .h2 a,
#main .product-package .time .h2, .h2,
#header a.h2
{
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #fcc715 !important;
    margin: 0 !important;
    padding: 0 !important;
}

a.h2 {
  margin-bottom: 10px;
}

#header #cart-bar p,
#main .product-package .time p {
    font-size: 14px;
    line-height: 20px;
}

#header #cart-bar .account {
    padding-right: 7px;
    position: relative;
}

#header #cart-bar .account:after {
    content: "";
    width: 1px;
    height: 32px;
    background: #e3e2e2;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 0px;
}

#header #cart-bar .account p span {
    color: #1a1c22;
    font-size: 11px;
}

#header #cart-bar .right {
    padding-top: 12px;
}

#header #cart-bar .right .cart-item {
    float: right;
}

#header #cart-bar .right div {
    float: left;
}

#header #cart-bar .right div.total {
    position: relative;
    padding-left: 7px;
    cursor: pointer;
}

#header #cart-bar .right div.total .items ul li:after {
    content: "";
    width: 80px;
    height: 1px;
    background: #d7d7d7;
    margin: 10px auto;
    display: block;
}

#header #cart-bar .right div.total .items div {
    float: none;
}

#header #cart-bar .right div.total.open .items {
    display: block;
    animation-duration: 0.8s;
    animation-name: fadeIn;
}

#header #cart-bar .right div.total .items {
    background: #fff;
    width: 130%;
    position: absolute;
    top: 45px;
    left: 15px;
    z-index: 9999;
    border: 1px solid #d7d7d7;
    -webkit-box-shadow: 10px 10px 38px -23px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 38px -23px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 38px -23px rgba(0, 0, 0, 0.75);
    padding: 15px;
    display: none;
}

#header #cart-bar .right div.total .items .name h3 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

#header #cart-bar .right div.total .items span {
    color: #939393;
    font-weight: normal;
    font-size: 11px;
    float: right;
}

#header #cart-bar .right div.total .items .description {
    font-size: 11px;
}

#header #cart-bar .right .alignleft {
    margin-right: 20px;
}

#header #cart-bar .right h2 {
    font-size: 12px;
    margin-bottom: 3px;
}

ul.deliverytimes {
    height: 53px;
}

ul.deliverytimes li {
    margin-left: 60px;
    min-height: 55px;
    padding-top: 7px;
}

.header_deliverytimes {
    background: url('../img/icons/clock.png') no-repeat center left;
    overflow: hidden;
}

.header_deliverytimes h2 a {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #fcc715 !important;
}

.header_deliverytimes.mobile {
    background: transparent;
    background-image: none;
    height: 100px;
    margin-bottom: 39px;
    border-top: solid 1px #CCC;
    padding-top: 25px;
    text-align: center;
    display: none;
}

.header_deliverytimes.mobile a span{
  margin-top: 12px;
  display: block;
}
/* Header : Nawigacja */
#header #nav {
    background: #1a1c22;
}

#header #nav .category a {
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    color: #efefef;
    text-transform: uppercase;
    display: block;
    padding: 22px 15px;
    background: #16171b;
}

#header #nav li {
    float: left;
}

#header #nav span.submenu-button {
    font-size: 2em;
    font-weight: bold;
    float: right;
    color: #FFF;
    margin-right: 25px;
}

#header #nav ul li .submenu-button {
    display: none;
}

#header #cssmenu li>a, #mobile-menu #cssmenu li>a {
    font-size: 11px;
    font-weight: 600;
    color: #efefef;
    display: block;
    padding: 24px 7px;
}

#header #cssmenu li>a:hover, #mobile-menu #cssmenu li>a:hover {
    color: #fcc715;
}

#header #nav ul img.icon {
    max-height: 25px;
    float: right;
    margin-top: -5px;

}
@media (min-width: 992px) {
    #header #nav ul li:hover ul.sub-menu{
        display: block!important;
    }
}
#header #nav ul ul.sub-menu {
    display: none;
    position: absolute;
    background-color: #1a1c22;
    z-index: 2999;
}

#header #nav ul ul.sub-menu li {
    display: block;
    float: none;
}

#header #nav ul ul.sub-menu li a {
    padding: 15px;
    overflow: hidden;
    border-bottom: solid #fff 1px;
}

/* Main */
#main .content {
    padding-top: 20px;
    padding-bottom: 15px;
}

#main .content .section,
#main .content article {
    padding-bottom: 10px;
    clear: both;
}

#main .content article header {
    position: relative;
    margin-bottom: 15px;
}

#main .content article p {
    margin: 0px;
    padding: 0px;
    line-height: 20px;
}

#main .content .checkstatus .alignleft {
    margin-top: 5px;
    margin-right: 40px;
}

#main .content .checkstatus h2 {
    font-size: 16px;
    font-weight: 700;
    color: #fcc715;
}

#main .content .checkstatus .checker:before {
    content: "";
    width: 1px;
    height: 38px;
    background: #e3e2e2;
    position: absolute;
    top: 0px;
    left: 0px;
}

#main .content .slim-slider {
    text-align: center;
    margin-top: 15px;
}

#main .content .slider {
    padding: 15px 0;
    overflow: hidden;
    max-height: 475px;
}

#main .content .payment {
    text-align: center;
}

#main .content .payment ul {
    padding: 15px 0;
    display: table;
    width: 100%;
}

#main .content .payment .g2a-payment-logo {
    text-align: center;
}

#main .content .payment .g2a-payment-logo img {
    margin: 55px auto;
}

#main .content .payment ul li {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    padding: 0 15px;
}

#main .content .slider-products .product {
    color: #1a1c22;
    max-width: 205px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

#main .content .slider-products .slider {
    padding-top: 10px
}

#main .content .slider-products .bx-pager {
    position: absolute;
    top: 0;
    right: 0;
}

#main .content .slider-products .bx-pager a {
    width: 16px;
    height: 17px;
    float: left;
    text-indent: -9999px;
    outline: none;
    margin: 0 5px;
    background: url(../img/icons/controls.png);
}

#main .content .slider-products .bx-pager .bx-next {
    background-position: -16px 0;
}

#main .content .slider-products .product:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #ececec;
}

#main .content .slider-products li .item:nth-child(3n) .product:before {
    background: none;
}

#main .content .slider-products .item {
    margin-top: 35px;
}

#main .content .slider-products .product h3,
#main .content .slider-products .product h3 a {
    font-size: 16px;
    line-height: 105%;
    min-height: 32px;
    font-weight: 700;
    color: #1a1c22;
}

#main .content .slider-products .product p {
    font-size: 14px;
    margin: 10px 0;
}

#main .content .slider-products .product .price {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    background: #f7c008;
    padding: 10px;
}

.edit_button{background: #f7c008;
    padding: 1px 6px 3px;
    border: solid 1px black;}

/* Product list */
#main .content .slider-products .list {
    line-height: 22px !important;
    padding-top: 10px;
}

#main .content .slider-products .list-price .amount,
#main .content .slider-products .list-name h3 a {
    font-size: 18px;
    font-weight: 700;
    color: #1a1c22;
}

#main .content .slider-products .list-name h3 a span {
    font-size: 12px;
    font-weight: 300;
}

#main .content .slider-products .list-price {
  text-align: right;
  padding-top: 15px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 992px) {
  #main .content .slider-products .list-price {
    text-align: center !important;
  }
}

.list-name h3 {
    line-height: 1.1;
}

#main .content .form {
    margin-top: 0px;
    padding-top: 15px;
    border-top: 1px solid #ececec;
}

#main .content .form-group {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 20px;
    overflow: hidden;
}


#main .content .form-group .no-padding-mobile {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 5px;
}

#main .content .form-group label {
    display: inline-block;
    max-width: 100%;
    margin-top: 7px;
    color: #1a1c22;
}

#main .content .form-group .required {
    color: #fa1e19;
}

#main .content .form-group input[type="submit"] {
    max-width: 160px;
    float: right;
}

#main .content .form-group p {
    color: #333;
    text-align: right;
}


#main .content .form-group p.text {
    text-align: left;
    margin-top: 20px;
    margin-left: 20px;
}

/* Main - aside */
#main aside section {
    margin-bottom: 20px;
}

#main aside #category {
    border-left: 1px solid #cacaca;
    border-top: 4px solid #fcc715;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}

#main aside #category a.loading {
    font-size: 14px;
    color: #1a1c22;
    display: block;
    padding: 17px 20px 17px 30px;
    border-top: 1px solid #cacaca;
}

#main aside #category a.loading:after {
    content: "";
    width: 16px;
    height: 17px;
    background: url(../img/icons/plus.png);
    float: right;
    margin-top: 2px;
}

#main aside ul.list > li > a {
    font-size: 14px;
    color: #939393;
    display: block;
    padding: 17px 20px 17px 30px;
    position: relative;
}

#main aside ul.list > li:hover > a,
#main aside ul.list > li.active > a {
    color: #1a1c22;
}

#main aside ul.list > li:hover > a:before,
#main aside ul.list > li.active > a:before {
    content: "";
    width: 10px;
    height: 100%;
    background: #fcc715;
    position: absolute;
    top: 0;
    left: 0;
}

#main aside ul.list > li > a:after {
    content: "";
    width: 16px;
    height: 17px;
    background: url(../img/icons/arrow.png) no-repeat;
    float: right;
    margin-top: 2px
}

#main aside ul.list > li:hover > a:after,
#main aside ul.list > li.active > a:after {
    background-position: -16px 0;
}

#main aside ul.list ul li a {
    font-size: 12px;
    color: #e6b510;
    padding: 5px 15px 5px 30px;
    display: block;
}

#main aside ul.list ul li ul li a {
    font-size: 12px;
    color: #e6b510;
    padding: 5px 15px 5px 50px;
    display: block;
}

#main aside ul.list ul li ul li a:before,
#main aside ul.list ul li a:before {
    content: '- ';
    width: 5px;
    margin-right: 5px;
}

#main aside ul.list ul li ul li a:hover,
#main aside ul.list ul li a:hover {
    color: #1a1c22;
}

#main aside ul.list ul li ul li a:hover:after,
#main aside ul.list ul li a:hover:after {
    content: '»';
    margin-left: 5px;
}

#main aside #news .heading {
    background: #16171b;
    border-bottom: 4px solid #fcc715;
    padding: 22px 0;
    text-align: center;
    text-transform: uppercase;
}

#main aside #news .heading h3 {
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
}

#main aside #news ul {
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}

#main aside #allegro {
    border: 1px solid #f77d1b;
}

#main aside #allegro .aligncenter {
    margin-top: 30px;
    margin-bottom: 20px;
}

#main aside #allegro a {
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
    background: #f77d1b;
    padding: 10px;
}

/* Payment category & method */
#main .payment-category .category,
#main .payment-method .method {
    max-width: 190px;
    text-align: center;
}

#main .payment-category figure img {
    border: 1px solid #e6b510;
    padding: 4px;
}

#main .payment-category figure.option.selected img,
#main .payment-method figure.option.selected img {
    border: 4px solid #e6b510;
    padding: 1px;
}

#main .payment-category figure.option,
#main .payment-method figure.option {
    cursor: pointer;
}

#main .payment-category figcaption {
    font-size: 16px;
    color: #0d1017;
    text-align: center;
    margin: 10px 0;
}

#main .payment-method .method {
    margin-bottom: 15px;
}

#main .payment-method figure img {
    border: 1px solid #e6b510;
    padding: 4px;
}

/* Coins quantity */
#main .product-page .coins-quantity .captcha .qty-symbol,
#main .product-page .coins-quantity .captcha .qty-result,
#main .product-page .coins-quantity .captcha .qty-percent1,
#main .product-page .coins-quantity .captcha .qty-value,
#main .product-page .coins-quantity .captcha .fold_rwd{
    font-size: 18px;
    color: #0d1017;
    display: inline-block;
}

#main .product-page .captcha-order-summary input {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

#main .product-page .coins-quantity header {
  margin-bottom: 0 !important;
}
#main .product-page .coins-quantity .pb-10 {
  padding-bottom: 10px;
}

#main .product-page .coins-quantity .captcha .qty-symbol.first p {
    margin-left: 0;
}

#main .product-page .coins-quantity .captcha .qty-symbol p {
    position: relative;
    top: 2px;
    margin: 0 4px;
}

#main .product-page .coins-quantity .captcha input {
    font-size: 18px;
    color: #0d1017;
}

#main .product-page .coins-quantity .captcha .qty-value input {
    max-width: 120px;
}

#main .product-page .coins-quantity .captcha .qty-percent1 input,
#main .product-page .coins-quantity .captcha .qty-percent2 input {
    max-width: 96px;
}

#main .product-page .coins-quantity .captcha .qty-result span {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: red;
    position: relative;
    top: 4px;
}

#main .product-page .table-product {
    min-width: 350px;
    margin: 30px 0;
}

#main .product-page .table-product-order-summary {
  margin: 10px 0 !important;
}

#main .product-page .table-product tr td {
    font-size: 14px;
    padding: 5px 10px 0 0;
    width: 50%;
}

#main .product-page .table-product tr td:nth-child(2), #main .product-page .product-name, #main .product-page h1 {
    color: #0d1017;
}

#main .product-page .table-product tr td span.quantity {
    font-weight: 700;
    color: red;
}

#main .product-page .add-to-cart {
    border-top: 1px solid #ececec;
    padding-top: 15px;
    padding-bottom: 45px;
}

#main .product-page .add-to-cart p {
    font-size: 14px;
    margin: 10px 0 0 0;
}

#main .product-page .add-to-cart input[type="submit"] {
    max-width: 160px;
    float: right;
}

/* Finalize order page */
#main .finalize-order-page .thumbnail img {
    width: 100%;
}

#main .finalize-order-page .table-finalize {
    min-width: 330px;
}

#main .finalize-order-page .table-finalize tr td {
    padding: 7px 0;
}

#main .finalize-order-page .table-finalize tr td:nth-child(2) {
    color: #0d1017;
}

#main .finalize-order-page .table-finalize tr td span.in_stock {
    font-weight: 700;
    color: #39b54a;
}

#main .finalize-order-page .table-finalize tr td span.no_stock {
    font-weight: 700;
    color: #fa1e19;
}

/* Finalize order page - form */
#main .finalize-order-page form {
    background: #fff;
    border: 1px solid #cacaca;
    padding: 10px;
}

#main .finalize-order-page form input.qty {
    font-size: 18px;
    color: #0d1017;
    min-width: 100px;
    max-width: 165px;
    margin-right: 5px;
    margin-bottom: 20px;
}

#main .finalize-order-page form input.qtyplus,
#main .finalize-order-page form input.qtyminus,
#main .cart-page td.action .decrease,
#main .cart-page td.action .increase {
    width: 15px;
    height: 15px;
    border: 0;
    margin: 0 6px;
}

#main .cart-page td.action a.decrease,
#main .cart-page td.action a.increase,
#main .cart-page td.action a.delete {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    border: 0;
    margin: 0 6px;
}

#main .cart-page td.action a.delete {
    font-weight: bold;
}

#main .finalize-order-page form input.qtyplus,
#main .cart-page td.action .increase {
    background: url(../img/icons/qty-plus.png);
}

#main .finalize-order-page form input.qtyminus,
#main .cart-page td.action .decrease {
    background: url(../img/icons/qty-minus.png);
}

#main .finalize-order-page form p {
    margin-top: 5px;
    margin-bottom: 15px;
}

#main .finalize-order-page form p .quantity {
    font-size: 30px;
    font-weight: 700;
    color: #1a1c22;
    display: inline-block;
    margin: 20px 0px;
}

#main .finalize-order-page form p .scp-price {
    display: inline-block;
    padding-left: 5px
}

#main .finalize-order-page form input[type="submit"] {
    background: #1a1c22;
    color: #fff;
    margin-top: 20px;
}

/* Finalize order page - form/dark */
#main .finalize-order-page .dark form {
    color: #fff;
    background: #1a1c22;
}

#main .finalize-order-page .dark form p .quantity {
    color: #e6b510;
}

#main .finalize-order-page .dark form input[type="submit"] {
    background: #e6b510;
    color: #1a1c22;
}

/* Finalize order page - form/grey */
#main .finalize-order-page .grey form {
    background: #efefef;
}

#main .finalize-order-page .grey form input.qty {
    background: #fff;
}

/* Finalize order page - opinion */
#main .finalize-order-page .opinion {
    margin-bottom: 50px;
}

#main .finalize-order-page .opinion .date {
    color: #e6b510;
    font-weight: 600;
}

#main .finalize-order-page .opinion h3 {
    color: #16171b;
    font-weight: 700;
    margin-top: 3px;
}

/* Product page - package */
#main .product-package .time {
    padding-bottom: 45px;
}

#main .product-package .time .alignleft {
    margin-top: 0;
}

#main .content.product-package .slider-products .item {
    margin-bottom: 60px;
}

/* SMS */
#main .content.sms article {
    padding-bottom: 0;
}

#main .content.sms article p,
#main .content.sms article ul li {
    color: #1a1c22;
}

#main .content.sms article p.info {
    font-size: 14px;
    margin-bottom: 45px;
}

#main .content.sms article strong {
    color: #fa1e19;
    font-weight: 600;
}

/* Youtube promo */
#main .content.youtube-promo .write-us {
    font-size: 16px;
    font-weight: 700;
    color: #fa1e19;
    display: block;
    margin: 25px 0;
}

/* Product - list */
#main .content .product-list ul li {
    border: 1px solid #eaeaea;
    margin-bottom: 40px;
}

#main .content .product-list ul li .heading {
    line-height: 36px;
    background: #f6f6f6;
    padding: 10px 5px;
    overflow: hidden;
}

#main .content .product-list ul li .list-price .amount,
#main .content .product-list ul li .list-name h3 a {
    font-size: 18px;
    line-height: 120%;
    font-weight: 700;
    color: #1a1c22;
}

#main .content .product-list ul li .list-name h3 a span {
    font-size: 12px;
    font-weight: 300;
}

#main .content .product-list ul li .list-price {
    text-align: right;
}

#main .content .product-list ul li .content {
    padding: 10px 0px;
    overflow: hidden;
}

#main .content .product-list ul li .content .thumbnail {
    max-width: 171px;
    padding: 0px;
}

#main .content .product-list ul li .content .description p {
    font-size: 14px;
    margin: 6px 0;
}

#main .content .product-list .description ul {
    margin: 10px 20px;
    list-style-type: disc !important;
}

#main .content .product-list .description ul li {
    border: none;
    margin: 0px;
    padding: 0px 0 10px 0px;
    line-height: 115%;
}
#product-mailing .modal-content{
  background-color:  #000!important;
  color: #FFF;
}
#main .content .product-list .list-cart small
{
  line-height: 1.3;
  display: block;
  padding: 5px;
  color: red;
}

/* Cart & Payment */
.cart-page #cart-products tr.deleted {
    text-decoration: line-through;
}
.cart-page #cart-products{
  color: #333;
}
.cart-page #cart-products tr.deleted td.action a.increase,
.cart-page #cart-products tr.deleted td.action a.decrease,
.cart-page #cart-products tr.deleted td.action a.delete {
    display: none;
}

.cart-page p#total span {
    font-size: 1.3rem;
    font-weight: bold;
}
.cart-page span.boosting {
  background-color: #1a1c22;
  padding: 3px 5px;
  font-size: 10px;
  color: #FFF;
}

table#players .player input, table#players .player select {
    width: 100%;
    /*    min-width: 200px;*/
    margin: 3px 0;
    padding: 0 5px;
    height: 20px;
}

.cart-page #sum-scp p {
  display: inline !important;
  padding-top: 20px !important;
  line-height: 25px !important;
}

.cart-page .form-group{
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
  display: inline !important;
}

@media only screen and (max-width: 992px) {
  .cart-page #cart-header{
    margin-bottom: 10px;
  }

  .cart-page #sum-scp {
    text-align: left !important;
  }
}

/* Footer */
@media only screen and (max-width: 769px) {
  .workingHoursCenter {
    text-align: center;
  }
}

#footer {
    padding-top: 30px;
    width: 100%;
}

#footer #top {
    background: #efefef;
    padding-top: 85px;
    padding-bottom: 85px;
}

#footer #top h4 {
    font-size: 14px;
    font-weight: 600;
    color: #ababab;
    text-transform: uppercase;
    margin-bottom: 30px;
}

#footer #top .menu ul {
    list-style: url(../img/icons/bullet.png);
    padding: 0 11px;
}

#footer #top .menu ul li {
    padding: 3px;
}

#footer #top .contact a {
    display: block;
    margin-bottom: 7px;
}

#footer #top .contact a:before {
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 15px;
}

#footer #bottom {
    padding-top: 15px;
    padding-bottom: 15px;
}

#footer #bottom p, #footer #bottom p a {
    color: #ababab;
    margin: 2px 0;
}

#footer #bottom p a {
    font-weight: 600;
}

/* Cookies */
#cookies-message {
    font-size: 14px;
    padding: 10px;
    text-align: center;
    position: fixed;
    bottom: 0px;
    background-color: #fafafa;
    width: 100%;
    z-index: 999;
    color: #999999;
}

#cookies-message a {
    color: #999999;
}

#cookies-message #accept-cookies-checkbox {
    width: 12px;
    height: 13px;
    cursor: pointer;
    background: url(../img/icons/close.png) no-repeat;
    display: inline-block;
    margin-left: 20px;
    text-indent: -9999px;
    top: 5px;
    position: relative;
}

.cookie #footer {
    padding-bottom: 40px;
}

/* News */
#main .content article p.date,
#main .content article p.author {
    margin: 0px 0px 0px 20px;
}

.news a.btn-grey {
    padding: 4px 4px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    background: #1a1c22;
    border: 0;
    border-radius: 5px;
    text-align: center;
    clear: both;
    margin: 5px 5px;
    float: right;
}

.newses .news {
    border: 1px solid #eaeaea;
    margin-bottom: 40px;
}

.news article header {
    line-height: 36px;
    background: #f6f6f6;
    padding: 10px 5px;
    overflow: hidden;
}

.news h2 a {
    font-size: 18px;
    line-height: 120%;
    font-weight: 700;
    color: #1a1c22;
}

.news article .date {
    text-align: right;
    font-size: 11px;
    line-height: 140%;
}

.news article .content {
    padding: 10px !important;
    overflow: hidden;
}

/* Pomocniczne */

.align-desktop-mobile{
  margin-right: 15px;
}

@media only screen and (max-width: 992px){
  .align-desktop-mobile{
    margin-right: 0px !important;
  }
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 0px 25px 0px 25px;
}

.alignleft {
    float: left;
    margin: 0px 25px 0px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

article h2 {
    font-size: 12px;
    color: #16171b;
    font-weight: 600;
    text-transform: uppercase;
}

article h2 a {
    text-transform: lowercase;
    font-size: 10px;
}

/* table */
table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table > tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #ffffff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {


    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
    }

    .table-responsive > .table {
        margin-bottom: 0;
    }

    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }

    .table-responsive > .table-bordered {
        border: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

/* modals */
#gdprmodal .gdpr-wrapper {
    max-height: 150px;
    overflow-y: scroll;
}

#loginmodal input {
    margin: 0 0 15px 0;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1111111111111110;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.coinsModal {
    width: 1100px !important;
}

@media (max-width: 1100px) {
    .coinsModal {
        width: calc(100% - 20px) !important;
    }
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
    width: 100%;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }

    .modal-dialog-centered {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: calc(100% - (.5rem * 2));
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

/*user*/
.account .messages {
    margin-top: 25px;
}

ul.meesages li.message {
    padding: 5px 0 5px 0;
    border-bottom: solid #ececec 1px;
    list-style-type: none;
}

ul.meesages li.message p {
    margin: 5px 0 0 0 !important;
}

ul.meesages li.message p span {
    font-weight: bold;
}

ul.meesages li.message::marker, ul.payment-methods li.method::marker, ul.bx-post li::marker {
    content: none !important;
    display: none !important;
    height: 0px;
}

.new_message {
    margin-top: 25px;
}

.section.account .wrapper p, .section.scp .wrapper p {
    color: #333;
    line-height: 110% !important;
    text-align: center;
    padding: 8px 0;
}

/* pagination */
p.perpage {
    text-align: right;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 8px 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #16171b;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #23527c;
    background-color: #eeeeee;
    border-color: #dddddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fcc715;
    background-color: #16171b;
    border-color: #16171b;
    cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #16171b;
    background-color: #ffffff;
    border-color: #dddddd;
    cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

/* packet */
.slider-products.packets .item {
    border: none !important;
}

.slider-products.packets .product {
    cursor: pointer;
}

.slider-products.packets .product .img {
    width: 160px;
    height: 160px;
    display: block;
    background: url('../img/packet-sms.jpg') center center no-repeat;
    margin: 0 auto;
    opacity: 0.8;
}

.slider-products.packets .product.selected .img {
    opacity: 1;
}

.slider-products.packets .product .img p.caption {
    text-align: center;
    color: #f7c008;
    margin: 0px !important;
    padding: 65px 0;
    font-weight: 600;
    font-size: 20px !important;
}

.slider-products.packets .product .price {
    background-color: transparent !important;
}

.col-md-9.content ul {
    list-style-type: disc;
    list-style-position: outside;
    /*margin: 10px 20px;*/
    padding: 0px;
}

.col-md-9.content ul li {
    padding: 5px 5px 10px 5px;
    margin: 0;
    line-height: 150%;
}

.col-md-9.content ul li::marker {
    content: "-"
}
.col-md-9.content .psc ul li::marker, .col-md-9.content .packet-bonus ul li::marker, .col-md-9.content  ul.bx-product li::marker {
	content: none;
}

.col-md-9.content ul.bx-product, .slider-products ul, .product-list ul {
    list-style-type: none !important;
}



.col-md-9.content .slider ul {
    margin: 0px !important;
    padding: 0px !important;
}

.col-md-9.content .slider ul li {
    padding: 0px !important;
    margin: 0px !important;
}

.section.psc ul.psc {
    list-style-type: none;
    margin: 15px 0;
    padding: 0px;
}

.section.psc ul.psc li {
    float: left;
    cursor: pointer;
    padding: 10px;
}

.section.psc ul.psc li .wrapper {
    color: #FFF;
    background-color: #16171b;
    padding: 15px 10px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
}

.section.psc ul.psc li:hover .wrapper {
    background-color: #fcc715;
    color: #16171b;
}

table#offer-items {
    border: 0px;
}

table#offer-items th {
    background-color: #000;
    color: #FFF;
    padding: 20px 10px;
    text-align: center;
    border: none;
    vertical-align: middle;
}

table#offer-items tr {
    border-bottom: solid #DDD 1px;
}

table#offer-items tr td {
    text-align: center;
    color: #000;
    border: none;
    padding: 10px;
    vertical-align: middle;
}

table#offer-items tr td img {
    max-width: 60%;
}

table#offer-items tr td.loss_cover, table#offer-items tr td.quantity {
    font-weight: bold;
    font-size: 16px;
}

table#offer-items input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 1px solid #333;
    float: left;
    background-color: #CCC;
}

table#offer-items input[type="radio"] {
    width: 20px;
    height: 20px;
    border: 1px solid #333;
    float: left;
    background-color: #CCC;
    margin-top: 30px;
}

table#offer-items {

}

table#offer-items .quantity input[type="number"] {
    min-width: 50px;
    width: 70%;
}

.payment-fields {
    margin: 20px 15px 0 15px;
}

#offer-items .item .value {
    font-size: 12px;

}

#offer-items a {
    text-decoration: underline;
}

.promoted h3 {
    font-size: 1.2rem;
    color: #f44336;
}

#main .content .product-list .promoted > ul > li {
    border: 1px solid #fcc715;
}

#main .content .product-list .promoted ul li .heading {
    background-color: #fcc715;
}

#main .content .product-list .promoted ul li .heading .button {
    background: #1a1c22;
    color: #FFF;
}

#main .content .slider-products .promoted .list {
    padding: 5px;
    background-color: #fcc715;

}

#main .content .slider-products .promoted .list .button {
    background: #1a1c22;
    color: #FFF;
}

#main .content .slider-products .promoted .item {
    padding: 20px;
    background-color: #fcc715;
}

#main .content .slider-products .promoted .item .price {
    background: #1a1c22;
    color: #FFF;
}

.row.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.row-flex [class*=’col-’], .row.row-eq-height .person {
    display: flex;
    flex-direction: column;
}

.mobile.scp a.button {
    width: auto;
    display: inline-block;
    padding: 3px 8px;
    line-height: 25px;
    height: 30px;
}

#header .mobile div {
    display: inline-block;
    margin-right: 8px;
    color: #fcc715;
    font-weight: bold;
}
#header .mobile .level-value-next{
  color: #333;
}
#header .mobile.scp div {
    font-size: 1.3em;
}

#header .mobile img {
    display: inline-block;
    max-height: 35px;
    margin: 5px 0 5px 0;
    width: auto;
    margin-right: 8px;
}

#header .mobile {
    background-color: #16171b;
    text-align: center;
    color: #333;
    padding: 10px 0 4px 0;
    border-top: solid #fcc715 1px;
}

.mobile.lang {
    background-color: #FFF;
    text-align: center;
    display: none;
    color: #333;
}

.mobile.lang a {
    color: #333;
}

.mobile.lang .current {
    text-decoration: underline;
}

.mobile-collapse {
    height: auto;
    position: relative;
}

.mobile-collapse-toggle {
    display: none;
    background: url('../img/gradient-bg.png') repeat-x;
    height: 26px;
    position: absolute;
    z-index: 9999;
    bottom: -20px;
    width: 100%;
    margin-bottom: 20px;
}

.mobile-collapse-toggle span.mobile-show {
    line-height: 36px;
    cursor: pointer;
    color: red;
    font-weight: bold;

}

@media screen and (max-width: 767px) {

    iframe{max-width: 100% !important;}
    .mobile-collapse {
        max-height: 193px;
        overflow: hidden;
        margin-bottom: 25px;
    }

    .mobile-collapse.open {
        max-height: initial;
        height: auto;
        overflow: visible;
        padding-bottom: 45px;
    }

    .mobile-collapse-toggle {
        display: block;
    }
}

.reorder {
    text-align: right;
}

.reorder select {
    max-width: 100px;
    padding: 3px !important;
    height: auto;
}

.reorder input[type="submit"] {
    width: 100px;
    background-color: #CCC;
    float: right;
    border-radius: 0px;
    height: 25px;
    line-height: 25px;
    font-size: 1em;
    margin-left: 5px;
}

i.scp:after {
    width: 20px;
    height: 20px;
    background: url('../img/icons/scp-color.png') no-repeat center center;
    background-size: contain;
    margin: -2px 5px;
    content: '';
    display: inline-block;
}

#cart-bar .scp-wrapper.loyalty img {
    float: left;
    margin: -3px 0 0 5px;
    max-height: 22.5px;
    width: auto;

}

#cart-bar .scp-wrapper.loyalty > div, .mobile .scp-wrapper.loyalty > div {
    float: left;
}
.mobile .scp-wrapper.loyalty .line-top > div.scp-btn{
  float: right;
}
.mobile .scp-wrapper.loyalty .line-top > img{  
  max-height: 15px!important;
  margin: 0 10px 0 1px!important;
  display: inline-block;
}
#cart-bar .scp-wrapper img {
    float: left;
    margin: 7px 20px 0 0;
    max-height: 36.5px;
    width: auto;

}

#cart-bar .scp-wrapper > div {
    float: left;
}

#cart-bar .scp-wrapper {
    margin: 0 8px;
    padding: 12px 0 0 0px;
    text-align: left;
    height: 57px;
}

#cart-bar .scp-wrapper .scp-value {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fcc715;
}

#cart-bar .scp-wrapper .scp-btn {
    text-align: center;
}

#cart-bar .scp-wrapper .scp-btn a {
    color: #f44336;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
}

#cart-bar .scp-wrapper.loyalty {
    padding: 6px 0 0 0;
    height: 57px;
    background: #000;
    border: 1px solid #fcc715;
    border-radius: 16px;
    text-align: center;
}

#cart-bar .scp-wrapper.loyalty .line-top, .mobile .scp-wrapper.loyalty .line-top {
    margin: auto;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    float: none;
    clear: both;
}

#cart-bar .scp-wrapper.loyalty .line-middle, .mobile .scp-wrapper.loyalty .line-middle {
    margin: 4px auto;
    display: block;
    width: 60%;
    float: none;
    background: #fcc715;
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(252,199,21,1) 20%, rgba(252,199,21,1) 80%, rgba(0,0,0,1) 100%);
    height: 1px;
    clear: both;
}

#cart-bar .scp-wrapper.loyalty .line-bottom, .mobile .scp-wrapper.loyalty .line-bottom {
    margin: auto;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    float: none;
    clear: both;
}

#cart-bar .scp-wrapper.loyalty .level-value, .mobile .scp-wrapper.loyalty .level-value {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #fcc715;
    float: left;
    text-transform: uppercase;
}

#cart-bar .scp-wrapper.loyalty .level-value-next, .mobile .scp-wrapper.loyalty .level-value-next {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    background: #fcc715;
    color: #000;
    float: left;
    text-transform: uppercase;
    padding: 0 4px;
    margin: auto 2px auto 4px;
}

#cart-bar .scp-wrapper.loyalty .award-to-complete, .mobile .scp-wrapper.loyalty .award-to-complete {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ff0000;
    float: left;
    text-transform: uppercase;
    margin: -5px 0 auto 2px;
    animation: blinker 2s linear infinite;
}

#cart-bar .scp-wrapper.loyalty .award-to-complete.hide-exclamation, .mobile .scp-wrapper.loyalty .award-to-complete.hide-exclamation {
    color: #000;
}

@keyframes blinker {
  40% {
    opacity: 0.8;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 0.8;
  }
}

#cart-bar .scp-wrapper.loyalty .scp-value, .mobile .scp-wrapper.loyalty .scp-value {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #fcc715;
    float: left;
    text-transform: uppercase;
}

#cart-bar .scp-wrapper.loyalty .scp-btn, .mobile .scp-wrapper.loyalty .scp-btn {
    text-align: center;
    float: left;
    background: #fcc715;
    padding: 0px 12px;
    border-radius: 10px;
    margin: 0 0 0 5px;
}

#cart-bar .scp-wrapper.loyalty .scp-btn a, .mobile .scp-wrapper.loyalty .scp-btn a {
    color: #000;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.product-cashback-info td.scp-logo p {
    color: #000;
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase;
}

.product-cashback-info td.scp-logo img {
    max-height: 40px;
    margin: 0px 30px 10px 0;
    float: left;
}

.product-cashback-info td.scp-logo {
    margin: 0 8px;
    background-size: contain;
    padding: 10px 0px;
    border-top: solid #DDD 1px;
}

.coins-quantity .packet-bonus {
    clear: both;
    padding: 15px 0;
}

.coins-quantity .packet-bonus-order-summary {
  clear: both;
  padding-top: 10px !important;
  margin-bottom: 30px;
}

.coins-quantity .packet-bonus ul li {
    float: left;
    margin: 4px 15px 4px 0;
    height: 30px;
}

.coins-quantity .packet-bonus ul {
    list-style-type: none;
}

.coins-quantity .packet-bonus img {
    max-height: 30px;
    margin: 0 7px 0 10px;
}

.scp-purchase .method .wrapper {
    padding: 10px;
    line-height: 1rem;
    text-align: center;
    height: 145px;
}

.scp-purchase .method .wrapper p {
    margin: 3px 0;
    height: 35px;
    overflow: hidden;
}

.scp-purchase .method img {
    clear: both;
    float: none;
    max-height: 50px;
    width: auto;
    display: block;
    margin: 20px auto;
}

.scp-purchase .calculation {
    margin-top: 25px;
    background-color: #efefef;
    border-radius: 4px;
    text-align: center;
    padding: 15px;
    color: #333;
    line-height: 38px;
}

.scp-purchase .calculation h6, .scp-purchase h3 {
    margin: 0 0 5px 0;
    color: #333;
    text-align: center;
    font-weight: bold;
}

.scp-purchase .calculation .scp {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 38px;
}

.scp-purchase .calculation input[name="amount"] {
    width: 85%;
    float: left;
}

.scp-purchase .calculation input[name="amount"], .scp-purchase .calculation p.scp {
    background-color: #CCC;
    border-radius: 4px;
    color: #333;
    height: 38px;
}

.scp-purchase ul.payment-methods .wrapper {
    background-color: #efefef;
    border-radius: 5px;
    color: #333;
    padding: 7px;
    text-align: center;
    cursor: pointer;
}

.scp-purchase ul.payment-methods li {
    list-style-type: none;
}

.scp-purchase ul.payment-methods li.selected .wrapper {
    background-color: #fcc715;
}

.packet-bonus ul {
    display: block;
}

.packet-bonus ul li {
    font-weight: 600;
    color: #333;
    font-size: 1.2em;
}

#main .product-page .table-product tr.final td {
    color: red !important;
    font-weight: bold;
    font-size: 16px;
}

.scp-purchase .button, .scp-purchase input[type="submit"] {
    color: #FFF;
}

.scp-purchase .balance, .scp-purchase .lackamount, .scp-witdrawals p.balance, .section.scp p.balance {
    color: #333;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
    margin: 0px 0 2em;
}

.price .scp-price i.scp:after, .amount .scp-price i.scp:after {
    margin: -2px 0;
    height: 17px;
    width: 17px;
}

.price .scp-price {
    font-size: 0.8em;
}

.amount .scp-price, .bx-product .scp-price {
    font-weight: normal;
}

.offer-requests .offer {
    margin: 0;
}

.offer-requests .offer .actions {
    padding: 0px;
}
.bankaccountcheckwrapper{display: none;}
.bankaccountcheck{background:rgba(0, 0, 0, 0.6);
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; justify-content: center; align-items: center; display: flex}
.infobankaccountcheck{color:#000; background: white; padding: 20px; font-size: 14px;}
.lds-spinner {
    color: official;
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto;
}
.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #000;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.offer-requests .offer .details, .offer-request .details, .offer-request .time, .offer-request .messages {
    padding: 15px 0;
    color: #333;
    line-height: 24px;
}

.offer-requests .offer .details strong, .offer-request .details strong, .offer-requests .offer .details span, .offer-request .details span, .offer-request .time, .offer-request .p.mail strong, .offer-request .messages strong, .offer-request li.message span {
    text-transform: uppercase;
}

.offer-requests .description {
    border-bottom: solid 1px #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.offer-requests input[type="submit"].send-message {
    float: left;
}

.offer-requests .offer .details .platform, .offer-request .details .platform {
    color: red;
}

/*.offer-requests .offer .details .date, .offer-request .details .date {*/
/*    color: #939393;*/
/*    text-transform: none;*/
/*}*/

.offer-requests .offer .details .date, .offer-request .details .date {
    color: #939393;
    text-transform: none;
}

.offer-requests .offer .actions a.button, .offer-request .actions a.button {
    width: auto !important;
    display: inline-block;
    padding: 0 15px;
    margin-bottom: 5px;
}

.offer-request header {
    border-bottom: solid 1px #CCC;
    padding: 0 0 25px 0;
}

.offer-request h2.title::after {
    display: none;
}

.newsletter_info_left {
    width: calc(100% - 150px);
    float: left;
    padding-left: 60px;
}

.newsletter_info_right {
    width: 150px;
    float: right
}

@media screen and (max-width: 767px) {

    .newsletter_info_left {
        padding-left: 100px;
        float: none;
        width: 100%;
    }

    .newsletter_info_right {
        float: none;
        width: 100%;
        text-align: center;
        padding-left: 100px;
        margin-top: 25px;
    }
}

.sendingForm {
    width: 100%;
    height: calc(100% + 30px);
    position: absolute;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
    top: -15px;
    left: 0;
}

.sendingForm p {
    font-size: 32px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.remove_box {
    background: red;
    cursor: pointer;
    color: white;
}

#hide_extra_account, #show_extra_account {
    margin-top: 5px;
}

@media screen and (max-width: 400px) {
    #hide_extra_account, #show_extra_account {
        width: 100%;
    }
}


.small_info {
    font-size: 10px !important;
    color: #939393 !important;
    line-height: 14px !important;
}

.btn-small-top {
    width: 86px;
    float: right;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    margin-top: 5px
}

hr.smal_line {
    margin: 15px 0;
    border-top: 1px solid #ececec;
}

hr.md_smal_line {
    margin: 5px 0;
    border-top: 1px solid #ececec;
}

hr.xsmal_line {
    margin: 0;
    border-top: 1px solid #ececec;
}

hr.table_bottom {
    border-top: 1px solid #ececec;
    margin: 3px 0 20px 0;
}

#ordered-products {
    margin-bottom: 0;
}

.order_message_title {
    margin-top: 15px;
}

.button.dark_btn {
    background: #a3a3a3;
}

.title.text-left {
    text-align: left;
}

.sendingForm {
    width: 100%;
    height: calc(100% + 30px);
    position: absolute;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
    top: -15px;
    left: 0;
}

.sendingForm p {
    font-size: 32px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#new_coins_amount {
    width: 93%
}

.new_coins_amount_k_span {
    width: 7%;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: black;
    float: right;
    text-align: center;
    line-height: 38px;
}

#formModalCoinsChange {
    color: black;
}

.coinsChangeClose {
    width: auto;
    display: inline;
    cursor: pointer;
    color: white;
    background: black;
    padding: 10px 20px;
    margin: 20px;
}

.coinsChangeCalculate {
    width: auto;
    display: inline;
    cursor: pointer;
    color: black;
    background: #fcc715;
    padding: 10px 20px;
    margin: 20px 20px 20px 0;
}

.coinsChangebtn_hide {
    display: none !important;
}

.coinsChangeWrapper {
    margin-top: 25px;
    text-align: right;
}

.coinsChangeWrapper input {
    margin-top: 0 !important;
}

.rwd_show {
    display: none;
}

.capslock, .text-uppercase, .textuppercase {
    text-transform: uppercase;
}

.text-dark {
    color: #333;
}


.textlight, ul.meesages li.message p span.textlight {
    font-weight: normal;
    text-transform: none
}

.section.offer-request {
    padding-bottom: 0 !important;
}

.p-top-10 {
    padding-top: 10px;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.mb-15 {
    margin-bottom: 15px;
}

.extraaccount {
    color: black;
    font-size: 14.4px;
}

#main .content .form-group.summary_accounts p, #main .content .form-group.summary_accounts {
    color: black;
}

.firstaccount {
    float: right;
}

@media screen and (max-width: 992px) {
    .c-summary.extraaccount {
        float: right;
    }
}

@media screen and (max-width: 767px) {
    .c-summary.extraaccount {
        float: left;
    }

    .firstaccount {
        float: left;
    }

    .new_message.row input[type="submit"].send-message, .new_message_order input[type="submit"].send-message {
        float: left;
    }

    .rwd_display_block {
        display: block;
    }

    .rwd_show {
        display: block;
    }
}

.reviews-lineup {
    background: #eee;
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin: 10px 0;
    color: #333;
}


.formatarticle {
   color: #333;
}
.formatarticle p{
    margin: 10px 0 !important;
    color: #333;
}
.formatarticle h2
{
    margin: 15px 0;
}
.formatarticle b {
    font-weight: bold !important;

}

.formatarticle ol {
    list-style: decimal;
    padding-left: 25px;
}


.tooltip{
    position: absolute;
    top: 0;
    right: -90px;
    background: black;
    color: white;
    padding: 5px;
    font-size: 11px;
    width: 112px;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}

.scp-wrapper:hover > .tooltip{
    visibility: visible !important;
    opacity: 1 !important;
}
.tt_box{position: relative;}
.tt_box:hover > .tooltip{
    visibility: visible !important;
    opacity: 1 !important;
    right: -110px;
}

#cssmenu.small-screen {
    width: 100%;
}

#cssmenu > ul,
#cssmenu.align-center > ul,
 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98999;
    background: #16171b;

}

#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center > ul > li,
#mobile-menu > ul > li {
    float: none;
    display: block;
    border-top: 1px solid rgba(100, 100, 100, 0.1);
    padding: 0;
    margin-right: 0;
}

#cssmenu.small-screen > ul > li a:hover {
    border-bottom: 0;
}

#cssmenu.small-screen > ul > li > a {
    padding: 5px 10px;
    display: block;
}

#cssmenu.small-screen > ul > li:after,
#cssmenu.small-screen > ul > li:before {
    display: none;
}

#cssmenu.small-screen #menu-indicator {
    display: none;
}

@media (max-width: 992px) {

  .index-blade-promoted-slider {
      padding-right: 15px;
    }
    .col-md-show {
        display:block !important
    }

    .col-md-hide {
        display:none !important
    }

    hr {
        border-top: 1px solid #ececec;
        margin-top: 35px;
        margin-bottom: 20px
    }

    #header .logo img {
        display: none;
    }

    #header .mobile-menu .logo a {
        width: 162px;
        height: 35px;
        background: url(../img/supercoinsy-logo-mobile.png);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
        display: block;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    #header .mobile-menu .logo a.pl {
        width: 162px;
        height: 35px;
        background: url(../img/supercoinsy-logo-mobile-pl.png);
        display: block;
    }

    #header #top-bar {
        background: #16171b;
        height: 54px;
        position: fixed;
        z-index: 15000;
    }
    #header{
        height: 55px;
    }

    #header #nav .menu {
        width: 100%;
        min-width: 50%;
        top: 0px;
        right: 0px;
        z-index: 16000;
        position: fixed;
    }

    #header .mobile-cart {
        position: absolute;
        top: 15px;
        right: 100px;
        z-index: 10000;
        margin-right: 15px;
    }

    #header .logo h1 a{
        position: absolute;
        z-index: 11000;
        top: 0px;
        left: 5px;
    }

    #nav .wrapper{
    }

    #header .mobile-cart a {
        margin: 0 5px;
    }

    #main .content {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    #main .content .slider {
        padding: 0;
    }

    #main .content.main {
        padding-top: 0;
    }

    #main .content .slim-slider {
        margin-top: -5px;
        margin-bottom: 15px;
    }
    #main .content.main .slider {
        margin-left: -15px;
        margin-right: -15px;
    }

    #main .content .slider .bx-wrapper img {
        width: 100%;
    }

    #main .content .checkstatus {
        background: #efefef;
        padding: 30px 0;
        text-align: center;
    }

    #main .content .checkstatus form {
        background: #efefef;
        border: 0;
        padding: 0;
    }

    #main .content .checkstatus .alignleft  {
        display: block;
        margin: 0 auto 15px auto;
        float: none;
    }

    #main .content .checkstatus .checker form:before {
        content: "";
        width: 70%;
        height: 1px;
        background: #d7d3d4;
        display: block;
        margin: 25px auto;
    }

    #main .content .checkstatus h2 {
        color: #0c1117;
    }

    #main .content .checkstatus input[type="text"] {
        background: #fffcf5;
        border: 1px solid #d7d7d7;
        max-width: 70%;
    }

    #main .content .checkstatus input[type="submit"] {
        color: #1a1c22;
        background: #fcc715;
        max-width: 160px;
        display: block;
        margin: 30px auto 0 auto;
    }

    #main .content .section, #main .content article {
        padding-bottom: 15px;
    }

    #main .content article header {
        margin-bottom: 0;
    }

    #main .finalize-checkout {
      margin: 0 15px;
    }
    #main .finalize-checkout .quantity {
        padding-top: 30px;
        padding-bottom: 15px;
    }

    #main .finalize-order-page form input.qty {
        max-width: 225px
    }

    #main .finalize-order-page form input[type="submit"] {
        width: 100%;
        max-width: 100%;
    }

    #main .finalize-order-page .opinion {
        margin-top: 15px;
        margin-bottom: 0px;
    }

    #main .content .form {
        margin-top: 15px;
        padding-top: 15px;
    }

    #main .content .form-group label {
        margin-bottom: 5px;
    }

    #main .content .form-group input[type="submit"] {
        float: none;
        display: block;
        margin: 0 auto;
    }

    #main .content .form-group p {
        text-align: center;
    }

    #main .content .form-group p#max_deliverytime {
        text-align: left;
    }

    #footer {
        padding-top: 0;
    }

    #footer #top {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #footer #top .menu {
        margin-bottom: 30px;
    }

    #footer #top h4 {
        margin-bottom: 15px;
    }
    .header_deliverytimes.mobile{
        display: block;
    }
    .scp-purchase .calculation input[name="amount"], .scp-purchase .calculation p.scp{
        margin-bottom: 15px;
    }
    input, select, textarea{
        margin-bottom: 15px;
    }
    .review_box{
        text-align: center;
    }

  #main .payment-category figcaption {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
    .col-sm-show {
        display:block !important
    }

    .col-sm-hide {
        display:none !important
    }

    .title {
        text-align: center;
    }

    #header #cart-bar .alignleft, #main .product-package .time .alignleft {
        margin-right: 15px;
    }

    #header #cart-bar h2, #main .product-package .time h2 {
        font-size: 14px;
    }

    #main .content .payment ul {
        padding: 0;
    }

    #main .content .payment ul li {
        display: inline-block;
        padding: 15px;
        width: 50%;
    }

    #main .content .payment ul li img {
        margin: 0 auto;
        display: block;
    }

    #main .content .slider-products .product::after {
        display: none;
    }

    #main .content .slider-products .product {
        border-bottom: 1px solid #ececec;
        padding: 15px 0;
    }

    #main .content .slider-products .bx-pager a {
        margin: 0 2px;
    }

    #main .payment-category .category, #main .payment-method .method {
        text-align: center;
        max-width: 100%;
    }

    #main .product-page .coins-quantity .captcha {
        /*border-bottom: 1px solid #ececec;*/
        /*padding-bottom: 30px;*/
    }

    #main .product-page .coins-quantity .captcha .qty-symbol.first p {
        margin-bottom: 10px;
    }

    #main .product-page .coins-quantity .captcha .qty-value input {
        /*width: 100%;*/
        /*max-width: 100%;*/
    }

    #main .product-page .captcha-order-summary input {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    #main .product-page .table-product {
        min-width: 330px;
        margin: 30px 0;
    }

    #main .product-page .table-product-order-summary {
        margin: 10px 0 !important;
    }

    #main .product-page .add-to-cart p {
        text-align: center;
    }

    #main .product-page .add-to-cart input[type="submit"] {
        float: none;
        display: block;
        margin: 15px auto 0 auto;
    }

    #main .product-page .add-to-cart {
        padding-bottom: 15px;
    }

    #main .content.product-package .slider-products .item {
        margin-bottom: 0px;
    }

    #main .content .slider-products .list {
        border-bottom: 1px solid #ececec;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    #main .content .list-name, #main .content .list-price,
    #main .content .product-list ul li .list-price {
        text-align: center;
    }

    #main .content .product-list ul li .content .thumbnail {
        max-width: 100%;
    }

    #main .content .product-list ul li .content .thumbnail img {
        display: block;
        margin: 0 auto;
    }

    #main .content .product-list ul li .content .description {
        text-align: center;
        padding-top: 15px;
    }

    #footer #top {
        background: #fff;
        padding-bottom: 30px;
    }

    #footer #top h4 {
        font-size: 14px;
        color: #16171b;
        font-weight: 600;
        text-align: center;
    }

    #footer #top h4:after {
        content: "";
        width: 100%;
        height: 1px;
        background: #ececec;
        display: inline-block;
        margin-top: 22px;
        margin-bottom: 5px;
    }

    #footer #top .contact a:before {
        width: 36px;
        height: 36px;
    }

    a.facebook:before {
      content: "";
      background-image: url(../img/icons/facebook-small-mobile.png);
    }

    a.gg:before {
        content: "";
        background-image: url(../img/icons/gg-mobile.png);
    }

    a.skype:before {
        content: "";
        background-image: url(../img/icons/skype-mobile.png);
    }

    a.mail:before {
        content: "";
        background-image: url(../img/icons/mail-mobile.png);
    }

    #footer #top .contact a::before {
        display: block;
        margin: 30px auto 5px auto;
    }

    #footer #top .contact a {
        text-align: center;
        margin: 0;
    }

    #footer .scrollup a {
        font-size: 14px;
        color: #393939;
        display: block;
        background: #fcc715;
        padding: 15px;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
    }

    #footer .scrollup a:after {
        content: "";
        width: 16px;
        height: 10px;
        background: url(../img/icons/scroll.png);
        display: inline-block;
        margin-left: 15px;
    }

    #footer #bottom {
        text-align: center;
    }
}
::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 12px;
}
::-webkit-scrollbar:horizontal {
    height: 12px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}
.reviews h3{
    font-size: 14px;
    color: #16171b;
    font-weight: 600;
    text-transform: uppercase;
}
.reviews h3{
  text-align: center!important;
}
.newsletter-product{
  margin: 5px 0px;
}
.newsletter-product form{
  background-color: #000;
  color: #fcc715;
  padding: 10px 20px 20px 20px;
  font-weight: bold;
}
.newsletter-product form input.field{
  border: solid 1px #fcc715;
  background-color: #000;
  color: #fcc715;
  text-align: center;
}
.newsletter-product form input.submit{
  border-radius: 0px;
}
.newsletter-product form button.submit{
  border-radius: 0px;
  text-align: left;
}
.newsletter-product form button.submit::before{
  content: '\2709';
  display: block;
  top: 0px;
  left: 0px;
  float: left;
  margin: 7px 10px 7px 30%;
  padding-right: 5px;
  border-right: solid 1px;
  height: 25px;
  line-height: 20px;
  font-size: 20px;
}
/*Colapsed box PSC packets* - start*/
.collapse-box .first-hide {
  display: none;
}

.collapse-box.expanded .first-hide {
  display: block;
}

.collaps-btn {
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #1a1c22;
  background: #fcc715;
  border: 0;
  border-radius: 5px;
  text-align: center;
  display: block;
  margin-bottom: 15px;
}

/*Colapsed box PSC packets* - end*/
/*finalize blade start*/
.finalize-blade-group-box{
  margin: 0px !important;
  padding: 0px !important;
  width: auto !important;
}

.finalize-blade-pay-submit{
  margin-right: 10px;
}

#pay_methods_desc {
  margin-top: 5px !important;
}

@media (max-width: 992px){

  #pay_methods_desc {
    margin-bottom: 15px !important;
  }

  .form-group-margin{
    margin-bottom: 0px !important;
  }

  .finalize-blade-label{
    display: none !important;
  }

  .finalize-blade-pay-submit{
    margin-top: 10px;
    margin-right: 0px;
  }
}

.finalize-blade-description{
  color: black !important;
}

#finalize-blade-scp:after{
  height: 14px !important;
  width:14px !important;
  margin: -3px 5px !important;
}
/*finalize blade end*/
.dropbtn {
  margin-top: 5px;
  background-color: #C3C3C3;
  color: white;
  padding: 6px 8px;
  font-size: 11px;
  border: none;
  border-radius: 3px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown.lang{
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  z-index: 290000;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: center;
}

/* Links inside the dropdown */
.dropdown-content a.odd {
  background-color: #fff;
}
.dropdown-content a {
  color: black;
  background-color: #efefef;
  padding: 0;
  text-decoration: none;
  display: block;
  line-height: 29px;
  border-bottom: solid #000 1px;
  display: block;
  height: 29px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown.lang:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown.lang:hover .dropbtn {background-color: #DDD;}
.lang span.flag{
  width: 50px;
  height: 28px;
  background-image: url(../img/languges.jpg?ping);
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  float: left;
  margin-right: 10px;
  overflow: hidden;
}

.dropbtn .flag{
  background-size: 85%;
  width: 30px !important;
  height: 15px !important;
}
.lang span.flag.gb{
  background-position: 0 -28px;
}
.lang span.flag.de{
  background-position: 0 -120px;
}
.lang span.flag.at{
  background-position: 0 -269px;
}
.lang span.flag.ch{
  background-position: 0 -331px;
}
.lang span.flag.en{
  background-position: 0 -361px;
}
.lang span.flag.be{
  background-position: 0 -61px;
}
.lang span.flag.dk{
  background-position: 0 -90px;
}
.lang span.flag.es{
  background-position: 0 -148px;
}
.lang span.flag.fr{
  background-position: 0 -178px;
}
.lang span.flag.it{
  background-position: 0 -211px;
}
.lang span.flag.nl{
  background-position: 0 -240px;
}
.lang span.flag.pt{
  background-position: 0 -298px;
}
.dropbtn span.flag.gb{
  background-position: 0 -15px;
}
.dropbtn span.flag.de{
  background-position: 0 -60px;
}
.dropbtn span.flag.at{
  background-position: 0 -138px;
}
.dropbtn span.flag.ch{
  background-position: 0 -168px;
}
.dropbtn span.flag.en{
  background-position: 0 -183px;
}
.dropbtn span.flag.be{
  background-position: 0 -31px;
}
.dropbtn span.flag.dk{
  background-position: 0 -45px;
}
.dropbtn span.flag.es{
  background-position: 0 -76px;
}
.dropbtn span.flag.fr{
  background-position: 0 -92px;
}
.dropbtn span.flag.it{
  background-position: 0 -107px;
}
.dropbtn span.flag.nl{
  background-position: 0 -123px;
}
.dropbtn span.flag.pt{
  background-position: 0 -153px;
}

/** metody platnosci **/

.finalize-checkout .payment-methods-container {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  gap:20px;
}

.finalize-checkout .payment-method {
  display: block;
  border: 2px solid black;
  min-height: 100px;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 48%;
}

#main .content .payment-method label {
  display: flex;
  padding: 0;
  margin: 0;
  flex-direction: column;
  height: 100px;
}

.finalize-checkout .payment-method-desc {
  background: black;
  color: white;
  text-align: center;
  display: block;
  width: 100%;
  font-size: 12px;
}

.finalize-checkout .payment-method input[type=radio] {
  position: absolute;
  left:-99999px;
}

.finalize-checkout .payment-method-box {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
}

.finalize-checkout .payment-method-box .col{
  flex: 1;

}
.finalize-checkout .payment-method-box img {
  max-width: 150px;
}
.finalize-checkout .payment-method-box .col:first-child {
  padding-left: 10px;
}
.finalize-checkout .payment-method-box .col:last-child {
  text-align: right;
  padding-right: 10px;
}

.finalize-checkout .payment-method-box .col > span {
  font-size: 24px;
  font-weight: bold;
}
.finalize-checkout .payment-method-box .col > small {
  font-size: 13px;
  font-weight: bold;
  display:block;
}

.finalize-checkout .payment-method input:checked + label {
  background: #ffcc00;
}

.finalize-checkout .blikCode {
  font-size: 14px;
  font-weight: bold;
}
#blikCode {
  margin-bottom: 20px;
}
#firstname, #lastname, #blikCode {
  width:auto;
}
#main .content article .blikCode {
  margin:10px 0;
}
.calculation .blikCode  {
    margin-top: 25px;
}
.calculation .blikCode  input{
  background-color: #FFF;
  margin-left: 5px;
}
#mobile-menu, #close-menu{
  display: none;
}
.hero.gold{
  color: #fcc715;
  font-size: 39px;
}
.hero  {
  width: 100%;
  padding: 12px 25px;
  text-transform: uppercase;
  background-color: #000;
  font-size: 28px;
  font-weight: bold;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0px 0px 5px #878787;
  color: #FFF;
  margin: 25px 0 10px;
}
.faq h4.accordeon{
  text-align: left;
  cursor: pointer;
}
.faq .desc .excerpt{
  display: block;
}
.faq .desc.open .excerpt{
  display: none;
}
.faq .desc .full{
  overflow: hidden;
  max-height: 0;
  transition: all 1s ease-in-out;
  box-sizing: border-box;
}
.faq .desc.open .full{
  max-height: none;
}
h4.accordeon{
  font-size: 16px;
  display: block;
  margin-top: 10px;
}
h4.accordeon:after{
  content: "\25bc";
  color: #FFF;
  float: right;
  position: relative;
  right: -20px;
}
h4.accordeon.open:after{
  content: "\25b2";
  
}
@media (max-width: 992px) {
  .finalize-checkout .payment-method{
    width: 100%!important;
  }
  #cssmenu{
    display: none;
  }
  #mobile-menu{
    display: block;
  }
  #mobile-menu ul{
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    background: #282828;
    width: 360px;
    right: -360px;
    transition-property: right;
    transition-duration: 1.5s;
    height: 900px;
    z-index: 15000000;
  }
  #mobile-menu ul.open{
    right: 0;
    transition-property: right;
    transition-duration: 1.5s;
  }
  #mobile-menu li.mobile a.language {
      display: inline !important;
  }

  #mobile-menu li.mobile a.language.current {
      text-decoration: underline;
  }
  #mobile-menu #menu-button {
      display: block;
      background-color: #16171b;
  }
  #header #nav ul ul{
      position: relative!important;
  }
  #header #nav ul li .submenu-button{
      display: block!important;
  }
  #mobile-menu li.mobile{
      display: block !important;
  }
  #mobile-menu li.mobile a{
      padding: 10px 7px;
  }
  #mobile-menu #menu-button.menu-opened {
    color: #fbc614;
    position: absolute;
    left: -10px;
    transition-property: left;
    transition-duration: 1.5s;
    width: 35px;
  }
  #mobile-menu #menu-button span{
    padding: 10px 0 0 30px;
    display: block;
  }
  #mobile-menu #menu-button.menu-opened span{
    display: none;
  }

  #mobile-menu #menu-button:after {
      content: "";
      position: absolute;
      left: 5px;
      top: 5px;
      display: block;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      border-top: 3px solid #fbc614;
      border-bottom: 3px solid #fbc614;
      width: 21px;
      height: 3px;
  }

  #mobile-menu #menu-button.menu-opened:after {
      border-top: 3px solid #fbc614;
      border-bottom: 3px solid #fbc614;
  }

  #mobile-menu #menu-button:before {
      content: "";
      position: absolute;
      left: 5px;
      top: 17px;
      display: block;
      width: 21px;
      height: 3px;
      background: #fbc614;
  }

  #mobile-menu #menu-button.menu-opened:before {
      background: #fbc614;
  }
  #mobile-menu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;line-height: 1;
    display: block;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    right: 10px;
    transition-property: left;
    transition-duration: 1.5s;
  }
  #mobile-menu #menu-button {
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fbc614;
    width: 82px;
    height: 30px;
    line-height: 6px;
    font-weight: bold;
    border-radius: 5px;
    margin: 10px 0 0 15px;
    border: solid #fbc614 2px
  }
  #mobile-menu li {
      float: none!important;
      background: #16171b;
  }
  #mobile-menu ul>li .arrow {
    float: right;
  }
  #mobile-menu ul li.back .arrow {
    float: left;
  }
  #mobile-menu ul li.back a {
    line-height: 25px;
    font-weight: bold;
  }
  #nav ul.sub-menu a.language {
    padding: 8px 0px 8px 15px !important
  }
  #mobile-menu li>a {
      font-size: 14px;
      font-weight: 600;
      color: #fff;
      display: block;
      padding: 5px 15px;
      text-align: left;
      text-transform: uppercase;
  }
  #mobile-menu > ul > li, #mobile-menu > ul > li {
    float: none;
    display: block;
    margin-right: 0;
    padding: 5px 0 5px 15px;
    border-top: 1px #FFF solid;
    bottom: 1px #FFF solid;
  }
  #mobile-menu li.account {
    padding: 3px 0 3px 25px;
    background-color: #282828;
  }
  #mobile-menu li.account a{
    font-size: 10px;
    line-height: 21px;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    margin-left: 20px;
  }
  #mobile-menu li.account img{
    max-height: 21px; 
    float: left;
  }
  #language-switch{
    margin-left: 65px;
  }
  #currency-switch button, #language-switch button{
    background-color: #000;
    border: 1px #CCC solid;
    margin-right: 15px;
    border-radius: 3px;
    padding: 3px 8px;
    color: #FFF;
    margin-top: 0px!important;
  }
  .mobile.account-box{
    border-radius: 20px;
    border: 1px #fcc715 solid;
    background-color: #000!important;
    margin: 5px 25px 5px;
    font-size: 10px !important;
    line-height: 14px;
  }
  .mobile.account-box.small{
    width: 150px;
    margin-left: 85px;
    padding: 7px 10px !important;
  }
  .mobile.account-box.small .line-top img{
    max-height: 20px!important;
    margin: -5px 0 0 0px !important;
  }
  #header .mobile{
    padding: 5px;
  }
  #header .mobile div{
    margin-right: 0px;
  }
  #header #nav ul ul.sub-menu{
    display: block;
    right: -360px;
    transition-property: right;
    transition-duration: 1.5s;
    height: 1500px;
    position: absolute !important;
    top: 0px;
    background-color: #16171b;
  }
  #header #nav ul ul.sub-menu.open{
    right: 0px;
    transition-property: right;
    transition-duration: 1.5s;
  }
  #close-menu{
    position: absolute;
    right: 10px;
    top: 4px;
    z-index: 25236524;
    cursor: pointer;
  }
  #close-menu.menu-opened{
    display: block;
  }

}

.checkout-steps {
    align-items: center;              /* wszystkie kroki na jednej linii */
    /* gap można użyć w BS5; dla BS4 zostaje margin-right niżej */
}

.checkout-step {
    display: inline-block;
    align-items: center;              /* numer w kółku na tym samym poziomie co tekst */
    margin-right: 3rem;               /* odstęp między krokami */
    margin-bottom: .5rem;             /* żeby przy zawijaniu nie stykały się pionowo */
    font-size: 12px;
    font-weight: 600;
    color: #000;
    white-space: nowrap;              /* usuń to, jeśli wolisz zawijanie tekstu */
}

/* żółte kółko – aktywny/ukończony krok */
.checkout-step__circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    font-weight: 700;
    border: 1px solid #000;
    background: radial-gradient(circle at 30% 30%, #fff8a3 0%, #ffd800 55%, #ffb600 100%);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .35);
}

/* szare kółko – domyślny krok */
.checkout-step:not(.checkout-step--active) .checkout-step__circle {
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #f0f0f0 55%, #d5d5d5 100%);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

/* etykieta kroku */
.checkout-step__label {
    line-height: 1.2;
}

@media (max-width: 992px) {
  .checkout-step {
    display: block;
  }
}