body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
figure,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: 400;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
input,
textarea,
select {
  *font-size: 100%;
}
legend {
  color: #000;
}
/* fonts */
body {
  font: 15px/1.231 arial, helvetica, clean, sans-serif;
  *font-size: small;
  *font: x-small;
}
select,
input,
button,
textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
}
.hcenter {
  margin: 0px auto;
}
.right {
  float: right;
}
.left {
  float: left;
}
.center-text {
  text-align: center;
}
.right-text {
  text-align: right;
}
.upper {
  text-transform: uppercase;
}
.hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.relative {
  position: relative;
}
.vcenter {
  vertical-align: middle !important;
}
.body--disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
svg {
  max-width: 100%;
}
.pad-10 {
  padding: 10px;
}
.pad-20 {
  padding: 20px;
}
.pad-40 {
  padding: 40px;
}
.pad-50 {
  padding: 50px;
}
.pad-60 {
  padding: 60px;
}
.pad-70 {
  padding: 70px;
}
.pad-t-10 {
  padding-top: 10px;
}
.pad-t-20 {
  padding-top: 20px;
}
.pad-t-40 {
  padding-top: 40px;
}
.pad-t-50 {
  padding-top: 50px;
}
.pad-t-60 {
  padding-top: 60px;
}
.pad-t-70 {
  padding-top: 70px;
}
.pad-b-10 {
  padding-bottom: 10px;
}
.pad-b-20 {
  padding-bottom: 20px;
}
.pad-b-40 {
  padding-bottom: 40px;
}
.pad-b-50 {
  padding-bottom: 50px;
}
.pad-b-60 {
  padding-bottom: 60px;
}
.pad-b-70 {
  padding-bottom: 70px;
}
.pad-v-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pad-v-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pad-v-40 {
  padding-top: 40px;
  padding-bottom: 30px;
}
.pad-v-50 {
  padding-top: 50px;
  padding-bottom: 40px;
}
.pad-v-60 {
  padding-top: 60px;
  padding-bottom: 50px;
}
.pad-v-70 {
  padding-top: 70px;
  padding-bottom: 60px;
}
.pad-h-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.pad-h-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.pad-h-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.pad-h-40 {
  padding-left: 40px;
  padding-right: 30px;
}
.pad-h-50 {
  padding-left: 50px;
  padding-right: 40px;
}
.pad-h-60 {
  padding-left: 60px;
  padding-right: 50px;
}
.pad-h-70 {
  padding-left: 70px;
  padding-right: 60px;
}
.box20-200 {
  display: block;
  width: 200px;
  height: 20px;
  border: 1px solid #ffffff;
}
.box100-200 {
  display: block;
  width: 200px;
  height: 100px;
  border: 1px solid #ffffff;
}
.truncate {
  padding-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.relative {
  position: relative;
}
body {
  font-family: Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
p,
blockquote {
  padding: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  padding-bottom: 0px;
}
table h1,
table h2,
table h3,
table h4,
table h5,
table h6,
table p,
table ul,
table ol,
table dl,
ul h1,
ul h2,
ul h3,
ul h4,
ul h5,
ul h6,
ul p,
ul ul,
ul ol,
ul dl,
ol h1,
ol h2,
ol h3,
ol h4,
ol h5,
ol h6,
ol p,
ol ul,
ol ol,
ol dl {
  padding: 0px;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
h1,
.h1 {
  font-size: 196%;
  font-weight: 300;
  font-style: normal;
  font-family: Helvetica, Arial, sans-serif;
}
h2,
.h2 {
  font-size: 167%;
  font-weight: 300;
  font-style: normal;
  font-family: Helvetica, Arial, sans-serif;
}
h3,
.h3 {
  font-size: 145%;
  font-weight: 300;
  font-style: normal;
  font-family: Helvetica, Arial, sans-serif;
}
h4,
.h4 {
  font-size: 120%;
  font-weight: 500;
  font-style: normal;
  font-family: Helvetica, Arial, sans-serif;
}
h5,
.h5 {
  font-size: 108%;
  font-weight: normal;
  font-style: normal;
  font-family: Helvetica, Arial, sans-serif;
}
h6,
.h6 {
  font-size: 105%;
  font-weight: normal;
  font-style: normal;
  font-family: Helvetica, Arial, sans-serif;
}
p,
.p {
  font-size: 100%;
  font-weight: normal;
  font-style: 300;
  font-family: Helvetica, Arial, sans-serif;
}
a {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
a:focus,
a:hover {
  color: #ffffff;
  text-decoration: none;
}
a:visited {
  color: #ffffff;
}
img {
  display: inline-block;
  vertical-align: top;
  box-sizing: content-box;
}
.img-border {
  border: 2px solid #5a5a63;
}
.img-round {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.img-circle {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
}
.img-fluid {
  width: 100%;
}
.border-lighten {
  border-color: #ffffff;
}
.line,
.unit--last {
  overflow: hidden;
}
.line--o-visible {
  overflow: visible;
}
.unit {
  float: left;
  padding: 0 0;
}
.unit--top-space {
  padding-top: 10px;
}
.unit--v-space {
  padding-top: 10px;
  padding-bottom: 10px;
}
.unit--rev {
  float: right;
}
.unit--last {
  float: none;
  width: auto;
}
.unit--relative {
  position: relative;
}
.unit--fit {
  padding: 0;
}
.g1of1 {
  width: 100%;
}
.g1of2 {
  width: 50%;
}
.g1of3 {
  width: 33.33333%;
}
.g2of3 {
  width: 66.66666%;
}
.g1of4 {
  width: 25%;
}
.g3of4 {
  width: 75%;
}
.g1of5 {
  width: 20%;
}
.g2of5 {
  width: 40%;
}
.g3of5 {
  width: 60%;
}
.g4of5 {
  width: 80%;
}
@media only screen and (max-width: 480px) {
  .s-g1of1 {
    width: 100%;
  }
  .s-g1of2 {
    width: 50%;
  }
  .s-g1of3 {
    width: 33.33333%;
  }
  .s-g2of3 {
    width: 66.66666%;
  }
  .s-g1of4 {
    width: 25%;
  }
  .s-g3of4 {
    width: 75%;
  }
  .s-g1of5 {
    width: 20%;
  }
  .s-g2of5 {
    width: 40%;
  }
  .s-g3of5 {
    width: 60%;
  }
  .s-g4of5 {
    width: 80%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 800px) {
  .m-g1of1 {
    width: 100%;
  }
  .m-g1of2 {
    width: 50%;
  }
  .m-g1of3 {
    width: 33.33333%;
  }
  .m-g2of3 {
    width: 66.66666%;
  }
  .m-g1of4 {
    width: 25%;
  }
  .m-g3of4 {
    width: 75%;
  }
  .m-g1of5 {
    width: 20%;
  }
  .m-g2of5 {
    width: 40%;
  }
  .m-g3of5 {
    width: 60%;
  }
  .m-g4of5 {
    width: 80%;
  }
}
@media only screen and (min-width: 800px) {
  .l-g1of1 {
    width: 100%;
  }
  .l-g1of2 {
    width: 50%;
  }
  .l-g1of3 {
    width: 33.33333%;
  }
  .l-g2of3 {
    width: 66.66666%;
  }
  .l-g1of4 {
    width: 25%;
  }
  .l-g3of4 {
    width: 75%;
  }
  .l-g1of5 {
    width: 20%;
  }
  .l-g2of5 {
    width: 40%;
  }
  .l-g3of5 {
    width: 60%;
  }
  .l-g4of5 {
    width: 80%;
  }
}
@media only screen and (min-width: 1024px) {
  .xl-g1of1 {
    width: 100%;
  }
  .xl-g1of2 {
    width: 50%;
  }
  .xl-g1of3 {
    width: 33.33333%;
  }
  .xl-g2of3 {
    width: 66.66666%;
  }
  .xl-g1of4 {
    width: 25%;
  }
  .xl-g3of4 {
    width: 75%;
  }
  .xl-g1of5 {
    width: 20%;
  }
  .xl-g2of5 {
    width: 40%;
  }
  .xl-g3of5 {
    width: 60%;
  }
  .xl-g4of5 {
    width: 80%;
  }
}
@media only screen and (min-width: 1440px) {
  .xxl-g1of1 {
    width: 100%;
  }
  .xxl-g1of2 {
    width: 50%;
  }
  .xxl-g1of3 {
    width: 33.33333%;
  }
  .xxl-g2of3 {
    width: 66.66666%;
  }
  .xxl-g1of4 {
    width: 25%;
  }
  .xxl-g3of4 {
    width: 75%;
  }
  .xxl-g1of5 {
    width: 20%;
  }
  .xxl-g2of5 {
    width: 40%;
  }
  .xxl-g3of5 {
    width: 60%;
  }
  .xxl-g4of5 {
    width: 80%;
  }
}
.media {
  padding: 0 0;
  display: block;
  clear: both;
  overflow: hidden;
  position: relative;
}
.media__img {
  float: left;
  margin: 2px 6px;
  position: relative;
}
.media__img--rev {
  float: right;
  margin: 0 6px;
}
.media__img img,
.media__img--rev img {
  display: block;
  margin: 0;
  z-index: 1;
}
.media__caption {
  padding: 3px 0;
  margin: 0;
}
.media__body {
  overflow: hidden;
  padding-left: 10px;
}
.media__body,
.media__body > :last-child {
  margin-bottom: 0;
}
.media--menu {
  display: table;
  width: 100%;
  max-width: 100%;
}
.media--menu .media__img {
  display: table-cell;
  vertical-align: middle;
}
.media--menu .media__img > img {
  max-width: none;
  display: block;
}
.media--menu .media__body {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.media__link {
  position: absolute;
  text-decoration: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.media__link.active {
  z-index: 0;
  cursor: pointer;
}
.box .box__inner {
  position: relative;
}
.box .box__hd,
.box .box__bd,
.box .box__ft {
  overflow: hidden;
  _overflow: visible;
  _zoom: 1;
  padding: 2px;
}
.box .box__bd--fit {
  padding: 0;
}
.box.box--bubble {
  overflow: visible;
  position: relative;
  margin: 30px;
}
.btn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 120%;
  padding: 0.5em 1.5em 0.5em 1.5em;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: box-shadow 0.1s linear;
  -moz-transition: box-shadow 0.1s linear;
  -o-transition: box-shadow 0.1s linear;
  transition: box-shadow 0.1s linear;
  border: none;
}
.btn-hover,
.btn:hover,
.btn:focus {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1));
  background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  text-decoration: none;
}
.btn:focus {
  outline: 0;
}
.btn-active,
.btn:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
}
.btn[disabled],
.btn-disabled,
.btn-disabled:hover,
.btn-disabled:focus,
.btn-disabled:active {
  border: none;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  filter: alpha(opacity=40);
  -khtml-opacity: 0.40;
  -moz-opacity: 0.40;
  opacity: 0.40;
  cursor: not-allowed;
  box-shadow: none;
}
.btn-hidden {
  display: none;
}
.btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.piu {
  width: 20px;
  height: 20px;
  background: transparent;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  display: block;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.piu:before,
.piu:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #ffffff;
  display: block;
  top: 50%;
}
.piu:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.meno {
  width: 20px;
  height: 20px;
  background: transparent;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  display: block;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.meno:before,
.meno:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #ffffff;
  display: block;
  top: 50%;
}
.per {
  width: 20px;
  height: 20px;
  background: transparent;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  display: block;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.per:before,
.per:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #ffffff;
  display: block;
  top: 50%;
}
.per:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.per:after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.form {
  margin: 0;
  font-size: 110%;
  padding: 5px;
}
.form fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.form legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}
.form button,
.form input,
.form select,
.form textarea {
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
.form button,
.form input {
  line-height: normal;
  -webkit-appearance: none;
}
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}
.form button[disabled],
.form input[disabled] {
  cursor: default;
}
.form input[type="checkbox"],
.form input[type="radio"] {
  padding: 0;
  *height: 13px;
  *width: 13px;
}
.form input[type="search"] {
  -webkit-appearance: textfield;
}
.form input[type="search"]::-webkit-search-cancel-button,
.form input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.form button::-moz-focus-inner,
.form input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.form textarea {
  overflow: auto;
  vertical-align: top;
}
.form input,
.form select,
.form textarea {
  margin-bottom: 0.4em;
  padding: 0.5em 0.6em;
  font-size: 1em;
}
.form input[type="radio"],
.form input[type="checkbox"] {
  display: inline !important;
  width: 13px !important;
}
.form .checkbox,
.form .radio {
  margin: 0.5em;
  display: block;
}
.form select[multiple] {
  height: auto;
}
.form label {
  margin: 0.5em 0 0.2em;
}
.form fieldset {
  margin: 0;
  padding: 0.35em 0 0.75em;
  border: 0;
}
.form legend {
  display: block;
  width: 100%;
  padding: 0.3em 0;
  margin-bottom: 0.3em;
  font-size: 125%;
}
.form input.input-round {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  padding: 0.3em 35px 0.3em 10px;
}
.form .form__group input {
  display: block;
  padding: 10px;
  margin: 0;
  position: relative;
  top: -1px;
}
.form .form__group input:focus {
  z-index: 2;
}
.form .form__group input:first-child {
  top: 1px;
}
.form .form__group input:last-child {
  top: -2px;
}
.form .form__group button {
  margin: 1em 0;
}
.form .form__message {
  display: block;
  font-size: 80%;
}
.form .form__message--inline {
  display: inline-block;
  padding-left: .5em;
  vertical-align: middle;
}
input,
select,
textarea {
  border: 1px solid #f5f5f5;
  box-shadow: inset 0 1px 5px #f5f5f5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: border 0.3s linear;
  -moz-transition: border 0.3s linear;
  -o-transition: border 0.3s linear;
  transition: border 0.3s linear;
  -webkit-font-smoothing: antialiased;
}
input:focus,
select:focus,
textarea:focus {
  outline: 0;
  outline: thin dotted \9;
  border-color: #f43e3e;
}
input[disabled],
select[disabled],
textarea[disabled] {
  cursor: not-allowed;
  background-color: #ffffff;
  color: #ffffff;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #f0f0f0;
  outline: 1px auto #f43e3e;
}
input[type="file"]:focus:invalid:focus,
input[type="radio"]:focus:invalid:focus,
input[type="checkbox"]:focus:invalid:focus {
  outline-color: #373748;
}
input[readonly],
select[readonly],
textarea[readonly] {
  background: #f5f5f5;
  color: #1a1a1a !important;
  border-color: #f5f5f5;
}
input[readonly]:focus,
select[readonly]:focus,
textarea[readonly]:focus {
  background: #f5f5f5;
  color: #1a1a1a !important;
  border-color: #f5f5f5;
}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #373748;
  border: 1px solid #373748;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #373748;
}
select {
  border: 1px solid #f5f5f5;
  background-color: #ffffff;
}
legend {
  color: #000000;
  border-bottom: 1px solid #333333;
}
select,
input,
button,
textarea {
  font-family: Helvetica, Arial, sans-serif;
}
.form__group input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.form__group input:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.form__group input:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.form__message {
  color: #ff0000;
}
.form--block input,
.form--block select,
.form--block label,
.form--block textarea {
  display: block;
  margin: 0.25em 0;
}
.input-block {
  width: 100%;
}
.accordion {
  overflow: hidden;
}
.accordion [type=radio],
.accordion [type=checkbox] {
  display: none;
}
.accordion__label {
  display: block;
  cursor: pointer;
  position: relative;
}
.accordion__content {
  display: block;
}
.accordion__content .hide--content {
  display: none;
}
.accordion--vertical > div {
  overflow: hidden;
  margin: 0;
}
.accordion--vertical > div label {
  position: relative;
}
.accordion--vertical .accordion__content {
  display: none;
}
.accordion--vertical [type=radio]:checked ~ label ~ .accordion__content,
.accordion--vertical [type=checkbox]:checked ~ label ~ .accordion__content {
  max-height: 10000px;
  overflow: hidden;
  position: relative;
  -webkit-transition: max-height 1.2s ease;
  -moz-transition: max-height 1.2s ease;
  -o-transition: max-height 1.2s ease;
  transition: max-height 1.2s ease;
  height: auto;
}
.accordion--vertical .active ~ .accordion__content {
  visibility: visible;
  max-height: 10000px;
  height: auto;
  overflow: hidden;
  position: relative;
  -webkit-transition: max-height 1.5s ease;
  -moz-transition: max-height 1.5s ease;
  -o-transition: max-height 1.5s ease;
  transition: max-height 1.5s ease;
}
.icon-arrow,
.icon-plus {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 15px;
}
.arrow {
  content: '';
  border: 4px solid #d8eee5;
  width: 11px;
  height: 11px;
  position: absolute;
  z-index: 0;
  background: transparent;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -4px;
  margin-left: -4px;
  margin-right: -4px;
  margin-bottom: -4px;
}
.arrow.arrow-inner {
  background: transparent;
}
.arrow-fill {
  position: absolute;
  border: 12px solid #f43e3e;
  margin-top: -12px;
  margin-left: -12px;
  margin-right: -12px;
  margin-bottom: -12px;
  width: 0;
  height: 0;
  line-height: 0;
}
.arrow-left {
  border-right: none;
  border-top: none;
}
.arrow-left-inner {
  margin-right: -30px;
}
.arrow-right {
  border-left: none;
  border-bottom: none;
}
.arrow-right-inner {
  margin-left: -30px;
}
.arrow-top {
  border-right: none;
  border-bottom: none;
}
.arrow-top-inner {
  margin-bottom: -30px;
}
.arrow-bottom {
  border-left: none;
  border-top: none;
}
.arrow-bottom-inner {
  margin-top: -30px;
}
.arrow-fill-top {
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
  margin-bottom: 0px;
}
.arrow-fill-top.arrow-inner {
  margin-bottom: -30px;
}
.arrow-fill-bottom {
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  margin-top: 0px;
}
.arrow-fill-bottom.arrow-inner {
  margin-top: -30px;
}
.arrow-fill-left {
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  margin-right: 0px;
}
.arrow-fill-left.arrow-inner {
  margin-right: -30px;
}
.arrow-fill-right {
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  margin-left: 0px;
}
.arrow-fill-right.arrow-inner {
  margin-left: -30px;
}
.a-r-t {
  left: 100%;
  top: 0%;
  margin-top: 15px;
}
.a-r-c {
  left: 100%;
  top: 50%;
}
.a-r-b {
  left: 100%;
  bottom: 0%;
  margin-bottom: 15px;
}
.a-l-t {
  right: 100%;
  top: 0%;
  margin-top: 15px;
}
.a-l-c {
  right: 100%;
  top: 50%;
}
.a-l-b {
  right: 100%;
  bottom: 0%;
  margin-bottom: 15px;
}
.a-t-l {
  left: 0%;
  bottom: 100%;
  margin-left: 15px;
}
.a-t-c {
  left: 50%;
  bottom: 100%;
}
.a-t-r {
  right: 0%;
  bottom: 100%;
  margin-right: 15px;
}
.a-b-l {
  left: 0%;
  top: 100%;
  margin-left: 15px;
}
.a-b-c {
  left: 50%;
  top: 100%;
}
.a-b-r {
  right: 0%;
  top: 100%;
  margin-right: 15px;
}
.arrow-test {
  margin: 30px auto;
  position: relative;
  width: 150px;
  min-height: 150px;
  background: #4d4d4d;
}
.arrow-test--border {
  border: 4px solid #d8eee5;
}
/* NEW SPLASH MIP */
@font-face {
  font-family: 'icomoon';
  src: url('//s.motime.com/apps15/img/fonts/icomoon.eot?v=2');
  src: url('//s.motime.com/apps15/img/fonts/icomoon.eot?v=2') format('embedded-opentype'), url('//s.motime.com/apps15/img/fonts/icomoon.woff?v=2') format('woff'), url('//s.motime.com/apps15/img/fonts/icomoon.ttf?v=2') format('truetype'), url('//s.motime.com/apps15/img/fonts/icomoon.svg?v=2') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-mobile_screensaver:before {
  content: "\e900";
}
.icon-home:before {
  content: "\e60c";
}
.icon-mobile_audio_ring_real:before {
  content: "\e609";
}
.icon-mobile_audio_soundfx:before {
  content: "\e60d";
  font-size: 140%;
}
.icon-related:before {
  content: "\e60a";
}
.icon-save:before {
  content: "\e606";
}
.icon-play:before {
  content: "\ea15";
}
.icon-pause:before {
  content: "\ea16";
}
.icon-mobile_audio_full:before {
  content: "\e600";
}
.icon-mobile_wallpaper:before {
  content: "\e90d";
}
.icon-mobile_video_full:before {
  content: "\e913";
}
.icon-user:before {
  content: "\e971";
}
.icon-smartstatus:before,
.icon-login:before {
  content: "\e971";
}
.icon-terms:before {
  content: "\e607";
}
.icon-eye:before {
  content: "\e601";
}
.icon-social-twitter:before {
  content: "\e602";
}
.icon-social-facebook:before {
  content: "\e603";
}
.icon-social-pinterest:before {
  content: "\e604";
}
.icon-mobile_application_android:before {
  content: "\e60f";
}
.icon-privacy:before {
  content: "\e605";
}
.icon-cross:before {
  content: "\e610";
}
.icon-search:before {
  content: "\f002";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-info:before {
  content: "\e608";
}
.icon-infos:before {
  content: "\e608";
}
.icon-service:before {
  content: "\e91f";
}
.icon-compatibility:before {
  content: "\e959";
}
/* -- end iconmoon -- */
/* icons css */
span.icon {
  display: block;
}
.icon {
  font-size: 1.5em;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
}
.icon-name {
  font-size: 0.6em;
  margin: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  text-align: center;
}
.icon-negative {
  color: #ffffff !important;
  background-color: #f43e3e !important;
}
.icon-block {
  text-align: center;
  display: inline-block;
  background-color: #f43e3e;
  margin: 0px auto;
}
.icon-round {
  border-radius: 5px;
}
.icon-circle {
  border-radius: 50% !important;
}
.icon-xxs {
  width: 25px;
  height: 25px;
  font-size: 1.2em !important;
  line-height: 25px;
}
.icon-xs {
  width: 32px;
  height: 32px;
  font-size: 1.5em !important;
  line-height: 50px;
}
.icon-s {
  width: 50px;
  height: 50px;
  font-size: 1.7em !important;
  line-height: 50px;
}
.icon-m {
  width: 75px;
  height: 75px;
  font-size: 3.2em;
  line-height: 75px;
}
.icon-l {
  width: 100px;
  height: 100px;
  font-size: 3.5em;
  line-height: 100px;
}
@media only screen and (min-width:800px) {
  .icon-hover:hover {
    background-color: #f43e3e;
    color: #4d4d4d !important;
    cursor: pointer;
  }
}
@media only screen and (min-width:800px) {
  a:hover.icon {
    background-color: #f43e3e;
    color: #4d4d4d !important;
    cursor: pointer;
  }
}
a:visited.icon,
a:focus.icon {
  color: #ffffff;
}
.icon.active {
  background-color: #f43e3e;
  color: #4d4d4d !important;
  cursor: pointer;
}
a.icon-header,
.icon-header {
  width: 32px;
  height: 50px;
  font-size: 1.5em !important;
  line-height: 50px;
  background-color: transparent !important;
  color: #ffffff !important;
}
@media only screen and (min-width:800px) {
  a.icon-header:hover,
  .icon-header:hover {
    color: #4d4d4d !important;
  }
}
a.icon-header.active,
.icon-header.active {
  color: #4d4d4d !important;
}
.icon-bordered {
  border: 2px solid #ffffff;
}
#facebook .icon-block {
  background-color: #435697 !important;
}
#twitter .icon-block {
  background-color: #3FCDFE !important;
}
#pinterest .icon-block {
  background-color: #AC2E30 !important;
}
#googleplus .icon-block {
  background-color: #D9514F !important;
  font-size: 2.4em;
}
a.icon-social-facebook:hover,
a.icon-social-twitter:hover,
a.icon-social-pinterest:hover,
a.icon-google-plus:hover,
a.icon-social-facebook:visited,
a.icon-social-twitter:visited,
a.icon-social-pinterest:visited,
a.icon-google-plus:visited,
a.icon-social-facebook:focus,
a.icon-social-twitter:focus,
a.icon-social-pinterest:focus,
a.icon-google-plus:focus {
  opacity: 0.8;
  color: #ffffff !important;
}
.h4 span {
  font-size: 1.4em !important;
}
body {
  background: #373748;
  color: #ffffff;
}
body.open #tappo {
  background-color: #20222c;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.btn-menu > div {
  background: #d8eee5;
}
.btn-menu.active {
  cursor: pointer;
}
.btn-menu.active > div {
  background: #f43e3e;
}
.btn-menu.active {
  opacity: 1;
}
.btn-menu.active > div {
  background: #f43e3e;
}
@media only screen and (min-width:800px) {
  .btn-menu:hover {
    opacity: 1;
    cursor: pointer;
  }
  .btn-menu:hover > div {
    background: #f43e3e;
  }
}
.bgcolor1 {
  background-color: #20222c;
}
.color1 {
  color: #20222c;
}
.bgcolor2 {
  background-color: #373748;
}
.color2 {
  color: #373748;
}
.bgcolor3 {
  background-color: #f43e3e;
}
.color3 {
  color: #f43e3e;
}
.bgcolor4 {
  background-color: #871c21;
}
.color4 {
  color: #871c21;
}
.bgcolor5 {
  background-color: #5a5a63;
}
.color5 {
  color: #5a5a63;
}
.bgcolor6 {
  background-color: #d8eee5;
}
.color6 {
  color: #d8eee5;
}
.bgcolor7 {
  background-color: #c3c4c6;
}
.color7 {
  color: #c3c4c6;
}
.bgpattern1 {
  background-image: url('http://s2.motime.com/pt/clubeblinko/img/images/general/bkg-pattern.gif?v=20260330132412');
}
.hover-opacity {
  opacity: 0.8;
}
.logo {
  background-image: url('http://s2.motime.com/pt/clubeblinko/img/images/general/logo.png?v=20260330132412');
  background-repeat: no-repeat;
  background-size: cover;
  width: 116px;
  height: 50px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#content-header {
  background-color: #373748;
  border-bottom: 3px solid #ffffff;
}
#menu-header {
  background-color: #373748;
  border-bottom: 3px solid #ffffff;
}
#content-header {
  background-color: #373748;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #373748), color-stop(100% #373748));
  background-image: -webkit-linear-gradient(top, #373748 0, #373748 100%);
  background-image: -moz-linear-gradient(top, #373748 0, #373748 100%);
  background-image: -ms-linear-gradient(top, #373748 0, #373748 100%);
  background-image: -o-linear-gradient(top, #373748 0, #373748 100%);
  background-image: linear-gradient(top, #373748 0, #373748 100%);
}
#menu-header {
  background-color: #373748;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #373748), color-stop(100% #373748));
  background-image: -webkit-linear-gradient(top, #373748 0, #373748 100%);
  background-image: -moz-linear-gradient(top, #373748 0, #373748 100%);
  background-image: -ms-linear-gradient(top, #373748 0, #373748 100%);
  background-image: -o-linear-gradient(top, #373748 0, #373748 100%);
  background-image: linear-gradient(top, #373748 0, #373748 100%);
}
.super {
  font-size: 500%;
}
.big {
  font-size: 300%;
}
.small {
  font-size: 90%;
}
.xsmall {
  font-size: 80%;
}
.bold {
  font-weight: 550;
}
.negative {
  color: #20222c;
  background-color: #ffffff;
}
.spotcolor {
  color: #ffffff;
}
.hicolor {
  color: #ffffff;
}
.spotbg {
  background-color: #ffffff;
}
a.spotcolor {
  color: #ffffff;
}
a.spotcolor:active,
a.spotcolor:focus,
a.spotcolor:hover {
  color: #ffffff;
}
a.lighten {
  color: #ffffff;
}
a.lighten:active,
a.lighten:focus,
a.lighten:hover {
  color: #f43e3e;
}
.border-l {
  border-left: 1px solid #5a5a63;
}
.border-l span {
  border-width: 2px;
}
.unit--top-border {
  border-top: 1px solid #f43e3e;
}
/*************************************************************************************************************************/
.media {
  color: inherit;
}
.media .truncate {
  margin-right: 30px;
}
.media--alt {
  background-color: #20222c !important;
}
.media--alt .truncate {
  margin-right: 30px;
}
.media--alt:nth-child(odd) {
  background-image: url('http://s2.motime.com/pt/clubeblinko/img/images/general/bkg-pattern.gif?v=20260330132412');
  background-color: transparent !important;
}
.media--title .media__body {
  color: #ffffff;
}
.media--title .media__body a {
  color: #ffffff;
  font-weight: 550;
}
.media--border-top {
  border-top: 1px solid #f43e3e !important;
}
.media--border-bottom {
  border-bottom: 1px solid #373748 !important;
}
.media--menu {
  border: none;
  background-color: transparent;
}
.media--menu .bgpattern1 .arrow {
  border-color: #f43e3e;
}
.media--menu:hover {
  opacity: 0.8;
}
.media--menu:hover .arrow {
  border-color: #f43e3e;
}
.media--menu.active {
  color: #1a1a1a;
}
.li-more .media__img {
  background-color: #f43e3e;
}
.media__body .piu:after,
.media__body .piu:before {
  background: #f43e3e;
}
/*************************************************************************************************************************/
.box .box__ft {
  background-color: #c3c4c6;
}
.box__link:link {
  color: #000000;
}
.box__link:hover {
  color: #000000;
}
.box__link:active {
  color: #000000;
}
.box__link:visited {
  color: #000000;
}
.box--260 .box__ft {
  background-color: transparent;
}
/*************************************************************************************************************************/
.accordion__label {
  color: #ffffff;
  background-color: transparent;
  border-bottom: 1px solid #373748;
}
.accordion__label:hover,
.accordion [type=radio]:checked ~ label,
.accordion [type=checkbox]:checked ~ label {
  color: #f43e3e;
}
.accordion__content {
  background-color: #20222c;
  border-left: 50px solid #871c21;
}
.accordion__content li {
  border-bottom: 1px solid #ffffff;
}
.accordion__content li a {
  color: #ffffff;
}
.accordion__label.active {
  color: #f43e3e;
}
.accordion__label.active span.piu:after,
.accordion__label.active span.piu:before {
  background-color: #d8eee5;
}
/*************************************************************************************************************************/
.piu {
  border-left: 1px solid #5a5a63;
}
.piu:after,
.piu:before {
  background-color: #f43e3e;
}
.form input,
.form select,
.form textarea {
  border: 1px solid #f5f5f5;
  box-shadow: inset 0 1px 5px #f5f5f5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: border 0.3s linear;
  -moz-transition: border 0.3s linear;
  -o-transition: border 0.3s linear;
  transition: border 0.3s linear;
  -webkit-font-smoothing: antialiased;
}
.form input:focus,
.form select:focus,
.form textarea:focus {
  outline: 0;
  outline: thin dotted \9;
  border-color: #f43e3e;
}
.form input[disabled],
.form select[disabled],
.form textarea[disabled] {
  cursor: not-allowed;
  background-color: #ffffff;
  color: #ffffff;
}
.form input[type="file"]:focus,
.form input[type="radio"]:focus,
.form input[type="checkbox"]:focus {
  outline: thin dotted #f0f0f0;
  outline: 1px auto #f43e3e;
}
.form input[type="file"]:focus:invalid:focus,
.form input[type="radio"]:focus:invalid:focus,
.form input[type="checkbox"]:focus:invalid:focus {
  outline-color: #373748;
}
.form input[readonly],
.form select[readonly],
.form textarea[readonly] {
  background: #f5f5f5;
  color: #1a1a1a !important;
  border-color: #f5f5f5;
}
.form input[readonly]:focus,
.form select[readonly]:focus,
.form textarea[readonly]:focus {
  background: #f5f5f5;
  color: #1a1a1a !important;
  border-color: #f5f5f5;
}
.form input:focus:invalid,
.form textarea:focus:invalid,
.form select:focus:invalid {
  color: #373748;
  border: 1px solid #373748;
}
.form input:focus:invalid:focus,
.form textarea:focus:invalid:focus,
.form select:focus:invalid:focus {
  border-color: #373748;
}
.form select {
  border: 1px solid #f5f5f5;
  background-color: #ffffff;
}
.form legend {
  color: #000000;
  border-bottom: 1px solid #333333;
}
.form select,
.form input,
.form button,
.form textarea {
  font-family: Helvetica, Arial, sans-serif;
}
.form .form__group input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.form .form__group input:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.form .form__group input:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.form .form__message {
  color: #ff0000;
}
/*************************************************************************************************************************/
.include-button {
  background-color: #c3c4c6;
}
.include-button .arrow {
  border-color: #f43e3e;
}
.general-button {
  background-color: #5a5a63;
  color: #ffffff;
}
/*************************************************************************************************************************/
.error_e {
  display: none;
  color: #ff0000;
}
.title {
  position: relative;
  background-color: #20222c;
}
.title a {
  display: block;
  color: #ffffff;
}
.title a .arrow-fill {
  border-right-color: #ffffff;
}
.title a:hover {
  color: #ffffff;
}
.title a:hover .arrow-fill {
  border-right-color: #ffffff;
}
.big-border-container {
  border-left: 50px solid #871c21;
  background-color: #20222c;
}
.accordion.SettingsPageList li {
  border-bottom: 1px solid #000000;
}
#privacy-container {
  background: #373748;
  border: 1px solid #c3c4c6;
}
.close-button {
  background: none;
  color: #c3c4c6;
  border: none;
  font-size: 24px;
}
.star-off {
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.zoom > .line {
  background-color: inherit;
}
.zoom > .line .title {
  color: #ffffff;
  background: transparent;
}
.zoom > .line p {
  color: inherit;
}
.disclaimer-box a {
  color: #ffffff !important;
}
.disclaimer-box .btn-bg {
  background-color: #d8eee5;
  border: 1px solid #5a5a63;
}
.disclaimer-box .btn-bg.no-confirm {
  background-color: #4d4d4d;
  border: 1px solid #000000;
}
.disclaimer-box .border-text-1 {
  text-shadow: 1px 0 1px #000000, -1px 0 1px #000000, 0 1px 1px #000000, 0 -1px 1px #000000, 1px 1px 1px #000000, -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000;
}
#box_buttons_status_confirm {
  display: block;
  width: 240px;
  margin: 5px auto;
}
#box_buttons_status_confirm button,
#box_buttons_status_confirm a {
  background: #f43e3e;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  max-width: 230px;
  margin: 12px auto;
  display: block;
  border: none;
  color: #ffffff !important;
  width: 230px;
  height: 35px;
  text-align: center;
  line-height: 35px;
}
#box_buttons_status_confirm .account {
  color: #ffffff !important;
}
.back-button {
  display: block;
  text-align: left;
}
.back-button a {
  display: inline-block;
  background-color: #5a5a63;
  color: #ffffff;
  height: 30px;
  min-width: 75px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 30px;
  margin-top: 20px;
  margin-left: 20px;
  border-radius: 10px;
  text-align: center;
}
.SettingsPageList .h4 {
  font-size: 95%;
}
.SettingsPageList .h4 u {
  text-decoration: none !important;
  font-weight: normal !important;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-y: visible !important;
}
@media only screen and (max-width:480px) {
  body.open.fixed {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
  }
}
.padding-l-r5 {
  padding: 0 5px;
}
#main_wrapper {
  width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
}
@media only screen and (max-width:480px) {
  .open.fixed #main_wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
  }
}
#layout {
  min-height: 100%;
  width: 100%;
  margin-left: 0;
  -webkit-transition: margin-left 0.3s ease;
  -moz-transition: margin-left 0.3s ease;
  -o-transition: margin-left 0.3s ease;
  transition: margin-left 0.3s ease;
  overflow: visible;
  position: relative;
}
#layout.open {
  margin-left: 270px;
  -webkit-transition: margin-left 0.3s ease;
  -moz-transition: margin-left 0.3s ease;
  -o-transition: margin-left 0.3s ease;
  transition: margin-left 0.3s ease;
}
.open #menu-header,
.open #content-menu {
  display: block;
}
#content-header {
  position: absolute;
  height: 54px;
  width: 100%;
  z-index: 1030;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  display: block;
}
body.open #tappo {
  display: none;
}
@media only screen and (max-width:480px) {
  body.open #tappo {
    display: block;
    position: absolute;
    top: 54px;
    left: 0px;
    bottom: 0;
    right: 0px;
    z-index: 9;
  }
}
#content-header.open {
  height: 100px !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#content-menu {
  position: absolute;
  float: left;
  bottom: 4px;
  top: 50px;
  width: 270px;
  margin-left: -270px;
  display: block;
}
#page-container {
  overflow: hidden;
  padding-top: 54px;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#page-container.open {
  padding-top: 100px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#wrapper {
  margin: 0;
  overflow: hidden;
}
header {
  width: 100%;
  height: 54px;
  display: block;
}
#overheader_container {
  margin: 3px 0;
  background: #333342;
}
#overheader_container p {
  display: inline-block;
  padding: 0 4px;
}
#overheader_container a {
  font-size: 0.8em;
  text-decoration: underline;
}
#menu-header {
  height: 54px;
  position: absolute;
  width: 270px;
  z-index: 1;
  left: -270px;
  display: none;
}
.scroller {
  overflow: hidden;
  position: relative;
}
.fixed #content-menu {
  margin-left: 0px;
  left: -270px;
  overflow: auto;
  -webkit-transition: left 0.3s ease;
  -moz-transition: left 0.3s ease;
  -o-transition: left 0.3s ease;
  transition: left 0.3s ease;
}
.fixed .open #content-menu {
  left: 0px;
  -webkit-transition: left 0.3s ease;
  -moz-transition: left 0.3s ease;
  -o-transition: left 0.3s ease;
  transition: left 0.3s ease;
}
.fixed #content-header,
.fixed #content-menu {
  position: fixed;
}
.fixed #menu-header,
#content-menu {
  display: block;
}
.fixed #menu-header {
  position: fixed;
  left: 0px;
}
#status-offline {
  display: none;
}
.btn-menu {
  width: 25px;
  height: 25px;
  margin-top: 17px;
  margin-left: 13px;
  float: left;
}
.btn-menu > div {
  width: 100%;
  height: 3px;
  margin-bottom: 4px;
}
.btn-src {
  float: right;
}
.btn-error {
  color: #ffffff !important;
  background: #5a5a63;
  border-radius: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.tab {
  display: table;
  width: 100%;
}
.tab a {
  height: 42px;
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
#help {
  right: 44px;
  top: 13px;
  float: right;
  margin-top: 0px;
}
.header {
  height: 50px;
  padding-top: 0px;
  display: block;
}
a.logo {
  margin: 0px auto;
}
#footer {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
}
#footer .footer__link {
  display: inline-block;
  max-width: 500px;
  text-align: left;
}
@media only screen and (max-width:480px) {
  #footer .footer__link {
    max-width: 360px;
  }
}
#footer .footer__link.link--2 span:after,
#footer .footer__link.link--3 span:after {
  content: '|';
  padding: 0 5px;
}
#footer .footer__link.link--2 span:last-child:after,
#footer .footer__link.link--3 span:last-child:after {
  content: '';
}
#footer .footer__link.link--4 a,
#footer .footer__link.link--6 a,
#footer .footer__link.link--5 a {
  width: 50%;
  float: left;
  white-space: nowrap;
}
#footer .footer__link.link--4 a.center-block,
#footer .footer__link.link--6 a.center-block,
#footer .footer__link.link--5 a.center-block {
  width: 100%;
  text-align: center;
}
#footer .footer__link.link--3 a {
  width: 33.33%;
}
#footer .footer__link a {
  padding: 0.25rem 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline !important;
  line-height: 32px;
}
@media only screen and (max-width:480px) {
  #footer .footer__link a {
    font-size: 70%;
  }
}
.img-max260 {
  max-width: 260px;
  margin: 0px auto;
}
.center320 {
  width: 312px;
  margin: 0px auto;
}
.box-center {
  margin: auto;
}
h1,
.h1 {
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
}
.media__img {
  width: 100px;
  margin: 0;
}
.media--title .media__img {
  width: 50px;
}
.media--title .media__body {
  line-height: 50px;
}
.li-more .media__img {
  height: 50px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.li-more .media__img a {
  display: block;
}
.media--default .media__body,
.media--alt .media__body {
  margin-top: 30px;
}
.active .media__body .piu:after {
  display: none;
}
.box .box__ft {
  padding: 5px 10px 5px 10px;
}
.box--tumbs .box__bd {
  text-align: center;
}
.box--tumbs .box__ft {
  padding: 3px 15px;
}
.box--260 {
  width: 260px;
  margin: 0px auto;
}
.box--260 .box__bd {
  position: relative;
}
.box--260 .box__bd img {
  box-sizing: border-box;
}
.box--260 .box__ft {
  padding: 10px 0 20px 0;
}
.box--260 .box__ft .agcom-container {
  width: 50px;
  height: 50px;
  margin: 10px 0px;
}
.box--260 .box__ft .agcom-container img {
  width: 50px;
  height: auto;
}
.box--260 img {
  box-sizing: border-box;
}
.accordion .icon-arrow,
.accordion .icon-plus {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 15px;
}
.accordion__label {
  height: 50px;
  padding-left: 60px;
  line-height: 50px;
  overflow: hidden;
}
.accordion__label span {
  position: absolute;
  left: 0px;
  top: 0px;
}
.accordion__label span:nth-child(2) {
  display: none;
}
.accordion__label span.piu {
  left: 100%;
  top: 50%;
}
.accordion__label span.img-label-menu {
  width: 50px;
  height: 50px;
}
.accordion__label:after {
  position: absolute;
  content: '';
  right: 10px;
}
.accordion__label.no-simbol:after {
  right: -100px;
}
.accordion__label.active span:nth-child(2) {
  display: block;
}
.accordion__label.active span.piu:after {
  display: none;
}
.accordion__content li {
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
  position: relative;
}
.accordion__content li a {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.accordion__content .static-page > h1 {
  display: none;
}
.abs-link {
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-left: 60px;
}
.accordion li {
  min-height: 50px;
}
.hide--content {
  display: none;
}
.border-l {
  padding: 10px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 10px;
}
.border-l span {
  margin-left: -18px;
}
.piu {
  height: 30px;
  left: 100%;
  top: 50%;
  margin-top: -15px;
  margin-left: -40px;
  padding-left: 10px;
}
#box-mediatype .box:nth-child(5),
#box-mediatype .box:nth-child(6),
#box-mediatype .box:nth-child(7),
#box-mediatype .box:nth-child(8) {
  display: none;
}
@media only screen and (max-width:480px) {
  #box-mediatype .box:nth-child(3),
  #box-mediatype .box:nth-child(4) {
    display: none;
  }
}
@media only screen and (min-width:481px) and (max-width:800px) {
  #box-mediatype .box:nth-child(4) {
    display: none;
  }
}
#searchResults li ul li {
  display: none;
  width: 100%;
}
#searchResults li ul li:nth-child(1),
#searchResults li ul li:nth-child(2) {
  display: block;
}
#searchResults li ul li.li-more {
  display: block;
}
#searchResults li ul li .media__body .truncate {
  width: 80%;
  padding-right: 0;
  margin-right: 0;
}
.audiomp3 .audiomp3_supported_off,
.no-audiomp3 .audiomp3_supported_on {
  display: none;
}
.preview > a {
  position: absolute;
  bottom: 0;
  left: 0;
}
.include-button {
  display: block;
  border-radius: 10px 30px 30px 10px;
  min-width: 120px;
  min-height: 40px;
  position: relative;
}
.general-button {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 91px;
  line-height: 40px;
  border-radius: 10px 30px 30px 10px;
  text-align: center;
}
.reset {
  position: absolute;
  top: 3px;
  right: 3px;
  border: none;
  background-color: transparent !important;
  box-shadow: none !important;
}
.social > div {
  float: left;
}
#ins_email {
  height: 0px;
  overflow: hidden;
  -webkit-transition: height 2s ease;
  -moz-transition: height 2s ease;
  -o-transition: height 2s ease;
  transition: height 2s ease;
}
#ins_email.open {
  height: 150px;
}
#ins_email.open-captcha {
  height: 400px;
}
#doc_test #static_page {
  padding: 10px;
}
#doc_test span[style] {
  font-family: Arial !important;
  font-size: 1em !important;
  font-weight: 400 !important;
}
#doc_test span[style] strong {
  font-weight: 600 !important;
  font-size: 1.2em !important;
}
#doc_test #about p {
  padding: 0;
}
#doc_test p,
#doc_test h3,
#doc_test h1 {
  padding: 5px;
}
#doc_test p {
  font-size: 1em;
  color: #fff;
  font-weight: 400 !important;
}
#doc_test p a {
  color: #ffffff !important;
}
#doc_test p a span.active[style] {
  color: #ffffff !important;
}
#status a {
  color: #ffffff !important;
}
#status a span.active[style] {
  color: #ffffff !important;
}
#preloader {
  position: absolute;
  height: 100px;
  width: 100px;
  display: none;
}
#privacy-container {
  position: fixed;
  bottom: 0;
  z-index: 200000;
  left: 0px;
  right: 0px;
  padding: 20px;
  display: none;
}
.show-privacy #privacy-container {
  display: block;
}
.fixed #privacy-container {
  position: fixed;
}
.close-button {
  position: absolute;
  right: -4px;
  top: -4px;
}
.title {
  padding: 0 40px;
}
.disclaimer-box {
  margin-top: 10px;
  min-width: 300px;
  max-width: 500px;
  overflow: hidden;
}
.disclaimer-box .btn-bg {
  width: 100%;
  z-index: -1;
  min-height: 130px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.disclaimer-box button {
  position: absolute;
  bottom: 0px;
  top: 0px;
  width: 47%;
  cursor: pointer;
  background-color: transparent;
  z-index: 4;
  border: none;
}
.disclaimer-box button#no-confirm-button {
  left: 0;
}
.disclaimer-box button#confirm-button {
  right: 0;
}
.disclaimer-box #no-confirm-button ~ p {
  margin-right: 6%;
}
.disclaimer-box #confirm-button ~ p {
  margin-left: 6%;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.bg-static header a {
  background-image: url('http://s2.motime.com/pt/clubeblinko/img/images/general/logo.png?v=20260330132412');
  background-repeat: no-repeat;
  background-size: cover;
  width: 116px;
  height: 50px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 20px;
  margin-top: 5px;
}
.bg-static .static-page {
  padding-top: 70px !important;
  padding: 20px;
  overflow-x: auto;
}
.static-page {
  overflow-x: auto;
}
.op-message {
  display: table;
  margin: 20px auto;
  position: relative;
  background: #20222c;
  border: 7px solid #20222c;
  clear: both;
}
.op-logo,
.op-txt {
  display: table-cell;
  vertical-align: middle;
  text-align: left !important;
}
.op-txt {
  padding: 25px 25px 25px 0;
}
.op-txt a {
  text-decoration: underline !important;
}
.op-logo > span {
  background-image: url('http://s2.motime.com/apps15/img/images/general/logo-operator.png?v=20260330132412');
  width: 50px;
  height: 50px;
  display: block;
  margin: 25px;
}
.reset {
  cursor: pointer;
}
/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/
/* Swiper Styles */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -ms-transition-property: -ms-transform;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
}
.swiper-slide {
  float: left;
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}
/* Specify Swiper's Size: */
.swiper-container,
.swiper-slide {
  width: 320px;
  height: 160px;
}
#carousel {
  background-color: #f43e3e;
  width: 100%;
}
#carousel .carousel-content {
  min-height: 160px;
  overflow: hidden;
  margin: 0 auto;
  width: 320px;
}
#carousel .carousel-content li,
#carousel .carousel-content img {
  float: left;
  display: block;
  text-align: center;
  max-width: 100%;
  width: auto;
  margin-right: 0.4em;
}
#carousel,
#carousel * {
  z-index: 1;
}
.swiper-slide img {
  width: 160px;
  height: 160px;
}
.swiper-slide .info-carousel {
  margin: 0.8em 0 0 0;
  float: left;
  width: 40.5%;
  overflow: hidden;
}
.swiper-slide .info-carousel h3 {
  color: #ffffff;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.swiper-slide .info-carousel p {
  font-size: 0.7em;
  color: #ffffff;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  margin: 0.5em 0 0.8em;
  padding: 0;
  text-align: left;
  line-height: normal;
}
.swiper-pagination-container {
  position: absolute;
  bottom: 5px;
  right: 56px;
  text-align: center;
}
.swiper-pagination-switch {
  text-indent: -9999em;
  font-size: 5px;
  padding: 1px 4px;
  display: inline;
  border-radius: 8px;
  background: #333333;
  margin: 0 3px;
  width: 6px;
}
.swiper-active-switch {
  background: #ffffff;
}
#girami {
  background-image: -moz-linear-gradient(top, #ecfbfc, #b8f1f4);
  /* Modified by background-gradient plugin */
  background-image: -ms-linear-gradient(top, #ecfbfc, #b8f1f4);
  /* Modified by background-gradient plugin */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ecfbfc), to(#b8f1f4));
  /* Modified by background-gradient plugin */
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ecfbfc), to(#b8f1f4));
  /* Modified by background-gradient plugin */
}
.bg-tur-me {
  background: url('http://s2.motime.com/pt/clubeblinko/img//images/general/bg-tur-me.png?v=20260330132412') left bottom repeat-x;
  width: 100%;
  height: 165px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
.cloud {
  background: url('http://s2.motime.com/pt/clubeblinko/img//images/general/cloud.png?v=20260330132412') left bottom repeat-x;
  width: 410px;
  height: 147px;
  position: absolute;
  top: 0;
  right: 5%;
  z-index: 1000;
}
.cloud p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 355px;
  text-align: center;
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  padding: 0.5em;
}
#content-animation {
  width: 100%;
  height: 300px;
  position: relative;
  z-index: 10;
}
#animated-img {
  background: url('http://s2.motime.com/pt/clubeblinko/img//images/general/animated-img.png?v=20260330132412') left center no-repeat;
  width: 148px;
  height: 123px;
  position: absolute;
  top: 56px;
  left: 50%;
  z-index: 300;
}
@-webkit-keyframes rotate-animated-img {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(20deg);
  }
  50% {
    -webkit-transform: rotate(-10deg);
  }
  55% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes rotate-animated-img {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(20deg);
  }
  50% {
    -webkit-transform: rotate(-10deg);
  }
  55% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
