/* This stylesheet generated by Transfonter (https://transfonter.org) on April 17, 2018 11:22 PM */
@font-face {
  font-family: 'Exo-Thin';
  src: url("../fonts/Exo-Thin.eot");
  src: url("../fonts/Exo-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-Thin.woff2") format("woff2"), url("../fonts/Exo-Thin.woff") format("woff"), url("../fonts/Exo-Thin.ttf") format("truetype"), url("../fonts/Exo-Thin.svg#Exo-Thin") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Exo-Light';
  src: url("../fonts/Exo-Light.eot");
  src: url("../fonts/Exo-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-Light.woff2") format("woff2"), url("../fonts/Exo-Light.woff") format("woff"), url("../fonts/Exo-Light.ttf") format("truetype"), url("../fonts/Exo-Light.svg#Exo-Light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Exo-ExtraBold';
  src: url("../fonts/Exo-ExtraBold.eot");
  src: url("../fonts/Exo-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-ExtraBold.woff2") format("woff2"), url("../fonts/Exo-ExtraBold.woff") format("woff"), url("../fonts/Exo-ExtraBold.ttf") format("truetype"), url("../fonts/Exo-ExtraBold.svg#Exo-ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Exo-Medium';
  src: url("../fonts/Exo-Medium.eot");
  src: url("../fonts/Exo-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-Medium.woff2") format("woff2"), url("../fonts/Exo-Medium.woff") format("woff"), url("../fonts/Exo-Medium.ttf") format("truetype"), url("../fonts/Exo-Medium.svg#Exo-Medium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Exo-Black';
  src: url("../fonts/Exo-Black.eot");
  src: url("../fonts/Exo-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-Black.woff2") format("woff2"), url("../fonts/Exo-Black.woff") format("woff"), url("../fonts/Exo-Black.ttf") format("truetype"), url("../fonts/Exo-Black.svg#Exo-Black") format("svg");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Exo-MediumItalic';
  src: url("../fonts/Exo-MediumItalic.eot");
  src: url("../fonts/Exo-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-MediumItalic.woff2") format("woff2"), url("../fonts/Exo-MediumItalic.woff") format("woff"), url("../fonts/Exo-MediumItalic.ttf") format("truetype"), url("../fonts/Exo-MediumItalic.svg#Exo-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Exo-BlackItalic';
  src: url("../fonts/Exo-BlackItalic.eot");
  src: url("../fonts/Exo-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-BlackItalic.woff2") format("woff2"), url("../fonts/Exo-BlackItalic.woff") format("woff"), url("../fonts/Exo-BlackItalic.ttf") format("truetype"), url("../fonts/Exo-BlackItalic.svg#Exo-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'Exo-Regular';
  src: url("../fonts/Exo-Regular.eot");
  src: url("../fonts/Exo-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-Regular.woff2") format("woff2"), url("../fonts/Exo-Regular.woff") format("woff"), url("../fonts/Exo-Regular.ttf") format("truetype"), url("../fonts/Exo-Regular.svg#Exo-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Exo-ExtraLightItalic';
  src: url("../fonts/Exo-ExtraLightItalic.eot");
  src: url("../fonts/Exo-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Exo-ExtraLightItalic.woff") format("woff"), url("../fonts/Exo-ExtraLightItalic.ttf") format("truetype"), url("../fonts/Exo-ExtraLightItalic.svg#Exo-ExtraLightItalic") format("svg");
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: 'Exo-SemiBoldItalic';
  src: url("../fonts/Exo-SemiBoldItalic.eot");
  src: url("../fonts/Exo-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Exo-SemiBoldItalic.woff") format("woff"), url("../fonts/Exo-SemiBoldItalic.ttf") format("truetype"), url("../fonts/Exo-SemiBoldItalic.svg#Exo-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'Exo-LightItalic';
  src: url("../fonts/Exo-LightItalic.eot");
  src: url("../fonts/Exo-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-LightItalic.woff2") format("woff2"), url("../fonts/Exo-LightItalic.woff") format("woff"), url("../fonts/Exo-LightItalic.ttf") format("truetype"), url("../fonts/Exo-LightItalic.svg#Exo-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Exo-Italic';
  src: url("../fonts/Exo-Italic.eot");
  src: url("../fonts/Exo-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-Italic.woff2") format("woff2"), url("../fonts/Exo-Italic.woff") format("woff"), url("../fonts/Exo-Italic.ttf") format("truetype"), url("../fonts/Exo-Italic.svg#Exo-Italic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Exo-SemiBold';
  src: url("../fonts/Exo-SemiBold.eot");
  src: url("../fonts/Exo-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-SemiBold.woff2") format("woff2"), url("../fonts/Exo-SemiBold.woff") format("woff"), url("../fonts/Exo-SemiBold.ttf") format("truetype"), url("../fonts/Exo-SemiBold.svg#Exo-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Exo-Bold';
  src: url("../fonts/Exo-Bold.eot");
  src: url("../fonts/Exo-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-Bold.woff2") format("woff2"), url("../fonts/Exo-Bold.woff") format("woff"), url("../fonts/Exo-Bold.ttf") format("truetype"), url("../fonts/Exo-Bold.svg#Exo-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Exo-BoldItalic';
  src: url("../fonts/Exo-BoldItalic.eot");
  src: url("../fonts/Exo-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-BoldItalic.woff2") format("woff2"), url("../fonts/Exo-BoldItalic.woff") format("woff"), url("../fonts/Exo-BoldItalic.ttf") format("truetype"), url("../fonts/Exo-BoldItalic.svg#Exo-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Exo-ExtraLight';
  src: url("../fonts/Exo-ExtraLight.eot");
  src: url("../fonts/Exo-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-ExtraLight.woff2") format("woff2"), url("../fonts/Exo-ExtraLight.woff") format("woff"), url("../fonts/Exo-ExtraLight.ttf") format("truetype"), url("../fonts/Exo-ExtraLight.svg#Exo-ExtraLight") format("svg");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Exo-ThinItalic';
  src: url("../fonts/Exo-ThinItalic.eot");
  src: url("../fonts/Exo-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-ThinItalic.woff2") format("woff2"), url("../fonts/Exo-ThinItalic.woff") format("woff"), url("../fonts/Exo-ThinItalic.ttf") format("truetype"), url("../fonts/Exo-ThinItalic.svg#Exo-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'Exo-ExtraBoldItalic';
  src: url("../fonts/Exo-ExtraBoldItalic.eot");
  src: url("../fonts/Exo-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Exo-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Exo-ExtraBoldItalic.woff") format("woff"), url("../fonts/Exo-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/Exo-ExtraBoldItalic.svg#Exo-ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic; }

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

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

a:hover,
a:focus,
a:active,
a:active:focus,
button,
button:hover,
button:focus,
button:active,
button:active:focus {
  outline: none;
  color: inherited; }

button {
  background-color: transparent;
  border: none;
  padding: 0; }

html {
  font-size: 14px; }

body {
  font-family: 'Exo-SemiBold'; }

h1, h2, h3, h4 {
  font-family: 'Exo-Bold';
  margin-bottom: 10px;
  text-align: center; }

h1 {
  font-size: 2.2rem; }

h2 {
  font-size: 1.8rem; }

h3 {
  font-size: 1.4rem; }

h4 {
  font-size: 1.2rem; }

p {
  margin: 15px 0;
  font-family: 'Exo-Regular'; }

a {
  text-decoration: none;
  color: inherit; }

input[type=text],
textarea,
button,
.btn {
  font-family: inherit;
  margin: 0 auto 10px auto;
  font-size: 1em;
  border-radius: 2px;
  padding: 2%; }

input[type=text],
input[type=password] {
  padding: 0 2%;
  height: 32px;
  line-height: 32px;
  font-size: 1em;
  width: 95%;
  border: 1px solid black;
  color: black;
  font-family: 'Exo-Bold'; }

input[type=password] {
  letter-spacing: 5px;
  font-family: 'Exo-Black'; }

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b2b2b2;
  opacity: 1;
  /* Firefox */ }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b2b2b2; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b2b2b2; }

header,
footer,
section {
  position: absolute;
  width: 100%; }

button,
.btn {
  background-color: black;
  color: white;
  display: block;
  width: 100%;
  text-align: center;
  max-width: 230px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  font-size: 1.2em;
  font-family: Exo-Bold;
  padding: 0 2%; }
  button.default,
  .btn.default {
    background-color: #f1ca56;
    color: black; }
  button.google,
  .btn.google {
    background-color: #ea202d; }
  button.facebook,
  .btn.facebook {
    background-color: #1073ba; }
  button.twitter,
  .btn.twitter {
    background-color: #1aa89e; }

.bg-pattern {
  background-image: url("../img/bg-white.png");
  background-color: white;
  padding: 30px 2%;
  -webkit-box-shadow: 1px 1px 15px 0px black;
  -moz-box-shadow: 1px 1px 15px 0px black;
  box-shadow: 1px 1px 15px 0px black; }

header {
  z-index: 2;
  top: 0;
  background-image: url("../img/bg-black.png");
  -webkit-box-shadow: 1px 1px 15px 0px black;
  -moz-box-shadow: 1px 1px 15px 0px black;
  box-shadow: 1px 1px 15px 0px black; }

header div {
  padding: 10px 25px;
  background-color: #f1ca56; }

.secondary-bar {
  background-color: transparent;
  padding: 10px 15px;
  text-align: right;
  color: white;
  font-size: 0.9em; }
  .secondary-bar a {
    display: inline-block;
    padding-right: 20px;
    vertical-align: middle; }
    .secondary-bar a i {
      text-align: center;
      line-height: 25px;
      background-color: white;
      color: black;
      display: inline-block;
      width: 25px;
      height: 25px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      border-radius: 100%; }
    .secondary-bar a.social {
      padding-right: 5px; }
    .secondary-bar a:hover {
      color: #f1ca56; }
      .secondary-bar a:hover i {
        background-color: #f1ca56; }

.main-bar a {
  display: inline-block; }
  .main-bar a img {
    max-width: 270px; }

.main-bar.simple {
  text-align: center; }

.main-bar.with-navigation ul {
  display: inline-block;
  float: right;
  margin-top: 32px; }
  .main-bar.with-navigation ul li {
    display: inline-block;
    padding: 0 0 0 50px; }
    .main-bar.with-navigation ul li a {
      font-family: Exo-Bold;
      font-size: 1.1em;
      margin: 0;
      padding-bottom: 2px; }
      .main-bar.with-navigation ul li a.current {
        border-bottom: 2px solid black; }

.title-bar {
  margin-top: 15px;
  line-height: 20px; }
  .title-bar h3 {
    margin-bottom: 0;
    display: inline-block; }
  .title-bar span {
    padding-top: 2px;
    display: inline-block;
    float: right; }

.actions-bar {
  margin-top: 15px;
  text-align: center; }
  .actions-bar button {
    display: inline-block;
    margin: 0 10px; }

section {
  height: 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover; }
  section .content {
    width: 100%;
    height: 100%;
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
    overflow: hidden; }
    section .content .content-wrapper {
      width: 95%;
      position: absolute;
      top: 23%;
      left: 2.5%;
      overflow-y: auto; }
      section .content .content-wrapper.abs {
        height: 70%; }
      section .content .content-wrapper.rel {
        height: auto; }
      section .content .content-wrapper.large {
        margin-top: 2%; }

footer {
  z-index: 2;
  background-color: #f1ca56;
  color: black;
  text-align: center;
  bottom: 0; }
  footer nav {
    padding: 10px; }
  footer a {
    padding: 0 10px; }

.pop-up {
  position: fixed;
  top: 30%;
  left: 0;
  width: 250px; }
  .pop-up .profile-pic.bg-pattern {
    width: 100%;
    padding: 15px;
    position: relative; }
    .pop-up .profile-pic.bg-pattern .btn {
      position: absolute;
      width: 40px;
      height: 40px;
      right: -40px;
      top: 0;
      border-radius: 0;
      font-size: 1.5em;
      line-height: 1.6em;
      background-color: white;
      -webkit-box-shadow: 1px 1px 15px 0px black;
      -moz-box-shadow: 1px 1px 15px 0px black;
      box-shadow: 1px 1px 15px 0px black;
      z-index: -1; }
    .pop-up .profile-pic.bg-pattern .frame h3 {
      right: 0; }
    .pop-up .profile-pic.bg-pattern .frame:after {
      width: 90px;
      height: 50px; }

section.index {
  background-image: url("../img/bg-index-a.jpg"); }

.log,
.prizes {
  display: inline-block;
  vertical-align: top; }

.log {
  width: 40%;
  max-width: 440px;
  height: 100%;
  background-image: url("../img/bg-shield.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
  text-align: center;
  position: relative; }
  .log .log-wrapper {
    position: absolute;
    width: 70%;
    padding: 0 15%;
    top: 10%;
    height: 90%; }
    .log .log-wrapper .normal-login input {
      display: block; }
    .log .log-wrapper .normal-login a {
      display: block;
      margin: 0 auto 10px auto; }
    .log .log-wrapper .social-login {
      padding: 20px 0 10px 0;
      border-top: 2px solid black;
      border-bottom: 2px solid black; }
    .log .log-wrapper .sign-in {
      padding: 20px 0 10px 0; }

.prizes {
  margin-top: 3%;
  width: 55%;
  float: right;
  text-align: center; }

section.registro {
  background-image: url("../img/bg-profile.jpg"); }

.register {
  display: inline-block;
  vertical-align: top;
  width: 44%;
  border-radius: 2px; }
  .register:last-of-type {
    margin-left: 3%; }
  .register button {
    margin-top: 50px; }

form.register-data,
form.user-data {
  margin-top: 5%; }
  form.register-data .item,
  form.user-data .item {
    margin-bottom: 10px; }
    form.register-data .item label, form.register-data .item input,
    form.user-data .item label,
    form.user-data .item input {
      display: inline-block;
      vertical-align: middle; }
    form.register-data .item label,
    form.user-data .item label {
      text-align: right;
      width: 36%;
      font-family: 'Exo-Bold';
      font-size: 16px; }
    form.register-data .item input,
    form.user-data .item input {
      text-align: left;
      width: 50%;
      background-color: transparent;
      border: none;
      border-bottom: 2px solid black;
      margin-left: 1%;
      margin-bottom: 0;
      outline: none; }
    form.register-data .item.check,
    form.user-data .item.check {
      margin-top: 35px; }
      form.register-data .item.check input,
      form.user-data .item.check input {
        width: 25px; }
      form.register-data .item.check label,
      form.user-data .item.check label {
        text-align: left;
        width: 93%;
        float: right;
        font-size: 14px; }
    form.register-data .item ::placeholder,
    form.user-data .item ::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: black;
      opacity: 1;
      /* Firefox */ }
    form.register-data .item :-ms-input-placeholder,
    form.user-data .item :-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: black; }
    form.register-data .item ::-ms-input-placeholder,
    form.user-data .item ::-ms-input-placeholder {
      /* Microsoft Edge */
      color: black; }

section.mi-quiniela {
  background-image: url("../img/bg-base.jpg"); }

.matches-list {
  text-align: center; }
  .matches-list li {
    display: inline-block;
    width: 18%;
    margin: 1% 1% 0 1%;
    padding: 25px 1.5% 45px 1.5%;
    text-align: center;
    background-image: url("../img/bg-shield.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom center;
    max-width: 180px; }
    .matches-list li h4 {
      margin-bottom: 0; }
    .matches-list li .match label {
      width: 30%;
      margin: 5px 0;
      display: inline-block;
      text-align: center;
      font-size: 0.8em;
      vertical-align: baseline; }
      .matches-list li .match label img {
        display: block;
        margin: 0 auto 5px auto;
        width: 100%;
        max-width: 40px;
        height: auto; }
      .matches-list li .match label span {
        display: block; }

section.trivia,
section.compartir,
section.contacto {
  background-image: url("../img/bg-base.jpg"); }

section.reglas {
  background-image: url("../img/bg-reglas.jpg");
  background-position: top center; }

.questions, .rules, .share, .contact {
  max-width: 800px;
  margin: auto; }
  .questions form, .rules form, .share form, .contact form {
    max-width: 500px;
    margin: 20px auto; }
    .questions form .frage, .rules form .frage, .share form .frage, .contact form .frage {
      margin: 0 0 30px 0;
      font-size: 1.1em; }
      .questions form .frage span, .rules form .frage span, .share form .frage span, .contact form .frage span {
        display: block;
        margin-bottom: 15px; }
      .questions form .frage label, .rules form .frage label, .share form .frage label, .contact form .frage label {
        display: block;
        margin: 5px 0 0 30px;
        font-family: 'Exo-Regular'; }
      .questions form .frage input, .rules form .frage input, .share form .frage input, .contact form .frage input {
        margin-right: 5px; }

.share h3 {
  text-align: left; }

.share form {
  max-width: 96%; }
  .share form textarea {
    width: 96%;
    min-width: 96%;
    max-width: 96%;
    margin: 15px 0;
    height: 180px; }
  .share form ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 1;
    /* Firefox */ }
  .share form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: black; }
  .share form ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: black; }

.contact form {
  max-width: 100%; }
  .contact form p {
    font-family: 'Exo-SemiBold';
    font-size: 1.2em;
    margin-bottom: 30px; }
  .contact form .col-left,
  .contact form .col-right {
    display: inline-block;
    vertical-align: top; }
  .contact form .col-left {
    width: 38%; }
  .contact form .col-right {
    margin-left: 2%;
    width: 58%; }
    .contact form .col-right textarea {
      width: 95%;
      max-width: 95%;
      height: 102px;
      max-height: 102px; }

section.perfil {
  background-image: url("../img/bg-profile.jpg"); }

.perfil .content-wrapper {
  text-align: center; }

.profile-pic,
.profile-data {
  display: inline-block;
  vertical-align: top; }

.profile-pic {
  width: 33%;
  margin-right: 2%;
  max-width: 300px; }
  .profile-pic .frame {
    position: relative; }
    .profile-pic .frame img {
      display: block;
      width: 95%;
      height: auto;
      border: 6px solid #f1ca56;
      border-top-left-radius: 30px; }
    .profile-pic .frame:after {
      content: '';
      background-image: url("../img/logo_bardahl.png");
      background-repeat: no-repeat;
      position: absolute;
      background-size: 80%;
      background-position: center center;
      top: 15px;
      left: 15px;
      background-color: white;
      width: 120px;
      height: 55px;
      border-radius: 100%;
      -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1); }
    .profile-pic .frame h3 {
      text-align: right;
      background-image: url("../img/bg-white.png");
      background-color: white;
      line-height: 85px;
      width: 85%;
      position: absolute;
      bottom: -10px;
      right: 3px;
      border-top: 6px solid #f1ca56;
      border-left: 6px solid #f1ca56;
      border-radius: 100% 0 0 0;
      padding-left: 5%; }
      .profile-pic .frame h3 span {
        padding-right: 10%; }
  .profile-pic .points {
    margin-top: 20px;
    text-align: left; }
    .profile-pic .points span {
      font-size: .95em;
      font-family: 'Exo-Bold';
      display: block;
      padding-top: 10px; }

.profile-data {
  width: 56%; }
  .profile-data form.user-data .item {
    margin-bottom: 25px; }
    .profile-data form.user-data .item label {
      font-family: 'Exo-Bold';
      font-size: 1.3em; }

section.premios {
  background-image: url("../img/bg-base.jpg"); }

.prizes-list {
  max-width: 900px;
  margin: auto; }
  .prizes-list .info-table {
    border-radius: 30px;
    overflow: hidden;
    margin: 0 auto; }
    .prizes-list .info-table table {
      width: 100%;
      text-align: center;
      color: white; }
      .prizes-list .info-table table th {
        padding: 0 10px;
        line-height: 70px;
        background-color: rgba(7, 31, 79, 0.8); }
        .prizes-list .info-table table th h2 {
          margin-bottom: 0; }
      .prizes-list .info-table table td {
        padding: 0 10px;
        font-size: 1.1em;
        height: 35px;
        line-height: 35px;
        background-color: rgba(7, 31, 79, 0.6); }
        .prizes-list .info-table table td span {
          width: 30px;
          font-size: 1.4em;
          padding-right: 25px;
          display: inline-block;
          vertical-align: top;
          text-align: right; }
      .prizes-list .info-table table tr.light td {
        background-color: rgba(126, 170, 214, 0.6); }

/*# sourceMappingURL=style.css.map */