#content-animation #animated-img {
  -webkit-animation-name: rotate-animated-img;
  -webkit-animation-duration: 7s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 0 50%;
  animation-name: rotate-animated-img;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  transform-origin: 0 50%;
}
#box-other-animation1 {
  width: 100%;
  height: 26px;
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 10;
}
#other-animation1 {
  background: url('http://s2.motime.com/pt/clubeblinko/img//images/general/other-animation1.png?v=20260330132412') left center no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 40%;
  z-index: 300;
}
@-webkit-keyframes rotate-other-animation1 {
  from {
    top: 200px;
    opacity: 1;
  }
  50% {
    top: 100px;
    left: 40%;
    opacity: 0.5;
  }
  to {
    top: -200px;
    left: 50%;
    opacity: 0;
  }
}
@keyframes rotate-other-animation1 {
  from {
    top: 200px;
    opacity: 1;
  }
  50% {
    top: 100px;
    left: 40%;
    opacity: 0.5;
  }
  to {
    top: -200px;
    left: 50%;
    opacity: 0;
  }
}
#box-other-animation1 #other-animation1 {
  -webkit-animation-name: rotate-other-animation1;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-name: rotate-other-animation1;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
#box-other-animation2 {
  width: 100%;
  height: 26px;
  position: relative;
  z-index: 10;
}
#other-animation2 {
  background-image: url('http://s2.motime.com/pt/clubeblinko/img//images/general/other-animation2.png?v=20260330132412') left center no-repeat;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 70px;
  left: 40%;
  z-index: 300;
  opacity: 0;
}
@-webkit-keyframes rotate-other-animation2 {
  from {
    top: 70px;
    opacity: 0;
  }
  to {
    top: 70px;
    left: 40%;
    opacity: 1;
  }
}
@keyframes rotate-other-animation2 {
  from {
    top: 70px;
    opacity: 0;
  }
  to {
    top: 70px;
    left: 40%;
    opacity: 1;
  }
}
#box-other-animation2 #other-animation2 {
  animation-delay: 2s;
  -moz-animation-delay: 2s;
  -webkit-animation-delay: 2s;
  -webkit-animation-name: rotate-other-animation2;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-name: rotate-other-animation2;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
#box-other-animation3 {
  width: 100%;
  height: 26px;
  position: relative;
  z-index: 10;
}
#other-animation3 {
  background-image: url('http://s2.motime.com/pt/clubeblinko/img//images/general/other-animation3.png?v=20260330132412') left center no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 40%;
  z-index: 300;
}
@-webkit-keyframes rotate-other-animation3 {
  from {
    top: 220px;
    opacity: 1;
  }
  50% {
    top: 80px;
    left: 40%;
    opacity: 0.5;
  }
  to {
    top: -220px;
    left: 50%;
    opacity: 0;
  }
}
@keyframes rotate-other-animation3 {
  from {
    top: 220px;
    opacity: 1;
  }
  50% {
    top: 80px;
    left: 40%;
    opacity: 0.5;
  }
  to {
    top: -220px;
    left: 50%;
    opacity: 0;
  }
}
#box-other-animation3 #other-animation3 {
  animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -webkit-animation-name: rotate-other-animation3;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-name: rotate-other-animation3;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
#box-other-animation4 {
  width: 100%;
  height: 26px;
  position: relative;
  z-index: 10;
}
#other-animation4 {
  background: url('http://s2.motime.com/pt/clubeblinko/img//images/general/other-animation1.png?v=20260330132412') left center no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 40%;
  z-index: 300;
}
@-webkit-keyframes rotate-other-animation4 {
  from {
    top: 200px;
    opacity: 1;
  }
  50% {
    top: 100px;
    left: 40%;
    opacity: 0.5;
  }
  to {
    top: -200px;
    left: 50%;
    opacity: 0;
  }
}
@keyframes rotate-other-animation4 {
  from {
    top: 200px;
    opacity: 1;
  }
  50% {
    top: 100px;
    left: 40%;
    opacity: 0.5;
  }
  to {
    top: -200px;
    left: 50%;
    opacity: 0;
  }
}
#box-other-animation4 #other-animation4 {
  animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -webkit-animation-name: rotate-other-animation1;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-name: rotate-other-animation1;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
#box-other-animation5 {
  width: 100%;
  height: 26px;
  position: relative;
  z-index: 10;
}
#other-animation5 {
  background: url($other-animation3) left center no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 40%;
  z-index: 300;
}
@-webkit-keyframes rotate-other-animation5 {
  from {
    top: 200px;
    opacity: 1;
  }
  50% {
    top: 100px;
    left: 40%;
    opacity: 0.5;
  }
  to {
    top: -200px;
    left: 50%;
    opacity: 0;
  }
}
@keyframes rotate-other-animation5 {
  from {
    top: 200px;
    opacity: 1;
  }
  50% {
    top: 100px;
    left: 40%;
    opacity: 0.5;
  }
  to {
    top: -200px;
    left: 50%;
    opacity: 0;
  }
}
#box-other-animation5 #other-animation5 {
  animation-delay: 2s;
  -moz-animation-delay: 2s;
  -webkit-animation-delay: 2s;
  -webkit-animation-name: rotate-other-animation1;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-name: rotate-other-animation1;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
#mc-canvas {
  width: 245px;
  /* For best results, set width to between 210px and 240px */
  height: 154px;
  /* For best results, set height to between 140px and 170px */
  background: #ffffff -9999px -9999px no-repeat;
  background-image: url('http://s2.motime.com/apps15/img/images/general/sprite-captcha.jpg?v=20260330132412') !important;
}
#mc-canvas.mc-invalid {
  border: 4px solid #aa4444;
}
#mc-canvas.mc-valid {
  border: 4px solid #44aa44;
}
#mc-canvas.triangle {
  background-position: 10px   10px;
}
#mc-canvas.x {
  background-position: -200px 10px;
}
#mc-canvas.rectangle {
  background-position: -400px 10px;
}
#mc-canvas.circle {
  background-position: -600px 10px;
}
#mc-canvas.check {
  background-position: 10px -150px;
}
#mc-canvas.caret {
  background-position: -200px -150px;
}
#mc-canvas.zigzag {
  background-position: -400px -150px;
}
#mc-canvas.arrow {
  background-position: -600px -150px;
}
#mc-canvas.leftbracket {
  background-position: 10px -300px;
}
#mc-canvas.rightbracket {
  background-position: -200px -300px;
}
#mc-canvas.v {
  background-position: -400px -300px;
}
#mc-canvas.delete {
  background-position: -600px -300px;
}
#mc-canvas.leftbrace {
  background-position: 10px -450px;
}
#mc-canvas.rightbrace {
  background-position: -200px -450px;
}
#mc-canvas.star {
  background-position: -400px -450px;
}
#mc-canvas.pigtail {
  background-position: -600px -450px;
}
.mc-noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#prehome_container {
  display: none;
}
#add2bookmark_android {
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  bottom: 0px;
  right: 0px;
  display: block;
  text-shadow: none;
  z-index: 100000;
  background: #373748;
  bottom: 0;
  overflow-y: scroll;
}
#add2bookmark_android h4 {
  font-size: 22px;
  margin: 15px 0;
  padding: 0;
  text-transform: uppercase;
  color: #c3c4c6;
}
#add2bookmark_android p {
  background: none;
  font-size: 16px;
  padding: 10px;
}
.startpage {
  overflow: hidden;
}
#add2bookmark_android .box-round p.download-bar,
#add2bookmark_step1 p.download-bar {
  background-image: url('http://s2.motime.com/apps15/img/images/general/prehome-navbar.png?v=20260330132412');
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 auto;
  min-height: 27px;
  margin-bottom: 15px;
}
.notification {
  overflow: hidden;
}
.notification-content {
  background: #c3c4c6;
  margin: 0;
  overflow: hidden;
  padding-bottom: 5px;
}
.notification-content h3 {
  background: #20222c;
  margin: 0;
  padding: 4px 8px;
  font-size: 12px;
  color: #c3c4c6;
}
.notification-content p,
.box-settings p {
  text-align: left;
  font-size: 1em !important;
  padding: 16px;
}
.notification-content p > span {
  background-image: url('http://s2.motime.com/apps15/img/images/general/prehome-button-download.png?v=20260330132412');
  background-repeat: no-repeat;
  min-width: 20px;
  min-height: 19px;
  float: left;
  display: inline-block;
  margin-right: 5px;
}
.notification-content p strong {
  float: right;
  font-weight: normal;
}
.saveandroid {
  text-align: center;
}
.saveandroid .notification {
  width: 95%;
  margin: 0 auto;
}
#add2bookmark_android .foot-prehome {
  margin-top: 24px;
  padding: 5px;
  width: 100%;
  text-align: center;
  background: #20222c;
  font-size: 12px;
}
#add2bookmark_android a {
  font-size: 16px;
  color: #5a5a63;
  text-decoration: underline;
}
.box-round {
  width: 94%;
  color: #20222c;
  margin: 10px auto;
  padding: 10px 5px;
  background-color: #626d6d;
  text-align: center;
  border-radius: 10px;
}
.box-round .arrow {
  display: none;
}
#add2bookmark_continue {
  cursor: pointer;
}
#add2bookmark_android p.download-bar {
  background-image: url('http://s2.motime.com/apps15/img/images/general/prehome-navbar.png?v=20260330132412');
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto 15px;
  min-height: 27px;
}
/**
 *
 * Main container
 *
 */
#addToHomeScreen {
  z-index: 9999;
  -webkit-user-select: none;
  -webkit-box-sizing: border-box;
  width: 240px;
  font-size: 15px;
  padding: 12px 14px;
  text-align: left;
  font-family: helvetica;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ffffff), color-stop(0.02, #eeeeee), color-stop(0.98, #cccccc), color-stop(1, #a3a3a3));
  border: 1px solid #505050;
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  line-height: 130%;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
#addToHomeScreen.addToHomeIpad {
  width: 268px;
  font-size: 18px;
  padding: 14px;
}
/**
 *
 * The 'wide' class is added when the popup contains the touch icon
 *
 */
#addToHomeScreen.addToHomeWide {
  width: 296px;
}
#addToHomeScreen.addToHomeIpad.addToHomeWide {
  width: 320px;
  font-size: 18px;
  padding: 14px;
}
/**
 *
 * The balloon arrow
 *
 */
#addToHomeScreen .addToHomeArrow {
  position: absolute;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0, rgba(204, 204, 204, 0)), color-stop(0.4, rgba(204, 204, 204, 0)), color-stop(0.4, #cccccc));
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #505050;
  width: 16px;
  height: 16px;
  -webkit-transform: rotateZ(45deg);
  bottom: -9px;
  left: 50%;
  margin-left: -8px;
  -webkit-box-shadow: inset -1px -1px 0 #a9a9a9;
  -webkit-border-bottom-right-radius: 2px;
}
/**
 *
 * The balloon arrow for iPad
 *
 */
#addToHomeScreen.addToHomeIpad .addToHomeArrow {
  -webkit-transform: rotateZ(-135deg);
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0, rgba(238, 238, 238, 0)), color-stop(0.4, rgba(238, 238, 238, 0)), color-stop(0.4, #eeeeee));
  -webkit-box-shadow: inset -1px -1px 0 #ffffff;
  top: -9px;
  bottom: auto;
  left: 50%;
}
/**
 *
 * Close button
 *
 */
#addToHomeScreen .addToHomeClose {
  -webkit-box-sizing: border-box;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 18px;
  height: 18px;
  line-height: 14px;
  text-align: center;
  text-indent: 1px;
  -webkit-border-radius: 9px;
  background: rgba(0, 0, 0, 0.12);
  color: #707070;
  -webkit-box-shadow: 0 1px 0 #fff;
  font-size: 16px;
}
/**
 *
 * The '+' icon, displayed only on iOS < 4.2
 *
 */
#addToHomeScreen .addToHomePlus {
  font-weight: bold;
  font-size: 1.3em;
}
/**
 *
 * The 'share' icon, displayed only on iOS >= 4.2
 *
 */
#addToHomeScreen .addToHomeShare {
  display: inline-block;
  width: 18px;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==);
  background-size: 18px 15px;
  text-indent: -9999em;
  overflow: hidden;
}
/**
 *
 * The touch icon (if available)
 *
 */
#addToHomeScreen .addToHomeTouchIcon {
  display: block;
  float: left;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.9);
  background-repeat: no-repeat;
  width: 57px;
  height: 57px;
  -webkit-background-size: 57px 57px;
  margin: 0 12px 0 0;
  border: 1px solid #333;
  -webkit-background-clip: padding-box;
}
/**
 *
 * The 'share' icon for retina display
 *
 */
@media all and (-webkit-min-device-pixel-ratio: 2) {
  #addToHomeScreen .addToHomeShare {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);
  }
}
.loading {
  width: 100px;
  height: 100px;
  background-color: #871c21;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  border-radius: 20px;
}
.list-loading {
  width: 100px;
  height: 100px;
  background-color: #871c21;
  margin: 5px auto;
  border-radius: 20px;
  position: relative;
}
#floatingBarsG {
  position: absolute;
  width: 62px;
  height: 77px;
  top: 50%;
  left: 50%;
  margin-left: -31px;
  margin-top: -40px;
  z-index: 10000;
}
.blockG {
  position: absolute;
  background-color: #20222c;
  width: 10px;
  height: 24px;
  -moz-border-radius: 8px 8px 0 0;
  -moz-transform: scale(0.4);
  -moz-animation-name: fadeG;
  -moz-animation-duration: 1.04s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -webkit-border-radius: 8px 8px 0 0;
  -webkit-transform: scale(0.4);
  -webkit-animation-name: fadeG;
  -webkit-animation-duration: 1.04s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -ms-border-radius: 8px 8px 0 0;
  -ms-transform: scale(0.4);
  -ms-animation-name: fadeG;
  -ms-animation-duration: 1.04s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -o-border-radius: 8px 8px 0 0;
  -o-transform: scale(0.4);
  -o-animation-name: fadeG;
  -o-animation-duration: 1.04s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  border-radius: 8px 8px 0 0;
  transform: scale(0.4);
  animation-name: fadeG;
  animation-duration: 1.04s;
  animation-iteration-count: infinite;
  animation-direction: linear;
}
#rotateG_01 {
  left: 0;
  top: 28px;
  -moz-animation-delay: 0.39s;
  -moz-transform: rotate(-90deg);
  -webkit-animation-delay: 0.39s;
  -webkit-transform: rotate(-90deg);
  -ms-animation-delay: 0.39s;
  -ms-transform: rotate(-90deg);
  -o-animation-delay: 0.39s;
  -o-transform: rotate(-90deg);
  animation-delay: 0.39s;
  transform: rotate(-90deg);
}
#rotateG_02 {
  left: 8px;
  top: 10px;
  -moz-animation-delay: 0.52s;
  -moz-transform: rotate(-45deg);
  -webkit-animation-delay: 0.52s;
  -webkit-transform: rotate(-45deg);
  -ms-animation-delay: 0.52s;
  -ms-transform: rotate(-45deg);
  -o-animation-delay: 0.52s;
  -o-transform: rotate(-45deg);
  animation-delay: 0.52s;
  transform: rotate(-45deg);
}
#rotateG_03 {
  left: 26px;
  top: 3px;
  -moz-animation-delay: 0.65s;
  -moz-transform: rotate(0deg);
  -webkit-animation-delay: 0.65s;
  -webkit-transform: rotate(0deg);
  -ms-animation-delay: 0.65s;
  -ms-transform: rotate(0deg);
  -o-animation-delay: 0.65s;
  -o-transform: rotate(0deg);
  animation-delay: 0.65s;
  transform: rotate(0deg);
}
#rotateG_04 {
  right: 8px;
  top: 10px;
  -moz-animation-delay: 0.78s;
  -moz-transform: rotate(45deg);
  -webkit-animation-delay: 0.78s;
  -webkit-transform: rotate(45deg);
  -ms-animation-delay: 0.78s;
  -ms-transform: rotate(45deg);
  -o-animation-delay: 0.78s;
  -o-transform: rotate(45deg);
  animation-delay: 0.78s;
  transform: rotate(45deg);
}
#rotateG_05 {
  right: 0;
  top: 28px;
  -moz-animation-delay: 0.9099999999999999s;
  -moz-transform: rotate(90deg);
  -webkit-animation-delay: 0.9099999999999999s;
  -webkit-transform: rotate(90deg);
  -ms-animation-delay: 0.9099999999999999s;
  -ms-transform: rotate(90deg);
  -o-animation-delay: 0.9099999999999999s;
  -o-transform: rotate(90deg);
  animation-delay: 0.9099999999999999s;
  transform: rotate(90deg);
}
#rotateG_06 {
  right: 8px;
  bottom: 7px;
  -moz-animation-delay: 1.04s;
  -moz-transform: rotate(135deg);
  -webkit-animation-delay: 1.04s;
  -webkit-transform: rotate(135deg);
  -ms-animation-delay: 1.04s;
  -ms-transform: rotate(135deg);
  -o-animation-delay: 1.04s;
  -o-transform: rotate(135deg);
  animation-delay: 1.04s;
  transform: rotate(135deg);
}
#rotateG_07 {
  bottom: 0;
  left: 26px;
  -moz-animation-delay: 1.1700000000000002s;
  -moz-transform: rotate(180deg);
  -webkit-animation-delay: 1.1700000000000002s;
  -webkit-transform: rotate(180deg);
  -ms-animation-delay: 1.1700000000000002s;
  -ms-transform: rotate(180deg);
  -o-animation-delay: 1.1700000000000002s;
  -o-transform: rotate(180deg);
  animation-delay: 1.1700000000000002s;
  transform: rotate(180deg);
}
#rotateG_08 {
  left: 8px;
  bottom: 7px;
  -moz-animation-delay: 1.3s;
  -moz-transform: rotate(-135deg);
  -webkit-animation-delay: 1.3s;
  -webkit-transform: rotate(-135deg);
  -ms-animation-delay: 1.3s;
  -ms-transform: rotate(-135deg);
  -o-animation-delay: 1.3s;
  -o-transform: rotate(-135deg);
  animation-delay: 1.3s;
  transform: rotate(-135deg);
}
@-moz-keyframes fadeG {
  0% {
    background-color: #636163;
  }
  100% {
    background-color: #FFFFFF;
  }
}
@-webkit-keyframes fadeG {
  0% {
    background-color: #636163;
  }
  100% {
    background-color: #FFFFFF;
  }
}
@-ms-keyframes fadeG {
  0% {
    background-color: #636163;
  }
  100% {
    background-color: #FFFFFF;
  }
}
@-o-keyframes fadeG {
  0% {
    background-color: #636163;
  }
  100% {
    background-color: #FFFFFF;
  }
}
@keyframes fadeG {
  0% {
    background-color: #636163;
  }
  100% {
    background-color: #FFFFFF;
  }
}
#page .message-body p {
  color: #3A3A3A;
}
.modal-download {
  width: 80%;
  min-height: 200px;
  background: #CDD1D1;
  position: relative;
  border: 4px solid #3B3B3B;
  margin: 0 auto;
}
.modal-download .close {
  position: absolute;
  right: -22px;
  top: -18px;
  right: -15px;
  background: #fff;
  width: 36px;
  height: 36px;
  border-radius: 30px;
  border: 4px solid #3C3C3C;
}
.modal-download .close p {
  background: url('http://s2.motime.com/apps15/img/images/general/close-modal.png?v=20260330132412');
  height: 16px;
  background-repeat: no-repeat;
  margin: 6px 0 0px 6px;
  width: 16px;
}
.modal-download .title-modal {
  background: #fff;
  min-height: 40px;
}
.modal-download .common-style {
  background-repeat: no-repeat;
  margin: 0px 0 0px 4px;
  padding: 0;
  height: 32px;
}
.modal-download .common-style h3 {
  float: left;
  display: inline-block;
  text-transform: uppercase;
  padding: 7px 0 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 72%;
}
.modal-download .emoticon-ok {
  background: url('http://s2.motime.com/apps15/img/images/general/emoticon-ok.png?v=20260330132412') no-repeat;
  float: left;
  width: 40px;
  border-right: 1px solid #3B3B3B;
  height: 32px;
  margin-top: 3px;
}
.modal-download h3.success {
  color: #44DA25;
}
.modal-download .img-error {
  background: url('http://s2.motime.com/apps15/img/images/general/img-error.png?v=20260330132412') no-repeat;
  float: left;
  width: 40px;
  border-right: 1px solid #3B3B3B;
  height: 32px;
  margin-top: 3px;
}
.modal-download h3.error {
  color: #DC4437;
  background: transparent;
}
.modal-download .message-body {
  clear: both;
  padding: 10px;
}
#login,
#forgot {
  padding: 15px 0;
}
#login #frmlogin,
#forgot #frmlogin {
  margin: 0 auto;
  min-width: 260px;
  width: 50%;
  overflow: hidden;
}
#login #frmlogin label,
#forgot #frmlogin label {
  color: #FFF;
  font-size: 0.9em;
}
#login #frmlogin p,
#forgot #frmlogin p {
  padding: 0;
}
#login #frmlogin p a,
#forgot #frmlogin p a {
  color: #FFF;
}
#login #frmlogin #username,
#forgot #frmlogin #username,
#login #frmlogin #passw,
#forgot #frmlogin #passw {
  color: #727a7c;
  font-size: 1em;
  background-color: #fff;
  border: none;
  min-width: 245px;
  border-radius: 15px;
  padding: 8px 6px;
  margin-bottom: 18px;
  width: 90%;
  box-shadow: none !important;
}
#login #frmlogin h3.title-l,
#forgot #frmlogin h3.title-l {
  color: #f43e3e;
  margin-bottom: 18px;
  font-weight: bold;
}
#login #frmlogin .reset,
#forgot #frmlogin .reset {
  display: none;
}
#login #frmlogin button,
#forgot #frmlogin button {
  background: none repeat scroll 0 0 #5a5a63;
  border-radius: 10px 30px 30px 10px;
  margin: 0.6em 0;
  min-height: 37px;
  min-width: 120px;
  border: none;
  float: right;
  position: relative;
}
#login #frmlogin button .arrow-button,
#forgot #frmlogin button .arrow-button {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-right: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  right: 12px;
  top: 50%;
  margin-top: -6px;
}
#login #frmlogin button .general-button,
#forgot #frmlogin button .general-button {
  height: 37px;
  min-width: 82px;
  border-radius: 10px 30px 30px 10px;
  background: #c3c4c6;
  line-height: 37px;
  padding-left: 0px;
  position: static;
  float: left;
}
.login-input {
  background-color: #fff;
  border: none;
  min-width: 248px;
  border-radius: 15px;
  padding: 10px 3px;
  margin-bottom: 10px;
  width: 100%;
}
.login-input-change-pw {
  background-color: #fff;
  border: none;
  min-width: 248px;
  border-radius: 15px;
  padding: 10px 3px;
  margin-bottom: 10px;
  width: 90%;
  margin-top: 10px;
}
#frmlogin fieldset label {
  color: #FFF;
}
#frmbutton {
  padding: 0;
}
#errormsg {
  margin-bottom: 10px;
}
#errormsg p {
  color: #FFF;
  font-size: 0.9em;
}
#errorpin {
  color: #FFF;
  font-size: 0.9em;
}
#termslabel {
  color: #FFF;
  font-size: 0.9em;
}
#forgotpwd {
  color: #FFF;
  font-weight: normal;
  text-decoration: underline;
  margin-bottom: 5px;
  cursor: hand;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
#forgotpwd:before {
  background-image: none;
  display: none;
}
#forgotpwd:after {
  background-image: none;
  display: none;
}