.column, .columns, .container {
  width: 100%;
  box-sizing: border-box;
}

#lblCount {
  color: darkred;
}

h1, h3 {
  letter-spacing: -.1rem;
}

a, body {
  color: #212121;
}

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

footer {
  display: block;
  background-color: rgba(21, 21, 21, 1);
}

.container {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  /* z-index: 10; */
}

ol, p, ul {
  margin-top: 0;
}

.column, .columns {
  float: left;
}

@media (min-width: 320px) {
  .container {
    width: 100%;
    padding: 0;
  }
}

@media (min-width: 967px) {
  .container {
    width: 100%;
    padding: 0;
  }

  .column, .columns {
    margin-left: 1.5%;
  }

    .column:first-child, .columns:first-child {
      margin-left: 0;
    }

  .one.column, .one.columns {
    width: 6.66666666667%;
  }

  .two.columns {
    width: 15.3333333333%;
  }

  .three.columns {
    width: 23.86%;
  }

  .four.columns {
    width: 32.3333%;
  }

  .five.columns {
    width: 40.333333%;
  }

  .six.columns {
    width: 48.25%;
    position: relative;
  }

  .seven.columns {
    width: 55.666667%;
  }

  .eight.columns {
    width: 62.333333%;
  }

  .nine.columns {
    width: 74%;
  }

  .ten.columns {
    width: 82.6666666667%;
  }

  .eleven.columns {
    width: 91.3333333333%;
  }

  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }

  .one-third.column {
    width: 30.6666666667%;
  }

  .two-thirds.column {
    width: 65.3333333333%;
  }

  .one-half.column {
    width: 48%;
  }

  .offset-by-one.column, .offset-by-one.columns {
    margin-left: 8.66666666667%;
  }

  .offset-by-two.column, .offset-by-two.columns {
    margin-left: 17.3333333333%;
  }

  .offset-by-three.column, .offset-by-three.columns {
    margin-left: 26%;
  }

  .offset-by-four.column, .offset-by-four.columns {
    margin-left: 34.6666666667%;
  }

  .offset-by-five.column, .offset-by-five.columns {
    margin-left: 43.3333333333%;
  }

  .offset-by-six.column, .offset-by-six.columns {
    margin-left: 52%;
  }

  .offset-by-seven.column, .offset-by-seven.columns {
    margin-left: 60.6666666667%;
  }

  .offset-by-eight.column, .offset-by-eight.columns {
    margin-left: 69.3333333333%;
  }

  .offset-by-nine.column, .offset-by-nine.columns {
    margin-left: 78%;
  }

  .offset-by-ten.column, .offset-by-ten.columns {
    margin-left: 86.6666666667%;
  }

  .offset-by-eleven.column, .offset-by-eleven.columns {
    margin-left: 95.3333333333%;
  }

  .offset-by-one-third.column, .offset-by-one-third.columns {
    margin-left: 34.6666666667%;
  }

  .offset-by-two-thirds.column, .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%;
  }

  .offset-by-one-half.column, .offset-by-one-half.columns {
    margin-left: 52%;
  }
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6em;
  line-height: 1.4;
  font-weight: 400;
  font-family: Rajdhani,Helvetica,Arial,sans-serif;
  background-color: #fff;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 400;
}

h5, label, legend {
  margin-bottom: .5rem;
}

h1 {
  font-size: 4rem;
  line-height: 1.2;
}

h3 {
  font-size: 3rem;
  line-height: 1.3;
}

h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -.08rem;
}

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
}

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}

img {
  max-width: 100%;
}

@media (min-width: 550px) {
  h2, h3 {
    font-weight: 900;
  }

  h1 {
    font-size: 5rem;
  }

  h2 {
    font-size: 2.8em;
    color: #B50710;
    padding: 0;
    line-height: .8em;
    margin-bottom: 0;
  }

  h3 {
    font-size: 1.5em;
    text-transform: uppercase;
    border-bottom: 0;
    padding-bottom: 5px;
    color: #290000;
  }

  h4, h5 {
    font-size: 3rem;
  }

  h5 {
    font-weight: 400;
  }

  h6 {
    font-size: 1.5rem;
  }
}

fieldset, hr {
  border-width: 0;
}

a {
  text-decoration: none;
  transition-duration: .25s;
}

  a:hover {
    color: #B50710;
  }

.red.gradient {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iIzAxMDMwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,#b20000 0,#010307 88%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#b20000),color-stop(88%,#010307));
  background: -webkit-linear-gradient(top,#b20000 0,#010307 88%);
  background: -o-linear-gradient(top,#b20000 0,#010307 88%);
  background: -ms-linear-gradient(top,#b20000 0,#010307 88%);
  background: linear-gradient(to bottom,#b20000 0,#010307 88%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b20000', endColorstr='#010307', GradientType=0 );
}

.light.red.gradient {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,#b20000 0,#120000 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#b20000),color-stop(100%,#120000));
  background: -webkit-linear-gradient(top,#b20000 0,#120000 100%);
  background: -o-linear-gradient(top,#b20000 0,#120000 100%);
  background: -ms-linear-gradient(top,#b20000 0,#120000 100%);
  background: linear-gradient(to bottom,#b20000 0,#120000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b20000', endColorstr='#120000', GradientType=0 );
}

.fightcard.button {
  margin: 10px auto;
  display: block;
  width: 150px;
  background: rgba(61, 61, 61, 1);
  border-radius: 0;
  padding: 0;
  text-shadow: none;
}

  .fightcard.button.fullwidth {
    width: 100%;
  }

.button, button, input[type=reset], input[type=button], input[type=submit] {
  display: inline-block;
  height: 31px;
  padding: 0 25px;
  color: #F3F3F3;
  text-align: center;
  font-size: 1.1em;
  font-weight: 900;
  line-height: 32px;
  letter-spacing: 0;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background: url(../img/sprite.png) -22px -932px no-repeat #6C0B0B;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  cursor: pointer;
  box-sizing: border-box;
  text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  transition-duration: 0s;
}

  .button:hover, button:hover, input[type=reset]:hover, input[type=button]:hover, input[type=submit]:hover {
    background: url(../img/sprite.png) -22px -1162px no-repeat #6C0B0B;
    color: #fff;
  }

  .button.big {
    font-size: 2.1em;
    padding: 5px 25px;
    line-height: normal;
    height: auto;
  }

  .button.full {
    width: auto;
    display: block;
  }

  .button:focus, .button:hover, button:focus, button:hover, input[type=reset]:focus, input[type=reset]:hover, input[type=button]:focus, input[type=button]:hover, input[type=submit]:focus, input[type=submit]:hover {
    border-color: #888;
    outline: 0;
  }

  .button.button-primary, button.button-primary, input[type=reset].button-primary, input[type=button].button-primary, input[type=submit].button-primary {
    color: #FFF;
    background-color: #33C3F0;
    border-color: #33C3F0;
  }

    .button.button-primary:focus, .button.button-primary:hover, button.button-primary:focus, button.button-primary:hover, input[type=reset].button-primary:focus, input[type=reset].button-primary:hover, input[type=button].button-primary:focus, input[type=button].button-primary:hover, input[type=submit].button-primary:focus, input[type=submit].button-primary:hover {
      color: #FFF;
      background-color: #1EAEDB;
      border-color: #1EAEDB;
    }

input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password], select, textarea {
  height: 38px;
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  margin: 10px;
  clear: both;
  float: none;
}

input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  min-height: 105px;
  padding-top: 6px;
  padding-bottom: 6px;
}

  input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, select:focus, textarea:focus {
    border: 1px solid #33C3F0;
    outline: 0;
  }

label, legend {
  display: block;
  font-weight: 600;
  vertical-align: middle;
}

fieldset {
  padding: 0;
}

input[type=checkbox], input[type=radio] {
  display: inline;
}

label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: 400;
}

ul {
  list-style: circle inside;
}

ol {
  list-style: decimal inside;
}

ol, ul {
  padding-left: 0;
}

  ol ol, ol ul, ul ol, ul ul {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%;
  }

.button, button, li {
  margin-bottom: 1rem;
}

code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

td, th {
  padding: 0;
  text-align: left;
}

  td:first-child, th:first-child {
    padding-left: 0;
    border-bottom: 1px solid #eeeeee;
  }

  td:last-child, th:last-child {
    padding-right: 0;
    border-bottom: 1px solid #eeeeee;
  }

fieldset, input, select, textarea {
  margin-bottom: 1.5rem;
}

lockquote, dl, figure, form, ol, p, pre, table, ul {
  margin-bottom: 2.5rem;
}

.u-full-width {
  width: 100%;
  box-sizing: border-box;
}

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}

.u-pull-right {
  float: right;
}

.u-pull-left {
  float: left;
}

hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-top: 1px solid #d9d9d9;
  background-color: #f7f7f7;
  height: 1px;
}

.center {
  text-align: center;
}

.flip {
  transform: scale(-1,1);
  -webkit-transform: scale(-1,1);
  -moz-transform: scale(-1,1);
  -o-transform: scale(-1,1);
}

.grey {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.dark {
  background-color: #f4f4f4 !important;
}

.ptop-50 {
  padding-top: 50px;
}

.container:after, .row:after, .u-cf {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 320px) {
  .container h1.logo, footer .links h2.logo, header h1.logo a {
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    height: 80px;
  }

  section {
    padding: 0;
  }

    section.foot {
      padding: 0;
      height: 40px;
    }

      section.foot.brands {
        padding: 10px 0;
        border-top: 4px solid #fff;
        border-bottom: 4px solid #fff;
        height: auto;
        min-height: 60px;
      }

  .single img {
    max-width: 100%;
    display: block;
    height: auto;
    min-width: 100%;
  }

  .page img.headline {
    width: 100%;
    display: block;
  }

  section.foot p {
    padding: 0 0 0 10px;
    margin: 0;
    height: 40px;
    line-height: 40px;
    font-size: 1.1em;
    font-weight: 700;
    color: #fff;
  }

  #page h1, #page h2, .headout a, .timezones {
    font-weight: 400;
  }

  header h1.logo a {
    display: block;
    height: 100%;
    padding: 0;
  }

  header {
  }

    .headout a, header .headout {
      height: 30px;
      width: 100%;
      display: block;
    }

    header .headout {
      position: absolute;
      right: 0;
      bottom: -30px;
      list-style: none;
      text-align: left;
      margin: 0;
      background: #121212;
    }

  .headout a {
    text-decoration: none;
    color: #fff;
    line-height: 30px;
    font-size: 1em;
    text-align: center;
  }

    .headout a:hover {
      color: #b20000;
    }

    .headout a:after {
      content: '';
    }

  .headout li {
    margin-bottom: 0;
    display: block;
    width: 50%;
    float: left;
  }

  #main {
    padding: 0;
  }

  .single {
    position: relative;
  }

  #main .single-article .sharebox {
    position: relative;
    z-index: 999;
    top: 5px;
    display: none;
  }

    #main .single-article .sharebox:before {
      position: relative;
      display: none;
      float: left;
      color: #454545;
      content: ' SHARE ON';
      font-weight: 900;
      width: 50px;
      font-size: 1.1em;
      line-height: 1;
      text-align: right;
      padding-right: 10px;
      letter-spacing: -1px;
    }

    #main .single-article .sharebox p {
      width: 40px;
      height: 40px;
      display: block;
      float: left;
      margin: 0 3px 0 0;
    }

      #main .single-article .sharebox p.count {
        display: block;
        font-size: 1em;
        height: 30px;
        width: 40px;
        margin-left: 7px;
        line-height: 30px;
        text-align: center;
        color: #454545;
        font-weight: 900;
        border: 1px solid #8b8b8b;
        padding: 0;
        margin-top: 4px;
        background: #fff;
      }

        #main .single-article .sharebox p.count:before {
          content: '';
          width: 9px;
          height: 30px;
          position: relative;
          float: left;
          left: -8px;
          background: url(../img/sharecount-bg.png) right center no-repeat;
          margin-top: 0;
          display: block;
        }

      #main .single-article .sharebox p.bufferapp, #main .single-article .sharebox p.linkedin, #main .single-article .sharebox p.pinterest, #main .single-article .sharebox p.pocket, #main .single-article .sharebox p.reddit, #main .single-article .sharebox p.stumbleupon, #main .single-article .sharebox p.vk {
        display: none;
      }

      #main .single-article .sharebox p a {
        padding: 0;
        height: 100%;
        text-align: center;
        line-height: 40px;
        width: 100%;
        display: inherit;
      }

  body.page .single.page {
    background: url(../img/head_shadow.png) center -24px no-repeat;
    padding-top: 80px;
    background-size: contain
  }

  .single h3.title {
    font-size: 2em;
    font-weight: 900;
    text-transform: none;
    margin: 0 0 20px;
    float: left;
    width: 90%;
    line-height: 1;
    display: block;
    clear: both;
  }

    .single h3.title.support {
      margin: 10px 0;
      float: none;
      display: block;
      clear: both;
      color: #555555;
      text-transform: uppercase;
      letter-spacing: -2px;
    }

  .single p.time {
    right: 12px;
    margin: 0;
    top: -20px;
    font-size: 1em;
    color: #888;
    font-weight: 600;
    width: auto;
    position: absolute;
    text-align: right;
  }

  .single article {
    clear: both;
    border: 0;
    padding-top: 20px;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1;
    letter-spacing: normal;
  }

  .morenews a, section.paging span a {
    font-size: 1.1em;
    text-decoration: none;
  }

  .single article br {
    margin-bottom: 1em;
    display: block;
    content: " " !important;
  }

  .single iframe {
    max-width: 100%;
    width: 100%;
  }

  .single.page article {
    clear: both;
    border-top: none;
    padding-top: 0;
  }

  .morenews {
    display: table;
    height: auto;
    text-align: center;
    line-height: 32px;
    background-color: #3d3d3d;
    margin: 0 auto;
    position: relative;
    min-width: 160px;
    width: auto;
    padding: 5px 20px;
  }

    .morenews:after {
      content: '';
      display: block;
      position: absolute;
      right: -1px;
      top: -1px;
      width: 8px;
      height: 8px;
      border-top: 1px solid red;
      border-right: 1px solid red;
    }

    .morenews:before {
      content: '';
      display: block;
      position: absolute;
      left: -1px;
      bottom: -1px;
      width: 8px;
      height: 8px;
      border-bottom: 1px solid red;
      border-left: 1px solid red;
    }

    .morenews a {
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 1.2em;
      /* padding: 10px 20px; */
    }

    .morenews:hover {
      background: #888
    }

  .ssslide p {
    display: none;
  }

  section.paging {
    padding: 0;
    background: #666;
    background: -moz-linear-gradient(left,#666 49%,#666 50%,#444 50%);
    background: -webkit-linear-gradient(left,#666 49%,#666 50%,#444 50%);
    background: linear-gradient(to right,#666 49%,#666 50%,#444 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444', GradientType=1 );
    height: 70px;
    overflow: hidden;
  }

    section.paging p {
      margin: 0;
      padding: 0;
      display: block;
    }

    section.paging span.d a:after, section.paging span.l a:before {
      top: 50%;
      margin-top: -11px;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      transition-duration: .25s;
      content: '';
    }

    section.paging span.l {
      display: table;
      width: 46%;
      float: left;
      height: 70px;
      overflow: hidden;
    }

      section.paging span.l a {
        padding-right: 10%;
        padding-left: 30px;
      }

        section.paging span.l a:before {
          position: absolute;
          left: 0;
          width: 0;
          height: 0;
          border-right: 14px solid #B3B3B3;
        }

    section.paging span.d {
      display: table;
      width: 54%;
      float: right;
      position: relative;
      background: url(../img/sprite.png) -445px -257px no-repeat #444;
      height: 70px;
      text-align: right;
    }

  .ssk-group, .ssk-sticky.ssk-left .ssk {
    float: left;
  }

  section.paging span.d a {
    padding-left: 13%;
    padding-right: 30px;
  }

    section.paging span.d a:after {
      position: absolute;
      right: 0;
      width: 0;
      height: 0;
      border-left: 14px solid #B3B3B3;
    }

  section.paging span a {
    color: #ccc;
    line-height: 1em;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    display: table-cell;
    height: 70px;
  }

    section.paging span a:hover {
      color: #fff;
    }

  #main .support-grayarea:nth-child(3) ul {
    display: block;
  }

  ul.fighter-support-list {
    display: none;
  }

  section.support-grayarea {
    background: #656565;
    background: -moz-linear-gradient(top, #656565 0%, #333333 100%);
    background: -webkit-linear-gradient(top, #656565 0%,#333333 100%);
    background: linear-gradient(to bottom, #656565 0%,#333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#333333',GradientType=0 );
    display: inline-block;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    margin-top: 1em;
  }

  h2.support-event-name {
    color: #333333;
    font-size: 1.3em;
    font-weight: 900;
    padding: 10px;
    margin: 10px 0;
    background: #e3e3e3;
    background: -moz-linear-gradient(top, #e3e3e3 0%, #a4a4a4 100%);
    background: -webkit-linear-gradient(top, #e3e3e3 0%,#a4a4a4 100%);
    background: linear-gradient(to bottom, #e3e3e3 0%,#a4a4a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#a4a4a4',GradientType=0 );
    letter-spacing: -1px;
    box-shadow: 0px 3px 2px #000;
    cursor: pointer;
  }

  #error, #success {
    display: none;
    position: relative;
    margin: 0;
    font-weight: 600;
  }

    #error span, #success span {
      display: block;
      position: relative;
      top: 0;
      width: 100%;
    }

      #error span p, #success span p {
        margin-top: 0;
      }

      #success span p {
        color: #9bd32d;
      }

      #error span p {
        color: #c0392b;
      }

  .youtube-container {
    display: block;
    margin: 0 auto 20px;
    width: 100%;
  }

  .youtube-player {
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    cursor: hand;
    cursor: pointer;
    display: block;
  }

  img.youtube-thumb {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
    border: 0 !important;
    border-radius: 0;
  }

  #youtube-iframe, div.play-button {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
  }

  div.play-button {
    margin: 0;
    background-image: url(../img/yt-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    transition-duration: 1s;
  }

  #page h1, #page h2 img {
    margin-right: 30px;
  }

  .ssk, header .ssk {
    transition: background-color .1s;
  }

  .youtube-player:hover div.play-button {
    background-color: rgba(155,155,155,.45);
    background-image: url(../img/yt-arrow-on.png);
  }

  article.home {
    margin-bottom: 2rem;
    width: 100%;
  }

  .sidebar .info h4 > span, span.cet {
    color: #B23F3F;
    cursor: pointer;
    position: relative;
  }

  span:active .timezones, span:hover .timezones {
    display: block;
  }

  .timezones {
    display: none;
    position: absolute;
    right: -100px;
    top: 36px;
    width: 250px;
    font-size: 16px;
    color: #CBCBCB;
    background: rgba(0,0,0,.9);
    padding: 10px;
    border-radius: 5px;
    line-height: normal;
    z-index: 900;
    text-transform: capitalize;
  }

    .timezones:after {
      content: '';
      display: block;
      position: absolute;
      z-index: 999;
      top: -10px;
      right: 105px;
      border-right: 10px solid rgba(46,46,46,0);
      border-bottom: 10px solid rgba(0,0,0,.9);
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-top: 0;
    }

  #page h1 {
    background-color: #a80414;
    border-radius: 10px;
    color: #fff;
    padding-left: 30px;
    margin-top: 50px;
    font-size: 3.2rem;
    height: 60px;
    line-height: 60px;
    letter-spacing: 1px;
  }

  #page h2 {
    font-size: 3rem;
    letter-spacing: 1px;
    display: inline-block;
  }

  footer {
    height: auto;
    padding: 0;
    font-size: 16px;
  }

    footer .sitemap {
      padding: 20px 10px 0 10px;
    }

      footer .sitemap .three {
      }

      footer .sitemap h2 {
        font-size: 1.1em;
        font-weight: 900;
        color: #E31E24;
      }

      footer .sitemap ul {
        list-style: none;
        padding-top: 7px;
        margin-bottom: 1.5em;
      }

      footer .sitemap li {
        margin: 0;
        padding: 0;
        line-height: normal;
      }

        footer .sitemap li a {
          color: #ddd;
          font-weight: 300;
          text-decoration: none;
          /* line-height: 1; */
          padding: 0;
        }

          footer .sitemap li a:hover {
            color: #E31E24;
          }

    footer .terms ul {
      list-style: none;
      padding: 20px 5px;
      text-align: center;
      font-size: 1.1em;
      margin-bottom: 0;
    }

    footer .terms li {
      display: inline-block;
      margin-bottom: 0;
    }

      footer .terms li a {
        text-decoration: none;
        margin-right: 20px;
        color: #ededed;
      }

        footer .terms li a:hover {
          color: #E31E24;
        }

    footer .copyright {
      display: block;
      margin: 0 auto;
      height: auto;
      width: 100%;
      text-align: center;
      padding-top: 1px;
      border-top: 1px solid #333;
      font-weight: 300;
      color: #878787;
      padding: 10px 5px;
    }

    footer .mbit {
      display: block;
      margin: 0 auto;
      height: auto;
      text-align: center;
    }

      footer .mbit a {
        text-indent: -9999px;
        background: url(../img/mbit.png) no-repeat top center;
        width: 16px;
        height: 16px;
        display: inline-block;
        position: relative;
      }

        footer .mbit a:hover {
          background: url(../img/mbit.png) no-repeat 0px -16px;
        }

  section.profile.top .info .sharebox {
    position: absolute;
    right: 0px;
    z-index: 999;
    top: 0;
    width: 40px;
    display: none;
  }

    section.profile.top .info .sharebox:before {
      position: relative;
      display: block;
      float: left;
      color: #454545;
      content: 'SHARE ON';
      font-weight: 900;
      width: 40px;
      font-size: 0.9em;
      line-height: 1;
      text-align: center;
      padding-right: 0px;
      letter-spacing: -1px;
      /* height: 20px; */
    }

    section.profile.top .info .sharebox p {
      width: 40px;
      height: 40px;
      display: block;
      padding: 0;
      margin: 0;
      float: right;
    }

      section.profile.top .info .sharebox p.count {
        font-size: 1em;
        height: 30px;
        width: auto;
        margin-left: 13px;
        line-height: 30px;
        text-align: left;
        color: #454545;
        font-weight: 900;
        border: 1px solid #8b8b8b;
        padding: 0 9px 0 0;
        border-left: none;
        margin-top: 4px;
        display: none;
      }

        section.profile.top .info .sharebox p.count:before {
          content: '';
          width: 9px;
          height: 30px;
          position: relative;
          float: left;
          left: -8px;
          background: url(../img/sharecount-bg.png) right center no-repeat;
          margin-top: 0;
        }

      section.profile.top .info .sharebox p.bufferapp, section.profile.top .info .sharebox p.linkedin, section.profile.top .info .sharebox p.pinterest, section.profile.top .info .sharebox p.pocket, section.profile.top .info .sharebox p.reddit, section.profile.top .info .sharebox p.stumbleupon, section.profile.top .info .sharebox p.vk {
        display: none;
      }

      section.profile.top .info .sharebox p a {
        padding: 0;
        height: 100%;
        text-align: center;
        line-height: 40px;
        width: 100%;
        display: inherit;
      }

  section.profile.related {
    background: #fff;
  }

    section.profile.related .container .two.columns {
      width: 48%;
      margin-left: 2%;
    }

      section.profile.related .container .two.columns:nth-child(1) {
        margin-left: 0;
      }

    section.profile.related ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    section.profile.related li {
      min-height: 0;
      position: relative;
      height: auto;
    }

    section.profile.related dt img {
      min-width: 96%;
      min-height: 100px;
      width: 99%;
    }

    section.profile.related dt a {
      position: relative;
      height: 100%;
      display: block;
      width: 100%;
      padding: 0;
    }

    section.profile.related dt .videotag {
      color: #fff;
      padding: 1px 5px;
      border-radius: 3px 0 0 3px;
      position: absolute;
      right: 0;
      bottom: 5px;
      font-weight: 900;
      height: 18px;
      line-height: 17px;
      font-size: 1em;
      margin: 0;
      background: url(../img/sprite.png) -22px -932px no-repeat #6C0B0B;
    }

    section.profile.related dd {
      margin: 0;
      padding: 5px 0 0;
      line-height: 1;
      font-size: 0.9em;
      font-weight: 700;
    }

  .ssk, .ssk:focus, .ssk:hover {
    color: #fff;
    text-decoration: none;
  }

  /*! * Social Share Kit v1.0.3 (http://socialsharekit.com) * Copyright 2015 Social Share Kit / Kaspars Sprogis. * Licensed under Creative Commons Attribution-NonCommercial 3.0 license: * https://github.com/darklow/social-share-kit/blob/master/LICENSE * --- */
  .ssk-group {
    margin: 3px 0 0 0;
    display: inline-block;
    width: auto;
  }

  .ssk:before {
    display: inline-block;
    font-family: social-share-kit !important;
    font-style: normal !important;
    font-weight: 100 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .ssk-facebook:before {
    content: "a";
    text-indent: 0;
    margin-right: 0;
  }

  .ssk-twitter:before {
    content: "b";
  }

  .ssk-google-plus:before {
    content: "c";
  }

  .ssk-email:before {
    content: "d";
    top: -1px;
    position: relative;
  }

  .ssk-pinterest:before {
    content: "e";
  }

  .ssk-tumblr:before {
    content: "f";
  }

  .ssk-linkedin:before {
    content: "g";
  }

  .ssk-github:before {
    content: "h";
  }

  .ssk-vk:before {
    content: "i";
  }

  .ssk-instagram:before {
    content: "j";
  }

  .ssk-amazon:before {
    content: "k";
  }

  .ssk-skype:before {
    content: "s";
  }

  .ssk-youtube:before {
    content: "x";
  }

  .ssk-vimeo:before {
    content: "u";
  }

  .ssk-ebay:before {
    content: "p";
  }

  .ssk-apple:before {
    content: "l";
  }

  .ssk-behance:before {
    content: "q";
  }

  .ssk-dribble:before {
    content: "n";
  }

  .ssk-android:before {
    content: "o";
  }

  .ssk-viber:before, .ssk-whatsapp:before {
    content: "m";
  }

  .ssk-reddit:before {
    content: "r";
  }

  .ssk-reddit2:before {
    content: "t";
  }

  .ssk {
    background-color: #757575;
    display: inline-block !important;
    font-size: 20px;
    line-height: 1px;
    margin-right: 4px;
    padding: 5px;
    text-align: left;
    -webkit-transition: background-color .1s;
    -moz-transition: background-color .1s;
    -ms-transition: background-color .1s;
    -o-transition: background-color .1s;
  }

    .ssk .fa, .ssk .glyphicon, .ssk:before {
      position: relative;
      font-size: 16px;
      top: 0;
      vertical-align: middle;
    }

    .ssk-xs > .ssk, .ssk.ssk-xs {
      padding: 4px;
    }

      .ssk-xs > .ssk .fa, .ssk-xs > .ssk .glyphicon, .ssk-xs > .ssk:before, .ssk.ssk-xs .fa, .ssk.ssk-xs .glyphicon, .ssk.ssk-xs:before {
        font-size: 15px;
      }

    .ssk-sm > .ssk, .ssk.ssk-sm {
      padding: 5px;
    }

      .ssk-sm > .ssk .fa, .ssk-sm > .ssk .glyphicon, .ssk-sm > .ssk:before, .ssk.ssk-sm .fa, .ssk.ssk-sm .glyphicon, .ssk.ssk-sm:before {
        font-size: 20px;
      }

    .ssk-lg > .ssk, .ssk.ssk-lg {
      padding: 9px;
    }

      .ssk-lg > .ssk .fa, .ssk-lg > .ssk .glyphicon, .ssk-lg > .ssk:before, .ssk.ssk-lg .fa, .ssk.ssk-lg .glyphicon, .ssk.ssk-lg:before {
        font-size: 28px;
      }

    .ssk:last-child {
      margin-right: 0;
    }

    .ssk:hover {
      background-color: #424242;
    }

    .ssk-round .ssk, .ssk.ssk-round {
      border-radius: 50%;
    }

      .ssk-round .ssk:before, .ssk.ssk-round:before {
        text-indent: 0;
        margin-right: 0;
      }

    .ssk-rounded .ssk, .ssk.ssk-rounded {
      border-radius: 15%;
    }

    .ssk.ssk-icon {
      color: #757575;
      padding: 2px;
      font-size: 24px;
    }

      .ssk.ssk-icon, .ssk.ssk-icon:hover {
        background-color: transparent;
      }

        .ssk.ssk-icon:hover {
          color: #424242;
        }

        .ssk-xs > .ssk.ssk-icon, .ssk.ssk-icon.ssk-xs {
          font-size: 16px;
        }

        .ssk-sm > .ssk.ssk-icon, .ssk.ssk-icon.ssk-sm {
          font-size: 20px;
        }

        .ssk-lg > .ssk.ssk-icon, .ssk.ssk-icon.ssk-lg {
          font-size: 28px;
        }

    .ssk.ssk-text {
      overflow: hidden;
      font-size: 17px;
      line-height: normal;
      padding-right: 10px;
    }

      .ssk.ssk-text .fa, .ssk.ssk-text .glyphicon, .ssk.ssk-text:before {
        margin: -7px 10px -7px -7px;
        padding: 7px;
        background-color: rgba(0,0,0,.15);
        vertical-align: bottom;
        text-indent: 0;
      }

  .ssk-block .ssk.ssk-text {
    display: block;
    margin-right: 0;
    text-align: left;
  }

  .ssk-xs > .ssk.ssk-text, .ssk.ssk-text.ssk-xs {
    font-size: 12px;
    padding-right: 6px;
  }

    .ssk-xs > .ssk.ssk-text .fa, .ssk-xs > .ssk.ssk-text .glyphicon, .ssk-xs > .ssk.ssk-text:before, .ssk.ssk-text.ssk-xs .fa, .ssk.ssk-text.ssk-xs .glyphicon, .ssk.ssk-text.ssk-xs:before {
      margin: -4px 6px -4px -4px;
      padding: 4px;
    }

  .ssk-sm > .ssk.ssk-text, .ssk.ssk-text.ssk-sm {
    font-size: 16px;
    padding-right: 7px;
  }

    .ssk-sm > .ssk.ssk-text .fa, .ssk-sm > .ssk.ssk-text .glyphicon, .ssk-sm > .ssk.ssk-text:before, .ssk.ssk-text.ssk-sm .fa, .ssk.ssk-text.ssk-sm .glyphicon, .ssk.ssk-text.ssk-sm:before {
      margin: -5px 7px -5px -5px;
      padding: 5px;
    }

  .ssk-lg > .ssk.ssk-text, .ssk.ssk-text.ssk-lg {
    font-size: 22px;
    padding-right: 13px;
  }

    .ssk-lg > .ssk.ssk-text .fa, .ssk-lg > .ssk.ssk-text .glyphicon, .ssk-lg > .ssk.ssk-text:before, .ssk.ssk-text.ssk-lg .fa, .ssk.ssk-text.ssk-lg .glyphicon, .ssk.ssk-text.ssk-lg:before {
      margin: -9px 13px -9px -9px;
      padding: 9px;
    }

  .ssk-group, .ssk-sticky {
    font-size: 0;
  }

  .ssk-sticky {
    top: 0;
    position: fixed;
    z-index: 2000;
  }

    .ssk-sticky .ssk {
      transition: padding .1s ease-out;
      -webkit-transition: padding .1s ease-out;
      -moz-transition: padding .1s ease-out;
      -ms-transition: padding .1s ease-out;
      -o-transition: padding .1s ease-out;
      margin: 0;
    }

    .ssk-sticky.ssk-left .ssk, .ssk-sticky.ssk-right .ssk {
      display: block;
      clear: both;
    }

    .ssk-sticky.ssk-left.ssk-center, .ssk-sticky.ssk-right.ssk-center {
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
    }

    .ssk-sticky.ssk-left {
      left: 0;
    }

    .ssk-sticky.ssk-right .ssk, header .ssk-group {
      float: right;
    }

      .ssk-sticky.ssk-right .ssk, header .ssk-group a {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: #888;
        margin: 0 5px;
        /* padding: 5px; */
        margin-top: 5px;
      }

        .ssk-sticky.ssk-right .ssk, header .ssk-group a.facebook {
          background: url(../img/ikona-fb-light.png) left top no-repeat;
          background-size: cover;
        }

        .ssk-sticky.ssk-right .ssk, header .ssk-group a.twitter {
          background: url(../img/ikona-tw-light.png) left top no-repeat;
          background-size: cover;
        }

        .ssk-sticky.ssk-right .ssk, header .ssk-group a.instagram {
          background: url(../img/ikona-in-light.png) left top no-repeat;
          background-size: cover;
        }

        header .ssk-group a.ssk-youtube {
          display: inline-block;
          width: 16px;
          height: 16px;
          background: #000 !important;
          margin: 0;
          /* line-height: 20px; */
          margin-top: 0px;
          /* padding: 0; */
          /* margin: 0; */
          vertical-align: top;
        }

        .ssk-sticky.ssk-right .ssk, header .ssk-group a:hover {
          opacity: 0.7;
        }

    .ssk-sticky.ssk-left .ssk:hover {
      padding-left: 15px;
    }

    .ssk-sticky.ssk-right {
      right: 0;
    }

      .ssk-sticky.ssk-right .ssk:hover {
        padding-right: 15px;
      }

    .ssk-sticky.ssk-bottom {
      font-size: 0;
      top: auto;
      bottom: 0;
    }

      .ssk-sticky.ssk-bottom.ssk-center {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
      }

      .ssk-sticky.ssk-bottom .ssk {
        vertical-align: bottom;
      }

        .ssk-sticky.ssk-bottom .ssk:hover {
          padding-bottom: 15px;
        }

    .ssk-sticky.ssk-round.ssk-xs .ssk:hover {
      padding: 8px;
    }

    .ssk-sticky.ssk-round.ssk-sm .ssk:hover {
      padding: 9px;
    }

    .ssk-sticky.ssk-round .ssk:hover {
      padding: 11px;
    }

    .ssk-sticky.ssk-round.ssk-lg .ssk:hover {
      padding: 13px;
    }

  .ssk-count {
    padding-top: 20px;
  }

    .ssk-count .ssk {
      position: relative;
    }

    .ssk-count .ssk-num {
      border-radius: 4px;
      color: #8f8f8f;
      background-color: rgba(50,50,50,.03);
      display: block;
      font-size: 12px;
      left: 0;
      line-height: 20px;
      position: absolute;
      right: 0;
      text-align: center;
      top: -20px;
    }

    .ssk-count.ssk-sticky {
      padding-top: 0;
    }

      .ssk-count.ssk-sticky.ssk-left .ssk-num, .ssk-count.ssk-sticky.ssk-right .ssk-num {
        top: 20%;
        background-color: transparent;
      }

      .ssk-count.ssk-sticky.ssk-left .ssk-num {
        left: 100%;
        margin-left: 5px;
      }

      .ssk-count.ssk-sticky.ssk-right .ssk-num {
        right: 115%;
        margin-left: -100%;
        text-align: right;
      }

  .ssk-facebook {
    background-color: #255c95;
  }

  .ssk-grayscale > .ssk-facebook {
    background-color: #757575;
  }

  .ssk-facebook:hover {
    background-color: #1b436c;
  }

  .ssk-grayscale > .ssk-facebook:hover {
    background-color: #255c95;
  }

  .ssk-facebook.ssk-icon {
    color: #255c95;
  }

    .ssk-facebook.ssk-icon:hover {
      color: #1b436c;
    }

    .ssk-facebook.ssk-icon:before {
      text-indent: 0;
      margin-right: 0;
    }

  .ssk-twitter {
    background-color: #00b4e0;
  }

  .ssk-grayscale > .ssk-twitter {
    background-color: #757575;
  }

  .ssk-twitter:hover {
    background-color: #008bad;
  }

  .ssk-grayscale > .ssk-twitter:hover {
    background-color: #00b4e0;
  }

  .ssk-twitter.ssk-icon {
    color: #00b4e0;
  }

    .ssk-twitter.ssk-icon:hover {
      color: #008bad;
    }

  .ssk-google-plus {
    background-color: #f1403a;
  }

  .ssk-grayscale > .ssk-google-plus {
    background-color: #757575;
  }

  .ssk-google-plus:hover {
    background-color: #e81810;
  }

  .ssk-grayscale > .ssk-google-plus:hover {
    background-color: #f1403a;
  }

  .ssk-google-plus.ssk-icon {
    color: #f1403a;
  }

    .ssk-google-plus.ssk-icon:hover {
      color: #e81810;
    }

  .ssk-pinterest {
    background-color: #cb2027;
  }

  .ssk-grayscale > .ssk-pinterest {
    background-color: #757575;
  }

  .ssk-pinterest:hover {
    background-color: #9f191f;
  }

  .ssk-grayscale > .ssk-pinterest:hover {
    background-color: #cb2027;
  }

  .ssk-pinterest.ssk-icon {
    color: #cb2027;
  }

    .ssk-pinterest.ssk-icon:hover {
      color: #9f191f;
    }

  .ssk-tumblr {
    background-color: #395773;
  }

  .ssk-grayscale > .ssk-tumblr {
    background-color: #757575;
  }

  .ssk-tumblr:hover {
    background-color: #283d51;
  }

  .ssk-grayscale > .ssk-tumblr:hover {
    background-color: #395773;
  }

  .ssk-tumblr.ssk-icon {
    color: #395773;
  }

    .ssk-tumblr.ssk-icon:hover {
      color: #283d51;
    }

  .ssk-email, .ssk-grayscale > .ssk-email {
    background-color: #757575;
  }

    .ssk-email:hover, .ssk-grayscale > .ssk-email:hover {
      background-color: #5b5b5b;
    }

    .ssk-email.ssk-icon {
      color: #757575;
    }

      .ssk-email.ssk-icon:hover {
        color: #5b5b5b;
      }

  .ssk-vk {
    background-color: #54769a;
  }

  .ssk-grayscale > .ssk-vk {
    background-color: #757575;
  }

  .ssk-vk:hover {
    background-color: #425d79;
  }

  .ssk-grayscale > .ssk-vk:hover {
    background-color: #54769a;
  }

  .ssk-vk.ssk-icon {
    color: #54769a;
  }

    .ssk-vk.ssk-icon:hover {
      color: #425d79;
    }

  .ssk-linkedin {
    background-color: #1c87bd;
  }

  .ssk-grayscale > .ssk-linkedin {
    background-color: #757575;
  }

  .ssk-linkedin:hover {
    background-color: #156791;
  }

  .ssk-grayscale > .ssk-linkedin:hover {
    background-color: #1c87bd;
  }

  .ssk-linkedin.ssk-icon {
    color: #1c87bd;
  }

    .ssk-linkedin.ssk-icon:hover {
      color: #156791;
    }

  .ssk-whatsapp {
    background-color: #34af23;
  }

  .ssk-viber {
    background-color: #5c2e88;
  }

  .ssk-grayscale > .ssk-whatsapp {
    background-color: #757575;
  }

  .ssk-whatsapp:hover {
    background-color: #27851a;
  }

  .ssk-grayscale > .ssk-whatsapp:hover {
    background-color: #34af23;
  }

  .ssk-whatsapp.ssk-icon {
    color: #34af23;
  }

    .ssk-whatsapp.ssk-icon:hover {
      color: #27851a;
    }

  .ssk-reddit {
    background-color: #5f99cf;
  }

  .ssk-grayscale > .ssk-reddit {
    background-color: #757575;
  }

  .ssk-reddit:hover {
    background-color: #3a80c1;
  }

  .ssk-grayscale > .ssk-reddit:hover, .ssk-reddit2 {
    background-color: #5f99cf;
  }

  .ssk-reddit.ssk-icon {
    color: #5f99cf;
  }

    .ssk-reddit.ssk-icon:hover {
      color: #3a80c1;
    }

  .ssk-grayscale > .ssk-reddit2 {
    background-color: #757575;
  }

  .ssk-reddit2:hover {
    background-color: #3a80c1;
  }

  .ssk-grayscale > .ssk-reddit2:hover {
    background-color: #5f99cf;
  }

  .ssk-reddit2.ssk-icon {
    color: #5f99cf;
  }

    .ssk-reddit2.ssk-icon:hover {
      color: #3a80c1;
    }

  footer .ssk, header .ssk {
    color: #fff;
    font-size: 20px;
    line-height: 1px;
    text-decoration: none;
    font-weight: 100;
  }

  .ssk-turquoise {
    background-color: #1abc9c;
  }

    .ssk-turquoise:hover {
      background-color: #148f77;
    }

  .ssk-emerald {
    background-color: #2ecc71;
  }

    .ssk-emerald:hover {
      background-color: #25a25a;
    }

  .ssk-peter-river {
    background-color: #3498db;
  }

    .ssk-peter-river:hover {
      background-color: #217dbb;
    }

  .ssk-belize-hole {
    background-color: #2980b9;
  }

    .ssk-belize-hole:hover {
      background-color: #20638f;
    }

  .ssk-amethyst {
    background-color: #9b59b6;
  }

    .ssk-amethyst:hover {
      background-color: #804399;
    }

  .ssk-wisteria {
    background-color: #8e44ad;
  }

    .ssk-wisteria:hover {
      background-color: #703688;
    }

  .ssk-wet-asphalt {
    background-color: #34495e;
  }

    .ssk-wet-asphalt:hover {
      background-color: #222f3d;
    }

  .ssk-midnight-blue {
    background-color: #2c3e50;
  }

    .ssk-midnight-blue:hover {
      background-color: #1a242f;
    }

  .ssk-green-sea {
    background-color: #16a085;
  }

    .ssk-green-sea:hover {
      background-color: #107360;
    }

  .ssk-nephritis {
    background-color: #27ae60;
  }

    .ssk-nephritis:hover {
      background-color: #1e8449;
    }

  .ssk-sunflower {
    background-color: #f1c40f;
  }

    .ssk-sunflower:hover {
      background-color: #c29d0b;
    }

  .ssk-orange {
    background-color: #f39c12;
  }

    .ssk-orange:hover {
      background-color: #c87f0a;
    }

  .ssk-carrot {
    background-color: #e67e22;
  }

    .ssk-carrot:hover {
      background-color: #bf6516;
    }

  .ssk-pumpkin {
    background-color: #d35400;
  }

    .ssk-pumpkin:hover {
      background-color: #a04000;
    }

  .ssk-alizarin {
    background-color: #e74c3c;
  }

    .ssk-alizarin:hover {
      background-color: #d62c1a;
    }

  .ssk-pomegranate {
    background-color: #c0392b;
  }

    .ssk-pomegranate:hover {
      background-color: #962d22;
    }

  .ssk-clouds {
    background-color: #cfd9db;
  }

    .ssk-clouds:hover {
      background-color: #b1c2c6;
    }

  .ssk-concrete {
    background-color: #95a5a6;
  }

    .ssk-concrete:hover {
      background-color: #798d8f;
    }

  .ssk-silver {
    background-color: #bdc3c7;
  }

    .ssk-silver:hover {
      background-color: #a1aab0;
    }

  .ssk-asbestos {
    background-color: #7f8c8d;
  }

    .ssk-asbestos:hover {
      background-color: #667273;
    }

  .ssk-dark-gray {
    background-color: #555;
  }

    .ssk-dark-gray:hover {
      background-color: #3b3b3b;
    }

  .ssk-black {
    background-color: #333;
  }

    .ssk-black:hover {
      background-color: #1a1a1a;
    }

  header .ssk {
    background-color: #757575;
    display: inline-block !important;
    margin-right: 4px;
    padding: 5px;
    text-align: left;
    -webkit-transition: background-color .1s;
    -moz-transition: background-color .1s;
    -ms-transition: background-color .1s;
    -o-transition: background-color .1s;
    border-radius: 3px;
  }

  footer .social {
    text-align: center;
    position: relative;
    float: none;
    display: inline-block;
  }

  footer .ssk-group {
    padding-bottom: 20px;
    position: relative;
    margin: 0 auto;
    display: block;
  }

  footer .ssk {
    background-color: #545454;
    display: inline-block !important;
    margin-right: 24px;
    padding: 9px;
    text-align: left;
    transition: background-color .1s;
    -webkit-transition: background-color .1s;
    -moz-transition: background-color .1s;
    -ms-transition: background-color .1s;
    -o-transition: background-color .1s;
    border-radius: 50px;
  }
}

@media (min-width: 550px) {
  a.homebutton {
    display: block;
    width: 265px;
    height: 46px;
    background: url(../img/left.png) 25px center no-repeat #636363;
    text-align: left;
    line-height: 46px;
    font-size: 25px;
    font-weight: 400;
    font-style: italic;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    padding-left: 85px;
  }

  .single img {
    max-width: 99%;
    min-width: inherit;
  }

  a.homebutton:hover {
    background: url(../img/left.png) 25px center no-repeat #272727;
  }

  footer {
    padding: 0;
    font-size: 17px;
  }
}

@media (max-width: 749px) {
  .single h3, p.oznake a {
    text-transform: uppercase;
  }

  a.back-to-top {
    display: none;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: url(../img/up-arrow.png) center 43% no-repeat #B20000;
    border-radius: 5px;
  }

  a:hover.back-to-top {
    background-color: #000;
  }

  #main {
    padding: 0;
    border: none;
    margin: 0;
  }

  .single h3 {
    font-size: 2em;
    line-height: 1em;
  }

    .single h3.title {
      font-size: 1.7em;
      text-align: center;
      width: 100%;
      padding-bottom: 15px;
    }

  .single img.headline {
    padding: 2px;
    border: 1px solid #c5c5c5;
    width: 100%;
    border-radius: 0;
    display: block;
    position: relative;
    min-width: inherit;
    margin-top: 20px;
  }

  .page form label {
    display: inline-block;
    width: 100%;
    padding: 0;
    vertical-align: middle;
  }

  .page form span {
    width: 100px;
    display: block;
    color: #777;
    float: left;
    height: 40px;
    line-height: 40px;
  }

  .page form input[type=email], .page form input[type=text] {
    width: 100%;
    display: block;
    margin: 0;
    float: left;
    height: 40px;
  }

  .page form textarea {
    width: 100%;
    height: 140px;
    display: block;
    margin: 0;
    float: left;
  }

  .page form input[type=submit] {
    float: right;
    font-weight: 600;
    border: 0;
    font-size: 16px;
    padding: 0 15px;
  }

  p.oznake {
    border-top: 1px solid #680000;
    border-right: 1px solid #680000;
    border-bottom: 1px solid #200;
    padding: 0;
  }

    p.oznake span {
      display: inline-block;
      padding: 0 5px;
      color: #fff;
      font-weight: 600;
    }

    p.oznake a {
      color: #000;
      font-weight: 700;
      text-decoration: none;
    }
}

@media (min-width: 750px) {
  a.back-to-top {
    display: none;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: url(../img/up-arrow.png) center 43% no-repeat #B50710;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
  }

  a:hover.back-to-top {
    background-color: #000;
  }

  section {
    padding: 15px;
  }

  #main {
    padding: 0;
  }

  .page form {
  }

    .page form label {
      display: inline-block;
      width: 530px;
      padding: 0;
      vertical-align: middle;
    }

  #contact span {
    width: 100px;
    display: block;
    color: #777;
    float: left;
    height: 40px;
    line-height: 40px;
  }

  .page form input[type=email], .page form input[type=text] {
    width: 530px;
    display: block;
    margin: 0;
    float: left;
    height: 40px;
  }

  #contact textarea {
    width: 530px;
    height: 200px;
    display: block;
    margin: 0;
    float: left;
  }

  .page form input[type=submit] {
    float: right;
    font-weight: 600;
    border: 0;
    font-size: 16px;
    padding: 0 15px;
  }

  a.mega-button, a.mini-button {
    text-decoration: none;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
  }

  .page form input[type=submit]:hover {
    background-color: #777;
    color: #fff;
  }

  article.home {
    margin-bottom: 2rem;
    width: 100%;
  }

  .mega-button, .mini-button {
    width: auto;
    clear: both;
    float: none;
  }

  .mega-button {
    display: table !important;
    height: 60px;
    background-color: #a80414;
    border-radius: 10px;
  }

  a.mega-button {
    line-height: 60px;
    display: block;
    text-align: center;
    font-size: 3rem;
    font-style: italic;
    letter-spacing: .2rem;
    padding: 0 25px;
    margin: 0 auto;
  }

  .mini-button {
    display: table !important;
    height: auto;
    background-color: #636363;
    border-radius: 4px;
    padding: 4px 10px;
    margin: 10px auto;
  }

  a.mini-button {
    font-size: 1.2rem;
    margin: 10px auto;
  }

  footer .copy, footer .menu ul {
    margin: 0 auto;
    text-align: center;
  }

  p.oznake {
    border-top: 1px solid #680000;
    border-right: 1px solid #680000;
    border-bottom: 1px solid #200;
    padding: 0;
  }

    p.oznake span {
      display: inline-block;
      padding: 0 5px;
      color: #fff;
      font-weight: 600;
    }

    footer .menu a, p.oznake a {
      text-decoration: none;
      font-weight: 700;
    }

    p.oznake a {
      color: #000;
      text-transform: uppercase;
    }

  footer .menu ul {
    max-width: none;
    display: block;
    position: relative;
  }

    footer .menu ul li {
      display: inline-block;
    }

  footer .menu a {
    height: 100%;
    line-height: 45px;
    padding: 0 25px;
  }

  footer .copy {
    display: block;
    height: 24px;
    width: 400px;
  }

  footer {
    height: auto;
    padding: 0;
    font-size: 14px;
  }
}

@media (min-width: 551px) and (max-width:966px) {
  .ssslide p {
    background: rgba(0,0,0,.85);
    position: absolute;
    display: block;
    width: 94%;
    padding: 3%;
    margin: 0;
    height: auto;
    bottom: 0;
  }
}

@media (max-width: 966px) {
  header .container {
    height: 100%;
    padding: 0;
  }

  section.home4, section.home4 .columns {
    position: relative;
  }

  #main div.homeevent {
    display: none;
  }

    #main div.homeevent.first {
      display: block;
    }

    #main div.homeevent .eventbanner .buttons {
      display: none
    }

    #main div.homeevent .eventbanner .nextbutton, #main div.homeevent .eventbanner .prevbutton {
      display: none
    }

    #main div.homeevent .eventinfo {
    }

      #main div.homeevent .eventinfo .title {
        font-size: 2em;
        font-weight: 600;
        margin-bottom: 0;
      }

        #main div.homeevent .eventinfo .title span.red {
          color: #c70000;
          font-weight: 900;
        }

      #main div.homeevent .eventinfo .date {
        font-size: 1.8em;
        font-weight: 900;
        color: #727272;
        margin-bottom: 10px;
        font-style: italic;
      }

      #main div.homeevent .eventinfo .intro {
        font-weight: 100;
        font-size: 1.2em;
        line-height: 1.2;
      }

      #main div.homeevent .eventinfo .buttons {
        display: block;
        width: 100%;
        text-align: center;
        padding-bottom: 30px;
      }

        #main div.homeevent .eventinfo .buttons .button {
          display: inline-block;
          height: 40px;
          line-height: 40px;
          font-size: 1.3em;
          color: white;
          background: #3d3d3d;
          border-radius: 0;
          width: 90%;
        }

          #main div.homeevent .eventinfo .buttons .button.red {
            background: #b20000;
          }

  section.home {
    padding-bottom: 0;
    padding-top: 0;
  }

    section.home .info {
      padding: 10px;
    }

    section.home.schedule {
      padding-bottom: 30px;
      padding-top: 15px;
    }

  section.home2 {
    background-color: #FFF;
    padding-top: 70px;
    display: none;
  }

  section.home4 {
    background-color: #FFF;
    padding: 0;
  }

  h2.red.title {
    display: block;
    padding: 5px 25px;
    text-align: left;
    border-bottom: 1px solid red;
    color: #000;
    font-size: 1.6em;
    border-bottom-right-radius: 0;
    letter-spacing: 2px;
    font-family: 'Fjalla One', sans-serif;
  }

  .home.page section.home5 {
    display: none;
  }

  section.home5 {
    height: 100px;
    padding: 0;
  }

    section.home5 .container {
      padding: 0;
    }

    section.home5 #newspaging {
      display: block !important;
      background-color: #fff;
    }

      section.home5 #newspaging #paginator {
        display: block !important;
        height: 40px;
        line-height: 40px;
      }

  .container.home .info h2 {
    display: inline-block;
  }

  .container.home .info h3 {
    padding: 0;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    clear: right;
    color: #290000;
    font-weight: 900;
  }

  section.home3 h2 {
    font-size: 2.6em;
  }

  section.home3 .kb h2 {
    color: #00468c;
  }

  section.home3 .mma h2 {
    color: #b20000;
  }

  section.home3 h3 {
    text-transform: none;
    font-size: 2em;
    margin-bottom: 0;
    padding: 0;
    line-height: normal;
  }

  .container.home .info h4, section.home2 .frame .profile .name, section.home2 .profile .mainevent, section.home3 h4 {
    text-transform: uppercase;
    font-weight: 900;
  }

  section.home3 h4 {
    color: #666;
    font-size: 1.4em;
    letter-spacing: normal;
    line-height: 1;
  }

  section.home2 .container.home2 {
    margin-top: -15px;
  }

    section.home2 .container.home2 .six {
      display: block;
      position: relative;
      margin-bottom: 70px;
    }

  section.home2 .frame {
    z-index: 900;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
  }

    section.home2 .frame .profile {
      height: 210px;
      border-top: 0;
      margin-top: 0;
      background: #eee;
      background: -moz-linear-gradient(top,#eee 18%,#848484 85%);
      background: -webkit-linear-gradient(top,#eee 18%,#848484 85%);
      background: linear-gradient(to bottom,#eee 18%,#848484 85%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#848484', GradientType=0 );
      display: block;
      position: relative;
    }

  section.home2 .profile .mainevent, section.home2 .profile .titlebout {
    width: 240px;
    position: absolute;
    box-shadow: 0 -1px 1px #3e3e3e;
    margin-left: -120px;
    text-align: center;
  }

  section.home2 .profile .titlebout {
    display: block;
    height: 25px;
    top: 80px;
    background: #F7BC08;
    background: -moz-linear-gradient(top,#d9a400 0,#624a00 100%);
    background: -webkit-linear-gradient(top,#FFC30A 0,#624a00 100%);
    background: linear-gradient(to bottom,#c4a768 0,#624a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a400', endColorstr='#624a00', GradientType=0 );
    border-top-left-radius: 5px;
    font-weight: 900;
    font-size: 1.2em;
    letter-spacing: 8px;
    left: 50%;
    border-top-right-radius: 5px;
    line-height: 28px;
  }

  section.home2 .profile .mainevent {
    display: block;
    height: 24px;
    top: 103px;
    color: #fff;
    font-size: 1em;
    letter-spacing: 0;
    line-height: 24px;
    left: 50%;
  }

    section.home2 .profile .mainevent.mma {
      background: #D80000;
    }

    section.home2 .profile .mainevent.kb {
      background: #0000ff;
    }

  section.home2 .frame .profile img.left {
    max-width: 100%;
    position: relative;
    top: 0;
    right: 0;
    display: block;
    height: 100%;
    margin: 0 auto;
  }

  section.home2 .frame .profile img.right {
    max-width: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    margin: 0 auto;
  }

  section.home2 .frame .profile .data {
    display: block;
    height: 87px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
  }

    section.home2 .frame .profile .data.mma {
      background: url(../img/sprite.png) 0 -987px no-repeat #ccc;
    }

    section.home2 .frame .profile .data.kb {
      background: url(../img/sprite.png) 0 -1074px no-repeat #ccc;
    }

  section.home2 .frame .profile .fighter {
    padding: 0;
    margin: -60px 0 0;
    display: block;
    float: left;
    width: 50%;
    overflow: hidden;
    height: 100%;
  }

  section.home2 .frame .profile .vs {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    width: 48px;
    height: 45px;
    background: url(../img/vs.png) no-repeat;
    top: 8px;
  }

    section.home2 .frame .profile .vs.kb {
      background: url(../img/vskb.png) no-repeat;
    }

  section.home2 .frame .profile .name {
    display: block;
    width: 50%;
    float: left;
    margin-top: 9px;
    height: 50px;
    line-height: 54px;
    text-align: center;
    font-size: 1.4em;
  }

  section.home2 .frame .profile .weightclass {
    display: block;
    width: 100%;
    float: none;
    position: absolute;
    bottom: 0;
    height: 28px;
    line-height: 28px;
    font-weight: 900;
    font-size: 1.1em;
    text-align: center;
    color: rgba(255,255,255,.7);
  }

  section.home2 .stats {
    width: 96%;
    margin: 190px auto 0 2%;
    padding: 0;
    display: table;
    z-index: 1;
    position: relative;
  }

    section.home2 .stats tr {
      display: table-row;
    }

      section.home2 .stats td, section.home2 .stats tr:first-child td {
        display: table-cell;
        font-size: 1.1em;
        line-height: normal;
        padding: 0;
      }

      section.home2 .stats tr:first-child td {
        border-top: 0;
        position: relative;
        vertical-align: initial;
      }

  .home2 .stats tr td:nth-child(1), .home2 .stats tr td:nth-child(3) {
    background-color: #828282;
    width: 20%;
  }

  .home2 .stats tr td:first-child {
    border-right: 0 solid #494949;
    background: #9f9f9f;
    background: -moz-linear-gradient(left,#9f9f9f 0,#909090 20%);
    background: -webkit-linear-gradient(left,#9f9f9f 0,#909090 20%);
    background: linear-gradient(to right,#9f9f9f 0,#909090 20%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f9f9f', endColorstr='#909090', GradientType=1 );
  }

  .home2 .stats tr td:nth-child(2) {
    border-left: 3px solid #494949;
    border-right: 3px solid #494949;
  }

  .home2 .stats tr td:last-child {
    border-left: 2px solid #494949;
    background: #909090;
    background: -moz-linear-gradient(left,#909090 80%,#9f9f9f 100%);
    background: -webkit-linear-gradient(left,#909090 80%,#9f9f9f 100%);
    background: linear-gradient(to right,#909090 80%,#9f9f9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#9f9f9f', GradientType=1 );
    box-shadow: 2px 1px 4px rgba(0,0,0,.41);
  }

  section.home2 .stats td {
    text-align: center;
    margin: 0;
    border-bottom: 1px solid #5f5f5f;
    border-top: 1px solid #fff;
    font-weight: 900;
    border-radius: 0;
    height: 30px;
  }

    section.home2 .stats td img {
      margin: 0 0 -12px;
      padding: 0;
      position: relative;
      bottom: -10px;
    }

  section.home2 .stats tr td:nth-child(2) {
    background: #CACACA;
  }

  section.home2 .stats tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
  }

  section.home2 .stats tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
  }

  section.home2 .stats tr:last-child td {
    border-bottom: 0;
    box-shadow: 2px 2px 4px rgba(0,0,0,.41);
  }

  section.home2 a.button.fightcard {
    background: #a4a4a4;
    background: -moz-linear-gradient(top,#a4a4a4 0,#e1e1e1 99%);
    background: -webkit-linear-gradient(top,#a4a4a4 0,#e1e1e1 99%);
    background: linear-gradient(to bottom,#a4a4a4 0,#e1e1e1 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#e1e1e1', GradientType=0 );
    display: block;
    padding: 12px 0;
    font-size: 1.62em;
    height: auto;
    border-radius: 0;
    margin: -50px 0 0;
    position: relative;
    color: #222;
    text-shadow: none;
    font-weight: 900;
  }

    section.home2 a.button.fightcard:hover {
      background: #878787;
      background: -moz-linear-gradient(top,#878787 0,#cecece 100%);
      background: -webkit-linear-gradient(top,#878787 0,#cecece 100%);
      background: linear-gradient(to bottom,#878787 0,#cecece 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#cecece', GradientType=0 );
      text-shadow: 0 0 2px #eee;
    }

  .container.home .info h4 {
    font-size: 1.2em;
    line-height: 1em;
    padding: 7px 0;
    color: #636363;
    margin: 0;
  }

  .container.home .info p {
    clear: both;
    margin-bottom: 15px;
    display: block;
    font-weight: 600;
    color: #4E4E4E;
    line-height: 1.2;
  }

  .sidebar .info h4, .sidebar .info.small h4 {
    font-weight: 900;
    color: #666;
    text-transform: uppercase;
  }

  .container.home .info a.full {
    display: inline-block;
    width: auto;
    border-radius: 0;
    padding: 2px 20px;
    font-size: 1.3em;
  }

  section.paging span.d {
    background: 0 0;
  }

  .sidebar img {
    border-radius: 0;
    border: 0;
  }

  .sidebar {
    display: none;
  }

    .sidebar > img {
      margin: 0;
      padding: 0;
    }

    .sidebar .info h2 {
      margin-top: 0;
    }

    .sidebar .info h3 {
      font-size: 1.9em;
      margin: 0;
    }

    .sidebar .info h4 {
      font-size: 1.6em;
      line-height: 1em;
    }

    .sidebar .info.small h2, .sidebar .info.small h3 {
      font-size: 1.5em;
      float: left;
      display: inline-block;
      line-height: 1;
      padding: 0;
    }

    .sidebar .info.small {
      margin-top: -15px;
    }

      .sidebar .info.small h2 {
        margin: 0 5px 0 0;
      }

      .sidebar .info.small h3 {
        margin: 0;
      }

      .sidebar .info.small h4 {
        font-size: 1.2em;
        line-height: 1em;
        clear: both;
      }

  ul#ranking {
    list-style: none;
  }

    ul#ranking > li {
      display: block;
    }

      ul#ranking > li.head {
        height: 49px;
        background: url(../img/rank-head.png) top center no-repeat;
        margin: 0 0 10px;
        cursor: pointer;
        border-bottom: 1px solid #333;
        box-shadow: 0 1px 0 #fff;
      }

        ul#ranking > li.head span.mma, ul#ranking > li.head.mma span.mma {
          width: 43%;
          line-height: 49px;
          margin: 0 0 0 14%;
          font-size: 2em;
          font-weight: 700;
          text-align: center;
          display: block;
          float: left;
        }

        ul#ranking > li.head.mma {
          background: url(../img/rank-head.png) center -51px no-repeat;
          cursor: pointer;
        }

          ul#ranking > li.head.mma span.kb {
            display: block;
            float: left;
            width: 43%;
            padding: 0;
            line-height: 49px;
            text-align: center;
            font-size: 2em;
            font-weight: 700;
            background-color: #DDD;
          }

        ul#ranking > li.head span.kb {
          display: block;
          float: left;
          width: 43%;
          padding: 0;
          line-height: 49px;
          text-align: center;
          font-size: 2em;
          font-weight: 700;
          background-color: #EEE;
        }

        ul#ranking > li.head span.mma {
          background-color: #DDD;
        }

        ul#ranking > li.head.mma span.mma {
          background-color: #EEE;
        }

        ul#ranking > li.head span a {
          color: #5b5b5b;
          text-decoration: none;
          font-size: 1em;
          font-weight: 900;
          display: block;
          padding: 0;
        }

        ul#ranking > li.head span.kb a {
          padding-left: 20px;
        }

        ul#ranking > li.head span.mma a {
          padding-right: 20px;
        }

        ul#ranking > li.head a:hover {
          color: #000;
          text-shadow: 1px 1px 1px #fff;
        }

      ul#ranking > li > ul {
        list-style: none;
        padding: 0;
        margin: 0;
      }

    ul#ranking li.rank-kb li, ul#ranking li.rank-mma li {
      margin: 0;
      padding: 0;
      height: 30px;
    }

      ul#ranking li.rank-kb li span, ul#ranking li.rank-mma li span {
        display: block;
        left: 0;
        margin: 0;
        background: #4f7daf;
        background: -moz-linear-gradient(top,#4f7daf 5%,#4f7daf 5%,#1a3a4f 76%);
        background: -webkit-linear-gradient(top,#4f7daf 5%,#4f7daf 5%,#1a3a4f 76%);
        background: linear-gradient(to bottom,#4f7daf 5%,#4f7daf 5%,#1a3a4f 76%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f7daf', endColorstr='#1a3a4f', GradientType=0 );
        font-size: 1.2em;
        letter-spacing: 3px;
        font-weight: 900;
        line-height: 32px;
        color: #fafafa;
        width: 15%;
        position: absolute;
        text-align: center;
        height: 30px;
        padding-left: 5px;
      }

      ul#ranking li.rank-mma li span {
        background: #894040;
        background: -moz-linear-gradient(top,#894040 14%,#4f1111 76%);
        background: -webkit-linear-gradient(top,#894040 14%,#4f1111 76%);
        background: linear-gradient(to bottom,#894040 14%,#4f1111 76%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#894040', endColorstr='#4f1111', GradientType=0 );
      }

      ul#ranking li.rank-kb li a, ul#ranking li.rank-mma li a {
        display: block;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 1.4em;
        font-weight: 900;
        width: 80%;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        position: absolute;
        letter-spacing: normal;
        height: 30px;
        line-height: 31px;
        border-bottom: 1px solid grey;
        box-shadow: 0 1px 0 #fff;
        color: #5b5b5b;
      }

  section.kb-top, section.mma-top, section.wc .container.wc h1 {
    position: relative;
    display: block;
  }

  ul#ranking li.rank-kb li a:hover, ul#ranking li.rank-mma li a:hover, ul#ranking li.rank-box li a:hover {
    color: #000;
  }

  section.kb-top .container.kb-top, section.mma-top .container.mma-top, section.box-top .container.box-top {
    color: #FEFEFE;
    line-height: 50px;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
  }

  ul#ranking li.rank-mma {
    display: none;
  }

  /* search */
  .srch h4 {
    display: block;
    margin: 10px 3%;
    border-bottom: 1px solid #242424;
  }

  #searchgal {
    margin-top: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 0;
  }

    #searchgal li {
      padding: 0;
      display: block;
      height: 120px;
      float: left;
      margin-bottom: 20px;
      clear: none;
      width: 14%;
      text-align: center;
      margin: 5px 3%;
      padding: 0;
      position: relative;
    }

    #searchgal dl {
      display: block;
      margin: 0;
      padding: 0;
      min-height: 100px;
      background: 0 0;
      text-align: center;
      /* width: 100%; */
      padding: 0;
    }

    #searchgal dt {
      position: relative;
      width: 100%;
      display: block;
      float: left;
      height: auto;
      text-align: center;
    }

      #searchgal dt a {
        width: 100%;
        height: 100%;
        padding: 0;
        display: inline-block;
        line-height: 1;
        color: #656565;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 15px;
      }

        #searchgal dt a img {
          height: 90px;
          width: auto;
          /* border: 2px solid #4e4e4e; */
          border-radius: 5px;
          clear: both;
        }

        #searchgal dt a span {
          display: block;
          clear: both
        }

        #searchgal dt a:hover img {
          opacity: .85;
        }

  /** FIGHTER SUPPORT RANKING **/
  h3.fighter-support {
    display: inline-block;
    padding: 5px 25px;
    text-align: center;
    background-color: #862423;
    color: #eee;
    font-size: 1.1em;
    border-bottom-right-radius: 0;
    letter-spacing: 2px;
    margin-bottom: 1px;
    font-weight: 900;
    line-height: 1
  }

  ul#fighter-support-home {
    padding: 5px 0;
    background: #666666;
    /* Old browsers */
    background: -moz-linear-gradient(top, #666666 0%, #373737 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #666666 0%,#373737 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #666666 0%,#373737 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#373737',GradientType=0 );
    /* IE6-9 */
  }

    ul#fighter-support-home li {
      height: 46px;
      overflow: hidden;
      display: block;
      margin: 0;
      position: relative;
      padding: 10px 0 0 0;
      color: #434343;
      font-weight: 900;
      /* font-size: 1.4em; */
    }

      ul#fighter-support-home li.last {
        height: auto;
        line-height: normal;
        text-align: center;
        margin: 10px 0 0 0;
        padding: 5px;
        background: #e3e3e3;
        background: -moz-linear-gradient(top, #e3e3e3 0%, #a4a4a4 100%);
        background: -webkit-linear-gradient(top, #e3e3e3 0%,#a4a4a4 100%);
        background: linear-gradient(to bottom, #e3e3e3 0%,#a4a4a4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#a4a4a4',GradientType=0 );
      }

      ul#fighter-support-home li .data {
        display: inline-block;
        float: left;
        height: 100%;
        width: 70%;
        margin: 0;
        background: #e3e3e3;
        background: -moz-linear-gradient(top, #e3e3e3 0%, #a4a4a4 100%);
        background: -webkit-linear-gradient(top, #e3e3e3 0%,#a4a4a4 100%);
        background: linear-gradient(to bottom, #e3e3e3 0%,#a4a4a4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#a4a4a4',GradientType=0 );
      }

        ul#fighter-support-home li .data img {
          width: 60px;
          height: auto;
          float: left;
          min-height: 100%;
          margin-top: -5px;
          position: relative;
          display: block;
        }

      ul#fighter-support-home li .name {
        display: block;
        height: 30px;
        font-size: 1.3em;
        text-transform: uppercase;
        line-height: 40px;
        padding-left: 5px;
        float: left;
        clear: right;
        letter-spacing: -1px;
        min-width: 68%;
      }

      ul#fighter-support-home li .perc {
        display: block;
        float: left;
        font-size: 0.8em;
        width: 12%;
        text-align: right;
        margin-top: 1px;
        height: 1em;
        line-height: 1;
      }

      ul#fighter-support-home li .num {
        display: inline-block;
        width: 10%;
        float: left;
        height: 100%;
        position: relative;
        color: #dddddd;
        font-size: 1.4em;
        font-weight: 900;
        text-align: center;
        line-height: 50px;
      }

      ul#fighter-support-home li .votes {
        display: block;
        float: right;
        width: 19.5%;
        height: 100%;
        margin: 0;
        text-align: center;
        line-height: 46px;
        font-size: 1.3em;
        position: relative;
        background: #e3e3e3;
        background: -moz-linear-gradient(top, #e3e3e3 0%, #a4a4a4 100%);
        background: -webkit-linear-gradient(top, #e3e3e3 0%,#a4a4a4 100%);
        background: linear-gradient(to bottom, #e3e3e3 0%,#a4a4a4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#a4a4a4',GradientType=0 );
        letter-spacing: -1px;
      }

      ul#fighter-support-home li .line {
        display: block;
        float: left;
        height: 6px;
        background: #535353;
        width: 67%;
        margin-left: 5px;
        position: relative;
        margin-top: 4px;
        border: 1px solid #535353;
      }

      ul#fighter-support-home li .inner {
        position: relative;
        height: 100%;
        background-color: #fed24d;
        display: block;
      }

  body {
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-color: #fff;
  }

  .moved-pos {
    cursor: pointer;
  }

  section {
    padding: 15px 5px 0;
    height: auto !important;
  }

    section.kb-top {
      padding: 0;
      margin: 0;
      height: 55px;
      background: black;
    }

    section.mma-top {
      background: #000;
      padding: 0;
      margin: 0;
      height: 55px;
    }

    section.box-top {
      padding: 0;
      margin: 0;
      height: 55px;
      background: black;
    }

    section.kb-top .container.kb-top {
      border-bottom: 4px solid #083ed4;
      height: 55px;
      letter-spacing: 12px;
    }

    section.mma-top .container.mma-top {
      background: #000000;
      height: 55px;
      letter-spacing: 4px;
      border-bottom: 4px solid red;
    }

    section.box-top .container.box-top {
      background: #000000;
      height: 55px;
      letter-spacing: 4px;
      border-bottom: 4px solid #d9a400;
    }

    section.wc {
      padding: 0;
      height: 110px;
      background: #fff;
      display: block;
      clear: both;
    }

      section.wc .container.wc {
        /* background: #666; */
        padding: 0;
        height: auto;
      }

        section.wc .container.wc h1 {
          margin: 40px 0 0;
          text-align: center;
          clear: both;
          font-size: 1.8em;
          font-weight: 900;
          color: #999;
          letter-spacing: 1px;
          text-transform: uppercase;
        }

      section.wc ul {
        padding: 0;
        list-style: none;
        display: inline-block;
        margin: 0 auto;
        position: relative;
        height: auto;
        text-align: center;
        background: #080808;
        width: 100%;
        text-align: center;
      }

      section.wc li {
        padding: 0;
        height: 40px;
        display: inline-block;
        text-align: center;
        margin: 0;
        border-right: 1px solid #303030;
        line-height: 40px;
        vertical-align: middle;
      }

        section.wc li:last-child {
          border-right: 0
        }

        section.wc li.active, section.wc li:hover {
          /* background-color: #e5e5e5; */
        }

          section.wc li.active a, section.wc li:hover a {
            color: inherit;
            background: #555;
            color: #fff;
          }

      section.wc a {
        padding: 0 5px;
        font-weight: 600;
        font-size: 1em;
        text-transform: uppercase;
        color: #fff;
        height: 100%;
        display: block;
      }

    section.champ.top {
      background-color: #fff;
      line-height: 30px;
      text-align: center;
      font-size: 2em;
      font-weight: 100;
      color: #a89461;
      letter-spacing: 0;
      padding-bottom: 15px;
    }

    section.champs {
      padding: 0;
      background: #E4E4E4;
    }

      section.champs h2.kbtitle, section.champs h2.mmatitle, section.champs h2.boxtitle {
        width: 100%;
        top: 0;
        font-size: 1.2em;
        letter-spacing: 8px;
        text-shadow: 1px 1px 2px rgba(0,0,0,.5);
        padding: 15px 0;
        position: relative;
        text-align: center;
      }

      section.champs h2.title {
        position: relative;
        padding: 0;
        width: 100%;
        text-align: center;
        margin: 20px 0;
        font-size: 2em;
        color: #d9a919;
        letter-spacing: 10px;
        font-weight: 100;
        background: -webkit-linear-gradient(#c7ab01, #a7710b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        padding-bottom: 10px;
        display: block
      }

      section.champs h2.kbtitle {
        color: #FFF;
        /* background: #1A69B8; */
      }

      section.champs h2.mmatitle {
        color: #e1e1e1;
        background: #B20000;
      }

      section.champs h2.boxtitle {
        color: #e1e1e1;
        background: #d9a400;
      }

      section.champs .champ {
        display: block;
        float: left;
        margin: 0;
        width: 33.3338%;
        min-height: 220px;
      }

        section.champs .champ > img {
          display: none;
        }

        section.champs .champ .img {
          display: block;
          overflow: hidden;
          background: url(../img/champ-img-border.png) right bottom no-repeat;
          border-bottom: 1px solid #999;
          min-height: 230px;
        }

        section.champs .champ:nth-child(6) .img {
          background: 0 0;
        }

        section.champs .champ .img img {
          position: relative;
          margin: 0 auto;
          display: block;
          transition-duration: 1s;
          margin-bottom: -13px;
        }

          section.champs .champ .img img:hover {
            -webkit-filter: grayscale(60%);
            filter: grayscale(60%);
          }

      section.champs .limiter {
        width: 100%;
        clear: both;
        position: relative;
        height: 20px;
        display: none;
      }

        section.champs .limiter .kb {
          display: block;
          width: 100%;
          position: relative;
          height: 15px;
          background: url(../img/kb-blue-bg.png) center center no-repeat;
        }

        section.champs .limiter.mma {
          height: auto;
        }

        section.champs .limiter .mma {
          display: block;
          width: 100%;
          position: relative;
          height: 15px;
          background: url(../img/mma-red-bg.png) center center no-repeat;
        }

    section.single-article {
      padding: 10px;
      background: #fff;
    }

      section.single-article img {
        border: none;
      }

  .single img.headline {
    padding: 2px;
    border: 1px solid #c5c5c5;
    width: 100%;
    border-radius: 0;
    display: block;
    position: relative;
    min-width: inherit;
    margin-top: 0;
    height: auto;
  }

  section.archive.news .lSSlideOuter {
    padding: 0 !important;
  }

    section.archive.news .lSSlideOuter .lSPager.lSGallery {
      position: relative !important;
      display: block;
      width: 100% !important;
      text-align: center;
      height: auto !important;
      padding-top: 10px;
    }

      section.archive.news .lSSlideOuter .lSPager.lSGallery li {
        position: relative !important;
        display: block;
        width: 23% !important;
        height: auto !important;
        margin: 0 2% 0 0;
      }

  section.archive.news .lSSlideWrapper {
    border: 3px solid #666;
    border-radius: 4px;
    overflow: hidden;
    display: block;
  }

  section.archive.photo .lSSlideWrapper {
    /* border: 5px solid grey; */
    /* border-radius: 4px; */
    overflow: hidden;
    max-height: 500px;
  }

  section.archive .lSSlideOuter img {
    border: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 100%;
    cursor: pointer;
    min-width: 100%;
  }

  .lg-outer .lg-image {
    min-width: inherit;
  }

  section.archive .lSSlideOuter .lSPager.lSGallery img {
    width: 70px;
    display: block;
    position: relative;
    min-width: 95%;
    border-radius: 0;
    min-height: 93%;
  }

  section.archive.photo .lSSlideOuter .lSPager.lSGallery li.active, section.archive.photo .lSSlideOuter .lSPager.lSGallery li:hover {
    box-shadow: 0 5px 7px rgba(0,0,0,.8);
  }

    section.archive.photo .lSSlideOuter .lSPager.lSGallery li.active img, section.archive.photo .lSSlideOuter .lSPager.lSGallery li:hover img {
      width: 70px;
      display: block;
      position: relative;
      min-width: 95%;
      border-radius: 0;
      min-height: 93%;
    }

  section.archive.photo {
    padding-bottom: 30px;
  }

    section.archive.photo.bottom {
    }

      section.archive.photo.bottom .gal {
        border: 0;
        margin-bottom: 2em;
      }

      section.archive.photo.bottom img {
        border: 0;
      }

      section.archive.photo.bottom .title {
        font-weight: 900;
        font-size: 1em;
        letter-spacing: -.5px;
        margin: 0;
        line-height: 1;
      }

        section.archive.photo.bottom .title .red {
          color: #b20002;
          padding-right: 5px;
        }

      section.archive.photo.bottom .place {
        margin: 0;
        font-weight: 700;
        color: #808080;
        text-transform: uppercase;
      }

    section.archive.photo.ul {
      background: url(../img/archive-photo-ul-bg.png) top left repeat-x;
      padding: 0;
    }

      section.archive.photo.ul .container {
        padding: 0;
      }

      section.archive.photo.ul ul {
        list-style: none;
        padding-top: 1px;
        display: table;
        width: 100%;
        margin-bottom: 0;
      }

        section.archive.photo.ul ul li {
          padding: 5px 0;
          position: relative;
          border-right: 1px solid #5F5F5F;
          text-align: center;
          font-weight: 600;
          color: #FFF;
          cursor: pointer;
          font-size: .9em;
          display: table-cell;
          vertical-align: middle;
          background-color: #3E3E3E;
        }

          section.archive.photo.ul ul li:last-child {
            border: none;
          }

          section.archive.photo.ul ul li.active:after, section.archive.photo.ul ul li.active:before, section.archive.photo.ul ul li:after, section.archive.photo.ul ul li:before, section.archive.photo.ul ul li:hover:after, section.archive.photo.ul ul li:hover:before {
            font-size: 0;
            width: 0;
            height: 0;
            border-top: 0 solid transparent;
            border-left: 0 solid transparent;
            position: absolute;
            top: 0;
          }

          section.archive.photo.ul ul li a {
            color: #fff;
            text-transform: uppercase;
            padding: 4px;
          }

          section.archive.photo.ul ul li.active a, section.archive.photo.ul ul li:hover a {
            color: #333;
          }

          section.archive.photo.ul ul li.active:before, section.archive.photo.ul ul li:hover:before {
            display: none line-height: 0;
            border-bottom: 29px solid #BBB;
            border-right: 29px solid transparent;
            right: -29px;
            z-index: 10;
          }

          section.archive.photo.ul ul li.active, section.archive.photo.ul ul li:hover {
            background-color: #bbb;
            color: #4C4C4C;
          }

            section.archive.photo.ul ul li.active:after, section.archive.photo.ul ul li:hover:after {
              display: none line-height: 0;
              border-bottom: 29px solid transparent;
              border-right: 29px solid #BBB;
              left: -29px;
              z-index: 10;
            }

          section.archive.photo.ul ul li:after {
            display: none;
            line-height: 0;
            border-bottom: 28px solid transparent;
            border-right: 28px solid #3E3E3E;
            left: -28px;
          }

          section.archive.photo.ul ul li:before {
            line-height: 0;
            border: 0;
            right: inherit;
          }

  #galsearch {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    left: 0;
    z-index: 999;
    display: none;
    top: 0;
    height: auto;
  }

    #galsearch ::-webkit-input-placeholder {
      color: #fff;
    }

    #galsearch :-moz-placeholder {
      /* Firefox 18- */
      color: #fff;
    }

    #galsearch ::-moz-placeholder {
      /* Firefox 19+ */
      color: #fff;
    }

    #galsearch :-ms-input-placeholder {
      /* IE 10+ */
      color: #fff;
    }

    #galsearch ::-ms-input-placeholder {
      /* Edge */
      color: #fff;
    }

    #galsearch :placeholder-shown {
      /* Standard one last! */
      color: #fff;
    }

    #galsearch input.searchfield {
      position: relative;
      margin: 0;
      padding: 0;
      display: block;
      left: 0;
      z-index: 500;
      width: 100% !important;
      min-height: 29px;
      font-size: 16px;
      color: #fff;
      background: #af2f2f;
      line-height: 29px;
      padding-left: 5px !important;
      height: 29px;
      border: 0;
      outline: transparent;
      outline-width: 0;
    }

    #galsearch #kategorija {
      position: relative;
      margin: 0;
      padding: 0;
      display: inline-block;
      text-transform: uppercase;
      z-index: 999;
      width: 200px;
      min-height: 29px;
      font-size: 15px;
      color: #fff;
      background: #af2f2f;
      line-height: 29px;
      padding-left: 5px !important;
      border: 0;
      font-weight: 400;
      height: auto !important;
      vertical-align: top;
      border-radius: 0;
      margin-right: 0;
      cursor: pointer;
      /* clear: left; */
    }

    #galsearch button {
      position: relative;
      margin: 0;
      padding: 0;
      display: inline-block;
      text-transform: uppercase;
      z-index: 999;
      width: 100px;
      min-height: 29px;
      font-size: 15px;
      color: #fff;
      background: #000000;
      line-height: 29px;
      padding: 0;
      border: 0;
      font-weight: 700;
      height: auto !important;
      vertical-align: top;
      border-radius: 0;
    }

    #galsearch .searchfield {
      margin: 0 10px;
    }

    #galsearch .searchli {
      margin: 0;
      background-color: transparent;
      padding: 0;
      height: 29px;
      border: 0;
      background: transparent;
      position: relative;
      z-index: 995;
      display: block;
      width: 100%;
      text-align: left;
      margin-bottom: 8px;
    }

      #galsearch .searchli:before {
        content: '';
      }

    #galsearch button:hover {
      color: #989898;
      text-shadow: none;
    }

    #galsearch .searchli:last-child:before {
      border-top: 29px solid black;
    }

    #galsearch .searchli:last-child:after {
      border-bottom: 29px solid black;
    }

    #galsearch .searchli:after {
      content: '';
    }

  section.archive.photo .search span {
    display: none;
  }

    section.archive.photo .search span:hover {
      color: #525252;
    }

    section.archive.photo .search span:after {
      content: '';
      display: block;
      position: absolute;
      width: 11px;
      height: 28px;
      background: transparent url(../img/li-arrow-news.png) 9px center no-repeat;
      padding: 0 10px 0 0;
      left: 5px;
      top: 0
    }

  section.archive.photo .search:hover span:after {
    left: 0px;
    top: 0
  }

  section.archive.photo .search span:before {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 30px solid white;
    border-left: 29px solid transparent;
    position: absolute;
    top: 0;
    border-bottom: 0;
    border-right: 0px solid white;
    left: -29px;
  }

  section.archive .lSSlideWrapper li {
    position: relative;
    margin-bottom: 0 !important;
  }

    section.archive .lSSlideWrapper li a {
      display: block;
      height: 100%;
      position: relative;
    }

    section.archive .lSSlideWrapper li span {
      position: absolute;
      bottom: 0;
      background-color: rgba(0,0,0,.7);
      color: #fff;
      line-height: 1;
      font-weight: 400;
    }

  section.archive.photo .lSSlideWrapper li span {
    position: absolute;
    bottom: 0px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    padding: 12px 2.5%;
    line-height: 1;
    font-weight: 400;
    display: block;
    width: 95%;
    font-size: 1em;
    font-style: italic;
    height: 20px;
  }

  section.shop.top {
    padding: 0;
    height: auto;
    background: #3A3A3A;
  }

  section.shop .top {
    padding-top: 88px;
    background: url(../img/ffc-shop-logo.png) center 12px no-repeat;
    background-size: 100px;
  }

  section.shop.bottom {
    padding: 0 0 50px;
    background: url(../img/shop-category-bg.png) left top repeat-x #fff;
  }

    section.shop.bottom .container:first-child {
      padding: 0;
    }

    section.shop.bottom ul.cats li.active:after, section.shop.bottom ul.cats li:after, section.shop.bottom ul.cats li:hover:after {
      border-top: 0 solid transparent;
      border-left: 28px solid transparent;
      left: -28px;
      height: 0;
      content: '';
    }

    section.shop.bottom ul.cats {
      list-style: none;
      margin: 0 0 20px;
      display: table;
      padding-top: 1px;
      width: 100%;
    }

      section.shop.bottom ul.cats li {
        padding: 0 5px;
        position: relative;
        display: table-cell;
        line-height: 28px;
        text-align: center;
        font-weight: 600;
        color: #FFF;
        cursor: pointer;
        font-size: 1em;
        border-right: 1px solid #5D5D5D;
        background-color: #797979;
      }

        section.shop.bottom ul.cats li.active:before, section.shop.bottom ul.cats li:hover:before {
          content: '';
          display: none;
          right: -28px;
        }

        section.shop.bottom ul.cats li.active, section.shop.bottom ul.cats li:hover {
          background-color: #bbb;
        }

          section.shop.bottom ul.cats li.active:after, section.shop.bottom ul.cats li:hover:after {
            display: none;
            font-size: 0;
            width: 0;
            border-bottom: 28px solid #BBB;
            border-right: 0 solid #BBB;
            position: absolute;
            top: 0;
            z-index: 99999;
          }

        section.shop.bottom ul.cats li:after {
          display: none;
          font-size: 0;
          width: 0;
          border-bottom: 28px solid #797979;
          border-right: 0 solid #797979;
          position: absolute;
          top: 0;
        }

        section.shop.bottom ul.cats li:before {
          display: 'none';
          line-height: 0;
          font-size: 0;
          width: 0;
          height: 0;
          border-top: 28px solid #797979;
          border-bottom: 0 solid transparent;
          border-left: 0 solid transparent;
          border-right: 28px solid transparent;
          position: absolute;
          top: 0;
          right: -28px;
        }

  section.profile.top {
    background-color: #fff;
    margin-top: 100px;
  }

    section.profile.top .info .four {
      clear: both;
      overflow: hidden;
      position: relative;
      display: block;
      text-align: center;
      height: 350px;
    }

  #piechart {
    display: none;
  }

  section.profile.top .info .data h2 {
    color: #000;
    font-size: 2em;
    text-align: center;
    border-top: 1px solid #333;
    padding-top: 10px;
  }

  section.profile.name {
    background: url(../img/profile-name-bg.png) 0 -22px repeat-x;
    height: 71px;
    padding: 0;
    position: absolute;
    top: -100px;
    width: 100%;
  }

    section.profile.name p:first-child {
      height: 70px;
      margin: 0;
      position: relative;
      padding-top: 0;
      display: table;
      width: 100%;
    }

    section.profile.name .flag {
      display: table-cell;
      width: 80px;
      position: relative;
      text-align: center;
      vertical-align: middle;
      background: white;
    }

    section.profile.name img {
      border: 0;
      position: relative;
      margin: 0 auto;
      display: block;
      min-width: 0;
    }

    section.profile.name .name {
      display: table-cell;
      font-weight: 900;
      font-size: 1.6em;
      padding-left: 10px;
      letter-spacing: -1px;
      text-transform: uppercase;
      vertical-align: middle;
      line-height: 1;
      background: #b20000;
      color: white;
    }

    section.profile.name .nickname {
      text-transform: capitalize;
    }

    section.profile.name p:last-child {
      margin: 0;
      height: 50px;
      line-height: 40px;
      font-size: 1.2em;
      font-weight: 900;
      /* color: #ccc; */
      position: absolute;
      display: table;
      top: 70px;
      background: #eee;
      width: 100%;
      text-align: center;
    }

    section.profile.name .champ {
      width: 100px;
      height: 100%;
      background: url(../img/champion.png) center center no-repeat;
      display: inline-block;
      display: table-cell;
    }

      section.profile.name .champ.empty {
        background: 0 0;
      }

      section.profile.name .champ.title {
        background: 0 0;
        font-size: 1em;
        display: table-cell;
        width: auto;
        padding-left: 10px;
        color: #daa501;
        font-weight: 900;
        line-height: 1;
        vertical-align: middle;
      }

    section.profile.name p.fighterprofiles {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 116px;
      color: #444;
      font-weight: 900;
      font-size: 0.9em;
      /* margin-top: 29px; */
      letter-spacing: -1px;
      text-align: center;
      display: none;
    }

      section.profile.name p.fighterprofiles span {
        clear: both;
        display: block;
        line-height: 1.1;
        width: 60px;
        text-align: left;
        padding-left: 5px;
      }

      section.profile.name p.fighterprofiles a {
        width: 32px;
        height: 32px;
        display: block;
        float: none;
        margin: 5px;
        box-shadow: 2px 2px 2px rgba(0,0,0,.4);
      }

      section.profile.name p.fighterprofiles .fb {
        background: url(../img/fighter-fb.png) center center no-repeat;
      }

      section.profile.name p.fighterprofiles .tw {
        background: url(../img/fighter-tw.png) center center no-repeat;
      }

      section.profile.name p.fighterprofiles .instagram {
        background: url(../img/fighter-instagram.png) center center no-repeat;
      }

  section.profile.history {
    background-color: #F3F3F3;
    padding: 50px 0 0;
  }

    section.profile.history h2 {
      color: #5a5a5a;
      background-color: #fff;
      display: inline-block;
      padding: 10px 20px;
      font-size: 1.4em;
      font-weight: 900;
      letter-spacing: -1px;
    }

    section.profile.history table {
      display: table;
      padding: 0;
      width: 100%;
      border-top: 1px solid #7f7f7f;
      margin-bottom: 50px;
      max-width: 100%;
    }

      section.profile.history table thead {
        background-color: #fff;
      }

      section.profile.history table tr {
        display: table-row;
      }

      section.profile.history table td, section.profile.history table th {
        display: table-cell;
        padding: 10px 0;
        font-weight: 900;
        font-size: .8em;
        text-align: center;
        border-bottom: 1px solid #7f7f7f;
      }

      section.profile.history table td {
        font-weight: 300;
        border-top: 1px solid #fff;
        text-transform: uppercase;
        padding: 5px 0;
        font-size: .9em;
        line-height: 1;
      }

      section.profile.history table tr td:first-child span {
        padding: 2px 0;
        text-transform: uppercase;
        font-weight: 600;
        width: 52px;
        display: inline-block;
      }

      section.profile.history table a {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0;
      }

      section.profile.history table img {
        min-width: 0;
        border: 0;
        width: auto;
        margin: 0;
        padding: 0;
        display: inline-block;
      }

      section.profile.history table tr.win {
        background-color: #E0F7D8;
      }

      section.profile.history table tr.loss {
        background-color: #FFD4D4;
      }

      section.profile.history table tr.draw {
        background-color: #ffca26;
      }

  section.profile.top img {
    border: 0;
    min-width: 0;
    margin: 20px auto 0 auto;
    position: relative;
    display: block;
    min-height: 100%;
    height: 100%;
  }

  section.profile.top .stat > .info {
    padding-top: 10px;
    text-transform: uppercase;
  }

  section.profile .info .data .stat {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
  }

  section.profile.top .info p {
    margin-bottom: 0;
    font-size: 1.1em;
    font-weight: 900;
    color: #CE1111;
    letter-spacing: -1px;
    display: block;
    line-height: normal;
    padding-left: 10px;
  }

  section.profile.top span {
    margin-right: 10px;
  }

  section.profile.top .info span.black {
    color: #000;
    padding-left: 0;
    font-weight: 100;
  }

  section.profile.bottom {
    padding-top: 0;
    height: 250px;
    background: url(../img/profile-bottom-name-bg.png) bottom left repeat-x #fff;
    display: none;
  }

    section.profile.bottom span {
      display: inline-block;
      position: absolute;
      background: #862423;
      padding: 3px 15px;
      left: 0;
      color: #eee;
      font-weight: 600;
      font-size: 1.3em;
    }

    section.profile.bottom .frame {
      display: block;
      height: 162px;
      overflow: hidden;
      margin-top: 40px;
    }

    section.profile.bottom img {
      border: 0;
      width: 10%;
      display: block;
    }

    section.profile.bottom a {
      display: block;
      height: 44px;
      line-height: 46px;
      color: #323232;
      font-size: 1.2em;
      font-weight: 900;
      letter-spacing: -1px;
      text-align: center;
    }

      section.profile.bottom a:hover {
        color: #fff;
      }

  section.fighters #newspaging {
    position: relative;
    bottom: 0;
    display: inline-block;
    margin-bottom: 40px;
    height: auto;
    width: 100%;
    padding: 0;
    line-height: 1;
  }

    section.fighters #newspaging span.d, section.fighters #newspaging span.l {
      display: none;
    }

  section.fighters {
    background-color: #fff;
    display: block;
    clear: both;
  }

    section.fighters .fighter {
      margin-bottom: 30px;
      overflow: hidden;
      display: table-cell;
      float: left;
      width: 50%;
    }

      section.fighters .fighter:nth-child(4n+1) {
        margin-left: 0;
      }

    section.fighters .frame {
      height: 180px;
      display: table;
      position: relative;
      margin-top: 40px;
      padding: 0;
      width: 100%;
      background: #1e1e1e;
      background: -moz-linear-gradient(top,#1e1e1e 0,#636363 5%,#454545 30%);
      background: -webkit-linear-gradient(top,#1e1e1e 0,#636363 5%,#454545 30%);
      background: linear-gradient(to bottom,#1e1e1e 0,#636363 5%,#454545 30%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#454545', GradientType=0 );
    }

      section.fighters .frame img {
        max-width: 100%;
        position: absolute;
        top: -40px;
        z-index: 1;
      }

  section.event.top {
    padding: 0;
  }

    section.event.top.photo {
      padding: 0;
      height: 60px;
    }

    section.event.top .container {
      display: table;
      width: 100%;
      height: 50px;
      position: relative;
      font-weight: 900;
      font-size: 1em;
      color: #999;
    }

    section.event.top p.left, section.event.top p.right {
      margin: 0;
      display: table-cell;
      width: 20%;
      vertical-align: middle;
      text-align: left;
    }

    section.event.top p.right {
      text-align: right;
    }

    section.event.top p.title {
      margin: 0;
      vertical-align: middle;
      display: table-cell;
      width: 60%;
      text-align: center;
    }

    section.event.top.photo p.title {
      line-height: 1;
      margin: 0;
      padding: 0;
      height: 0;
    }

    section.event.top p.left a:before, section.event.top p.right a:before {
      position: absolute;
      top: 50%;
      margin-top: -11px;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      transition-duration: .25s;
      content: '';
    }

    section.event.top p.title .red {
      color: #D23333;
    }

    section.event.top a {
      color: #999;
    }

      section.event.top a:hover {
        color: #666;
      }

    section.event.top p.left a {
      padding-left: 20px;
    }

      section.event.top p.left a:before {
        left: 0;
        border-right: 14px solid #B3B3B3;
      }

      section.event.top p.left a:hover:before {
        border-right: 14px solid #666;
      }

    section.event.top p.right a:before {
      right: 0;
      border-left: 14px solid #B3B3B3;
    }

    section.event.top p.right a:hover:before {
      border-left: 14px solid #666;
    }

    section.event.top p.right a {
      padding-right: 20px;
    }

  section.event.main {
    padding: 0;
    background: #fff;
    position: relative;
    display: inline-block;
    width: 100%;
  }

    section.event.main .eventdetails {
      width: auto;
      display: block;
      text-align: center;
      position: relative;
      padding: 20px 0;
    }

      section.event.main .eventdetails span {
        font-size: 1.9em;
        font-weight: 900;
        text-transform: uppercase;
        color: #000;
        line-height: 1;
        letter-spacing: -1px;
      }

      section.event.main .eventdetails .red {
      }

      section.event.main .eventdetails span.timelocation {
        display: block;
        font-size: 1em;
        color: #A9A9A9;
        font-weight: 600;
      }

    section.event.main .container {
      height: 100%;
    }

    section.event.main .stat .mainevent {
      width: 100%;
      height: 24px;
      position: relative;
      margin: 0 auto;
      text-align: center;
      font-weight: 900;
      font-size: 1.1em;
      color: #fff;
      box-shadow: 0 2px 2px rgba(0,0,0,.4);
      line-height: 25px;
      display: none;
      /* visibility: hidden; */
      text-transform: uppercase;
    }

      section.event.main .stat .mainevent.kb {
        background: #01356F;
      }

      section.event.main .stat .mainevent.mma {
        background: #700009;
      }

    section.event.main .container .columns.slide {
      min-height: 420px;
      overflow: hidden;
      position: relative;
      display: block;
    }

      section.event.main .container .columns.slide .four {
        width: 100%;
      }

      section.event.main .container .columns.slide .fighter {
        max-height: 500px;
        margin-top: 0;
        /* max-height: 210px; */
        overflow: hidden;
        position: relative;
        display: block;
        width: 50%;
        /* right: 0; */
      }

        section.event.main .container .columns.slide .fighter:nth-child(1) {
          left: 0;
        }

    section.event.main .slide .champion {
      background-color: #ad8200;
      padding: 0 10px;
      color: #fff;
      font-size: .8em;
      font-weight: 600;
      margin: 0;
      top: 0;
      position: absolute;
      z-index: 900;
      width: 50px;
      text-align: center;
    }

    section.event.main .slide .fighter:first-child .champion {
      left: 0;
    }

    section.event.main .slide .fighter:last-child .champion {
      right: 0;
    }

    section.event.main .container.kb {
      display: none;
    }

    section.event.main .arrow {
      display: block;
      width: 22px;
      height: 120px;
      position: absolute;
      top: 130px;
      margin: 0;
      left: -30px;
      background: url(../img/slide-arrow-left.png) left center no-repeat;
    }

      section.event.main .arrow.left {
        left: 0;
        background: url(../img/slide-arrow-left-on.png) left 38% no-repeat;
      }

        section.event.main .arrow.left:hover {
        }

      section.event.main .arrow.right {
        right: 0;
        background: url(../img/slide-arrow-right-on.png) right center no-repeat;
        position: absolute;
        float: right;
        left: inherit;
      }

        section.event.main .arrow.right:hover {
        }

      section.event.main .arrow a {
        display: block;
        height: 100%;
      }

    section.event.main .container .columns.names {
      height: auto;
      position: relative;
    }

      section.event.main .container .columns.names .six {
        width: 50%;
      }

      section.event.main .container .columns.names .columns:nth-child(1) img, section.event.main .container .columns.names .columns:nth-child(2) img {
        margin-top: 0;
        vertical-align: middle;
        float: none;
        display: block;
        position: relative;
        border: 0;
        min-width: 0;
        top: 10px;
      }

      section.event.main .container .columns.names .columns:nth-child(2) img {
        float: right;
      }

      section.event.main .container .columns.names .columns p {
        float: none;
        margin-top: 0;
        line-height: 1;
        display: block;
        position: relative;
        font-size: 1.2em;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 0;
        vertical-align: middle;
        clear: both;
      }

      section.event.main .container .columns.names .columns:nth-child(2) p {
        text-align: right;
      }

      section.event.main .container .columns.names span.winner {
        display: block;
        margin: 0;
        position: absolute;
        top: 0;
        font-size: .9em;
        width: 48%;
        height: 19px;
        line-height: 20px;
        background-color: #D00000;
        z-index: 1;
        color: #EAEAEA;
        font-weight: 600;
        padding: 0 0 0 2%;
        text-shadow: 1px 1px 1px rgba(0,0,0,.5);
        text-transform: uppercase;
        letter-spacing: -.5px;
      }

        section.event.main .container .columns.names span.winner.right {
          text-align: right;
          padding: 4px;
          right: 0;
          left: inherit;
          position: absolute;
          width: 50%;
          height: auto;
          top: 0;
          display: inline-block;
        }

    section.event.main .vs {
      display: none;
      width: 30px;
      height: 40px;
      position: absolute;
      left: 50%;
      top: 0;
      margin-left: -15px;
      z-index: 100;
    }

    section.event.main .mma .vs {
      background: url(../img/vs-event-mma.png) center 2px no-repeat;
      background-size: contain;
    }

    section.event.main .kb .vs {
      background: url(../img/vs-event-kb.png) center 2px no-repeat;
      background-size: contain;
    }

    section.event.main .mma .stat {
      position: relative;
      width: 100% !important;
      display: block;
    }

      section.event.main .mma .stat tr td:nth-child(2) {
      }

    section.event.main img {
      border: 0;
      min-width: 0;
      max-width: 100%;
      border-radius: 0;
      bottom: 0;
      position: absolute;
      max-height: 100%;
    }

    section.event.main .mma .stat table {
      display: table;
      background: #ffffff;
      border-radius: 0;
      border: 0;
      padding: 0 2%;
      margin-bottom: 0;
      width: 100%;
      position: relative;
    }

    section.event.main .stat table {
      display: table;
      margin-bottom: 0;
      margin-top: 0;
      width: 100%;
      position: relative;
    }

    section.event.main .mma .stat table tr:first-child td {
      color: #700009;
      font-size: 1.6em;
      font-weight: 900;
    }

    section.event.main .mma .stat table tr:last-child td {
      border-bottom: 0;
    }

    section.event.main .mma .stat td span:nth-child(1) {
      font-size: 1em;
      clear: both;
      display: block;
    }

    section.event.main .mma .stat table tr:nth-child(n+1) td:nth-child(2) {
      background-color: #700009;
      color: #e9e9e7;
    }

    section.event.main .stat td span:nth-child(1) {
      font-size: 1em;
      clear: both;
      display: block;
      font-weight: 600;
    }

    section.event.main .stat td span:nth-child(2) {
      font-size: 1em;
      clear: both;
      display: block;
      font-weight: 600;
    }

    section.event.main .box .stat table {
      display: table;
      background: #ffffff;
      border-radius: 0;
      border: 0;
      padding: 0 2%;
      margin-bottom: 0;
      width: 100%;
      position: relative;
    }

    section.event.main .stat table {
      display: table;
      margin-bottom: 0;
      margin-top: 0;
      width: 100%;
      position: relative;
    }

      section.event.main .stat table td {
        display: table-cell;
        height: 55px;
        text-align: center;
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1;
        width: 33.33333%;
      }

    section.event.main .box .stat table tr:first-child td {
      color: #700009;
      font-size: 1.6em;
      font-weight: 900;
    }

    section.event.main .box .stat table tr:last-child td {
      border-bottom: 0;
    }

    section.event.main .box .stat td span:nth-child(1) {
      font-size: 1em;
      clear: both;
      display: block;
    }

    section.event.main .box .stat table tr:nth-child(n+1) td:nth-child(2) {
      background-color: #ba9a05;
      color: #e9e9e7;
    }

    section.event.main .kb .stat table {
      width: 100%;
      display: table;
      background: #ffffff;
      border-radius: 0;
      border: 0;
      padding: 0 2%;
      margin-bottom: 0;
    }

    #fcgroup, section.event.main .stat .nocontest, section.fighters .navigation, section.results .navigation {
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
    }

    section.event.main .kb .stat table tr:first-child td {
      color: #08325c;
      font-size: 1.8em;
      font-weight: 900;
    }

    section.event.main .kb .stat table tr:last-child td {
      border-bottom: 0;
    }

    section.event.main .kb .stat table tr:nth-child(n+1) td:nth-child(2) {
      background-color: #01356f;
      color: #e9e9e7;
    }

    section.event.main .container .columns.names .weightclass {
      display: block;
      line-height: 41px;
      font-size: 1.4em;
      font-weight: 900;
      text-align: center;
      color: #e8e8e8;
      position: relative;
      background-color: #151515;
      /* top: 90px; */
    }

    section.event.main .stat .nocontest {
      width: 100%;
      height: 24px;
      position: relative;
      text-align: center;
      background: #e20000;
      font-weight: 900;
      font-size: 1.1em;
      color: #fff;
      box-shadow: 0 2px 2px rgba(0,0,0,.4);
      line-height: 25px;
      margin-bottom: 0;
      display: none;
    }

    section.event.main .stat .visible {
      display: block;
    }

    section.event.main .stat .titlebout {
      display: block;
      width: 100%;
      left: 0;
      position: absolute;
      text-align: center;
      background: #d9a400;
      background: -moz-linear-gradient(top,#d9a400 0,#624a00 100%);
      background: -webkit-linear-gradient(top,#d9a400 0,#624a00 100%);
      background: linear-gradient(to bottom,#d9a400 0,#624a00 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a400', endColorstr='#624a00', GradientType=0 );
      box-shadow: 0 -1px 1px #3e3e3e;
      border-top-left-radius: 0;
      font-weight: 900;
      font-size: 1em;
      letter-spacing: 9px;
      top: -20px;
      border-top-right-radius: 0;
      line-height: 20px;
      z-index: 900;
      height: 20px;
      margin: 0;
      padding: 0;
    }

  section.event.bottom {
    padding-bottom: 50px;
    padding-top: 0;
    display: block;
    position: relative;
  }

    section.event.bottom .other.fight {
      display: inline-block;
      clear: both;
      position: relative;
      height: 220px;
    }

      section.event.bottom .other.fight:nth-child(2n+0) {
        clear: left;
        margin-left: 0;
      }

    section.event.bottom .six.columns.kb {
      background: url(../img/kb-blue-bg.png) 0 8px no-repeat;
      background-size: contain;
    }

    section.event.bottom .six.columns.mma {
      background: url(../img/mma-red-bg.png) 0 8px no-repeat;
      background-size: contain;
    }

    section.event.bottom .six.columns.box {
      background: url(../img/box-yellow-bg.png) 0 8px no-repeat;
      background-size: contain;
    }

  .event.bottom h2 {
    font-size: 2em;
    padding: 20px 0;
    text-transform: uppercase;
  }

  .event.bottom .mma h2 {
    text-align: center;
    color: #910c0d;
    margin: 20px 0;
  }

  .event.bottom .kb h2 {
    text-align: center;
    color: #113f73;
    margin: 20px 0;
  }

  .event.bottom .box h2 {
    text-align: center;
    color: #ca9b0d;
    margin: 20px 0;
  }

  .event.bottom .frame {
    box-shadow: none;
    z-index: 900;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 200px;
  }

    .event.bottom .frame .profile {
      border: 2px solid #838383;
      height: 190px;
      margin-top: 0;
      background: #eee;
      background: -moz-linear-gradient(top,#eee 18%,#848484 85%);
      background: -webkit-linear-gradient(top,#eee 18%,#848484 85%);
      background: linear-gradient(to bottom,#eee 18%,#848484 85%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#848484', GradientType=0 );
      display: block;
      position: relative;
    }

      .event.bottom .frame .profile img.left {
        max-width: 100%;
        position: relative;
        top: 0;
        right: 0;
        display: block;
        border: 0;
      }

      .event.bottom .frame .profile img.right {
        max-width: 100%;
        position: relative;
        top: 0;
        left: 0;
        display: block;
        border: 0;
      }

      .event.bottom .frame .profile .data {
        display: block;
        height: 50px;
        position: absolute;
        bottom: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        box-shadow: 0 -1px 6px rgba(0,0,0,.6);
        border-top: 1px solid #4a4a4a;
        background: #eeeeee;
      }

        .event.bottom .frame .profile .data.mma {
          background: url(../img/sprite.png) 0 -1016px no-repeat #ccc;
        }

        .event.bottom .frame .profile .data.kb {
          background: #eee;
        }

      .event.bottom .frame .profile .fighter {
        padding: 0;
        margin: -20px 0 0;
        display: block;
        float: left;
        width: 50%;
        overflow: hidden;
        height: 100%;
      }

      .event.bottom .frame .profile .vs {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -14px;
        width: 28px;
        height: 25px;
        background-image: url(../img/vs.png);
        top: 0;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
      }

        .event.bottom .frame .profile .vs.kb {
          background: url(../img/vskb.png) no-repeat;
          background-size: contain;
        }

      .event.bottom .frame .profile .name {
        display: block;
        width: 50%;
        float: left;
        height: 30px;
        line-height: 32px;
        text-align: center;
        text-transform: uppercase;
        font-size: 1em;
        font-weight: 900;
      }

  .event.bottom .profile .nocontest-draw {
    display: block;
    text-align: center;
    position: relative;
    margin-top: -22px;
    background-color: #E20000;
    color: #fff;
    font-weight: 900;
  }

  .event.bottom .frame .profile .name .winner {
    position: absolute;
    left: 0;
    top: -26px;
    background-color: #E20000;
    color: #fff;
    height: 22px;
    line-height: 24px;
    padding: 0 10px;
  }

  .event.bottom .frame .profile .name:nth-child(1n) .winner {
    left: 0;
  }

  .event.bottom .frame .profile .name:nth-child(2n) .winner {
    right: 0;
    left: inherit;
  }

  .event.bottom .frame .profile .weightclass {
    display: block;
    width: 100%;
    float: none;
    position: absolute;
    bottom: 0;
    height: 20px;
    line-height: 21px;
    font-weight: 600;
    font-size: .9em;
    text-align: center;
    color: #ffffff;
  }

  .event.bottom .frame .profile .data.kb .weightclass {
    background: #11317d
  }

  .event.bottom .frame .profile .data.box .weightclass {
    background: #d9a400;
    color: white
  }

  section.fighters .frame .champ {
    background: #d9a400;
    background: -moz-linear-gradient(top,#d9a400 48%,#966b00 100%);
    background: -webkit-linear-gradient(top,#d9a400 48%,#966b00 100%);
    background: linear-gradient(to bottom,#d9a400 48%,#966b00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a400', endColorstr='#966b00', GradientType=0 );
    height: 18px;
    border-bottom: 2px solid #764f00;
    border-top: 1px solid #b88d02;
    line-height: 20px;
    font-size: 1.1em;
    font-weight: 900;
    letter-spacing: 8px;
    text-align: center;
    z-index: 3;
    position: absolute;
    width: 100%;
    bottom: 47px;
  }

  section.fighters .frame .name {
    position: absolute;
    bottom: 20px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 2;
    height: 50px;
    border-bottom: 1px solid #d4d4d4;
    background: #878787;
    background: -moz-linear-gradient(top,#878787 0,#dbdbdb 100%);
    background: -webkit-linear-gradient(top,#878787 0,#dbdbdb 100%);
    background: linear-gradient(to bottom,#878787 0,#dbdbdb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#dbdbdb', GradientType=0 );
    line-height: 1;
    text-align: center;
    font-weight: 900;
    font-size: 1em;
    box-shadow: 0 -2px 0 rgba(0,0,0,.4);
  }

  #fcgroup li:last-child a, #fcgroup li:nth-child(6) a, #news li:last-child {
    border-bottom: 0;
    box-shadow: none;
  }

  section.fighters .frame .name a {
    color: #262626;
    text-decoration: none;
    position: relative;
    margin-top: 10px;
    display: block;
  }

    section.fighters .frame .name a:hover {
      color: #fff;
    }

  section.fighters .frame .score {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #454545;
    z-index: 2;
    border-top: 1px solid #303030;
    height: 25px;
    line-height: 25px;
    color: #eee;
    text-align: center;
    font-size: 1em;
  }

  section.fighters .navigation, section.results .navigation {
    height: 40px;
    background: #C9C9C9;
    margin-bottom: 50px;
  }

    section.fighters .navigation ul, section.results .navigation ul {
      list-style: none;
      width: 60%;
      position: absolute;
      float: left;
      margin-left: 20%;
      text-align: center;
      height: 34px;
      margin-bottom: 0;
      padding-top: 6px;
      display: table;
    }

      section.fighters .navigation ul li, section.results .navigation ul li {
        display: inline-block;
        margin: 0;
        width: auto;
        height: 20px;
        padding: 5px 0;
      }

        section.fighters .navigation ul li:first-child a, section.results .navigation ul li:first-child a {
          border-left: 0;
        }

        section.fighters .navigation ul li:last-child a, section.results .navigation ul li:last-child a {
          border-right: 0;
        }

      section.fighters .navigation ul a, section.results .navigation ul a {
        display: block;
        height: 20px;
        text-align: center;
        line-height: 21px;
        color: #656565;
        text-decoration: none;
        font-weight: 900;
        font-size: 1.2em;
        border-right: 1px solid #5F5F5F;
        width: 25px;
        border-left: 1px solid #fff;
      }

  #fcgroup li a, #fcgroup li:last-child a {
    font-weight: 700;
    color: #fff;
    text-decoration: none;
  }

  .slider, .sss {
    width: 100%;
  }

  #fcgroup {
    background: #737373;
    background: -moz-linear-gradient(-45deg,#737373 27%,#595959 47%,#000 100%,#000 100%);
    background: -webkit-linear-gradient(-45deg,#737373 27%,#595959 47%,#000 100%,#000 100%);
    background: linear-gradient(135deg,#737373 27%,#595959 47%,#000 100%,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#000000', GradientType=1 );
    position: absolute;
    left: 20px;
    top: -155px;
    list-style: none;
    z-index: 999;
    border: 1px solid #777;
    padding: 0;
    transition: all .5s ease;
  }

  #newspaging, #newspaging span.d {
    border-bottom-right-radius: 8px;
  }

  #fcgroup:hover {
    top: 0;
  }

  #fcgroup li {
    padding: 0 20px;
    height: 15px;
  }

    #fcgroup li a {
      font-size: 14px;
      padding: 0;
      border-bottom: 1px solid #222;
      display: block;
      box-shadow: 0 1px #7F7F7F;
    }

      #fcgroup li a:hover {
        color: #FB3A3A;
        text-shadow: 1px 1px 1px rgba(2,2,2,.59);
      }

    #fcgroup li:last-child a {
      font-size: 18px;
      text-align: center;
    }

  #newspaging span.b > a, #newspaging span.d > a, #newspaging span.l > a {
    color: #555;
    font-weight: 900;
    font-size: 1.2em;
    text-decoration: none;
  }

  #fcgroup li:last-child:hover {
    cursor: pointer;
  }

  /** FIGHTER SUPPORT RANKING **/
  h3.fighter-support-list {
    color: #545454;
    margin-bottom: 0;
  }

  ul.fighter-support-list {
    padding: 5px 0;
    width: 100%;
  }

    ul.fighter-support-list li {
      height: 56px;
      overflow: hidden;
      display: block;
      margin: 0;
      position: relative;
      padding: 10px 0 0 0;
      color: #434343;
      font-weight: 900;
    }

      ul.fighter-support-list li.firstline {
        height: 38px;
      }

        ul.fighter-support-list li.firstline .num, ul.fighter-support-list li.firstline .data, ul.fighter-support-list li.firstline .votes {
          background: transparent;
          font-size: 1em;
          font-weight: 900;
          text-align: center;
          line-height: 34px;
          color: #eee;
        }

      ul.fighter-support-list li.lastline {
        display: none
      }

      ul.fighter-support-list li .data {
        display: inline-block;
        float: left;
        height: 100%;
        width: 70%;
        margin: 0;
        background: #e3e3e3;
        background: -moz-linear-gradient(top, #e3e3e3 0%, #a4a4a4 100%);
        background: -webkit-linear-gradient(top, #e3e3e3 0%,#a4a4a4 100%);
        background: linear-gradient(to bottom, #e3e3e3 0%,#a4a4a4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#a4a4a4',GradientType=0 );
      }

        ul.fighter-support-list li .data img {
          min-width: 5%;
          height: auto;
          float: left;
          min-height: 100%;
          margin-top: -5px;
          position: relative;
          display: block;
          border: 0;
          width: 30%;
        }

      ul.fighter-support-list li .name {
        display: block;
        height: 20px;
        font-size: 1em;
        text-transform: uppercase;
        line-height: 50px;
        padding-left: 5px;
        float: left;
        clear: right;
        letter-spacing: -1px;
        min-width: 60%;
      }

      ul.fighter-support-list li .perc {
        display: block;
        float: left;
        font-size: 0.9em;
        width: 12%;
        text-align: right;
        margin-top: 14px;
        height: 1em;
        line-height: 1;
      }

      ul.fighter-support-list li .num {
        display: inline-block;
        width: 13%;
        float: left;
        height: 100%;
        position: relative;
        color: #dddddd;
        font-size: 1.4em;
        font-weight: 900;
        text-align: center;
        line-height: 54px;
      }

      ul.fighter-support-list li .votes {
        display: block;
        float: right;
        width: 16.5%;
        height: 100%;
        margin: 0;
        text-align: center;
        line-height: 60px;
        font-size: 1.2em;
        position: relative;
        background: #e3e3e3;
        background: -moz-linear-gradient(top, #e3e3e3 0%, #a4a4a4 100%);
        background: -webkit-linear-gradient(top, #e3e3e3 0%,#a4a4a4 100%);
        background: linear-gradient(to bottom, #e3e3e3 0%,#a4a4a4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#a4a4a4',GradientType=0 );
        letter-spacing: -1px;
      }

      ul.fighter-support-list li .line {
        display: block;
        float: left;
        height: 8px;
        background: #535353;
        width: 70%;
        margin-left: 5px;
        position: relative;
        margin-top: 17px;
        border: 1px solid #535353;
      }

      ul.fighter-support-list li .inner {
        position: relative;
        height: 100%;
        background-color: #fed24d;
        display: block;
      }

  p.totalvotes {
    font-size: 1.5em;
    font-weight: 900;
    letter-spacing: -1px;
    color: #eee;
    height: 40px;
    margin: 0 0 20px 0;
    display: block;
    text-align: center;
    line-height: 40px;
    clear: both;
  }

    p.totalvotes span {
      display: inline-block;
      height: 100%;
      color: #454545;
      font-weight: 900;
      font-size: 1.3em;
      padding: 0 15px;
      margin-left: 10px;
      background: #e3e3e3;
      background: -moz-linear-gradient(top, #e3e3e3 0%, #a4a4a4 100%);
      background: -webkit-linear-gradient(top, #e3e3e3 0%,#a4a4a4 100%);
      background: linear-gradient(to bottom, #e3e3e3 0%,#a4a4a4 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#a4a4a4',GradientType=0 );
    }

  #fcgroup li:last-child {
    border-top: 1px solid #777;
    padding: 5px 0;
  }

  #main {
    padding-top: 0;
    padding-bottom: 0;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 0;
    position: relative;
  }

  .slider {
    height: 380px;
  }

  .ssslide a {
    height: 400px;
  }

  .ssslide p {
    background: rgba(0,0,0,.85);
    position: absolute;
    display: inline-block;
    width: 94%;
    padding: 3%;
    margin: 0;
    height: auto;
    bottom: 0;
  }

  #newspaging, #newspaging span.l > a {
    padding: 0;
    border-bottom-left-radius: 8px;
  }

  #newspaging {
    height: 40px;
    line-height: normal;
    display: block;
    position: relative;
    margin-bottom: 0;
    background-color: #bbb;
    width: 100%;
  }

    #newspaging span.l {
      display: inline-block;
      float: left;
      width: 30px;
      text-align: left;
      border-bottom-left-radius: 8px;
      overflow: hidden;
      position: absolute;
      left: 0;
      text-indent: -9999px;
    }

      #newspaging span.l > a {
        height: 40px;
        line-height: 43px;
        float: left;
      }

        #newspaging span.l > a:before {
          content: '';
          display: block;
          position: relative;
          float: left;
          width: 14px;
          height: 40px;
          background: url(../img/li-arrow-news.png) 9px center no-repeat;
          margin: 0 10px 0 -5px;
          padding: 0 10px 0 0;
        }

        #newspaging span.l > a:hover:before {
          background: url(../img/li-arrow-white.png) 9px center no-repeat;
        }

    #newspaging span.b {
      float: left;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 10;
    }

      #newspaging span.b > a {
        margin: 0;
        padding: 0 4px;
        text-align: center;
        line-height: 1;
      }

    #newspaging span.d {
      display: inline-block;
      float: right;
      width: 30px;
      text-align: right;
      overflow: hidden;
      z-index: 100;
      position: absolute;
      right: 0;
      text-indent: -9999px;
    }

      #newspaging span.d > a {
        float: right;
        height: 40px;
        line-height: 43px;
        padding: 0 5px 0 10px;
      }

        #newspaging span.d > a:after {
          content: '';
          display: block;
          position: relative;
          float: right;
          width: 14px;
          height: 40px;
          background: url(../img/li-arrow-news.png) -14px center no-repeat;
          margin: 0 -5px 0 10px;
          padding-left: 10px;
        }

        #newspaging span.d > a:hover:after {
          background: url(../img/li-arrow-white.png) -14px center no-repeat;
        }

    #newspaging span .active, #newspaging span a:hover, #newspaging span a:hover:after, #newspaging span a:hover:before {
      background-color: #862423;
      color: #fff !important;
    }

    #newspaging span .active {
      color: #fff;
    }

  article.home {
    margin-bottom: 2rem;
    width: 100%;
  }

  .page.shows > article > p {
    width: 60%;
  }

  .page.shows > article > table {
    border: 0;
  }

  .page.contact article {
    margin-top: -20px;
  }

  .mega-button {
    display: table !important;
    width: auto;
    height: 60px;
    background-color: #a80414;
    border-radius: 10px;
    clear: both;
    float: none;
  }

  ul.social {
    display: block;
    list-style: none;
    height: 40px;
  }

    ul.social li, ul.social li:last-child {
      display: inline-block;
      float: left;
      height: 40px;
    }

    ul.social li {
      margin-right: 10px;
      min-width: 40px;
      background: #c1c1c1;
    }

      ul.social li:hover {
        background: #a76969;
      }

        ul.social li:hover a {
          color: #c69e9e;
        }

      ul.social li:last-child {
        margin-right: 0;
        width: 103px;
        background: #fff;
        font-size: 1em;
        word-wrap: break-word;
        text-overflow: initial;
        word-break: break-word;
        color: #818181;
        font-weight: 700;
        font-style: italic;
        line-height: 20px;
        letter-spacing: 1px;
        text-align: left;
        padding-left: 5px;
      }

  #page h1, #page h2 img {
    margin-right: 30px;
  }

  #page h1, #page h2 {
    font-weight: 400;
    letter-spacing: 1px;
  }

  ul.social li a {
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    color: #fff;
    text-decoration: none;
  }

    ul.social li a i {
      font-size: 28px;
      line-height: 40px;
    }

  #page h1 {
    background-color: #a80414;
    border-radius: 10px;
    color: #fff;
    padding-left: 30px;
    margin-top: 50px;
    font-size: 3.2rem;
    height: 60px;
    line-height: 60px;
  }

  #page h2 {
    font-size: 3rem;
    display: inline-block;
  }

  footer .container.top .gal, footer .container.top .yt, footer section:first-child {
    display: none;
  }

  footer {
    padding: 0;
    font-size: 0.9em;
    margin-top: 30px;
  }

    footer section {
      padding: 0;
    }

    footer .container.top .gal p, footer .container.top .yt p {
      margin: 0 0 5px;
      text-align: center;
      color: #8a2a2b;
      padding-top: 50px;
      font-weight: 600;
      font-size: 1.2em;
    }

    footer .container.top .four.columns {
      height: 215px;
      overflow: hidden;
      position: relative;
      border: 0;
    }

    footer .container.top .yt .youtube-container {
      width: 60%;
    }

    footer .container.top .yt div.play-button {
      background-size: 30%;
    }

    footer .container.top .gal img {
      width: 60%;
      margin: 0 auto;
      position: relative;
      display: block;
      max-height: 115px;
      min-width: inherit;
      border: 0;
      border-radius: 0;
    }

    footer .interview .title {
      display: block;
      background: url(../img/sprite.png) -787px -195px no-repeat #454545;
      margin-top: 42px;
      height: 35px;
      color: #eee;
      text-align: right;
      padding: 0 15px 0 0;
      line-height: 35px;
      font-weight: 700;
      font-size: 1.3em;
      clear: both;
      border-bottom-right-radius: 10px;
    }

    footer .interview .btn, footer .interview .intro {
      display: block;
      margin-top: 0;
      color: #444;
      text-align: right;
      font-size: 1em;
      float: right;
      clear: both;
    }

    footer .interview .intro {
      width: 140px;
      padding: 10px 10px 10px 0;
      line-height: 1em;
      font-weight: 100;
    }

    footer .interview .btn {
      width: 135px;
      padding: 0 10px 0 0;
      line-height: normal;
      font-weight: 600;
    }

    footer .interview img {
      position: absolute;
      top: 0;
      left: 0;
      max-width: 170px;
      min-width: 0;
      border: 0;
      margin: 0;
      padding: 0;
      border-radius: 0;
    }

    footer .menu ul {
      width: 930px;
      display: table;
      position: relative;
      margin: 30px auto 20px;
      padding-bottom: 10px;
      border-bottom: 1px solid #600;
    }

      footer .menu ul li {
        display: table-cell;
        width: initial;
      }

    footer .menu a {
      height: 100%;
      line-height: normal;
      text-decoration: none;
      font-weight: 700;
      font-size: 1.1em;
      padding: initial;
    }

    footer .ikone {
      width: 840px;
      height: 60px;
      background: url(../img/footer-ikone.png) center center no-repeat;
      display: block;
      margin: 50px auto 30px;
    }

    footer .ssk-group {
      padding-bottom: 20px;
      position: relative;
      margin: 0 auto;
      display: block;
      width: 100%;
    }

    footer .copy {
      display: block;
      margin: 0 auto;
      height: 24px;
      width: 700px;
      text-align: center;
    }

  #news, .slider, h2 {
    margin-bottom: 0;
  }

  footer .links {
    padding: 0 10px;
  }

    footer .links ul {
      list-style: none;
      margin: 0;
      text-align: center;
    }

      footer .links ul li {
        margin-bottom: 5px;
        line-height: normal;
        padding: 0;
        display: inline-block;
        margin: 0 10px;
      }

      footer .links ul a {
        font-size: 1.1em;
        font-weight: 900;
        color: #E31E24;
        text-decoration: none;
        line-height: normal;
      }

        footer .links ul a:hover {
          color: #fff;
        }

    footer .links h2.logo {
      display: none;
      padding: 0;
    }

      footer .links h2.logo a {
        display: block;
        height: 100%;
        text-indent: -9999px;
        padding: 0;
      }

  #fcgroup {
    display: none;
  }

  #main {
    background-image: none !important;
  }

  .mobile-only {
    display: inherit !important;
  }

  .desk-only {
    display: none !important;
  }

  #mobilenav {
    width: 200px;
    height: 100%;
    display: block;
    position: fixed;
    right: -200px;
    background: #212121;
    z-index: 999999;
    top: 0;
    list-style: none;
  }

    #mobilenav li {
      display: block;
      position: relative;
      border-bottom: 1px solid #000;
      margin: 0;
    }

      #mobilenav li.active {
        background: #000;
      }

      #mobilenav li.linkout {
        background: #6B0606;
        border-bottom: 1px solid #5C0B0B;
      }

      #mobilenav li a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-weight: 600;
        font-size: 0.85em;
        padding: 6px 20px;
        text-align: left;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
      }

      #mobilenav li.social .social {
        display: block;
        margin: 0;
        padding-top: 0;
      }

        #mobilenav li.social .social li {
          display: inline-block;
          width: 50px;
          float: left;
          height: 50px;
        }

        #mobilenav li.social .social .fight {
          display: none;
        }

      #mobilenav li ul li a {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100% !important;
        display: block;
        text-align: center;
      }

    #mobilenav .fb i, #mobilenav .in i, #mobilenav .tw i, #mobilenav .yt i {
      line-height: 50px;
      font-size: 30px;
    }

    #mobilenav .fb {
      background-color: #3b5998;
    }

    #mobilenav .tw {
      background-color: #277AC8;
    }

    #mobilenav .in {
      background-color: #D0582F;
    }

    #mobilenav .yt {
      background-color: #C61414;
    }

    #mobilenav:before {
      content: ' ';
      display: block;
      width: 40px;
      height: 40px;
      background: url(../img/menu.png) center center no-repeat #B20000;
      background-size: 70%;
      position: absolute;
      margin-left: -40px;
      cursor: pointer;
      z-index: 9999;
    }

  .ssslide, .ssslide a, .ssslide img {
    width: 100%;
    padding: 0;
  }

  .slider {
    overflow: hidden;
  }

  .sss {
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    overflow: hidden;
  }

  .ssslide {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
  }

    .ssslide a {
      display: block;
    }

    .ssslide img {
      height: auto;
      margin: 0;
      position: relative;
      display: block;
    }

      .ssslide img.ppv.on {
        display: block;
        width: 120px;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
      }

    .ssslide .text, .ssslide .title {
      position: relative;
      z-index: 100;
      padding: 0;
    }

    .ssslide img.ppv.off {
      display: none;
    }

    .ssslide article {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      position: relative;
      display: block;
    }

    .ssslide .title {
      display: block;
      clear: both;
      color: #F20000;
      font-size: 1.3em;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .ssslide .text {
      display: block;
      color: #fff;
      font-weight: 400;
      text-transform: none;
      line-height: normal;
      font-size: 1em;
      font-style: italic;
    }

  #news dd, #news li {
    display: inline-block;
  }

    #news dd > a, h2 {
      font-weight: 900;
    }

  .sssnext, .sssprev {
    width: 55px;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    background: url(../img/arrow-left.png) center left no-repeat;
    opacity: .5;
  }

  .sssprev {
    left: 1%;
  }

  .sssnext {
    right: 0;
    background: url(../img/arrow-right.png) center right no-repeat;
  }

    .sssnext:hover, .sssprev:hover {
      cursor: pointer;
      opacity: 1;
    }

  h2 {
    font-size: 2.6em;
    color: #B50710;
    padding: 0;
    line-height: .8em;
  }

  section.support-your-fighter {
    padding-top: 20px;
    background: #fff;
  }

    section.support-your-fighter .nothing {
      text-align: center
    }

      section.support-your-fighter .nothing label {
        width: auto;
        font-size: 1.2em
      }

    section.support-your-fighter input[type="submit"] {
      padding: 10px 70px;
      font-size: 2em;
      border-radius: 10px;
      margin: 0 auto;
      position: relative;
      display: block;
      float: none;
      height: auto;
    }

    section.support-your-fighter h2 {
      margin: 0px 0 20px;
      color: #252525;
      font-size: 1.4em;
      text-align: center;
    }

    section.support-your-fighter .container.intro {
      font-size: 1.1em;
      line-height: 1;
      font-weight: 500;
    }

    section.support-your-fighter .container.fights {
      padding: 50px 0;
    }

      section.support-your-fighter .container.fights > .six {
        width: 50%
      }

    section.support-your-fighter h3 {
      display: block;
      text-align: center;
      font-weight: 900;
      font-size: 2em;
      line-height: 1;
      margin-bottom: 1em;
    }

      section.support-your-fighter h3.red {
        color: #920d0e;
        background: url(../img/mma-red-bg.png) center bottom no-repeat;
        background-size: contain;
      }

      section.support-your-fighter h3.blue {
        color: #0e3f77;
        background: url(../img/kb-blue-bg.png) center bottom no-repeat;
        background-size: contain;
      }

    section.support-your-fighter .fights {
      margin-bottom: 30px;
    }

      section.support-your-fighter .fights .fights {
        margin-bottom: 0;
      }

      section.support-your-fighter .fights:nth-child(even) {
        margin: 0;
      }

      section.support-your-fighter .fights .fight {
        width: 49%;
        float: left;
        display: inline-block;
      }

        section.support-your-fighter .fights .fight .box {
          position: relative;
          background: #ebebeb;
          background: -moz-linear-gradient(top, #ebebeb 0%, #7c7c7c 100%);
          background: -webkit-linear-gradient(top, #ebebeb 0%,#7c7c7c 100%);
          background: linear-gradient(to bottom, #ebebeb 0%,#7c7c7c 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#7c7c7c',GradientType=0 );
          display: block;
          width: 100%;
          border-bottom: 2px solid #454545;
        }

        section.support-your-fighter .fights .fight .image {
          display: block;
          overflow: hidden;
          height: 130px;
          width: 100%;
          position: relative;
        }

          section.support-your-fighter .fights .fight .image img {
            width: 100%;
            height: auto;
            position: relative;
            display: block;
          }

        section.support-your-fighter .fights .fight .name {
          display: block;
          height: 30px;
          text-align: center;
          font-size: 1em;
          text-transform: uppercase;
          font-weight: 700;
          background: #a2a2a2;
          background: -moz-linear-gradient(top, #a2a2a2 0%, #e3e3e3 100%);
          background: -webkit-linear-gradient(top, #a2a2a2 0%,#e3e3e3 100%);
          background: linear-gradient(to bottom, #a2a2a2 0%,#e3e3e3 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#e3e3e3',GradientType=0 );
          width: 100%;
          position: relative;
          line-height: 1;
          padding: 5px 0;
          border-top: 1px solid #333;
        }

        section.support-your-fighter .fights .fight input[type="radio"] {
          border: 1px solid #333;
          border-radius: 5px;
          width: 30px;
          height: 14px;
          display: block;
          float: left;
          cursor: pointer;
          padding: 0;
          margin: 2px;
        }

      section.support-your-fighter .fights .select {
        font-weight: 700;
        padding: 5px;
        display: block;
        height: 20px;
        position: relative;
        margin: 5px 0;
        /* font-size: 1.1em; */
      }

        section.support-your-fighter .fights .select label {
          font-weight: 700;
          cursor: pointer;
          color: #555555;
          width: auto;
        }

  #news {
    margin-top: 20px;
    padding: 10px;
  }

    #news li {
      padding: 0;
      border-bottom: 1px solid #797979;
      height: auto;
      box-shadow: 0 1px 0 #fafafa;
      margin-bottom: 20px;
    }

    #news dl {
      display: block;
      margin: 0;
      padding: 0;
      min-height: 100px;
      background: 0 0;
    }

    #news dt {
      position: absolute;
      width: 100px;
      display: block;
      float: left;
      overflow: hidden;
      height: 75px;
      border: 0;
      border-radius: 0;
      margin-left: 0;
    }

      #news dt a {
        width: 100%;
        height: 100%;
        padding: 0;
        display: block;
        background-color: #000;
        border: 0;
      }

      #news .videotag:hover, #news dt .videotag {
        background: url(../img/sprite.png) -22px -932px no-repeat #6C0B0B;
      }

      #news dt .videotag {
        color: #fff;
        padding: 1px 5px;
        border-radius: 3px 0 0 3px;
        position: absolute;
        right: 0;
        bottom: 5px;
        font-weight: 900;
        height: 18px;
        line-height: 17px;
        font-size: 1em;
        margin: 0;
      }

      #news dt a img {
        height: 100%;
        width: auto;
      }

        #news dt a img.ppv.on {
          position: absolute;
          top: -2px;
          left: -15px;
        }

      #news dt a:hover img {
        opacity: .85;
      }

    #news dd {
      padding-left: 135px;
      margin: 0;
      clear: both;
      min-height: 118px;
      padding-right: 10px;
    }

      #news dd > a {
        line-height: 1em;
        font-size: 1.3em;
        text-decoration: none;
        color: #212121;
        display: block;
        padding: 0;
        text-transform: capitalize;
        font-family: 'Fjalla One', sans-serif;
      }

        #news dd > a:hover {
          color: #B20000;
        }

      #news dd > span {
        display: block;
        font-size: 10px;
        font-weight: 400;
        color: #ababab;
        padding: 5px 0 2px;
      }

      #news dd > p {
        display: block;
        clear: both;
        font-size: 1em;
        color: #929292;
        line-height: 1em;
        margin: 0;
        padding: 10px 0;
        font-weight: 600;
        font-style: normal;
      }

        #news dd > p a {
          color: #929292;
        }

          #news dd > p a span {
            color: red
          }

  .page.shows > article > p {
    display: block;
    float: none;
  }

    .page.shows > article > p img {
      width: 100%;
      height: auto;
    }

  .page.shows > article > table {
    display: table;
    float: left;
    width: 100% !important;
    font-weight: 400;
    height: auto !important;
  }

    .page.shows > article > table p {
      line-height: normal;
      margin-bottom: 10px;
    }

  .page.shows > article td {
    padding: 5px 0;
    margin: 0;
    vertical-align: top;
    border: 0;
  }

  .page.shows > article > table table td {
    padding: 20px 15px !important;
  }
}

@media (min-width: 320px) and (max-width: 400px) {
  header {
    background: url(../img/logo.png) center 10px no-repeat #fff;
    background-size: 110px;
    border-bottom: 0;
    height: auto;
  }

    header .logo a {
      display: block;
      height: 80px;
      text-indent: -9999px
    }

    header .counter {
      height: 82px;
      position: relative;
      display: block;
      margin-top: 20px;
      background: url(../img/counter-bg-mobile.jpg) top left repeat-x;
    }

      header .counter .numbers {
        display: block;
        width: 276px;
        height: 82px;
        position: relative;
        text-align: left;
        padding-left: 0;
        font-size: 30px;
        font-weight: 900;
        color: #000;
        background: url(../img/counter-digits-bg-mobile.png) top center no-repeat;
        margin: 0 auto;
      }

        header .counter .numbers #days, header .counter .numbers #hours, header .counter .numbers #minutes, header .counter .numbers #seconds {
          width: 50px;
          text-align: center;
          padding-top: 22px;
          display: block;
          position: absolute;
        }

        header .counter .numbers #days {
          left: 10px;
        }

        header .counter .numbers #hours {
          left: 79px;
        }

        header .counter .numbers #minutes {
          left: 148px;
        }

        header .counter .numbers #seconds {
          left: 216px;
        }

      header .counter .title {
        display: block;
        width: 100%;
        height: auto;
        position: absolute;
        top: -20px;
        background-color: #fff;
        text-align: center;
        color: #9f0000;
        font-weight: 700;
        line-height: 1;
        padding: 3px 0;
      }

        header .counter .title span {
          display: inline-block;
          padding-left: 5px;
        }

        header .counter .title .fight {
        }

          header .counter .title .fight strong {
          }

  section.eventthumbs {
    padding: 0;
    margin-bottom: 5px;
  }

    section.eventthumbs .thumbs > span {
      display: block;
      text-align: center;
      height: 35px;
      background: black;
      color: #fff;
      font-size: 1.1em;
      font-weight: 900;
      line-height: 35px;
      margin-bottom: 1px;
      font-family: 'Montserrat', sans-serif;
    }

      section.eventthumbs .thumbs > span:after {
        line-height: 0;
        font-size: 0;
        width: 0;
        height: 0;
        border-top: 0 solid #000;
        border-bottom: 30px solid rgba(162,0,0,0);
        border-left: 15px solid #9a0000;
        border-right: 0 solid #000;
        position: absolute;
        top: 0;
        right: -15px;
      }

    section.eventthumbs ul {
      list-style: none;
      padding: 0;
      margin: 0 auto;
      display: inline-block;
      float: none;
      height: auto;
      text-align: center;
      width: 100%
    }

    section.eventthumbs li {
      margin: 0;
      position: relative;
      display: block;
      float: left;
      line-height: 30px;
      width: 50%;
      text-align: center;
      font-weight: 900;
      color: #ededed;
      cursor: pointer;
      padding: 0;
      background-color: #3F3F3F;
      font-size: 0.7em;
      font-family: 'Montserrat', sans-serif;
    }

      section.eventthumbs li.active {
        padding: 0;
        background: #000000;
      }

      section.eventthumbs li span.red {
        color: red
      }

      section.eventthumbs li:nth-child(n+3) {
        display: none;
      }

      section.eventthumbs li span {
        position: relative;
        height: 30px;
        line-height: 30px;
      }

    section.eventthumbs p.mobile-only {
      margin: 0;
      background: black;
      padding: 0;
      position: relative;
      height: 40px;
      margin-top: -6px;
      text-align: center;
    }

      section.eventthumbs p.mobile-only a {
        color: white;
        font-weight: 900;
        font-size: 1.2em;
        line-height: 40px;
        height: 40px;
        display: inline-block;
        font-family: 'Montserrat', sans-serif;
      }

        section.eventthumbs p.mobile-only a span {
          color: red;
          padding-left: 6px;
          font-weight: 100;
          /* line-height: 40px; */
          /* font-size: 1.7em; */
          /* display: inline-block; */
        }

  section.support-your-fighter .fights .fight .box {
    height: auto;
    position: relative;
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #7c7c7c 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%,#7c7c7c 100%);
    background: linear-gradient(to bottom, #ebebeb 0%,#7c7c7c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#7c7c7c',GradientType=0 );
    display: inline-block;
    width: 100%;
    border-bottom: 2px solid #454545;
  }

  section.support-your-fighter .fights .fight .image {
    display: block;
    overflow: hidden;
    height: 80px;
    width: 100%;
    position: relative;
  }

    section.support-your-fighter .fights .fight .image img {
      width: 100%;
      height: auto;
      position: relative;
      display: block;
    }

  section.support-your-fighter .fights .fight .name {
    display: block;
    height: 30px;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700;
    background: #a2a2a2;
    background: -moz-linear-gradient(top, #a2a2a2 0%, #e3e3e3 100%);
    background: -webkit-linear-gradient(top, #a2a2a2 0%,#e3e3e3 100%);
    background: linear-gradient(to bottom, #a2a2a2 0%,#e3e3e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#e3e3e3',GradientType=0 );
    width: 100%;
    position: relative;
    line-height: 1;
    padding: 5px 0;
    border-top: 1px solid #333;
  }

  section.support-your-fighter .fights .fight input[type="radio"] {
    border: 1px solid #333;
    border-radius: 5px;
    width: 12px;
    height: 14px;
    display: block;
    float: left;
    cursor: pointer;
    padding: 0;
    margin: 2px;
  }

  section.support-your-fighter .fights .select {
    font-weight: 500;
    padding: 5px;
    display: block;
    height: auto;
    position: relative;
    /* margin: 5px 0; */
    /* font-size: 1.1em; */
  }

    section.support-your-fighter .fights .select label {
      font-weight: 700;
      cursor: pointer;
      color: #555555;
      width: auto;
    }

  section.profile.related .container .two.columns:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
  }

  section.archive .lSSlideWrapper li span {
    font-size: 0.8em;
    line-height: 1;
    padding: 5px;
  }

    section.archive .lSSlideWrapper li span > span.title {
      position: relative;
      clear: both;
      display: block;
      background-color: transparent;
      padding: 0;
      font-weight: 700;
      font-size: 1.2em;
      margin: 0 0 5px 0;
    }

  section.event.main .container .columns.slide .fighter {
    height: 220px;
    margin-top: 0;
    position: relative;
    display: block;
    width: 50%;
  }

  section.event.main .container .columns.names span.winner {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 0;
    font-size: .7em;
    width: 50%;
    height: auto;
    line-height: 1;
    background-color: #D00000;
    z-index: 1;
    color: #EAEAEA;
    font-weight: 600;
    padding: 4px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    text-transform: uppercase;
    letter-spacing: -.5px;
  }

  section.results .result {
    margin-bottom: 20px;
    width: 49%;
    margin-left: 2%;
    clear: none;
    float: left;
    display: block;
  }

    section.results .result:nth-child(2n+1) {
      margin-left: 0;
      clear: left;
    }

    section.results .result img {
      min-height: 0;
      width: 100%;
      height: 100px;
    }

    section.results .result h2 {
      display: block;
      font-size: 1em;
      margin-right: 0;
    }

    section.results .result h3 {
      display: block;
      font-size: 1em;
      margin-bottom: 0;
      font-weight: 900;
    }

    section.results .result h4 {
      display: none;
      font-weight: 900;
      text-transform: capitalize;
      color: #848484;
      line-height: 1;
      margin-bottom: 0;
    }

  section.results #newspaging {
    position: relative;
    width: auto;
    bottom: 0;
    display: block;
    margin-bottom: 10px;
    background: transparent;
    height: 40px;
  }

  section.champs .champ .name {
    display: table;
    position: relative;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 1;
    padding: 5px 0;
    background-color: #454545;
  }

    section.champs .champ .name a {
      display: table-cell;
      position: relative;
      font-weight: 900;
      font-size: 1em;
      vertical-align: middle;
      color: #ffffff;
    }

  section.champs .champ .class {
    position: relative;
    display: table;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    height: 46px;
    color: #5F5F5F;
    font-size: 0.9em;
    text-align: center;
    line-height: .9;
    width: 100%;
    font-weight: 900;
    background-color: #d5d5d5;
  }

    section.champs .champ .class span {
      display: table;
      margin: auto 0;
      padding-top: 6px;
      position: relative;
      word-break: break-word;
      width: 100%;
    }

  section.shop.bottom .three {
    width: 45%;
    margin: 10px 2.5% 20px 2.5%;
  }

  section.shop.bottom .product {
    position: relative;
  }

  section.shop.bottom .frame {
    background: #3c3c3c;
    padding: 2px;
    border-radius: 8px;
  }

  section.shop.bottom .image {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 120px;
  }

    section.shop.bottom .image img {
      display: block;
      border-radius: 8px;
      height: 100%;
      width: 100%;
    }

  section.shop.bottom .title {
    display: block;
    color: #eee;
    text-align: center;
    font-size: .9em;
    font-weight: 600;
    padding: 3px 0;
  }

  section.shop.bottom .button {
    border-radius: 6px;
    margin: 5px 0;
    z-index: 1000;
    height: auto;
    padding: 2px 0;
    line-height: normal;
    font-size: 1em;
    border-radius: 3px;
  }

  section.shop.bottom .nostock, section.shop.bottom .sale {
    position: absolute;
    width: 70%;
    height: 60%;
    left: -2px;
    top: -4px;
    z-index: 10;
  }

  section.shop.bottom .price {
    float: right;
    background: #842221;
    border-radius: 3px;
    padding: 0px 10px;
    color: #fff;
    font-weight: 600;
    line-height: normal;
    font-size: 1em;
  }

  section.shop.bottom .oldprice {
    float: left;
    font-weight: 600;
    text-decoration: line-through;
    padding: 1px;
    font-size: .9em;
  }

  section.shop.bottom .sale {
    background: url(../img/on-sale.png) left top no-repeat;
    background-size: contain;
  }

  section.shop.bottom .nostock {
    background: url(../img/out-of-stock.png) left top no-repeat;
    background-size: contain;
  }

  /* search */
  #searchgal {
    /* margin-top: 20px; */
    list-style: none;
    display: inline-block;
  }

    #searchgal li {
      padding: 0;
      display: block;
      height: 120px;
      float: left;
      margin-bottom: 20px;
      clear: none;
      width: 40%;
      text-align: center;
      margin: 5px 5%;
      padding: 0;
    }

    #searchgal dl {
      display: block;
      margin: 0;
      padding: 0;
      min-height: 100px;
      background: 0 0;
      text-align: center;
      padding: 0;
    }

    #searchgal dt {
      position: relative;
      width: 100%;
      display: block;
      float: left;
      height: 80px;
      text-align: center;
    }

      #searchgal dt a {
        width: 100%;
        height: 100%;
        padding: 0;
        display: block;
        line-height: 1;
        color: #656565;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 15px;
      }

        #searchgal dt a img {
          height: 100%;
          width: auto;
          border-radius: 5px;
          clear: both;
        }

        #searchgal dt a:hover img {
          opacity: .85;
        }

  #news {
    margin-top: 20px;
    padding: 0 5px;
  }

    #news li {
      padding: 0;
      border-bottom: 1px solid #E2E2E2;
      height: auto;
      box-shadow: 0 1px 0 #fafafa;
      margin-bottom: 10px;
    }

    #news dl {
      display: block;
      margin: 0;
      padding: 0;
      height: auto;
      background: 0 0;
    }

    #news dt {
      position: absolute;
      width: 100px;
      display: block;
      float: left;
      overflow: hidden;
      height: 75px;
      margin-left: 0;
    }

      #news dt a {
        width: 100%;
        height: 100%;
        padding: 0;
        display: block;
        background-color: #000;
      }

      #news .videotag:hover, #news dt .videotag {
        background: url(../img/sprite.png) -22px -932px no-repeat #6C0B0B;
      }

      #news dt .videotag {
        color: #fff;
        padding: 1px 5px;
        border-radius: 3px 0 0 3px;
        position: absolute;
        right: 0;
        bottom: 5px;
        font-weight: 900;
        height: 18px;
        line-height: 17px;
        font-size: 1em;
        margin: 0;
      }

      #news dt a img {
        height: 100%;
        width: auto;
      }

        #news dt a img.ppv.on {
          position: absolute;
          top: -2px;
          left: -15px;
        }

      #news dt a:hover img {
        opacity: .85;
      }

    #news dd {
      padding-left: 115px;
      margin: 0;
      clear: both;
      min-height: 75px;
      padding-right: 0;
    }

      #news dd > a {
        line-height: 1em;
        font-size: 1em;
        text-decoration: none;
        color: #212121;
        display: block;
        padding: 0;
        text-transform: capitalize;
      }

        #news dd > a:hover {
          color: #B20000;
        }

      #news dd > span {
        display: block;
        font-size: 10px;
        font-weight: 400;
        color: #ababab;
        padding: 5px 0 2px;
      }

      #news dd > p {
        display: block;
        clear: both;
        font-size: 0.8em;
        color: #212121;
        line-height: 1em;
        margin: 0;
        padding: 0;
        font-weight: 300;
        font-style: normal;
      }

  footer .sitemap .three {
    width: 33%;
    text-align: center;
  }
}

@media (min-width: 401px) and (max-width:500px) {
  header {
    background: url(../img/logo.png) center 10px no-repeat #fff;
    background-size: 120px;
    border-bottom: 0;
    height: auto;
  }

    header .logo a {
      display: block;
      height: 80px;
      text-indent: -9999px
    }

    header .counter {
      height: 82px;
      position: relative;
      display: block;
      margin-top: 20px;
      background: url(../img/counter-bg-mobile.jpg) top left repeat-x;
    }

      header .counter .numbers {
        display: block;
        width: 276px;
        height: 82px;
        position: relative;
        text-align: left;
        padding-left: 0;
        font-size: 30px;
        font-weight: 900;
        color: #000;
        background: url(../img/counter-digits-bg-mobile.png) top center no-repeat;
        margin: 0 auto;
      }

        header .counter .numbers #days, header .counter .numbers #hours, header .counter .numbers #minutes, header .counter .numbers #seconds {
          width: 50px;
          text-align: center;
          padding-top: 22px;
          display: block;
          position: absolute;
        }

        header .counter .numbers #days {
          left: 10px;
        }

        header .counter .numbers #hours {
          left: 79px;
        }

        header .counter .numbers #minutes {
          left: 148px;
        }

        header .counter .numbers #seconds {
          left: 216px;
        }

      header .counter .title {
        display: block;
        width: 100%;
        height: auto;
        position: absolute;
        top: -20px;
        background-color: #fff;
        text-align: center;
        color: #9f0000;
        font-weight: 700;
        line-height: 1;
        padding: 5px 0;
      }

        header .counter .title span {
          display: inline-block;
          padding-left: 5px;
        }

        header .counter .title .fight {
        }

          header .counter .title .fight strong {
          }

  section.support-your-fighter .fights .fight .box {
    position: relative;
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #7c7c7c 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%,#7c7c7c 100%);
    background: linear-gradient(to bottom, #ebebeb 0%,#7c7c7c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#7c7c7c',GradientType=0 );
    display: block;
    width: 100%;
    border-bottom: 2px solid #454545;
  }

  section.support-your-fighter .fights .fight .image {
    display: block;
    overflow: hidden;
    height: 100px;
    width: 100%;
    position: relative;
  }

    section.support-your-fighter .fights .fight .image img {
      width: 100%;
      height: auto;
      position: relative;
      display: block;
    }

  section.support-your-fighter .fights .fight .name {
    display: block;
    height: 30px;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700;
    background: #a2a2a2;
    background: -moz-linear-gradient(top, #a2a2a2 0%, #e3e3e3 100%);
    background: -webkit-linear-gradient(top, #a2a2a2 0%,#e3e3e3 100%);
    background: linear-gradient(to bottom, #a2a2a2 0%,#e3e3e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#e3e3e3',GradientType=0 );
    width: 100%;
    position: relative;
    line-height: 1;
    padding: 5px 0;
    border-top: 1px solid #333;
  }

  section.support-your-fighter .fights .fight input[type="radio"] {
    border: 1px solid #333;
    border-radius: 5px;
    width: 30px;
    height: 14px;
    display: block;
    float: left;
    cursor: pointer;
    padding: 0;
    margin: 2px;
  }

  section.support-your-fighter .fights .select {
    font-weight: 700;
    padding: 5px;
    display: block;
    height: 20px;
    position: relative;
    margin: 5px 0;
  }

    section.support-your-fighter .fights .select label {
      font-weight: 700;
      cursor: pointer;
      color: #555555;
      width: auto;
    }

  section.eventthumbs {
    padding: 0;
    margin-bottom: 5px;
  }

    section.eventthumbs .thumbs > span {
      display: block;
      text-align: center;
      height: 35px;
      background: black;
      color: #fff;
      font-size: 1.1em;
      font-weight: 900;
      line-height: 35px;
      margin-bottom: 1px;
      font-family: 'Montserrat', sans-serif;
    }

      section.eventthumbs .thumbs > span:after {
        line-height: 0;
        font-size: 0;
        width: 0;
        height: 0;
        border-top: 0 solid #000;
        border-bottom: 30px solid rgba(162,0,0,0);
        border-left: 15px solid #9a0000;
        border-right: 0 solid #000;
        position: absolute;
        top: 0;
        right: -15px;
      }

    section.eventthumbs ul {
      list-style: none;
      padding: 0;
      margin: 0 auto;
      display: inline-block;
      float: none;
      height: auto;
      text-align: center;
      width: 100%;
    }

    section.eventthumbs li {
      margin: 0;
      position: relative;
      display: block;
      float: left;
      line-height: 30px;
      width: 50%;
      text-align: center;
      font-weight: 900;
      color: #ededed;
      cursor: pointer;
      padding: 0;
      background-color: #3F3F3F;
      font-size: 0.8em;
      font-family: 'Montserrat', sans-serif;
    }

      section.eventthumbs li.active {
        padding: 0;
        background: #000000;
      }

      section.eventthumbs li:nth-child(n+3) {
        display: none;
      }

      section.eventthumbs li span {
        position: relative;
        height: 30px;
        line-height: 30px;
      }

        section.eventthumbs li span.red {
          color: red
        }

    section.eventthumbs p.mobile-only {
      margin: 0;
      background: black;
      padding: 0;
      position: relative;
      height: 40px;
      margin-top: -6px;
      text-align: center;
    }

      section.eventthumbs p.mobile-only a {
        color: white;
        font-weight: 600;
        font-size: 1.3em;
        line-height: 40px;
        height: 40px;
        display: inline-block;
        font-family: 'Montserrat', sans-serif;
      }

        section.eventthumbs p.mobile-only a span {
          color: red;
          padding-left: 6px;
          font-weight: 100;
        }

  section.archive .lSSlideWrapper li span {
    font-size: 0.9em;
    line-height: 1;
    padding: 5px;
  }

    section.archive .lSSlideWrapper li span > span.title {
      position: relative;
      clear: both;
      display: block;
      background-color: transparent;
      padding: 0;
      font-weight: 700;
      font-size: 1.3em;
      margin: 0 0 5px;
    }

  section.champs .champ .name {
    display: table;
    position: relative;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 1;
    padding: 5px 0;
    background-color: #454545;
  }

    section.champs .champ .name a {
      display: table-cell;
      position: relative;
      font-weight: 900;
      font-size: 1.1em;
      vertical-align: middle;
      color: #ffffff;
    }

  section.champs .champ .class {
    position: relative;
    display: table;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    height: 46px;
    color: #5F5F5F;
    font-size: 1em;
    text-align: center;
    line-height: 1;
    width: 100%;
    font-weight: 900;
    background-color: #d5d5d5;
  }

    section.champs .champ .class span {
      display: table;
      margin: auto 0;
      padding-top: 6px;
      position: relative;
      word-break: break-word;
      width: 100%;
    }

  section.results .result {
    margin-bottom: 10px;
    width: 49%;
    margin-left: 2%;
  }

    section.results .result:first-child, section.results .result:nth-child(2n+1) {
      margin-left: 0;
      clear: left;
    }

    section.results .result img {
      min-height: 150px;
      width: 100%;
      height: auto;
    }

    section.results .result h2 {
      display: block;
      font-size: 1em;
      margin-right: 0;
    }

    section.results .result h3 {
      display: block;
      font-size: 1em;
      margin-bottom: 0;
      font-weight: 900;
    }

    section.results .result h4 {
      display: none;
      font-weight: 900;
      text-transform: capitalize;
      color: #848484;
      line-height: 1;
      margin-bottom: 0;
    }

  section.results #newspaging {
    position: relative;
    width: auto;
    bottom: 0;
    display: block;
    margin-bottom: 10px;
    background: transparent;
    height: 40px;
  }

  section.shop.bottom .three {
    width: 45%;
    margin: 20px 2.5%;
  }

  section.shop.bottom .product {
    position: relative;
  }

  section.shop.bottom .frame {
    background: #3c3c3c;
    padding: 2px;
    border-radius: 10px;
  }

  section.shop.bottom .image {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 135px;
  }

    section.shop.bottom .image img {
      display: block;
      border-radius: 8px;
      height: 100%;
      width: 100%;
    }

  section.shop.bottom .title {
    display: block;
    color: #eee;
    text-align: center;
    font-size: .9em;
    font-weight: 600;
    padding: 5px 0;
  }

  section.shop.bottom .button {
    border-radius: 6px;
    margin: 5px 0;
    z-index: 1000;
  }

  section.shop.bottom .nostock, section.shop.bottom .sale {
    position: absolute;
    width: 40%;
    height: 60%;
    left: -2px;
    top: -4px;
    z-index: 10;
  }

  section.shop.bottom .price {
    float: right;
    background: #842221;
    border-radius: 4px;
    padding: 1px 10px;
    color: #fff;
    font-weight: 600;
  }

  section.shop.bottom .oldprice {
    float: left;
    font-weight: 600;
    text-decoration: line-through;
    padding: 1px;
    font-size: .9em;
  }

  section.shop.bottom .sale {
    background: url(../img/on-sale.png) left top no-repeat;
    background-size: contain;
  }

  section.shop.bottom .nostock {
    background: url(../img/out-of-stock.png) left top no-repeat;
    background-size: contain;
  }

  /* search */
  #searchgal {
    list-style: none;
    display: inline-block;
  }

    #searchgal li {
      padding: 0;
      display: block;
      height: 120px;
      float: left;
      margin-bottom: 20px;
      clear: none;
      width: 22%;
      text-align: center;
      margin: 5px 5%;
      padding: 0;
    }

    #searchgal dl {
      display: block;
      margin: 0;
      padding: 0;
      min-height: 100px;
      background: 0 0;
      text-align: center;
      /* width: 100%; */
      padding: 0;
    }

    #searchgal dt {
      position: relative;
      width: 100%;
      display: block;
      float: left;
      height: 80px;
      text-align: center;
    }

      #searchgal dt a {
        width: 100%;
        height: 100%;
        padding: 0;
        display: block;
        line-height: 1;
        color: #656565;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 15px;
      }

        #searchgal dt a img {
          height: 100%;
          width: auto;
          border-radius: 5px;
          clear: both;
        }

        #searchgal dt a:hover img {
          opacity: .85;
        }

  #news {
    margin-top: 20px;
  }

    #news li {
      padding: 0;
      border-bottom: 1px solid #D8D8D8;
      height: auto;
      box-shadow: 0 1px 0 #fafafa;
      margin-bottom: 10px;
    }

    #news dl {
    }

    #news dt {
    }

      #news dt a {
      }

      #news .videotag:hover, #news dt .videotag {
        background: url(../img/sprite.png) -22px -932px no-repeat #6C0B0B;
      }

      #news dt .videotag {
        color: #fff;
        padding: 1px 5px;
        border-radius: 3px 0 0 3px;
        position: absolute;
        right: 0;
        bottom: 5px;
        font-weight: 900;
        height: 18px;
        line-height: 17px;
        font-size: 1em;
        margin: 0;
      }

      #news dt a img {
        height: 100%;
        width: auto;
      }

        #news dt a img.ppv.on {
          position: absolute;
          top: -2px;
          left: -15px;
        }

      #news dt a:hover img {
        opacity: .85;
      }

    #news dd {
      padding-left: 115px;
      margin: 0;
      clear: both;
      min-height: 0;
      padding-right: 10px;
    }

      #news dd > a {
        line-height: 1.5em;
        font-size: 1em;
        text-decoration: none;
        color: #212121;
        display: block;
        padding: 0;
        text-transform: capitalize;
        font-weight: 600;
      }

        #news dd > a:hover {
          color: #B20000;
        }

      #news dd > span {
        display: block;
        font-size: 10px;
        font-weight: 400;
        color: #ababab;
        padding: 5px 0 2px;
      }

      #news dd > p {
        display: block;
        clear: both;
        font-size: 0.9em;
        color: #212121;
        line-height: 1em;
        margin: 0;
        padding: 0;
        font-weight: 300;
        font-style: normal;
        margin-top: 10px;
      }

  section.event.main .container .columns.names span.winner {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 0;
    font-size: .7em;
    width: 50%;
    height: auto;
    line-height: 1;
    background-color: #D00000;
    z-index: 1;
    color: #EAEAEA;
    font-weight: 600;
    padding: 4px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    text-transform: uppercase;
    letter-spacing: -.5px;
  }

  section.event.main .container .columns.slide .fighter {
    height: 300px;
    margin-top: 0;
    position: relative;
    display: block;
    width: 50%;
  }

  section.profile.related {
    background: #fff;
  }

    section.profile.related .container .two.columns {
      width: 48%;
      margin-left: 4%;
    }

      section.profile.related .container .two.columns:nth-child(1) {
        margin-left: 0;
      }

      section.profile.related .container .two.columns:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
      }

    section.profile.related ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    section.profile.related li {
      height: 170px;
      position: relative;
    }

    section.profile.related dt img {
      min-width: 96%;
      height: 100px;
    }

    section.profile.related dt a {
      position: relative;
      height: 100%;
      display: block;
    }

    section.profile.related dt .videotag {
      color: #fff;
      padding: 1px 5px;
      border-radius: 3px 0 0 3px;
      position: absolute;
      right: 10px;
      bottom: 5px;
      font-weight: 900;
      height: 18px;
      line-height: 17px;
      font-size: 1em;
      margin: 0;
      background: url(../img/sprite.png) -22px -932px no-repeat #6C0B0B;
    }

    section.profile.related dd {
      margin: 0;
      padding: 5px 0 0;
      line-height: 1;
      font-size: 1em;
    }

  footer .sitemap .three {
    width: 25%;
    text-align: center;
  }
}

@media (min-width: 500px) and (max-width:766px) {
  section.results .result {
    margin-bottom: 10px;
    width: 48%;
    margin-left: 4%;
  }

    section.results .result:first-child, section.results .result:nth-child(2n+1) {
      margin-left: 0;
      clear: left;
    }

    section.results .result img {
      min-height: 150px;
      width: 100%;
      height: auto;
    }

    section.results .result h2 {
      display: block;
      font-size: 1em;
      margin-right: 0;
    }

    section.results .result h3 {
      display: block;
      font-size: 1em;
      margin-bottom: 0;
      font-weight: 900;
    }

    section.results .result h4 {
      display: none;
      font-weight: 900;
      text-transform: capitalize;
      color: #848484;
      line-height: 1;
      margin-bottom: 0;
    }

  section.results #newspaging {
    position: relative;
    width: auto;
    bottom: 0;
    display: block;
    margin-bottom: 10px;
    background: transparent;
    height: 40px;
  }

  section.champs .champ .name {
    display: table;
    position: relative;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 1;
    padding: 5px 0;
    background-color: #454545;
  }

    section.champs .champ .name a {
      display: table-cell;
      position: relative;
      font-weight: 900;
      font-size: 1.3em;
      vertical-align: middle;
      color: #ffffff;
    }

  section.champs .champ .class {
    position: relative;
    display: table;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    height: 46px;
    color: #5F5F5F;
    font-size: 1em;
    text-align: center;
    line-height: 1;
    width: 100%;
    font-weight: 900;
    background-color: #d5d5d5;
  }

    section.champs .champ .class span {
      display: table;
      margin: auto 0;
      padding-top: 6px;
      position: relative;
      word-break: break-word;
      width: 100%;
    }

  section.shop.bottom .three {
    width: 45%;
    margin: 20px 2.5%;
  }

  section.shop.bottom .product {
    position: relative;
  }

  section.shop.bottom .frame {
    background: #3c3c3c;
    padding: 2px;
    border-radius: 10px;
  }

  section.shop.bottom .image {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 200px;
  }

    section.shop.bottom .image img {
      display: block;
      border-radius: 8px;
      height: 100%;
      width: 100%;
    }

  section.shop.bottom .title {
    display: block;
    color: #eee;
    text-align: center;
    font-size: .9em;
    font-weight: 600;
    padding: 5px 0;
  }

  section.shop.bottom .button {
    border-radius: 6px;
    margin: 5px 0;
    z-index: 1000;
  }

  section.shop.bottom .nostock, section.shop.bottom .sale {
    position: absolute;
    width: 40%;
    height: 60%;
    left: -2px;
    top: -4px;
    z-index: 10;
  }

  section.shop.bottom .price {
    float: right;
    background: #842221;
    border-radius: 4px;
    padding: 1px 10px;
    color: #fff;
    font-weight: 600;
  }

  section.shop.bottom .oldprice {
    float: left;
    font-weight: 600;
    text-decoration: line-through;
    padding: 1px;
    font-size: .9em;
  }

  section.shop.bottom .sale {
    background: url(../img/on-sale.png) left top no-repeat;
    background-size: contain;
  }

  section.shop.bottom .nostock {
    background: url(../img/out-of-stock.png) left top no-repeat;
    background-size: contain;
  }

  ul#fighter-support-home li .line {
    display: block;
    float: left;
    height: 6px;
    background: #535353;
    width: 74%;
    margin-left: 5px;
    position: relative;
    margin-top: 4px;
    border: 1px solid #535353;
  }

  #searchgal li {
    padding: 0;
    display: block;
    height: 120px;
    float: left;
    margin-bottom: 20px;
    clear: none;
    width: 23%;
    text-align: center;
    margin: 5px 5%;
    padding: 0;
    position: relative;
  }

  footer .sitemap .three {
    width: 25%;
    text-align: center;
  }
}

@media (min-width: 500px) and (max-width:966px) {
  header {
    background: url(../img/logo.png) center 15px no-repeat #fff;
    background-size: 110px;
    border-bottom: 0;
    height: auto;
  }

    header .logo a {
      display: block;
      height: 80px;
      text-indent: -9999px
    }

    header .counter {
      height: 82px;
      position: relative;
      display: block;
      margin-top: 24px;
      background: url(../img/counter-bg-mobile.jpg) top left repeat-x;
    }

      header .counter .numbers {
        display: block;
        width: 276px;
        height: 82px;
        position: relative;
        text-align: left;
        padding-left: 0;
        font-size: 30px;
        font-weight: 900;
        color: #000;
        background: url(../img/counter-digits-bg-mobile.png) top center no-repeat;
        margin: 0 auto;
      }

        header .counter .numbers #days, header .counter .numbers #hours, header .counter .numbers #minutes, header .counter .numbers #seconds {
          width: 50px;
          text-align: center;
          padding-top: 22px;
          display: block;
          position: absolute;
        }

        header .counter .numbers #days {
          left: 10px;
        }

        header .counter .numbers #hours {
          left: 79px;
        }

        header .counter .numbers #minutes {
          left: 148px;
        }

        header .counter .numbers #seconds {
          left: 216px;
        }

      header .counter .title {
        display: block;
        width: 100%;
        height: auto;
        position: absolute;
        top: -27px;
        background-color: #fff;
        text-align: center;
        color: #9f0000;
        font-weight: 700;
        line-height: 1;
        padding: 3px 0;
        font-size: 1.3em;
      }

        header .counter .title span {
          display: inline-block;
          padding-left: 5px;
        }

        header .counter .title .fight {
        }

          header .counter .title .fight strong {
          }

  section.eventthumbs {
    padding: 0;
    margin-bottom: 5px;
  }

    section.eventthumbs .thumbs > span {
      display: block;
      text-align: center;
      height: 35px;
      background: black;
      color: #fff;
      font-size: 1.2em;
      font-weight: 900;
      line-height: 35px;
      margin-bottom: 0px;
      font-family: 'Montserrat', sans-serif;
    }

      section.eventthumbs .thumbs > span:after {
        line-height: 0;
        font-size: 0;
        width: 0;
        height: 0;
        border-top: 0 solid #000;
        border-bottom: 30px solid rgba(162,0,0,0);
        border-left: 15px solid #9a0000;
        border-right: 0 solid #000;
        position: absolute;
        top: 0;
        right: -15px;
      }

    section.eventthumbs ul {
      list-style: none;
      padding: 0;
      margin: 0 auto;
      display: inline-block;
      float: none;
      height: auto;
      text-align: center;
      width: 100%;
    }

    section.eventthumbs p.mobile-only {
      margin: 0;
      background: black;
      padding: 0;
      position: relative;
      height: 40px;
      margin-top: -6px;
      text-align: center;
    }

      section.eventthumbs p.mobile-only a {
        color: white;
        font-weight: 900;
        font-size: 1.2em;
        line-height: 40px;
        height: 40px;
        display: inline-block;
        font-family: 'Montserrat', sans-serif;
      }

        section.eventthumbs p.mobile-only a span {
          color: red;
          padding-left: 6px;
          font-weight: 100;
        }

    section.eventthumbs li:first-child {
      margin-right: 0;
    }

    section.eventthumbs li:nth-child(n+3) {
      display: none;
    }

    section.eventthumbs li:first-child:before {
      display: none;
    }

    section.eventthumbs li:last-child:after {
      display: none;
    }

    section.eventthumbs li {
      margin: 0;
      position: relative;
      display: inline-block;
      float: left;
      line-height: 40px;
      width: 50%;
      text-align: center;
      font-weight: 600;
      color: #ededed;
      cursor: pointer;
      padding: 0;
      background-color: #3F3F3F;
      font-size: 0.85em;
      font-family: 'Montserrat', sans-serif;
    }

      section.eventthumbs li:after, section.eventthumbs li:before {
        content: '';
        line-height: 0;
        height: 0;
        position: absolute;
        top: 0;
        font-size: 0;
        width: 0;
      }

      section.eventthumbs li.active {
        background: #000000;
      }

      section.eventthumbs li:before {
        border-top: 40px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 0 solid transparent;
        border-right: 15px solid #3F3F3F;
        left: -15px;
      }

      section.eventthumbs li:after {
      }

      section.eventthumbs li span {
        position: relative;
        padding: 0 5px;
      }

      section.eventthumbs li.active span {
        color: #FFF;
        padding: 0 5px;
        position: relative;
        top: 2px;
        display: inline-block;
      }

      section.eventthumbs li span.red {
        color: red;
        padding: 0 5px;
      }

      section.eventthumbs li.active:before {
        border-right: 15px solid #000000;
      }

      section.eventthumbs li.active:after {
        border-left: 15px solid #9A0000;
      }

      section.eventthumbs li.active span:before {
        display: none;
        line-height: 0;
        font-size: 0;
        width: 0;
        height: 0;
        border-top: 30px solid rgba(121,121,121,0);
        border-bottom: 0 solid transparent;
        border-left: 0 solid transparent;
        border-right: 15px solid #FFF;
        position: absolute;
        top: 0;
        left: -15px;
      }

      section.eventthumbs li.active span:after {
        display: none;
        line-height: 0;
        font-size: 0;
        width: 0;
        height: 0;
        border-top: 0 solid rgba(255,213,0,0);
        border-bottom: 30px solid rgba(0,25,255,0);
        border-left: 15px solid #FFF;
        border-right: 0 solid #1aff00;
        position: absolute;
        top: 0;
        right: -12px;
        z-index: 999;
      }

  section.archive .lSSlideWrapper li span {
    font-size: 1em;
    line-height: 1;
    padding: 14px;
  }

    section.archive .lSSlideWrapper li span > span.title {
      position: relative;
      clear: both;
      display: block;
      background-color: transparent;
      padding: 0;
      font-weight: 700;
      font-size: 1.3em;
      margin: 0 0 10px 0;
    }

  section.event.bottom .six {
    width: 48%;
    margin: 0 0.5%;
  }

  section.event.bottom .fight {
    width: 100%;
  }

  section.event.main .container .columns.slide .fighter {
    height: 450px;
    margin-top: 0;
    position: relative;
    display: block;
    width: 50%;
  }

  section.fighters .fighter {
    width: 25%;
  }

  section.home.schedule .eight {
    width: 55%;
    padding: 0 2.5%;
  }

  section.home.schedule .four {
    width: 40%;
  }

  section.home.schedule h2 {
    font-size: 2em;
  }

  section.home.schedule h3, section.home.schedule h4 {
    font-size: 1em;
  }

  section.home.schedule .button {
    font-size: 1em !important;
    padding: 0 5px !important;
    width: 100% !important;
  }

  .fightcard.button {
    margin: 10px auto;
    display: block;
    width: 150px;
    background: rgba(61, 61, 61, 1);
    border-radius: 0;
    padding: 0;
    text-shadow: none;
  }

    .fightcard.button.fullwidth {
      width: 100%;
    }

  section.archive.photo.bottom .gal {
    width: 32%;
    margin: .5%;
  }

  section.profile.top .info .sharebox {
    position: absolute;
    right: 0;
    z-index: 999;
    /* top: -60px; */
    width: 40px;
    display: none;
  }

    section.profile.top .info .sharebox:before {
      position: relative;
      display: block;
      float: left;
      color: #454545;
      content: 'SHARE ON';
      font-weight: 900;
      width: 40px;
      font-size: 0.9em;
      line-height: 1;
      text-align: center;
      padding-right: 0;
      letter-spacing: -1px;
    }

    section.profile.top .info .sharebox p {
      width: 40px;
      height: 40px;
      display: block;
      padding: 0;
      margin: 0;
    }

      section.profile.top .info .sharebox p.count {
        font-size: 1em;
        height: 30px;
        width: auto;
        margin-left: 13px;
        line-height: 30px;
        text-align: left;
        color: #454545;
        font-weight: 900;
        border: 1px solid #8b8b8b;
        padding: 0 9px 0 0;
        border-left: none;
        margin-top: 4px;
        display: none;
      }

        section.profile.top .info .sharebox p.count:before {
          content: '';
          width: 9px;
          height: 30px;
          position: relative;
          float: left;
          left: -8px;
          background: url(../img/sharecount-bg.png) right center no-repeat;
          margin-top: 0;
        }

      section.profile.top .info .sharebox p.bufferapp, section.profile.top .info .sharebox p.linkedin, section.profile.top .info .sharebox p.pinterest, section.profile.top .info .sharebox p.pocket, section.profile.top .info .sharebox p.reddit, section.profile.top .info .sharebox p.stumbleupon, section.profile.top .info .sharebox p.vk {
        display: none;
      }

      section.profile.top .info .sharebox p a {
        padding: 0;
        height: 100%;
        text-align: center;
        line-height: 40px;
        width: 100%;
        display: inherit;
      }

  section.profile.related {
    background: #fff;
  }

    section.profile.related .container .two.columns {
      width: 32%;
      margin-left: 2%;
    }

      section.profile.related .container .two.columns:nth-child(1) {
        margin-left: 0;
      }

      section.profile.related .container .two.columns:nth-child(3n+1) {
        clear: left;
        margin-left: 0;
      }

    section.profile.related ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    section.profile.related li {
      min-height: 190px;
      position: relative;
      height: auto;
    }

    section.profile.related dt img {
      min-width: 96%;
      min-height: 100px;
    }

    section.profile.related dt a {
      position: relative;
      height: 100%;
      display: block;
    }

    section.profile.related dt .videotag {
      color: #fff;
      padding: 1px 5px;
      border-radius: 3px 0 0 3px;
      position: absolute;
      right: 10px;
      bottom: 5px;
      font-weight: 900;
      height: 18px;
      line-height: 17px;
      font-size: 1em;
      margin: 0;
      background: url(../img/sprite.png) -22px -932px no-repeat #6C0B0B;
    }

    section.profile.related dd {
      margin: 0;
      padding: 5px 0 0;
      line-height: 1;
      font-size: 1em;
    }

  #news {
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 20px;
  }

    #news li {
      padding: 0;
      border-bottom: 0;
      height: auto;
      box-shadow: none;
      margin-bottom: 10px;
      display: block;
      min-height: 350px;
      width: 49%;
      float: left;
      margin-right: 1%;
    }

  .home4 #news li:nth-child(even) {
    margin-right: 0;
    clear: right;
  }

  #news dl {
    display: block;
    margin: 0;
    padding: 0;
    min-height: 0;
    background: 0 0;
  }

  #news dt {
    position: relative;
    width: 100%;
    display: block;
    float: left;
    overflow: hidden;
    height: 220px;
    border: 0;
    border-radius: 0;
    margin: 0;
  }

    #news dt a {
      width: 100%;
      height: 100%;
      padding: 0;
      display: block;
      background-color: #fff;
    }

    #news .videotag:hover, #news dt .videotag {
      background: url(../img/sprite.png) -22px -932px no-repeat #6C0B0B;
    }

    #news dt .videotag {
      color: #fff;
      padding: 1px 5px;
      border-radius: 3px 0 0 3px;
      position: absolute;
      right: 0;
      bottom: 5px;
      font-weight: 900;
      height: 18px;
      line-height: 17px;
      font-size: 1em;
      margin: 0;
    }

    #news dt a img {
      height: 100%;
      width: auto;
      min-width: 100%;
    }

      #news dt a img.ppv.on {
        position: absolute;
        top: -2px;
        left: -15px;
      }

    #news dt a:hover img {
      opacity: .85;
    }

  #news dd {
    padding: 15px 0;
    margin: 0;
    clear: both;
    min-height: 0;
    padding-right: 10px;
  }

    #news dd > a {
      line-height: 1.5em;
      font-size: 1em;
      text-decoration: none;
      color: #212121;
      display: block;
      padding: 0;
      text-transform: capitalize;
    }

      #news dd > a:hover {
        color: #B20000;
      }

    #news dd > span {
      display: block;
      font-size: 10px;
      font-weight: 400;
      color: #ababab;
      padding: 5px 0 2px;
    }

    #news dd > p {
    }
}

@media (min-width: 766px) and (max-width:966px) {
  #mobilenav li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 0.85em;
    padding: 6px 20px;
    text-align: left;
    text-transform: uppercase;
    /* font-family: 'Montserrat', sans-serif; */
    /* font-weight: 600; */
  }

  .data .stat > .six {
    width: 49%;
    position: relative;
  }

  .data .info {
    width: 50%;
    /* float:left; */
  }

  .doughnutalt-legend {
    display: block !important;
    float: right;
    position: absolute;
    top: 20px;
    right: 10px;
    list-style: none;
  }

  section.profile.top .stat .doughnutalt-legend li {
    font-size: 16px;
    line-height: 18px;
  }

    section.profile.top .stat .doughnutalt-legend li.null {
      display: none;
    }

    section.profile.top .stat .doughnutalt-legend li span {
      display: block;
      width: 16px;
      height: 16px;
      float: left;
      margin-right: 5px;
    }

  #chart {
    display: block !important;
  }

  #piechart {
    display: block !important;
    width: 50% !important;
    height: 200px !important;
    position: relative;
  }

  section.results .result {
    margin-bottom: 10px;
    width: 32%;
    margin-left: 2%;
  }

    section.results .result:first-child, section.results .result:nth-child(3n+1) {
      margin-left: 0;
      clear: left;
    }

    section.results .result img {
      min-height: 180px;
      width: 100%;
      height: auto;
    }

    section.results .result h2 {
      display: inline-block;
      font-size: 1.5em;
      margin-right: 5px;
    }

    section.results .result h3 {
      display: inline-block;
      font-size: 1.4em;
      margin-bottom: 0;
      padding: 0;
    }

    section.results .result h4 {
      font-size: 1em;
      font-weight: 700;
      text-transform: uppercase;
      color: #848484;
      line-height: 1;
      margin-bottom: 0;
    }

    section.results .result .button {
      font-size: 15px;
      border-radius: 0;
    }

  section.results #newspaging {
    position: relative;
    width: auto;
    bottom: 0;
    display: block;
    margin-bottom: 10px;
    background: transparent;
    height: 40px;
  }

  section.champs .champ .name {
    display: table;
    position: relative;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 1;
    padding: 10px 0;
    background-color: #454545;
  }

    section.champs .champ .name a {
      display: table-cell;
      position: relative;
      font-weight: 900;
      font-size: 1.5em;
      vertical-align: middle;
      color: #ffffff;
    }

  section.champs .champ .class {
    position: relative;
    display: table;
    vertical-align: middle;
    margin: 0;
    padding: 5px 0;
    height: 46px;
    color: #5F5F5F;
    font-size: 1.1em;
    text-align: center;
    line-height: 1.1;
    width: 100%;
    font-weight: 900;
    background-color: #d5d5d5;
  }

    section.champs .champ .class span {
      display: table;
      margin: auto 0;
      padding-top: 6px;
      position: relative;
      word-break: break-word;
      width: 100%;
    }

  section.shop.bottom .three {
    width: 28.25%;
    margin: 20px 2.5%;
  }

  section.shop.bottom .product {
    position: relative;
  }

  section.shop.bottom .frame {
    background: #3c3c3c;
    padding: 2px;
    border-radius: 10px;
  }

  section.shop.bottom .image {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 200px;
  }

    section.shop.bottom .image img {
      display: block;
      border-radius: 8px;
      height: 100%;
      width: 100%;
    }

  section.shop.bottom .title {
    display: block;
    color: #eee;
    text-align: center;
    font-size: .9em;
    font-weight: 600;
    padding: 5px 0;
  }

  section.shop.bottom .button {
    border-radius: 6px;
    margin: 5px 0;
    z-index: 1000;
  }

  section.shop.bottom .nostock, section.shop.bottom .sale {
    position: absolute;
    width: 40%;
    height: 60%;
    left: -2px;
    top: -4px;
    z-index: 10;
  }

  section.shop.bottom .price {
    float: right;
    background: #842221;
    border-radius: 4px;
    padding: 1px 10px;
    color: #fff;
    font-weight: 600;
  }

  section.shop.bottom .oldprice {
    float: left;
    font-weight: 600;
    text-decoration: line-through;
    padding: 1px;
    font-size: .9em;
  }

  section.shop.bottom .sale {
    background: url(../img/on-sale.png) left top no-repeat;
    background-size: contain;
  }

  section.shop.bottom .nostock {
    background: url(../img/out-of-stock.png) left top no-repeat;
    background-size: contain;
  }

  ul#fighter-support-home li .line {
    display: block;
    float: left;
    height: 6px;
    background: #535353;
    width: 84%;
    margin-left: 5px;
    position: relative;
    margin-top: 4px;
    border: 1px solid #535353;
  }

  ul.fighter-support-list li .data img {
    min-width: 5%;
    height: auto;
    float: left;
    min-height: 100%;
    margin-top: -5px;
    position: relative;
    display: block;
    border: 0;
    width: 20%;
  }

  footer .sitemap .three {
    width: 25%;
    /* min-height: 190px; */
    text-align: center;
    font-size: 1.1em;
  }
}

@media (min-width: 967px) {
  header, header h1.logo, nav li ul {
    position: absolute;
    left: 0;
  }

    header h1.logo, nav {
      display: block;
      top: 18px;
    }

      nav li ul a, nav li ul li {
        line-height: normal;
        text-align: left;
      }

  header {
    top: 0;
    width: 100%;
    height: 120px;
    z-index: 10;
    background: #ffffff;
    /* overflow-x: hidden; */
  }

    header .container {
      display: inline-block;
      height: 79px;
      position: relative;
    }

      header .container.pagetop {
        display: inline-block;
        height: 30px;
        width: 100%;
        position: relative;
        margin: 0;
        padding: 0;
        background: black;
        max-width: 100%;
      }

        header .container.pagetop ul {
          height: 30px;
          margin: 0;
          display: inline-block;
        }

          header .container.pagetop ul li {
            /* height: 30px; */
            line-height: 30px;
            display: table-cell;
            margin: 0;
          }

            header .container.pagetop ul li a {
              display: block;
              height: 100%;
              /* padding: 0 10px; */
              color: white;
              font-size: 0.7em;
              font-weight: 600;
              line-height: 30px;
              font-family: 'Montserrat', sans-serif;
              font-weight: 600;
              text-transform: uppercase;
              font-style: italic;
            }

              header .container.pagetop ul li a:hover {
                color: #999
              }

            header .container.pagetop ul li.divide {
              /* background: url(../img/li-top-divide.png) center center no-repeat; */
              width: 30px;
              height: 30px;
              /* background-size: 95%; */
            }

  .container h1.logo {
    width: 310px;
    height: 50px;
    background: url(../img/sprite.png) 0 -195px no-repeat;
  }

  nav li, nav li a {
    display: inline-block;
  }

    nav li a, nav li ul a {
      height: 100%;
      font-weight: 100;
    }

    nav, nav li, nav li ul li {
      position: relative;
    }

  nav {
    height: 100%;
    margin-left: 200px;
    background: white;
    position: relative;
    top: 0;
  }

    nav:before {
      content: "";
      /* border-style: solid; */
      /* border-width: 85px 20px 0px 0; */
      /* border-color: transparent #ffffff transparent transparent; */
      /* position: absolute; */
      /* left: -20px; */
    }

    nav > ul {
      height: 85px;
      margin-bottom: 0;
      margin-right: 210px;
      text-align: center;
    }

      nav > ul:before {
        display: block;
        position: absolute;
        top: 0;
        border-top: 40px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 0 solid transparent;
        border-right: 15px solid #ff0000;
        left: -15px;
        height: 85px;
      }

    nav li {
      height: 60px;
      line-height: 85px;
      padding: 0;
      /* float: left; */
      margin: 0 2px;
      display: inline-block;
    }

    nav > ul > li.active, nav > ul > li:hover {
      background-color: #fff;
      -moz-box-shadow: inset 0 -2px 2px 0 rgba(0,0,0,.25);
    }

      nav > ul > li.active > a, nav > ul > li:hover > a {
        color: #d1d1d1;
      }

      nav > ul > li.active:before, nav > ul > li:hover:before {
        display: block;
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        bottom: 0;
        left: 3px;
        border-bottom: 1px solid red;
        border-left: 1px solid red;
      }

    nav li a {
      color: #000000;
      text-transform: uppercase;
      font-size: 1em;
      text-decoration: none;
      padding: 0 10px;
      letter-spacing: -1px;
      text-align: center;
      height: 50px;
      position: relative;
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
    }

      nav li a:hover {
        color: #202020;
      }

    nav li ul {
      display: none;
      list-style: none;
      padding: 5px 0 14px;
      margin: 0;
      z-index: 999;
      top: 57px;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      width: 220px;
      height: auto;
    }

      header .counter, nav li ul a, nav li ul li, nav li:hover > ul, nav li > ul:hover {
        display: block;
      }

      nav li ul li {
        height: auto;
        width: 100%;
        padding: 0 0 1px;
        margin: 0;
        min-height: 0;
        background-color: #f5f5f5;
      }

        nav li ul li:first-child {
          padding-top: 5px;
          border-top: none;
        }

        nav li ul li:last-child {
          border-bottom-right-radius: 10px;
          padding-bottom: 5px;
          border-bottom: none;
        }

          nav li ul li:last-child a {
            border-bottom: none;
            box-shadow: none;
          }

        nav li ul li:first-child a {
          border-top: none;
        }

      nav li ul a {
        padding: 5px 10px;
        border-bottom: 1px solid #888;
        width: 80%;
        box-shadow: 0 1px 0 #fff;
      }

      nav li ul li.active a, nav li ul li:hover a {
        color: #CCC;
        background-color: #660E10;
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
        box-shadow: 2px 1px 0 #fff;
      }

  header .counter {
    width: 100%;
    height: 28px;
    position: relative;
    background: black;
  }

    header .counter .upcomingtitle {
      display: inline-block;
      float: left;
      position: relative;
      line-height: 30px;
      color: white;
      font-weight: 600;
      width: 140px;
      text-align: left;
      padding-left: 5px;
      font-size: 16px;
    }

    header .counter .upcomingevent {
      display: inline-block;
      float: left;
      line-height: 30px;
      font-size: 16px;
      font-weight: 300;
    }

      header .counter .upcomingevent .date {
        display: inline-block;
        float: left;
        line-height: 30px;
        color: red
      }

      header .counter .upcomingevent .title {
        display: inline-block;
        float: left;
        line-height: 30px;
        color: white;
        margin: 0 10px 0 5px;
      }

  header .social {
    display: inline-block;
    height: 30px;
    position: relative;
    /* right: 0; */
    top: 0;
  }

  header h2.logo {
    display: block;
    width: 150px;
    height: 100px;
    position: absolute;
    /* right: 0; */
    top: -12px;
    background: url(../img/ffc_logo_black_header.png)center center no-repeat;
    text-indent: -9999px;
    padding: 0;
    background-size: contain;
  }

    header h2.logo a {
      display: block;
      height: 100%;
      padding: 0;
      text-indent: -9999px;
    }

  header .fightdome {
    background: url(../img/fightdome-logo.png) center center no-repeat;
    display: block;
    height: 100%;
    right: 0;
    top: 0;
    width: 120px;
    position: absolute;
    background-size: contain;
  }

  section.eventthumbs {
    padding: 0;
    height: 25px;
    background: black;
    padding: 0;
    margin: 0;
  }

    section.eventthumbs .container.thumbs {
      height: 25px;
      display: block;
    }

    section.eventthumbs .thumbs:before {
    }

    section.eventthumbs .thumbs > span {
      display: block;
      height: 24px;
      background: #000000;
      float: left;
      color: #fff;
      font-weight: 600;
      padding-right: 20px;
      line-height: 24px;
      position: relative;
      width: 160px;
    }

      section.eventthumbs .thumbs > span:after {
        /* content: ''; */
        line-height: 0;
        font-size: 0;
        width: 0;
        height: 0;
        border-top: 0 solid #000;
        border-bottom: 30px solid rgba(162,0,0,0);
        border-left: 15px solid #9a0000;
        border-right: 0 solid #000;
        position: absolute;
        top: 0;
        right: -15px;
      }

    section.eventthumbs ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: block;
      /* float: left; */
      height: 25px;
      position: relative;
      width: inherit;
    }

    section.eventthumbs li {
      position: relative;
      display: block;
      float: left;
      text-align: center;
      color: #ffffff;
      cursor: pointer;
      font-size: 14px;
      margin: 0 5px 0 0;
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      line-height: 25px;
      height: 25px;
      background: #323232;
    }

      section.eventthumbs li:after, section.eventthumbs li:before {
        content: '';
        line-height: 0;
        font-size: 0;
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
      }

      section.eventthumbs li.active {
        padding: 0;
        background: #000;
      }

      section.eventthumbs li:nth-child(n+4) {
        display: none;
      }

      section.eventthumbs li:last-child {
        display: block;
        float: right;
        margin-right: 6px;
      }

        section.eventthumbs li:last-child span {
          display: block;
          /* float: right; */
        }

        section.eventthumbs li:last-child a {
          padding: 0 10px;
          display: block;
        }

      section.eventthumbs li span {
        position: relative;
        height: 100%;
        line-height: 25px;
        background: #323232;
        padding: 0 10px;
      }

        section.eventthumbs li span a {
          color: white;
        }

        section.eventthumbs li span.red {
          color: red !important;
          padding-right: 0
        }

      section.eventthumbs li.active span, section.eventthumbs li:hover span {
        background-color: #000;
        height: 25px;
        line-height: 25px;
        color: #ffffff;
        position: relative;
        display: inline-block;
      }

        section.eventthumbs li.active span:after, section.eventthumbs li.active span:before {
          content: '';
          line-height: 0;
          font-size: 0;
          width: 0;
          height: 0;
          position: absolute;
        }

  section.home4, section.home4 .columns {
    position: relative;
  }

  #main div.homeevent {
    display: none;
    background: black;
  }

    #main div.homeevent.first {
      display: block;
      padding: 0;
      position: relative;
    }

  section.home {
    padding-bottom: 0;
    padding-top: 0;
    background: black;
  }

    section.home.schedule {
      padding-bottom: 30px;
      padding-top: 40px;
      background: white;
    }

  body.page-id-1164 section.home.schedule:first-child, body.page-id-1160 section.home.schedule:first-child {
    background: url(../img/head_shadow.png) center -24px no-repeat;
    padding-top: 80px;
  }

  .homeevent section.home .container.home {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }

  section.home .container.home .eventbanner {
    display: inline-block;
    position: relative;
    height: auto;
    overflow: hidden;
  }

    section.home .container.home .eventbanner img {
      width: 100%;
      display: block;
    }

    section.home .container.home .eventbanner .buttons {
      position: absolute;
      display: inline-block;
      width: 200px;
      height: auto;
      bottom: 25%;
      left: 25%;
    }

    section.home .container.home .eventbanner .prevbutton {
      font-weight: 100;
      color: white;
      font-size: 44px;
      position: absolute;
      top: 46%;
      left: 10px;
      cursor: pointer;
      font-family: initial;
      opacity: 0.75;
    }

    section.home .container.home .eventbanner .nextbutton {
      font-weight: 100;
      color: white;
      font-size: 44px;
      position: absolute;
      top: 46%;
      right: 10px;
      cursor: pointer;
      font-family: initial;
      opacity: 0.75;
    }

      section.home .container.home .eventbanner .nextbutton:hover, section.home .container.home .eventbanner .prevbutton:hover {
        background: rgba(0,0,0,0.5)
      }

    section.home .container.home .eventbanner .button {
      margin: 0 0 20px 0;
      display: block;
      width: 180px;
      background: #3d3d3d5c;
      border-radius: 0;
      padding: 0;
      text-shadow: none;
      position: relative;
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 1em;
    }

      section.home .container.home .eventbanner .button:hover {
        background: #000000ba;
      }

    section.home .container.home .eventbanner a.button:after {
      content: '';
      display: block;
      position: absolute;
      right: -1px;
      top: -1px;
      width: 8px;
      height: 8px;
      border-top: 1px solid red;
      border-right: 1px solid red;
    }

    section.home .container.home .eventbanner a.button:before {
      content: '';
      display: block;
      position: absolute;
      left: -1px;
      bottom: -1px;
      width: 8px;
      height: 8px;
      border-bottom: 1px solid red;
      border-left: 1px solid red;
    }

  section.home2 {
    background-color: #000000;
    min-height: 300px;
    margin-bottom: 0;
    padding-top: 130px;
    background-image: url(/assets/t/ver_3/img/bg-fightcard-homepage.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
  }

  section.home3 {
    padding: 20px 0 30px;
  }

  section.home4 {
    padding: 0;
  }

    section.home4.homepage {
      padding-top: 130px;
    }

  body.archive section.home4, section.champ.top {
    background: url(../img/head_shadow.png) center -24px no-repeat;
    padding-top: 80px;
  }

  h2.red.title {
    display: block;
    padding: 5px 10px;
    text-align: left;
    border-bottom: 1px solid #ff0600;
    color: #000;
    font-size: 1.7em;
    border-left: 1px solid #ff0600;
    letter-spacing: 2px;
    font-family: 'Fjalla One', sans-serif;
    font-weight: 600;
  }

  section.home5 {
    height: 100px;
    padding: 0;
  }

  .container.home .info h3 {
    padding: 0;
    margin: 0;
  }

  section.home3 h2 {
    font-size: 2.6em;
  }

  section.home3 .kb h2 {
    color: #00468c;
  }

  section.home3 .mma h2 {
    color: #b20000;
  }

  section.home3 h3 {
    text-transform: none;
    font-size: 2em;
    margin-bottom: 0;
    padding: 0;
    line-height: normal;
  }

  .container.home .info h4, section.home2 .frame .profile .name, section.home2 .profile .mainevent, section.home3 h4 {
    text-transform: uppercase;
    font-weight: 900;
  }

  section.home3 h4 {
    margin-top: -5px;
    color: #666;
    font-size: 1.4em;
    letter-spacing: normal;
    line-height: 1;
  }

  section.home2 .container.home2 {
    /* margin-top: -15px; */
    min-height: 300px;
  }

  .fightcard.button {
    margin: 30px auto;
    display: table;
    min-width: 150px;
    background: rgba(61, 61, 61, 1);
    border-radius: 0;
    padding: 10px 30px;
    text-shadow: none;
    position: relative;
    width: auto;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.8em;
  }

    .fightcard.button:after {
      content: '';
      display: block;
      position: absolute;
      right: -1px;
      top: -1px;
      width: 8px;
      height: 8px;
      border-top: 1px solid red;
      border-right: 1px solid red;
    }

    .fightcard.button:before {
      content: '';
      display: block;
      position: absolute;
      left: -1px;
      bottom: -1px;
      width: 8px;
      height: 8px;
      border-bottom: 1px solid red;
      border-left: 1px solid red;
    }

    .fightcard.button.fullwidth {
      width: 100%;
    }

    .fightcard.button.homepage {
      position: relative;
      bottom: -80px;
      margin: 0 auto;
      z-index: 999;
    }

  /** THREE COLUMNS **/
  section.home2 .four.columns .frame {
    z-index: 999;
    display: block;
    top: 0;
  }

    section.home2 .four.columns .frame .profile {
      height: 280px;
      border-top: 0;
      margin-top: 0;
      display: block;
      position: relative;
    }

  section.home2 .four.columns .profile .mainevent, section.home2 .four.columns .profile .titlebout {
    width: 240px;
    position: absolute;
    margin-left: -120px;
    text-align: center;
  }

  section.home2 .four.columns .profile .titlebout {
    display: block;
    height: 20px;
    top: 150px;
    background: #c4a768;
    font-weight: 900;
    font-size: 1em;
    letter-spacing: 8px;
    left: 50%;
    line-height: 22px;
  }

  section.home2 .four.columns .profile .mainevent {
    display: block;
    height: 24px;
    top: 170px;
    color: #fff;
    font-size: 1em;
    letter-spacing: 0;
    line-height: 24px;
    left: 50%;
  }

    section.home2 .four.columns .profile .mainevent.mma {
      background: #000000;
    }

    section.home2 .four.columns .profile .mainevent.kb {
      background: #000000;
    }

    section.home2 .four.columns .profile .mainevent.box {
      background: #000000;
    }

  section.home2 .four.columns .frame .profile img.left {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    display: block;
    height: auto;
  }

  section.home2 .four.columns .frame .profile img.right {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    display: block;
    height: auto;
  }

  section.home2 .four.columns .frame .profile .data {
    display: block;
    height: 77px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  section.home2 .four.columns .frame .profile .data {
    background: #d9d9d9;
    border-top: 10px solid black;
  }

  section.home2 .four.columns .frame .profile .fighter {
    padding: 0;
    margin: -60px 0 0;
    display: block;
    float: left;
    width: 50%;
    overflow: hidden;
    height: 100%;
    position: relative;
  }

  section.home2 .four.columns .frame .profile .vs {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    background: url(../img/vs.png) no-repeat;
    top: 0px;
    background-size: contain;
    width: 32px;
    height: 31px;
    /* top: 0px; */
  }

    section.home2 .four.columns .frame .profile .vs.kb {
      background: url(../img/vskb.png) no-repeat;
      background-size: contain;
      width: 32px;
      height: 31px;
    }

    section.home2 .four.columns .frame .profile .vs.box {
      background: url(../img/vsbox.png) no-repeat;
      background-size: contain;
      width: 32px;
      height: 31px;
    }

  section.home2 .four.columns .frame .profile .name {
    display: block;
    width: 50%;
    float: left;
    margin-top: 9px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    font-size: 1.2em;
  }

  section.home2 .four.columns .frame .profile .weightclass {
    display: block;
    width: 100%;
    float: none;
    position: absolute;
    bottom: 0;
    height: 28px;
    line-height: 28px;
    font-weight: 100;
    font-size: 1em;
    text-align: center;
    color: rgba(255,255,255,.7);
    background: black;
  }

  section.home2 .four.columns .stats {
    width: 100%;
    padding: 0;
    display: table;
    z-index: 1;
    position: relative;
    background: #151515;
    color: white;
    display: none;
  }

    section.home2 .four.columns .stats tr {
      display: table-row;
    }

      section.home2 .four.columns .stats tr:first-child td {
        padding: 5px 0 0;
        border-top: 0;
        font-size: 1em;
        line-height: normal;
        height: 42px;
        display: table-cell;
        position: relative;
      }

  .home2 .four.columns .stats tr td:nth-child(1), .home2 .four.columns .stats tr td:nth-child(3) {
    width: 20%;
  }

  .home2 .four.columns .stats tr td:first-child {
    border-right: 0 solid #494949;
    font-weight: 900;
  }

  .home2 .four.columns .stats tr td:nth-child(2) {
  }

  .home2 .four.columns .stats tr td:last-child {
    font-weight: 600;
  }

  section.home2 .four.columns .stats td {
    text-align: center;
    padding: 0;
    margin: 0;
    display: table-cell;
    border-bottom: 1px solid #3e3e3e;
    font-weight: 900;
    font-size: 1em;
    border-radius: 0;
    line-height: normal;
    height: 30px;
    font-weight: 100;
  }

    section.home2 .four.columns .stats td img {
      margin: 0px 0 0 -16px;
      padding: 0;
      position: absolute;
      bottom: 4px;
      width: 50%;
    }

  section.home2 .four.columns .stats tr td:nth-child(2) {
  }

  section.home2 .four.columns .stats tr:last-child td:first-child {
  }

  section.home2 .four.columns .stats tr:last-child td:last-child {
  }

  section.home2 .four.columns .stats tr:last-child td {
    border-bottom: 0;
  }

  section.home2 .four.columns a.button.fightcard {
    background: #a4a4a4;
    background: -moz-linear-gradient(top,#a4a4a4 0,#e1e1e1 99%);
    background: -webkit-linear-gradient(top,#a4a4a4 0,#e1e1e1 99%);
    background: linear-gradient(to bottom,#a4a4a4 0,#e1e1e1 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#e1e1e1', GradientType=0 );
    display: block;
    padding: 12px 0;
    font-size: 1.62em;
    height: auto;
    border-radius: 0;
    margin: 50px auto;
    position: relative;
    width: 480px;
    color: #222;
    text-shadow: none;
    font-weight: 900;
    box-shadow: 0 0 15px rgba(0,0,0,.6);
  }

    section.home2 .four.columns a.button.fightcard:hover {
      background: #878787;
      background: -moz-linear-gradient(top,#878787 0,#cecece 100%);
      background: -webkit-linear-gradient(top,#878787 0,#cecece 100%);
      background: linear-gradient(to bottom,#878787 0,#cecece 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#cecece', GradientType=0 );
      text-shadow: 0 0 2px #eee;
    }

  /* SIX COLUMNS FIGHTCARD */
  section.home2 .six.columns .frame {
    z-index: 999;
    display: block;
    position: relative;
    top: 0;
    width: 100%;
  }

    section.home2 .six.columns .frame .profile {
      height: 250px;
      border-top: 0;
      margin-top: 0;
      display: block;
      position: relative;
    }

  section.home2 .six.columns .profile .mainevent, section.home2 .six.columns .profile .titlebout {
    width: 240px;
    position: absolute;
    box-shadow: 0 -1px 1px #3e3e3e;
    margin-left: -120px;
    text-align: center;
  }

  section.home2 .six.columns .profile .titlebout {
    display: block;
    height: 25px;
    top: 125px;
    background: #F7BC08;
    background: -moz-linear-gradient(top,#d9a400 0,#624a00 100%);
    background: -webkit-linear-gradient(top,#FFC30A 0,#624a00 100%);
    background: linear-gradient(to bottom,#c4a768 0,#624a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a400', endColorstr='#624a00', GradientType=0 );
    font-weight: 900;
    font-size: 1.2em;
    letter-spacing: 8px;
    left: 50%;
    line-height: 28px;
  }

  section.home2 .six.columns .profile .mainevent {
    display: block;
    height: 24px;
    top: 150px;
    color: #fff;
    font-size: 1em;
    letter-spacing: 0;
    line-height: 24px;
    left: 50%;
  }

    section.home2 .six.columns .profile .mainevent.mma {
      background: #1C1C1C;
    }

    section.home2 .six.columns .profile .mainevent.kb {
      background: #1C1C1C;
    }

    section.home2 .six.columns .profile .mainevent.box {
      background: #1C1C1C;
    }

  section.home2 .six.columns .frame .profile img.left {
    max-width: 100%;
    position: relative;
    top: 0;
    right: 0;
    display: block;
  }

  section.home2 .six.columns .frame .profile img.right {
    max-width: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: block;
  }

  section.home2 .six.columns .frame .profile .data {
    display: block;
    height: 77px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  section.home2 .six.columns .frame .profile .data {
    background: #ccc;
    border-top: 0px solid black;
  }

  section.home2 .six.columns .frame .profile .fighter {
    padding: 0;
    margin: -60px 0 0;
    display: block;
    float: left;
    width: 50%;
    overflow: hidden;
    height: 100%;
  }

  section.home2 .six.columns .frame .profile .vs {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    width: 48px;
    height: 45px;
    background: url(../img/vs.png) no-repeat;
    top: 0px;
  }

    section.home2 .six.columns .frame .profile .vs.kb {
      background: url(../img/vskb.png) no-repeat;
    }

  section.home2 .six.columns .frame .profile .name {
    display: block;
    width: 50%;
    float: left;
    margin-top: 9px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    font-size: 1.4em;
  }

  section.home2 .six.columns .frame .profile .weightclass {
    display: block;
    width: 100%;
    float: none;
    position: absolute;
    bottom: 0;
    height: 28px;
    line-height: 28px;
    font-weight: 900;
    font-size: 1.1em;
    text-align: center;
    color: rgba(255,255,255,.7);
    background: black;
  }

  section.home2 .six.columns .stats {
    width: 100%;
    margin: 252px auto 0 0%;
    padding: 0;
    display: table;
    z-index: 1;
    position: relative;
    background: #151515;
    color: white;
    display: none;
  }

    section.home2 .six.columns .stats tr {
      display: table-row;
    }

      section.home2 .six.columns .stats tr td {
        padding: 0px 0 0;
        border-top: 0;
        font-size: 1.2em;
        line-height: normal;
        height: 42px;
        display: table-cell;
        position: relative;
        font-weight: 600;
      }

  .home2 .six.columns .stats tr td:nth-child(1), .home2 .six.columns .stats tr td:nth-child(3) {
    width: 20%;
  }

  .home2 .six.columns .stats tr td:first-child {
    font-weight: 900;
  }

  .home2 .six.columns .stats tr td:nth-child(2) {
    font-weight: 100;
  }

  .home2 .six.columns .stats tr td:last-child {
    font-weight: 900;
  }

  section.home2 .six.columns .stats td {
    text-align: center;
    padding: 0;
    margin: 0;
    display: table-cell;
    border-bottom: 1px solid #5f5f5f;
    border-top: 1px solid #fff;
    font-weight: 900;
    font-size: 1.2em;
    border-radius: 0;
    line-height: normal;
    height: 30px;
  }

    section.home2 .six.columns .stats td img {
      margin: 0px 0 0 -25px;
      padding: 0;
      position: absolute;
      bottom: -3px;
      width: 37%;
    }

  section.home2 .six.columns .stats tr td:nth-child(2) {
  }

  section.home2 .six.columns .stats tr:last-child td:first-child {
  }

  section.home2 .six.columns .stats tr:last-child td:last-child {
  }

  section.home2 .six.columns .stats tr:last-child td {
    border-bottom: 0;
  }

  section.home2 .six.columns a.button.fightcard {
    background: #a4a4a4;
    background: -moz-linear-gradient(top,#a4a4a4 0,#e1e1e1 99%);
    background: -webkit-linear-gradient(top,#a4a4a4 0,#e1e1e1 99%);
    background: linear-gradient(to bottom,#a4a4a4 0,#e1e1e1 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#e1e1e1', GradientType=0 );
    display: block;
    padding: 12px 0;
    font-size: 1.62em;
    height: auto;
    border-radius: 0;
    margin: 50px auto;
    position: relative;
    width: 480px;
    color: #222;
    text-shadow: none;
    font-weight: 900;
    box-shadow: 0 0 15px rgba(0,0,0,.6);
  }

    section.home2 .six.columns a.button.fightcard:hover {
      background: #878787;
      background: -moz-linear-gradient(top,#878787 0,#cecece 100%);
      background: -webkit-linear-gradient(top,#878787 0,#cecece 100%);
      background: linear-gradient(to bottom,#878787 0,#cecece 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#cecece', GradientType=0 );
      text-shadow: 0 0 2px #eee;
    }

  /* 12 COLUMNS FIGHTCARD */
  section.home2 .twelve.columns .frame {
    z-index: 999;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
  }

    section.home2 .twelve.columns .frame .profile {
      height: 397px;
      border-top: 0;
      margin-top: 0;
      display: block;
      position: relative;
    }

  section.home2 .twelve.columns .profile .mainevent, section.home2 .twelve.columns .profile .titlebout {
    width: 320px;
    position: absolute;
    box-shadow: 0 -1px 1px #3e3e3e;
    margin-left: -160px;
    text-align: center;
  }

  section.home2 .twelve.columns .profile .titlebout {
    display: block;
    height: 25px;
    top: 270px;
    background: #c4a768;
    background: -moz-linear-gradient(top,#d9a400 0,c4a768 100%);
    background: -webkit-linear-gradient(top,c4a768 0,#c4a768 100%);
    background: linear-gradient(to bottom,#c4a768 0,#624a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a400', endColorstr='#624a00', GradientType=0 );
    font-weight: 900;
    font-size: 1.2em;
    letter-spacing: 8px;
    left: 50%;
    line-height: 28px;
  }

  section.home2 .twelve.columns .profile .mainevent {
    display: block;
    height: 24px;
    top: 296px;
    color: #fff;
    font-size: 1em;
    letter-spacing: 0;
    line-height: 24px;
    left: 50%;
  }

    section.home2 .twelve.columns .profile .mainevent.mma {
      background: #1c1c1c;
    }

    section.home2 .twelve.columns .profile .mainevent.kb {
      background: #000000;
    }

    section.home2 .twelve.columns .profile .mainevent.box {
      background: #d9ad14;
    }

  section.home2 .twelve.columns .frame .profile img.left {
    max-width: 100%;
    position: relative;
    top: 0;
    /* right: 0; */
    display: block;
    margin: 0 auto;
  }

  section.home2 .twelve.columns .frame .profile img.right {
    max-width: 100%;
    position: relative;
    top: 0;
    /* left: 0; */
    display: block;
    margin: 0 auto;
  }

  section.home2 .twelve.columns .frame .profile .data {
    display: block;
    height: 77px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  section.home2 .twelve.columns .frame .profile .data {
    background: #ccc;
    border-top: 0px solid black;
  }

  section.home2 .twelve.columns .frame .profile .fighter {
    padding: 0;
    margin: -60px 0 0;
    display: block;
    float: left;
    width: 50%;
    overflow: hidden;
    height: 100%;
  }

  section.home2 .twelve.columns .frame .profile .vs {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    width: 48px;
    height: 45px;
    background: url(../img/vs.png) no-repeat;
    top: 0px;
  }

    section.home2 .twelve.columns .frame .profile .vs.kb {
      background: url(../img/vskb.png) no-repeat;
    }

  section.home2 .twelve.columns .frame .profile .name {
    display: block;
    width: 50%;
    float: left;
    margin-top: 9px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    font-size: 1.8em;
  }

  section.home2 .twelve.columns .frame .profile .weightclass {
    display: block;
    width: 100%;
    float: none;
    position: absolute;
    bottom: 0;
    height: 28px;
    line-height: 28px;
    font-weight: 900;
    font-size: 1.1em;
    text-align: center;
    color: rgba(255,255,255,.7);
    background: black;
  }

  section.home2 .twelve.columns .stats {
    width: 100%;
    margin: 398px auto 0 0%;
    padding: 0;
    display: table;
    z-index: 1;
    position: relative;
    background: #151515;
    display: none;
  }

    section.home2 .twelve.columns .stats tr {
      display: table-row;
    }

      section.home2 .twelve.columns .stats tr td {
        padding: 0px 0 0;
        border-top: 0;
        font-size: 1.2em;
        line-height: normal;
        height: 42px;
        display: table-cell;
        position: relative;
        font-weight: 600;
        color: white;
      }

  .home2 .twelve.columns .stats tr td:nth-child(1), .home2 .twelve.columns .stats tr td:nth-child(3) {
    width: 20%;
  }

  .home2 .twelve.columns .stats tr td:first-child {
    font-weight: 900;
  }

  .home2 .twelve.columns .stats tr td:nth-child(2) {
    font-weight: 100;
  }

  .home2 .twelve.columns .stats tr td:last-child {
    font-weight: 900;
  }

  section.home2 .twelve.columns .stats td {
    text-align: center;
    padding: 0;
    margin: 0;
    display: table-cell;
    border-bottom: 1px solid #5f5f5f;
    border-top: 1px solid #fff;
    font-weight: 900;
    font-size: 1.2em;
    border-radius: 0;
    line-height: normal;
    height: 30px;
  }

    section.home2 .twelve.columns .stats td img {
      margin: 0 0 0 -22px;
      padding: 0;
      position: absolute;
      bottom: -1px;
      /* left: 50%; */
      height: 100%;
    }

  section.home2 .twelve.columns .stats tr td:nth-child(2) {
  }

  section.home2 .twelve.columns .stats tr:last-child td:first-child {
  }

  section.home2 .twelve.columns .stats tr:last-child td:last-child {
  }

  section.home2 .twelve.columns .stats tr:last-child td {
    border-bottom: 0;
  }

  section.home2 .twelve.columns a.button.fightcard {
  }

  a.button.fightcard:hover {
    background: #888;
  }

  .single.page ul#ranking li.rank-kb li span, .single.page ul#ranking li.rank-mma li span, ul#ranking li.rank-kb li span, ul#ranking li.rank-mma li span {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f7daf', endColorstr='#1a3a4f', GradientType=0 );
  }

  .container.home .info h4 {
    font-size: 1.4em;
    line-height: 1em;
    padding: 7px 0;
    color: #636363;
  }

  .container.home .info p {
    clear: both;
    margin-bottom: 15px;
    display: block;
    font-weight: 600;
    color: #4E4E4E;
  }

  .single img.headline {
    width: 100%;
    position: relative;
  }

  .sidebar .info h4, .sidebar .info.small h4 {
    color: #666;
    font-weight: 900;
    text-transform: uppercase;
  }

  .sidebar img {
    border-radius: 0;
    border: 0;
  }

  .sidebar > img {
    margin: 0;
    padding: 0 0 10px;
  }

  .sidebar .info h2 {
    margin-top: 0;
  }

  .sidebar .info h3 {
    font-size: 1.9em;
    margin: 0;
  }

  .sidebar .info h4 {
    font-size: 1.4em;
    line-height: 1;
    padding: 0;
  }

  .sidebar .info.small h2, .sidebar .info.small h3 {
    font-size: 1.5em;
    float: left;
    padding: 0;
    display: inline-block;
    line-height: 1;
  }

  .sidebar .info.small {
    margin-top: -15px;
  }

    .sidebar .info.small h2 {
      margin: 0 5px 0 0;
    }

    .sidebar .info.small h3 {
      margin: 0;
    }

    .sidebar .info.small h4 {
      font-size: 1.2em;
      line-height: 1em;
      clear: both;
    }

  ul#ranking > li.head span.kb, ul#ranking > li.head span.mma {
    float: left;
    width: 50%;
    line-height: 50px;
    padding: 0;
    display: block;
  }

  ul#ranking {
    list-style: none;
    margin-top: 20px;
  }

    ul#ranking > li {
      display: block;
    }

      ul#ranking > li.head {
        height: 51px;
        background: url(../img/rank-head.png) top center no-repeat;
      }

        ul#ranking > li.head.mma {
          background: url(../img/rank-head.png) center -51px no-repeat;
        }

        ul#ranking > li.head span.kb {
          text-align: left;
        }

        ul#ranking > li.head span.mma {
          text-align: right;
        }

        ul#ranking > li.head span a {
          color: #5b5b5b;
          text-decoration: none;
          font-size: 2em;
          font-weight: 900;
          display: block;
          padding: 0;
        }

        ul#ranking > li.head span.kb a {
          padding-left: 20px;
        }

        ul#ranking > li.head span.mma a {
          padding-right: 20px;
        }

        ul#ranking > li.head a:hover {
          color: #000;
          text-shadow: 1px 1px 1px #fff;
        }

      ul#ranking > li > ul {
        list-style: none;
        padding: 0;
        margin: 0;
      }

    ul#ranking li.rank-kb li, ul#ranking li.rank-mma li {
      margin: 0;
      padding: 0;
      height: 45px;
    }

      ul#ranking li.rank-kb li span, ul#ranking li.rank-mma li span {
        display: block;
        left: 0;
        margin: 0;
        background: #4f7daf;
        background: -moz-linear-gradient(top,#4f7daf 5%,#4f7daf 5%,#1a3a4f 76%);
        background: -webkit-linear-gradient(top,#4f7daf 5%,#4f7daf 5%,#1a3a4f 76%);
        background: linear-gradient(to bottom,#4f7daf 5%,#4f7daf 5%,#1a3a4f 76%);
        font-size: 1.6em;
        letter-spacing: 3px;
        font-weight: 900;
        line-height: 32px;
        border-radius: 5px;
        color: #fafafa;
        width: 15%;
        position: absolute;
        text-align: center;
        height: 30px;
        padding-left: 5px;
      }

      ul#ranking li.rank-mma li span {
        background: #894040;
        background: -moz-linear-gradient(top,#894040 14%,#4f1111 76%);
        background: -webkit-linear-gradient(top,#894040 14%,#4f1111 76%);
        background: linear-gradient(to bottom,#894040 14%,#4f1111 76%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#894040', endColorstr='#4f1111', GradientType=0 );
      }

      ul#ranking li.rank-kb li a, ul#ranking li.rank-mma li a {
        display: block;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 1.4em;
        font-weight: 900;
        width: 80%;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        position: absolute;
        letter-spacing: normal;
        height: 30px;
        line-height: 31px;
        border-bottom: 1px solid grey;
        box-shadow: 0 1px 0 #fff;
        color: #5b5b5b;
      }

        ul#ranking li.rank-kb li a:hover, ul#ranking li.rank-mma li a:hover {
          color: #000;
        }

    ul#ranking li.rank-mma {
      display: none;
    }

  .single.page ul#ranking {
    list-style: none;
    margin-top: 50px;
    display: table;
    width: 100%;
  }

    .single.page ul#ranking > li {
      display: table-cell !important;
      width: 50%;
      position: relative;
    }

      .single.page ul#ranking > li.head {
        height: 51px;
        background: navy;
        padding: 0;
        width: 100%;
        margin: 0;
        display: table-row !important;
        position: relative;
      }

        .single.page ul#ranking > li.head span {
          display: table-cell;
          float: none;
          width: 50%;
          text-align: center;
          padding: 0;
          line-height: 50px;
          position: relative;
          color: #fff;
          font-size: 2em;
          font-weight: 700;
        }

          .single.page ul#ranking > li.head span.kb {
            background-color: #3D678F;
          }

          .single.page ul#ranking > li.head span.mma {
            background-color: #823A3A;
          }

          .single.page ul#ranking > li.head span a {
            color: #5b5b5b;
            text-decoration: none;
            font-size: 2em;
            font-weight: 900;
            display: block;
            padding: 0;
          }

          .single.page ul#ranking > li.head span.kb a {
            padding-left: 20px;
          }

          .single.page ul#ranking > li.head span.mma a {
            padding-right: 20px;
          }

        .single.page ul#ranking > li.head a:hover {
          color: #000;
          text-shadow: 1px 1px 1px #fff;
        }

      .single.page ul#ranking > li > ul {
        list-style: none;
        padding: 0;
        margin: 0;
      }

    .single.page ul#ranking li.rank-kb {
      padding-top: 10px;
    }

      .single.page ul#ranking li.rank-kb li, .single.page ul#ranking li.rank-mma li {
        margin: 0;
        padding: 0;
        height: 45px;
        width: 95%;
        position: relative;
      }

        .single.page ul#ranking li.rank-kb li span, .single.page ul#ranking li.rank-mma li span {
          display: block;
          left: 5px;
          margin: 0;
          background: #4f7daf;
          background: -moz-linear-gradient(top,#4f7daf 5%,#4f7daf 5%,#1a3a4f 76%);
          background: -webkit-linear-gradient(top,#4f7daf 5%,#4f7daf 5%,#1a3a4f 76%);
          background: linear-gradient(to bottom,#4f7daf 5%,#4f7daf 5%,#1a3a4f 76%);
          font-size: 1.6em;
          letter-spacing: 3px;
          font-weight: 900;
          line-height: 32px;
          border-radius: 5px;
          color: #fafafa;
          width: 15%;
          position: absolute;
          text-align: center;
          height: 30px;
          padding-left: 5px;
        }

        .single.page ul#ranking li.rank-mma li span {
          background: #894040;
          background: -moz-linear-gradient(top,#894040 14%,#4f1111 76%);
          background: -webkit-linear-gradient(top,#894040 14%,#4f1111 76%);
          background: linear-gradient(to bottom,#894040 14%,#4f1111 76%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#894040', endColorstr='#4f1111', GradientType=0 );
        }

        .single.page ul#ranking li.rank-kb li a, .single.page ul#ranking li.rank-mma li a {
          display: block;
          right: 0;
          margin: 0;
          padding: 0;
          font-size: 1.4em;
          font-weight: 900;
          width: 78%;
          text-decoration: none;
          text-transform: uppercase;
          text-align: left;
          position: absolute;
          letter-spacing: normal;
          height: 30px;
          line-height: 31px;
          border-bottom: 1px solid grey;
          box-shadow: 0 1px 0 #fff;
          color: #5b5b5b;
        }

          .single.page ul#ranking li.rank-kb li a:hover, .single.page ul#ranking li.rank-mma li a:hover {
            color: #000;
          }

  .srch h2 {
    font-size: 18px !important;
    letter-spacing: 1px !important;
    text-align: left;
    padding: 10px !important;
  }

  .srch h4 {
    display: block;
    margin: 10px 0% 0;
    border-bottom: 1px solid #242424;
  }

  /** FIGHTER SUPPORT RANKING **/
  h3.fighter-support {
    color: #545454;
    margin-bottom: 0;
  }

  ul#fighter-support-home {
    padding: 5px 0;
    background: #666666;
    /* Old browsers */
    background: -moz-linear-gradient(top, #666666 0%, #373737 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #666666 0%,#373737 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #666666 0%,#373737 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#373737',GradientType=0 );
    /* IE6-9 */
  }

    ul#fighter-support-home li {
      height: 46px;
      overflow: hidden;
      display: block;
      margin: 0;
      position: relative;
      padding: 10px 0 0 0;
      color: #434343;
      font-weight: 900;
      /* font-size: 1.4em; */
    }

      ul#fighter-support-home li.last {
        height: auto;
        line-height: normal;
        text-align: center;
        margin: 10px 0 5px;
        padding: 5px;
        background: #e3e3e3;
        background: -moz-linear-gradient(top, #e3e3e3 0%, #a4a4a4 100%);
        background: -webkit-linear-gradient(top, #e3e3e3 0%,#a4a4a4 100%);
        background: linear-gradient(to bottom, #e3e3e3 0%,#a4a4a4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#a4a4a4',GradientType=0 );
      }

      ul#fighter-support-home li .data {
        display: inline-block;
        float: left;
        height: 100%;
        width: 70%;
        margin: 0;
        background: #e3e3e3;
        background: -moz-linear-gradient(top, #e3e3e3 0%, #a4a4a4 100%);
        background: -webkit-linear-gradient(top, #e3e3e3 0%,#a4a4a4 100%);
        background: linear-gradient(to bottom, #e3e3e3 0%,#a4a4a4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#a4a4a4',GradientType=0 );
      }

        ul#fighter-support-home li .data img {
          width: 60px;
          height: auto;
          float: left;
          min-height: 100%;
          margin-top: -5px;
          position: relative;
          display: block;
        }

      ul#fighter-support-home li .name {
        display: block;
        height: 30px;
        font-size: 1.1em;
        text-transform: uppercase;
        line-height: 40px;
        padding-left: 5px;
        float: left;
        clear: right;
        letter-spacing: -1px;
        /* font-weight: 900; */
      }

      ul#fighter-support-home li .perc {
        display: block;
        float: left;
        font-size: 0.8em;
        width: 12%;
        text-align: right;
        margin-top: 1px;
        height: 1em;
        line-height: 1;
      }

      ul#fighter-support-home li .num {
        display: inline-block;
        width: 10%;
        float: left;
        height: 100%;
        position: relative;
        color: #dddddd;
        font-size: 1.4em;
        font-weight: 900;
        text-align: center;
        line-height: 50px;
      }

      ul#fighter-support-home li .votes {
        display: block;
        float: right;
        width: 19.5%;
        height: 100%;
        margin: 0;
        text-align: center;
        line-height: 46px;
        font-size: 1.3em;
        position: relative;
        background: #e3e3e3;
        background: -moz-linear-gradient(top, #e3e3e3 0%, #a4a4a4 100%);
        background: -webkit-linear-gradient(top, #e3e3e3 0%,#a4a4a4 100%);
        background: linear-gradient(to bottom, #e3e3e3 0%,#a4a4a4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#a4a4a4',GradientType=0 );
        letter-spacing: -1px;
      }

      ul#fighter-support-home li .line {
        display: block;
        float: left;
        height: 6px;
        background: #535353;
        width: 54%;
        margin-left: 5px;
        position: relative;
        margin-top: 4px;
        border: 1px solid #535353;
      }

      ul#fighter-support-home li .inner {
        position: relative;
        height: 100%;
        background-color: #fed24d;
        display: block;
      }

  section.kb-top .container.kb-top, section.mma-top .container.mma-top, section.box-top .container.box-top {
    height: 55px;
    width: 800px;
    color: #FEFEFE;
    line-height: 50px;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 22px;
    text-align: center;
  }

  body {
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    overflow-y: scroll;
  }

  .moved-pos {
    cursor: pointer;
  }

  .mobile-only {
    display: none !important;
  }

  section {
    padding: 15px 0 0;
  }

    section.kb-top, section.mma-top, section.box-top {
      background: url(../img/sprite.png) 0 -1216px repeat-x #000;
      padding: 0;
      margin: 0;
      height: 55px;
      display: block;
      position: relative;
    }

      section.kb-top .container.kb-top {
        background: url(../img/sprite.png) 0 -1272px no-repeat;
      }

      section.mma-top .container.mma-top {
        background: url(../img/sprite.png) 0 -1328px no-repeat;
      }

      section.box-top .container.box-top {
        background: url(../img/sprite.png) 0 -1384px no-repeat;
      }

    section.wc {
      padding: 0;
      height: 130px;
      background: #fff;
      display: block;
      clear: both;
    }

      section.wc .container.wc {
        height: 40px;
      }

        section.wc .container.wc h1 {
          margin: 40px 0 0;
          text-align: center;
          display: block;
          clear: both;
          position: relative;
          font-size: 1.8em;
          font-weight: 900;
          color: #999;
          letter-spacing: 1px;
          text-transform: uppercase;
        }

      section.wc ul {
        padding: 0;
        list-style: none;
        display: table;
        width: auto;
        margin: 0 auto;
        position: relative;
        height: 28px;
        text-align: center;
        background: black;
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 100px;
      }

      section.wc li {
        padding: 0;
        height: 100%;
        display: inline-block;
        text-align: center;
        margin: 0;
        border-right: 1px solid #545454;
        vertical-align: middle;
        height: 28px;
      }

        section.wc li:first-child {
          border-left: none;
          padding-left: 20px;
        }

        section.wc li:last-child {
          border-right: none;
          padding-right: 20px;
        }

          section.wc li:last-child a {
            margin-right: 20px
          }

        section.wc li:first-child a {
          margin-left: 20px
        }

        section.wc li:hover a, section.wc li.active a {
          background-color: #4a4a4a;
          color: white;
        }

        section.wc li.active a, section.wc li:hover a {
          /* color: inherit; */
        }

      section.wc a {
        padding: 2px 5px;
        font-weight: 600;
        font-size: 1.1em;
        text-transform: uppercase;
        color: white;
        width: 100%;
        margin: 0;
        line-height: 28px;
      }

    section.champ.top {
      background-color: #fff;
      height: 100px;
      line-height: 100px;
      text-align: center;
      font-size: 2.2em;
      font-weight: 100;
      color: #a89461;
      letter-spacing: 1.2em;
      padding-bottom: 45px;
    }

    section.champs {
      padding: 0;
    }

      section.champs .container {
        text-align: center;
      }

      section.champs h2.kbtitle, section.champs h2.mmatitle, section.champs h2.boxtitle {
        position: relative;
        padding: 0;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
        font-size: 2em;
        color: #d9a919;
        letter-spacing: 40px;
        font-weight: 100;
        background: -webkit-linear-gradient(#dbbb00, #cd901e);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      section.champs h2.title {
        position: relative;
        padding: 0;
        width: 100%;
        text-align: left;
        margin: 40px 0px 20px 0;
        font-size: 2em;
        color: #d9a919;
        letter-spacing: 10px;
        font-weight: 100;
        background: -webkit-linear-gradient(#c7ab01, #a7710b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
      }

      section.champs .champ {
        display: inline-block;
        float: none;
        overflow: hidden;
        width: 23.00%;
        height: 384px;
        margin: 1%;
        position: relative;
        /* height: auto; */
        background: url(../img/bg_champ.png) center bottom no-repeat;
        background-size: contain;
        margin-bottom: 60px;
        /* padding: 2%; */
      }

        section.champs .champ > .img > a {
          display: block;
          height: auto;
          margin: 5px 0 0 0;
          z-index: 10;
          position: relative;
          overflow: hidden;
          height: 270px;
          border-bottom: 2px solid #bf9f64;
        }

        section.champs .champ a:after {
          position: absolute;
          bottom: 0;
          left: 0;
        }

        section.champs .champ:nth-child(8) {
          margin-top: 13px
        }

        section.champs .champ .img {
          display: block;
          height: 100%;
          overflow: hidden;
          bottom: 0;
          position: relative;
          background-size: contain;
          margin: 0px 4px;
        }

        section.champs .champ:first-child .img {
          background: 0;
        }

        section.champs .champ:nth-child(7) .img {
          background: 0;
        }

        section.champs .champ .img img {
          position: relative;
          top: 0;
          display: block;
          transition-duration: 1s;
          max-width: 90%;
          width: 100%;
          margin: 0 auto;
        }

          section.champs .champ .img img:hover {
            -webkit-filter: grayscale(60%);
            filter: grayscale(60%);
          }

      section.champs .limiter {
        display: block;
        width: 100%;
        clear: both;
        position: relative;
        height: 117px;
      }

        section.champs .limiter .kb {
          display: block;
          width: 100%;
          position: relative;
          height: 15px;
          background: url(../img/kb-blue-bg.png) center center no-repeat;
        }

        section.champs .limiter .box {
          display: block;
          width: 100%;
          position: relative;
          height: 15px;
          background: url(../img/box-yellow-bg.png) center center no-repeat;
        }

        section.champs .limiter.mma {
          height: auto;
        }

        section.champs .limiter .mma {
          display: block;
          width: 100%;
          position: relative;
          height: 15px;
          background: url(../img/mma-red-bg.png) center center no-repeat;
        }

    section.archive .lSSlideOuter img, section.archive .lSSlideOuter img.horizontal, section.archive .lSSlideOuter img.vertical {
      width: auto;
      margin: 0 auto;
      min-height: 100%;
      position: relative;
      cursor: pointer;
    }

    section.archive .lSSlideWrapper {
      border: 3px solid #666;
      border-radius: 4px;
      overflow: hidden;
    }

    section.archive.photo .lSSlideWrapper {
      border: 0;
      border-radius: 0;
      overflow: hidden;
      height: 600px;
      background: #000;
      position: relative;
      display: block;
    }

    section.archive .lSSlideOuter img {
      border: 0;
      height: 100%;
      max-width: 100%;
      max-height: 100%;
      min-width: 100%;
      border-radius: 0;
    }

      section.archive .lSSlideOuter img.horizontal {
        border: 0;
        height: auto;
        max-height: inherit;
        min-width: 100%;
      }

      section.archive .lSSlideOuter img.vertical {
        border: 0;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        min-width: inherit;
      }

  .lg-outer .lg-image {
    min-width: inherit;
  }

  section.archive .lSSlideOuter .lSPager.lSGallery img {
    border: 0;
    width: 70px;
    display: block;
    position: relative;
    min-width: 95%;
    border-radius: 0;
    min-height: 93%;
  }

  section.archive.photo .lSSlideOuter .lSPager.lSGallery li.active, section.archive.photo .lSSlideOuter .lSPager.lSGallery li:hover {
    box-shadow: 0 5px 7px rgba(0,0,0,.8);
    border-radius: 0;
  }

    section.archive.photo .lSSlideOuter .lSPager.lSGallery li.active img, section.archive.photo .lSSlideOuter .lSPager.lSGallery li:hover img {
      border: 3px solid #fff;
      width: 70px;
      display: block;
      position: relative;
      min-width: 95%;
      border-radius: 3px;
      min-height: 93%;
    }

  section.archive.photo {
    padding-bottom: 30px;
  }

    section.archive.photo.bottom {
      background-color: #ececec;
    }

      section.archive.photo.bottom .gal:nth-child(n+4) {
        clear: left;
        margin-left: 0;
      }

      section.archive.photo.bottom img {
        border: 0;
        border-radius: 0;
        height: 260px;
        width: 100%;
      }

      section.archive.photo.bottom .title {
        font-weight: 900;
        font-size: 1.5em;
        letter-spacing: -.5px;
        margin: 0;
        line-height: 1;
      }

        section.archive.photo.bottom .title .red {
          color: #b20002;
          padding-right: 5px;
        }

      section.archive.photo.bottom .place {
        margin: 0;
        font-weight: 600;
        color: #6b6b6b;
        text-transform: uppercase;
      }

    section.archive.photo.ul {
      background: #000000;
      padding: 0;
      height: 32px;
    }

      section.archive.photo.ul ul {
        list-style: none;
        margin: 0 0 50px;
        padding-top: 1px;
        display: inline-block;
        position: relative;
        /* background: white; */
      }

        section.archive.photo.ul ul li {
          margin: 0 0 0 30px;
          padding: 0;
          position: relative;
          display: block;
          float: left;
          line-height: 29px;
          min-width: 90px;
          text-align: center;
          font-weight: 900;
          color: #FFF;
          cursor: pointer;
          font-size: 1em;
          background-color: #3E3E3E;
          height: 29px;
        }

          section.archive.photo.ul ul li.active:after, section.archive.photo.ul ul li.active:before, section.archive.photo.ul ul li:after, section.archive.photo.ul ul li:hover:after, section.archive.photo.ul ul li:hover:before {
            content: '';
            line-height: 0;
            font-size: 0;
            width: 0;
            height: 0;
            border-top: 0 solid transparent;
            border-left: 0 solid transparent;
            position: absolute;
            top: 0;
          }

          section.archive.photo.ul ul li a {
            color: #fff;
            text-transform: uppercase;
            padding: 0 20px;
          }

          section.archive.photo.ul ul li.active a, section.archive.photo.ul ul li:hover a {
            color: #333;
          }

          section.archive.photo.ul ul li.active:before, section.archive.photo.ul ul li:hover:before {
            border-bottom: 29px solid #BBB;
            border-right: 29px solid transparent;
            right: -29px;
            z-index: 10;
          }

          section.archive.photo.ul ul li.active, section.archive.photo.ul ul li:hover {
            background-color: #bbb;
            color: #4C4C4C;
          }

            section.archive.photo.ul ul li.active:after, section.archive.photo.ul ul li:hover:after {
              border-bottom: 29px solid transparent;
              border-right: 29px solid #BBB;
              left: -29px;
              z-index: 10;
            }

          section.archive.photo.ul ul li:after {
            border-bottom: 28px solid transparent;
            border-right: 28px solid #3E3E3E;
            left: -28px;
          }

          section.archive.photo.ul ul li:before, section.shop.bottom ul.cats li.active:before, section.shop.bottom ul.cats li:hover:before {
            content: '';
            line-height: 0;
            font-size: 0;
            width: 0;
            height: 0;
            border-right: 28px solid transparent;
            right: -28px;
          }

          section.archive.photo.ul ul li:before {
            border-top: 0 solid transparent;
            border-bottom: 29px solid #3E3E3E;
            border-left: 0 solid transparent;
            position: absolute;
            top: 0;
          }

  #galsearch {
    position: absolute;
    margin: 0;
    padding: 0;
    display: block;
    left: 0;
    z-index: 999;
    display: none;
    top: 0;
    /* background-color: #af2f2f; */
    height: 30px;
    /* display: inline-block; */
  }

    #galsearch ::-webkit-input-placeholder {
      color: #fff;
    }

    #galsearch :-moz-placeholder {
      /* Firefox 18- */
      color: #fff;
    }

    #galsearch ::-moz-placeholder {
      /* Firefox 19+ */
      color: #fff;
    }

    #galsearch :-ms-input-placeholder {
      /* IE 10+ */
      color: #fff;
    }

    #galsearch ::-ms-input-placeholder {
      /* Edge */
      color: #fff;
    }

    #galsearch :placeholder-shown {
      /* Standard one last! */
      color: #fff;
    }

    #galsearch input.searchfield {
      position: absolute;
      margin: 0;
      padding: 0;
      display: table-header-group;
      left: 0;
      z-index: 999;
      width: 100% !important;
      min-height: 29px;
      font-size: 16px;
      color: #fff;
      background: #af2f2f;
      line-height: 29px;
      padding-left: 5px !important;
      height: 29px;
      border: 0;
      outline: transparent;
      outline-width: 0;
    }

    #galsearch #kategorija {
      position: relative;
      margin: 0;
      padding: 0;
      display: inline-block;
      text-transform: uppercase;
      z-index: 999;
      width: 200px;
      min-height: 29px;
      font-size: 15px;
      color: #fff;
      background: #af2f2f;
      line-height: 29px;
      padding-left: 5px !important;
      border: 0;
      font-weight: 400;
      height: auto !important;
      vertical-align: top;
      border-radius: 0;
      margin-right: 0;
      cursor: pointer;
    }

    #galsearch button {
      position: relative;
      margin: 0;
      padding: 0;
      display: inline-block;
      text-transform: uppercase;
      z-index: 999;
      width: 100px;
      min-height: 29px;
      font-size: 15px;
      color: #fff;
      background: #000000;
      line-height: 29px;
      padding: 0;
      border: 0;
      font-weight: 700;
      height: auto !important;
      vertical-align: top;
      border-radius: 0;
    }

    #galsearch .searchfield {
      margin: 0 10px;
    }

    #galsearch .searchli {
      margin: 0 0 0 30px;
      background-color: transparent;
      padding: 0;
      height: 29px;
      border: 0;
      background: transparent;
      position: relative;
      z-index: 995;
    }

      #galsearch .searchli:before {
        border-top: 29px solid #af2f2f;
        border-bottom: 0;
        border-right: 0 solid transparent;
        position: absolute;
        top: 0;
        content: 'a';
        line-height: 0;
        font-size: 0;
        width: 0;
        height: 0;
        border-left: 29px solid transparent;
        left: -29px;
        display: block;
        z-index: 998;
      }

    #galsearch button:hover {
      color: #989898;
      text-shadow: none;
    }

    #galsearch .searchli:last-child:before {
      border-top: 29px solid black;
    }

    #galsearch .searchli:last-child:after {
      border-bottom: 29px solid black;
    }

    #galsearch .searchli:after {
      border: 0;
      position: absolute;
      border-top: 0;
      border-left: 0 solid rgb(27, 195, 19);
      content: '';
      border-bottom: 29px solid #af2f2f;
      z-index: 999;
      right: -29px !important;
      left: inherit;
      border-right: 29px solid transparent;
    }

  section.archive.photo .search {
    float: right;
    display: inline-block;
  }

    section.archive.photo .search span {
      height: 30px;
      background: #fff;
      display: inline-block;
      line-height: 29px;
      font-weight: 700;
      padding: 0 10px 0 30px;
      position: relative;
      cursor: pointer;
      color: #000
    }

      section.archive.photo .search span:hover {
        color: #525252;
      }

      section.archive.photo .search span:after {
        content: '';
        display: block;
        position: absolute;
        width: 11px;
        height: 28px;
        background: transparent url(../img/li-arrow-news.png) 9px center no-repeat;
        padding: 0 10px 0 0;
        left: 5px;
        top: 0
      }

      section.archive.photo .search span.open {
        height: 30px;
        background: #fff;
        display: inline-block;
        line-height: 29px;
        font-weight: 700;
        padding: 0 30px 0 10px;
        position: relative;
        cursor: pointer;
        color: #000
      }

        section.archive.photo .search span.open:after {
          content: '';
          display: block;
          position: absolute;
          width: 11px;
          height: 28px;
          background: transparent url(../img/li-arrow-news.png) -16px center no-repeat;
          padding: 0 10px 0 0;
          right: 0px;
          top: 0;
          left: inherit;
        }

      section.archive.photo .search span:before {
        content: '';
        line-height: 0;
        font-size: 0;
        width: 0;
        height: 0;
        border-top: 30px solid white;
        border-left: 29px solid transparent;
        position: absolute;
        top: 0;
        border-bottom: 0;
        border-right: 0px solid white;
        left: -29px;
      }

  section.archive .lSSlideWrapper li {
    position: relative;
    height: 600px;
  }

    section.archive .lSSlideWrapper li a {
      display: block;
      height: 100%;
      position: relative;
    }

    section.archive .lSSlideWrapper li span {
      position: absolute;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.72);
      color: #fff;
      padding: 0 14px 10px 14px;
      line-height: 1;
      font-weight: 400;
      display: inline-block;
      height: auto;
    }

      section.archive .lSSlideWrapper li span > span.title {
        position: relative;
        clear: both;
        display: block;
        background-color: transparent;
        padding: 0 0 10px 0;
        font-weight: 700;
        font-size: 1.3em;
        margin: 15px 0 0 0;
      }

  section.archive.photo .lSSlideWrapper li span {
    position: absolute;
    top: 540px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    padding: 12px 2.5%;
    line-height: 1;
    font-weight: 400;
    display: block;
    width: 95%;
    font-size: 1em;
    font-style: italic;
    height: 20px;
  }

  section.shop.top {
    padding: 0;
    height: 710px;
    background: url(../img/shop-top-bg.png) left top repeat-x;
    background-size: contain;
  }

  section.shop .top {
    padding-top: 155px;
    background: url(../img/ffc-shop-logo.png) center 25px no-repeat;
  }

  section.shop.bottom {
    padding: 0 0 50px;
    background: url(../img/shop-category-bg.png) left top repeat-x #fff;
  }

    section.shop.bottom .three.columns {
      margin-bottom: 40px;
    }

      section.shop.bottom .three.columns:nth-child(n+5) {
        margin-left: 0;
        clear: left;
      }

    section.shop.bottom .product {
      position: relative;
    }

    section.shop.bottom .frame {
      background: #3c3c3c;
      padding: 2px;
      border-radius: 10px;
    }

    section.shop.bottom .image {
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      position: relative;
      height: 200px;
    }

      section.shop.bottom .image img {
        display: block;
        border-radius: 8px;
        width: 100%;
        height: 100%;
      }

    section.shop.bottom .title {
      display: block;
      color: #eee;
      text-align: center;
      font-size: .9em;
      font-weight: 600;
      padding: 5px 0;
    }

    section.shop.bottom .button {
      border-radius: 6px;
      margin: 5px 0;
      z-index: 1000;
    }

    section.shop.bottom .nostock, section.shop.bottom .sale {
      position: absolute;
      width: 100%;
      height: 60%;
      left: -2px;
      top: -4px;
      z-index: 10;
    }

    section.shop.bottom .price {
      float: right;
      background: #842221;
      border-radius: 4px;
      padding: 1px 10px;
      color: #fff;
      font-weight: 600;
    }

    section.shop.bottom .oldprice {
      float: left;
      font-weight: 600;
      text-decoration: line-through;
      padding: 1px;
      font-size: .9em;
    }

    section.shop.bottom .sale {
      background: url(../img/on-sale.png) left top no-repeat;
    }

    section.shop.bottom .nostock {
      background: url(../img/out-of-stock.png) left top no-repeat;
    }

    section.shop.bottom ul.cats {
      list-style: none;
      margin: 0 0 50px;
      padding-top: 1px;
      padding-left: 28px;
    }

      section.shop.bottom ul.cats li {
        margin: 0 0 0 31px;
        padding: 0;
        position: relative;
        display: block;
        float: left;
        line-height: 28px;
        min-width: 170px;
        text-align: center;
        font-weight: 900;
        color: #ededed;
        cursor: pointer;
        font-size: 1.2em;
        background-color: #797979;
      }

        section.shop.bottom ul.cats li.active:before, section.shop.bottom ul.cats li:hover:before {
          border-top: 28px solid #BBB;
          border-bottom: 0 solid #BBB;
          border-left: 0 solid #BBB;
          position: absolute;
          top: 0;
          z-index: 9999;
        }

        section.shop.bottom ul.cats li.active:after, section.shop.bottom ul.cats li:after, section.shop.bottom ul.cats li:hover:after {
          border-top: 0 solid transparent;
          border-left: 28px solid transparent;
          left: -28px;
          content: '';
          line-height: 0;
          font-size: 0;
          width: 0;
          height: 0;
          position: absolute;
          top: 0;
        }

        section.shop.bottom ul.cats li.active, section.shop.bottom ul.cats li:hover {
          background-color: #bbb;
        }

          section.shop.bottom ul.cats li.active:after, section.shop.bottom ul.cats li:hover:after {
            border-bottom: 28px solid #BBB;
            border-right: 0 solid #BBB;
            z-index: 99999;
          }

        section.shop.bottom ul.cats li:after {
          border-bottom: 28px solid #797979;
          border-right: 0 solid #797979;
        }

        section.shop.bottom ul.cats li:before {
          content: '';
          line-height: 0;
          font-size: 0;
          width: 0;
          height: 0;
          border-top: 28px solid #797979;
          border-bottom: 0 solid transparent;
          border-left: 0 solid transparent;
          border-right: 28px solid transparent;
          position: absolute;
          top: 0;
          right: -28px;
        }

  section.profile.top {
    background-color: #fff;
    padding: 0;
  }

    section.profile.top .info {
      position: relative;
    }

      section.profile.top .info > .four.columns {
        background: #ededed;
        overflow: hidden;
      }

        section.profile.top .info > .four.columns:before {
          content: '';
          background: #ededed;
          display: block;
          position: absolute;
          width: 10000px;
          left: -9980px;
          top: 0px;
          height: 100%;
          /* margin-left: -9950px */
        }

      section.profile.top .info .sharebox {
        position: absolute;
        right: 0;
        z-index: 1;
        width: auto;
      }

        section.profile.top .info .sharebox:before {
          position: relative;
          display: block;
          float: left;
          color: #454545;
          content: ' SHARE ON';
          font-weight: 900;
          width: 50px;
          font-size: 1.1em;
          line-height: 1;
          text-align: right;
          padding-right: 10px;
          letter-spacing: -1px;
        }

        section.profile.top .info .sharebox p {
          width: 40px;
          height: 40px;
          display: none;
          float: left;
          margin: 0 3px 0 0;
        }

          section.profile.top .info .sharebox p.facebook, section.profile.top .info .sharebox p.twitter {
            display: block;
          }

          section.profile.top .info .sharebox p a {
            font-size: 1.4em
          }

          section.profile.top .info .sharebox p.count {
            font-size: 1em;
            height: 30px;
            width: auto;
            margin-left: 13px;
            line-height: 30px;
            text-align: left;
            color: #454545;
            font-weight: 900;
            border: 1px solid #8b8b8b;
            padding: 0 9px 0 0;
            border-left: none;
            margin-top: 4px;
            display: none;
          }

            section.profile.top .info .sharebox p.count:before {
              content: '';
              width: 9px;
              height: 30px;
              position: relative;
              float: left;
              left: -8px;
              background: url(../img/sharecount-bg.png) right center no-repeat;
              margin-top: 0;
            }

          section.profile.top .info .sharebox p.bufferapp, section.profile.top .info .sharebox p.linkedin, section.profile.top .info .sharebox p.pinterest, section.profile.top .info .sharebox p.pocket, section.profile.top .info .sharebox p.reddit, section.profile.top .info .sharebox p.stumbleupon, section.profile.top .info .sharebox p.vk {
            display: none;
          }

          section.profile.top .info .sharebox p a {
            padding: 0;
            height: 100%;
            text-align: center;
            line-height: 40px;
            width: 100%;
            display: inherit;
            color: #454545;
          }

    section.profile.top .stat {
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 1px solid #ebebeb;
      display: inline-block;
      width: 100%;
      height: auto;
      position: relative;
    }

  #chart {
    position: relative;
    width: 180px;
    height: 180px;
    display: block;
  }

  #piechart {
    margin-top: 10px;
    display: block;
    width: 100%;
    height: 100%;
  }

  section.profile.top .stat .doughnutalt-legend {
    display: block;
    position: absolute;
    font-weight: 900;
    font-size: 1em;
    list-style: none;
    top: 40px;
    width: 110px;
    right: 0;
    font-weight: 400;
  }

    section.profile.top .stat .doughnutalt-legend li {
      font-size: 16px;
      line-height: 18px;
    }

      section.profile.top .stat .doughnutalt-legend li.null {
        display: none;
      }

      section.profile.top .stat .doughnutalt-legend li span {
        display: block;
        width: 12px;
        height: 12px;
        float: left;
        margin-right: 5px;
        margin-top: 2px;
      }

  section.profile.top .info .data {
    margin-right: 0;
    margin-left: 3.1%;
    padding-top: 20px;
  }

    section.profile.top .info .data h2 {
      color: #000;
      font-size: 1.5em;
      text-align: left;
      font-weight: 900;
    }

  section.profile.name {
    background: #ededed;
    /* height: 100px; */
    padding: 0;
    position: relative;
  }

    section.profile.name p:first-child {
      height: 50px;
      margin: 0;
      position: relative;
      padding: 0;
      background: #bf0000;
      line-height: 50px;
    }

      section.profile.name p:first-child:after {
        content: '';
        height: 50px;
        margin: 0;
        position: absolute;
        right: 0;
        width: 10000px;
        padding: 0;
        background: #bf0000;
        margin-right: -10000px
      }

    section.profile.name .flag {
      display: inline-block;
      height: 100%;
      float: left;
      width: 80px;
      position: relative;
      text-align: center;
      background-color: rgba(237, 237, 237, 1);
    }

      section.profile.name .flag span {
        display: block;
        /* width: 70px; */
        height: 100%;
        position: relative;
      }

        section.profile.name .flag span:before {
          content: '';
          display: block;
          position: absolute;
          border: 1px solid red;
          border-right: 0;
          border-bottom: 0;
          width: 8px;
          height: 8px;
          left: 8px;
          top: 0;
        }

        section.profile.name .flag span:after {
          content: '';
          display: block;
          position: absolute;
          border: 1px solid red;
          border-left: 0;
          border-top: 0;
          width: 8px;
          height: 8px;
          right: 8px;
          bottom: 0;
        }

      section.profile.name .flag:before {
        content: '';
        display: block;
        position: absolute;
        border: 1px solid red;
        border-right: 0;
        border-top: 0;
        width: 8px;
        height: 8px;
        left: 8px;
        bottom: 0;
      }

      section.profile.name .flag:after {
        content: '';
        display: block;
        position: absolute;
        border: 1px solid red;
        border-left: 0;
        border-bottom: 0;
        width: 8px;
        height: 8px;
        right: 8px;
        top: 0;
      }

    section.profile.name img {
      border: 0;
      position: relative;
      margin: 0 auto;
      display: block;
      min-width: 0;
      height: 50px;
    }

    section.profile.name .name {
      display: inline-block;
      height: 100%;
      float: left;
      line-height: 50px;
      font-weight: 900;
      font-size: 1.4em;
      padding-left: 10px;
      letter-spacing: -1px;
      text-transform: uppercase;
      color: white;
    }

    section.profile.name .nickname {
      text-transform: capitalize;
    }

    section.profile.name p:last-child {
      margin: 0;
      height: 40px;
      line-height: 40px;
      font-size: 1.4em;
      font-weight: 900;
      color: #ccc;
      padding-left: 10px;
    }

    section.profile.name .champ {
      width: 60px;
      height: 100%;
      background-image: url(../img/champion.png);
      display: inline-block;
      float: left;
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
    }

      section.profile.name .champ.empty {
        background: 0 0;
      }

      section.profile.name .champ.title {
        background: 0 0;
        font-size: 1em;
        display: inline-block;
        float: left;
        width: auto;
        padding-left: 10px;
        color: #daa501;
        font-weight: 900;
      }

    section.profile.name p.fighterprofiles {
      display: inline-block;
      position: absolute;
      right: 0;
      top: 0;
      color: #fff;
      font-weight: 900;
      font-size: 0.8em;
      height: 50px;
      letter-spacing: 0px;
      text-align: center;
      padding: 0;
      line-height: 50px;
      font-weight: 600;
    }

      section.profile.name p.fighterprofiles span {
        clear: both;
        display: block;
        line-height: 1em;
        padding-top: 5px;
      }

  section.profile.related .container .two.columns:nth-child(6n+1), section.results .columns:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
  }

  section.profile.name p.fighterprofiles a {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin: 5px 5px;
  }

    section.profile.name p.fighterprofiles a:hover {
      opacity: 0.5
    }

  section.profile.name p.fighterprofiles .fb {
    background: url(../img/ikona-fb-light.png) center center no-repeat;
    background-size: contain;
  }

  section.profile.name p.fighterprofiles .tw {
    background: url(../img/ikona-tw-light.png) center center no-repeat;
    background-size: contain;
  }

  section.profile.name p.fighterprofiles .instagram {
    background: url(../img/ikona-in-light.png) center center no-repeat;
    background-size: contain;
  }

  section.profile.related {
    background: #fff;
  }

    section.profile.related .container .two.columns {
      width: 15%;
    }

    section.profile.related ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    section.profile.related li {
      height: 180px;
      position: relative;
    }

    section.profile.related dt img {
      width: 100%;
      height: 80px;
    }

    section.profile.related dt a {
      position: relative;
      height: 100%;
      display: block;
    }

    section.profile.related dt .videotag {
      color: #fff;
      padding: 1px 5px;
      border-radius: 0;
      position: absolute;
      right: 0;
      bottom: 5px;
      font-weight: 600;
      height: 18px;
      line-height: 17px;
      font-size: 0.9em;
      margin: 0;
      background: #bf0000;
      text-shadow: none;
      margin-right: 2px;
    }

    section.profile.related dd {
      margin: 0;
      padding: 5px 0 0;
      line-height: 1;
      font-size: 1em;
      font-weight: 600;
    }

  section.profile.history {
    background-color: #ddd;
    padding: 0;
  }

    section.profile.history h2 {
      color: #5a5a5a;
      background-color: #fff;
      display: inline-block;
      padding: 10px 20px;
      font-size: 1.5em;
      font-weight: 900;
      letter-spacing: -1px;
    }

    section.profile.history table {
      display: table;
      padding: 0;
      width: 100%;
      border-top: 1px solid #7f7f7f;
      margin-bottom: 50px;
    }

      section.profile.history table thead {
        background-color: #fff;
      }

      section.profile.history table tr {
        display: table-row;
      }

      section.profile.history table td, section.profile.history table th {
        display: table-cell;
        padding: 10px 0;
        font-weight: 600;
        font-size: 1.1em;
        text-align: center;
        border-bottom: 1px solid #7f7f7f;
      }

      section.profile.history table td {
        font-weight: 300;
        border-top: 1px solid #fff;
        text-transform: uppercase;
        padding: 5px 0;
      }

      section.profile.history table tr td:first-child span {
        padding: 2px 10px;
        text-transform: uppercase;
        font-weight: 600;
        width: 52px;
        display: inline-block;
      }

      section.profile.history table a {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0;
      }

      section.profile.history table img {
        min-width: 0;
        border: 0;
        width: auto;
        margin: 0;
        padding: 0;
        display: inline-block;
      }

      section.profile.history table td span.win {
        background-color: #2db200;
      }

      section.profile.history table td span.loss {
        background-color: #b20000;
      }

      section.profile.history table td span.draw {
        background-color: #ffca26;
      }

  section.profile.top img {
    border: 0;
    min-width: 0;
  }

  section.profile.top .stat > .info {
    padding-top: 45px;
    text-transform: uppercase;
  }

  section.profile.top .info p {
    margin-bottom: 0;
    font-size: 1.1em;
    font-weight: 900;
    color: #b20000;
    letter-spacing: -1px;
    display: block;
    line-height: 1.3;
    text-transform: initial;
  }

  section.profile.top span {
    margin-right: 10px;
  }

  section.profile.top .info span.black {
    color: #575757;
    padding-left: 0;
    font-weight: 100;
    text-transform: uppercase;
  }

  section.profile.bottom {
    padding-top: 0;
    height: 250px;
    background: url(../img/profile-bottom-name-bg.png) bottom left repeat-x #fff;
  }

    section.profile.bottom span {
      display: inline-block;
      position: absolute;
      background: #dddddd;
      padding: 3px 15px;
      left: 0;
      color: #919191;
      font-weight: 600;
      font-size: 1.3em;
    }

    section.profile.bottom .frame {
      display: block;
      height: 162px;
      overflow: hidden;
      margin-top: 40px;
    }

    section.profile.bottom img {
      border: 0;
      width: 100%;
      display: block;
    }

    section.profile.bottom a {
      display: block;
      height: 44px;
      line-height: 46px;
      color: #323232;
      font-size: 1.2em;
      font-weight: 900;
      letter-spacing: -1px;
      text-align: center;
    }

      section.profile.bottom a:hover {
        color: #fff;
      }

  section.results .columns {
    margin-bottom: 40px;
  }

  section.results .result img {
    min-height: 200px;
  }

  section.results .result h2 {
    display: inline-block;
    font-size: 1.4em;
    margin-right: 5px;
  }

  section.results .result h3 {
    display: inline-block;
    font-size: 1.4em;
    margin-bottom: 0;
    padding: 0;
  }

  section.results .result h4 {
    font-size: 1.15em;
    font-weight: 900;
    text-transform: uppercase;
    color: #848484;
    line-height: .9;
    margin-bottom: 0;
  }

  section.results .result .button {
    font-size: 15px;
    border-radius: 0;
  }

  section.results #newspaging {
    position: relative;
    width: auto;
    bottom: 0;
    display: block;
    margin-bottom: 30px;
  }

  section.fighters {
    background-color: #fff;
    display: block;
    clear: both;
    z-index: 10;
  }

    section.fighters h1 {
      margin: 40px 0 20px;
      text-align: center;
      display: block;
      clear: both;
      position: relative;
      font-size: 1.8em;
      font-weight: 900;
      color: #999;
      letter-spacing: 1px;
      text-transform: uppercase;
    }

    section.fighters .fighter {
      margin-bottom: 30px;
      overflow: hidden;
      display: block;
      float: left;
      z-index: 2;
      position: relative;
      padding: 0 10px;
    }

      section.fighters .fighter:nth-child(4n+1) {
        clear: right;
        margin-left: 0;
      }

    section.fighters .frame {
      height: 270px;
      display: table;
      position: relative;
      margin-top: 20px;
      padding: 0;
      width: 98%;
      background: #232323;
      z-index: 10;
    }

  .fighters .fighter .frame > a {
    display: block;
    position: relative;
    height: 340px;
    overflow: hidden;
  }

  section.fighters .fighter .frame:before {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: -5px;
    border-top: 1px solid red;
    border-left: 1px solid red;
    z-index: 9999999999;
  }

  section.fighters .fighter .frame:after {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    right: -5px;
    border-top: 1px solid red;
    border-right: 1px solid red;
    z-index: 9999999999;
  }

  section.fighters .frame img {
    max-width: 100%;
    /* top: -20px; */
    z-index: 1;
    transition: .5s;
    position: absolute;
  }

    section.fighters .frame img:hover {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      transition: .5s;
    }

  section.fighters #newspaging {
    position: relative;
    width: auto;
    bottom: 0;
    display: block;
    margin-bottom: 30px;
  }

  section.champs .champ .name {
    height: 50px;
    display: table;
    position: absolute;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 1;
    bottom: 41px;
    padding-left: 0px;
  }

    section.champs .champ .name a {
      display: table-cell;
      position: relative;
      font-weight: 900;
      font-size: 1.6em;
      vertical-align: middle;
      text-align: left;
      padding-left: 55px;
      color: white;
    }

      section.champs .champ .name a:hover {
        color: #a4810d
      }

  section.champs .champ .class {
    position: absolute;
    display: table;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    height: 34px;
    color: #D4D4D4;
    font-size: 1.3em;
    text-align: center;
    line-height: 34px;
    width: 100%;
    bottom: 0;
    padding: 0;
    font-weight: 600;
  }

  section.champs .champ > img {
    position: absolute;
    display: block;
    bottom: 30px;
    right: 32px;
    width: 40px;
    height: auto;
  }

  section.champs .champ .class span {
    display: table;
    margin: auto 0;
    vertical-align: -webkit-baseline-middle;
    position: relative;
    line-height: 34px;
    width: 100%;
    height: 100%;
    /* background: -webkit-linear-gradient(#9c8c29, #6e4b08); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
  }

  section.event.top {
    padding: 20px 0 0 0;
    height: 30px;
    position: relative;
  }

    section.event.top.photo {
      padding: 0;
      padding: 30px 0;
    }

    section.event.top .container {
      display: table;
      width: 100%;
      /* height: 90px; */
      position: relative;
      font-weight: 600;
      font-size: 1.2em;
      color: #fff;
    }

    section.event.top p.left, section.event.top p.right {
      margin: 0;
      display: table-cell;
      width: 20%;
      vertical-align: middle;
      text-align: left;
    }

    section.event.top p.right {
      text-align: right;
    }

    section.event.top p.title {
      margin: 0;
      vertical-align: middle;
      display: table-cell;
      width: 60%;
      text-align: center;
    }

    section.event.top.photo p.title {
      line-height: 1;
      margin: 0;
      padding: 0;
      height: 0;
      color: #252525;
    }

    section.event.top p.left a:before, section.event.top p.right a:before {
      top: 50%;
      margin-top: -11px;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      transition-duration: .25s;
      position: absolute;
      content: '';
    }

    section.event.top p.title .red {
      color: #D23333;
    }

    section.event.top a {
      color: #fff;
    }

    section.event.top.photo a {
      color: #000;
    }

    section.event.top .red a {
      color: #D23333;
    }

    section.event.top a:hover {
      color: #666;
    }

    section.event.top p.left a {
      padding-left: 20px;
      /* font-size: 18px; */
    }

      section.event.top p.left a:before {
        left: 0;
        border-right: 10px solid #ffffff;
      }

    section.event.top.photo p.left a:before {
      left: 0;
      border-right: 10px solid #000000;
    }

    section.event.top p.left a:hover:before {
      border-right: 14px solid #666;
    }

    section.event.top p.right a:before {
      right: 0;
      border-left: 10px solid #ffffff;
    }

    section.event.top.photo p.right a:before {
      right: 0;
      border-left: 10px solid #000000;
    }

    section.event.top p.right a:hover:before {
      border-left: 14px solid #666;
    }

    section.event.top p.right a {
      padding-right: 20px;
    }

  section.event.main {
    height: 695px;
    padding: 0;
    background: url(../img/fightcard_bg.jpg) top center;
    background-size: cover;
  }

    section.event.main .eventdetails {
      /* width: 500px; */
      display: block;
      text-align: center;
      position: relative;
      /* left: 50%; */
      margin: 0 auto;
      padding: 15px 0;
      margin-top: 15px;
    }

      section.event.main .eventdetails span {
        font-size: 1.4em;
        font-weight: 100;
        text-transform: uppercase;
        color: #2e2e2e;
        line-height: 1;
        letter-spacing: -1px;
        font-weight: 600;
      }

        section.event.main .eventdetails span.timelocation {
          display: block;
          font-size: 1em;
          color: #727272;
          font-weight: 100;
        }

    section.event.main .container {
      height: 100%;
      background: white;
      position: relative;
    }

    section.event.main .top .container {
      height: 100%;
      background: none
    }

    section.event.main .container .columns.slide {
      height: 410px;
      overflow: hidden;
      position: relative;
      background: rgb(255,255,255);
      background: -moz-linear-gradient(left, rgb(255,255,255) 0%, rgb(244,244,244) 50%, rgb(255,255,255) 100%);
      background: -webkit-linear-gradient(left, rgb(255,255,255) 0%,rgb(244,244,244) 50%,rgb(255,255,255) 100%);
      background: linear-gradient(to right, rgb(255,255,255) 0%,rgb(244,244,244) 50%,rgb(255,255,255) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    }

      section.event.main .container .columns.slide .fighter {
        height: 100%;
      }

    section.event.main .slide .champion {
      background-color: #ad8200;
      padding: 2px 10px;
      color: #fff;
      font-size: 1em;
      font-weight: 600;
      margin: 0;
      top: 33px;
      position: absolute;
    }

    section.event.main .slide .fighter:first-child .champion {
      left: 0;
    }

    section.event.main .slide .fighter:last-child .champion {
      right: 0;
    }

    section.event.main .container.kb {
      display: none;
    }

    section.event.main .arrow {
      display: block;
      width: 22px;
      height: 120px;
      position: absolute;
      top: 30%;
      margin: 0;
      left: -30px;
      background: url(../img/slide-arrow-left.png) left center no-repeat;
    }

      section.event.main .arrow.left {
        left: -30px;
        background: url(../img/slide-arrow-left.png) left 38% no-repeat;
      }

        section.event.main .arrow.left:hover {
          background: url(../img/slide-arrow-left-on.png) left 38% no-repeat;
        }

      section.event.main .arrow.right {
        right: -30px;
        background: url(../img/slide-arrow-right.png) right center no-repeat;
        position: absolute;
        float: right;
        left: inherit;
      }

        section.event.main .arrow.right:hover {
          background: url(../img/slide-arrow-right-on.png) right center no-repeat;
        }

      section.event.main .arrow a {
        display: block;
        height: 100%;
      }

    section.event.main .container .columns.names {
      height: 83px;
      position: relative;
      padding: 0;
      margin: 0;
    }

      section.event.main .container .columns.names:before {
        content: ' ';
        display: block;
        width: 20000px;
        position: absolute;
        left: 0;
        top: 0;
        margin-left: -10000px;
        height: 83px;
        background: white;
      }

      section.event.main .container .columns.names .columns:nth-child(1) img {
        width: 64px;
        display: table-cell;
        position: relative;
        min-width: 0;
        vertical-align: middle;
        float: left;
        margin-top: 15px;
      }

      section.event.main .container .columns.names .columns:nth-child(2) img {
        width: 64px;
        display: block;
        position: relative;
        min-width: 0;
        vertical-align: middle;
        float: right;
        margin-top: 15px;
      }

      section.event.main .container .columns.names .columns:nth-child(1) p {
        float: left;
        margin-top: 15px;
        line-height: 68px;
        display: table-cell;
        padding-left: 20px;
        font-size: 1.6em;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 0;
      }

      section.event.main .container .columns.names .columns:nth-child(2) p {
        float: right;
        margin-top: 15px;
        line-height: 68px;
        display: block;
        padding-right: 20px;
        font-size: 1.6em;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 0;
      }

      section.event.main .container .columns.names span.winner {
        display: block;
        margin: 0;
        position: absolute;
        top: 1px;
        font-size: 1.1em;
        width: 99%;
        height: 19px;
        line-height: 20px;
        background-color: #D00000;
        z-index: 1;
        color: #EAEAEA;
        font-weight: 700;
        padding: 0 0 0 2%;
        text-shadow: 1px 1px 1px rgba(0,0,0,.5);
        text-transform: uppercase;
      }

        section.event.main .container .columns.names span.winner.right {
          text-align: right;
          padding: 0 2% 0 0;
          right: 0;
          width: 100%;
        }

    section.event.main .vs {
      display: block;
      width: 50px;
      height: 70px;
      position: absolute;
      left: 50%;
      top: -3px;
      margin-left: -25px;
      z-index: 999;
      background-size: contain;
    }

    section.event.main .kb .stat table, section.event.main .mma .stat table, section.event.main .box .stat table {
      position: relative;
      padding: 0 2%;
      margin-top: 41px;
      margin-bottom: 0;
    }

    section.event.main .mma .vs {
      background: url(../img/vs-event-mma.png) center 2px no-repeat;
    }

    section.event.main .kb .vs {
      background: url(../img/vs-event-kb.png) center 2px no-repeat;
      background-size: contain;
    }

    section.event.main .box .vs {
      background: url(../img/vs-event-box.png) center 2px no-repeat;
      background-size: contain;
    }

    section.event.main img {
      border: 0;
      min-width: 0;
      max-width: 100%;
      max-height: 100%;
      position: absolute;
      bottom: 0;
    }

    section.event.main .mma .stat table {
      width: 100%;
      display: table;
    }

      section.event.main .mma .stat table td {
        display: table-cell;
        height: 55px;
        text-align: center;
        font-weight: 900;
        font-size: 1.2em;
        line-height: 1;
        width: 33.33333%;
        color: #4d4d4d;
        /* border-bottom: 1px solid #E0E0E0; */
        font-weight: 100;
      }

      section.event.main .mma .stat table tr:first-child td {
        color: #700009;
        font-size: 2em;
        font-weight: 900;
        text-shadow: 1px 1px 0 rgba(0,0,0,.24);
        border-bottom: 0;
      }

      section.event.main .mma .stat table tr:last-child td {
        border-bottom: 0;
      }

      section.event.main .mma .stat table tr td:nth-child(2) {
        color: #e9e9e7;
      }

      section.event.main .mma .stat table tr:nth-child(n+1) td:nth-child(2) {
        background-color: #700009;
      }

    section.event.main .mma .stat td span:nth-child(1) {
      font-size: 1em;
      clear: both;
      display: block;
    }

    section.event.main .mma .stat td span:nth-child(2) {
      font-size: .7em;
      clear: both;
      display: block;
    }

    section.event.main .kb .stat table {
      width: 100%;
      display: table;
    }

      section.event.main .kb .stat table td {
        display: table-cell;
        height: 55px;
        text-align: center;
        font-weight: 900;
        font-size: 1.2em;
        line-height: 1;
        width: 33.33333%;
        color: #4d4d4d;
        /* border-top: 1px solid #E0E0E0; */
        font-weight: 100;
      }

      section.event.main .kb .stat table tr:first-child td {
        color: #08325c;
        font-size: 2em;
        font-weight: 900;
        text-shadow: 1px 1px 0 rgba(0,0,0,.24);
        border-bottom: 0;
      }

      section.event.main .kb .stat table tr:last-child td {
        border-bottom: 0;
      }

      section.event.main .kb .stat table tr td:nth-child(2) {
        color: #e9e9e7;
      }

      section.event.main .kb .stat table tr:nth-child(n+1) td:nth-child(2) {
        background-color: #01356f;
      }

    section.event.main .kb .stat td span:nth-child(1) {
      font-size: 1em;
      clear: both;
      display: block;
    }

    section.event.main .kb .stat td span:nth-child(2) {
      font-size: .7em;
      clear: both;
      display: block;
    }

    /** boxing data table **/
    section.event.main .box .stat table {
      width: 100%;
      display: table;
    }

      section.event.main .box .stat table td {
        display: table-cell;
        height: 55px;
        text-align: center;
        font-weight: 900;
        font-size: 1.2em;
        line-height: 1;
        width: 33.33333%;
        color: #4d4d4d;
      }

      section.event.main .box .stat table tr:first-child td {
        color: #ba9a05;
        font-size: 2em;
        font-weight: 900;
        text-shadow: 1px 1px 0 rgba(0,0,0,.24);
        border-bottom: 0;
      }

      section.event.main .box .stat table tr:last-child td {
        border-bottom: 0;
      }

      section.event.main .box .stat table tr td:nth-child(2) {
        color: #ffffff;
        font-weight: 600;
      }

      section.event.main .box .stat table tr:nth-child(n+1) td:nth-child(2) {
        background-color: #ba9a05;
      }

    section.event.main .box .stat td span:nth-child(1) {
      font-size: 1em;
      clear: both;
      display: block;
    }

    section.event.main .box .stat td span:nth-child(2) {
      font-size: .7em;
      clear: both;
      display: block;
    }

    section.event.main .container .columns.names .weightclass {
      display: block;
      line-height: 40px;
      font-size: 1.4em;
      font-weight: 900;
      text-align: center;
      color: #ccc;
      position: absolute;
      top: 83px;
      background: black;
      width: 100%;
      text-align: center;
    }

      section.event.main .container .columns.names .weightclass:before {
        content: ' ';
        display: block;
        width: 9999px;
        background: black;
        height: 40px;
        position: absolute;
        left: 0;
        margin-left: -9999px;
        top: 0;
      }

      section.event.main .container .columns.names .weightclass:after {
        content: ' ';
        display: block;
        width: 9999px;
        background: black;
        height: 40px;
        position: absolute;
        right: 0;
        margin-right: -9999px;
        top: 0;
      }

    section.event.main .stat .mainevent, section.event.main .stat .nocontest {
      height: 24px;
      font-size: 1.1em;
      color: #fff;
      box-shadow: 0 2px 2px rgba(0,0,0,.4);
      line-height: 25px;
      visibility: hidden;
      display: block;
      position: relative;
      text-align: center;
      font-weight: 900;
    }

    section.event.main .stat .nocontest {
      width: 100%;
      bottom: 0;
      background: #e20000;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      margin-top: 0;
    }

    section.event.main .stat .mainevent {
      width: 230px;
      margin: 0 auto;
      text-transform: uppercase;
    }

      section.event.main .stat .mainevent.kb {
        background: #01356F;
      }

      section.event.main .stat .mainevent.mma {
        background: #700009;
      }

      section.event.main .stat .mainevent.box {
        background: #c8ad00;
      }

    section.event.main .stat .visible {
      visibility: visible;
    }

    section.event.main .stat .titlebout {
      display: block;
      width: 100%;
      height: 20px;
      position: relative;
      bottom: 0;
      text-align: center;
      background: #c4a768;
      font-weight: 900;
      font-size: 1em;
      letter-spacing: 9px;
      line-height: 20px;
    }

  section.event.bottom {
    background: #fff;
    padding-bottom: 50px;
    padding-top: 0px;
  }

    section.event.bottom .other.fight {
      display: inline-block;
      height: 170px;
      margin-top: 40px;
      margin-bottom: 0;
    }

      section.event.bottom .other.fight:nth-child(2n+0) {
        clear: left;
        margin-left: 0;
      }

    section.event.bottom .columns.kb {
      background: url(../img/kb-blue-bg.png) 0 8px no-repeat;
      background-size: contain;
    }

    section.event.bottom .columns.mma {
      background: url(../img/mma-red-bg.png) 0 8px no-repeat;
      background-size: contain;
    }

    section.event.bottom .columns.box {
      background: url(../img/box-yellow-bg.png) 0 8px no-repeat;
      background-size: contain;
    }

  .event.bottom h2 {
    font-size: 2em;
    padding: 20px 0;
    text-transform: uppercase
  }

  .event.bottom .mma h2 {
    text-align: center;
    color: #910c0d;
  }

  .event.bottom .kb h2 {
    text-align: center;
    color: #113f73;
  }

  .event.bottom .box h2 {
    text-align: center;
    color: #d9a400;
  }

  .event.bottom .frame {
    box-shadow: none;
    z-index: 999;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
  }

    .event.bottom .frame .profile {
      height: 160px;
      margin-top: 0;
      background: #eee;
      background: -moz-linear-gradient(top,#eee 18%,#848484 85%);
      background: -webkit-linear-gradient(top,#eee 18%,#848484 85%);
      background: linear-gradient(to bottom,#eee 18%,#848484 85%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#848484', GradientType=0 );
      display: block;
      position: relative;
    }

      .event.bottom .frame .profile img.left {
        max-width: 100%;
        position: relative;
        top: 0;
        right: 0;
        display: block;
        border: 0;
      }

      .event.bottom .frame .profile img.right {
        max-width: 100%;
        position: relative;
        top: 0;
        left: 0;
        display: block;
        border: 0;
      }

      .event.bottom .frame .profile .data {
        display: block;
        height: 50px;
        position: absolute;
        bottom: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        box-shadow: 0 -1px 8px rgba(0,0,0,.6);
        border-top: 4px solid #4a4a4a;
      }

  section.event.bottom > .container > .twelve.columns > .other.fight {
    display: inline-block;
    height: 320px;
    margin-top: 40px;
    margin-bottom: 0;
  }

    section.event.bottom > .container > .twelve.columns > .other.fight > .frame > .profile {
      height: 290px;
      margin-top: 0;
      background: #eee;
      background: -moz-linear-gradient(top,#eee 18%,#848484 85%);
      background: -webkit-linear-gradient(top,#eee 18%,#848484 85%);
      background: linear-gradient(to bottom,#eee 18%,#848484 85%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#848484', GradientType=0 );
      display: block;
      position: relative;
    }

  .event.bottom .frame .profile .data .weightclass {
    color: white;
  }

  .event.bottom .frame .profile .data.kb .weightclass {
    background: #000000
  }

  .event.bottom .frame .profile .data.mma .weightclass {
    background: #000000
  }

  .event.bottom .frame .profile .data.box .weightclass {
    background: #000000
  }

  .event.bottom .frame .profile .fighter {
    padding: 0;
    margin: -20px 0 0;
    display: block;
    float: left;
    width: 50%;
    overflow: hidden;
    height: 100%;
  }

  .four.columns.box .name, .four.columns.kb .name, .four.columns.mma .name {
    font-size: 0.8em;
  }

  .event.bottom .frame .profile .vs {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    width: 28px;
    height: 25px;
    background-image: url(../img/vs.png);
    top: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
  }

    .event.bottom .frame .profile .vs.kb {
      background: url(../img/vskb.png) no-repeat;
      background-size: contain;
    }

    .event.bottom .frame .profile .vs.box {
      background: url(../img/vsbox.png) no-repeat;
      background-size: contain;
    }

  .event.bottom .frame .profile .name {
    display: block;
    width: 50%;
    float: left;
    height: 30px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    background: #cecece;
  }

  .event.bottom .profile .nocontest-draw {
    display: block;
    text-align: center;
    position: relative;
    margin-top: -22px;
    background-color: #E20000;
    color: #fff;
    font-weight: 900;
  }

  .event.bottom .frame .profile .name .winner {
    position: absolute;
    left: 0;
    top: -26px;
    background-color: #E20000;
    color: #fff;
    height: 22px;
    line-height: 24px;
    padding: 0 10px;
  }

  .event.bottom .frame .profile .name:nth-child(1n) .winner {
    left: 0;
  }

  .event.bottom .frame .profile .name:nth-child(2n) .winner {
    right: 0;
    left: inherit;
  }

  .event.bottom .frame .profile .weightclass {
    display: block;
    width: 100%;
    float: none;
    position: absolute;
    bottom: 0;
    height: 20px;
    line-height: 21px;
    font-weight: 600;
    font-size: .9em;
    text-align: center;
    color: rgba(255,255,255,.7);
  }

  section.fighters .frame .champ {
    background: #d9a400;
    background: -moz-linear-gradient(top,#d9a400 48%,#966b00 100%);
    background: -webkit-linear-gradient(top,#d9a400 48%,#966b00 100%);
    background: linear-gradient(to bottom,#d9a400 48%,#966b00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a400', endColorstr='#966b00', GradientType=0 );
    height: 18px;
    border-bottom: 2px solid #764f00;
    border-top: 1px solid #b88d02;
    line-height: 20px;
    font-size: 1.1em;
    font-weight: 900;
    letter-spacing: 8px;
    text-align: center;
    z-index: 3;
    position: absolute;
    width: 100%;
    bottom: 66px;
  }

  section.fighters .frame .name, section.fighters .frame .score {
    display: block;
    width: 100%;
    padding: 0;
    z-index: 2;
    text-align: center;
  }

  section.fighters .frame .name {
    position: absolute;
    bottom: 20px;
    margin: 0;
    height: 70px;
    border-bottom: 1px solid #d4d4d4;
    background: #e7e7e7;
    background: -moz-linear-gradient(top, #e7e7e7 0%, #d9d9d9 100%);
    background: -webkit-linear-gradient(top, #e7e7e7 0%,#d9d9d9 100%);
    background: linear-gradient(to bottom, #e7e7e7 0%,#d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#d9d9d9',GradientType=0 );
    line-height: 1;
    font-weight: 900;
    font-size: 25px;
    box-shadow: 0 -1px 0 rgba(0,0,0,.24);
  }

  #fcgroup li:last-child a, #fcgroup li:nth-child(6) a, #news li:last-child {
    border-bottom: 0;
    box-shadow: none;
  }

  section.fighters .frame .name a {
    color: #262626;
    text-decoration: none;
    position: relative;
    margin-top: 10px;
    display: block;
    font-weight: 600;
    /* font-size: 24px; */
  }

    section.fighters .frame .name a:hover {
      color: #fff;
    }

  section.fighters .frame .score {
    position: absolute;
    bottom: 0;
    margin: 0;
    background: rgba(30, 30, 30, 1);
    border-top: 1px solid #303030;
    height: 25px;
    line-height: 25px;
    color: #eee;
    font-size: 1.2em;
  }

  section.fighters .navigation, section.results .navigation {
    height: 40px;
    background: #C9C9C9;
    margin-bottom: 50px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }

    section.fighters .navigation ul, section.results .navigation ul {
      list-style: none;
      width: 60%;
      position: absolute;
      float: left;
      margin-left: 20%;
      text-align: center;
      height: 34px;
      margin-bottom: 0;
      padding-top: 6px;
      display: table;
    }

      section.fighters .navigation ul li, section.results .navigation ul li {
        display: inline-block;
        margin: 0;
        width: auto;
        height: 20px;
        padding: 5px 0;
      }

  #fcgroup, #fcgroup li a {
    padding: 0;
    display: none;
  }

  section.fighters .navigation ul li:first-child a, section.results .navigation ul li:first-child a {
    border-left: 0;
  }

  section.fighters .navigation ul li:last-child a, section.results .navigation ul li:last-child a {
    border-right: 0;
  }

  section.fighters .navigation ul a, section.results .navigation ul a {
    display: block;
    height: 20px;
    text-align: center;
    line-height: 21px;
    color: #656565;
    text-decoration: none;
    font-weight: 900;
    font-size: 1.2em;
    border-right: 1px solid #5F5F5F;
    width: 25px;
    border-left: 1px solid #fff;
  }

  .slider, .sss, .ssslide, .ssslide a {
    width: 100%;
  }

  #fcgroup {
    background: #737373;
    background: -moz-linear-gradient(-45deg,#737373 27%,#595959 47%,#000 100%,#000 100%);
    background: -webkit-linear-gradient(-45deg,#737373 27%,#595959 47%,#000 100%,#000 100%);
    background: linear-gradient(135deg,#737373 27%,#595959 47%,#000 100%,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#000000', GradientType=1 );
    position: absolute;
    left: 20px;
    top: -155px;
    list-style: none;
    z-index: 999;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #777;
    transition: all .5s ease;
  }

    #fcgroup:hover {
      top: 0;
    }

    #fcgroup li {
      padding: 0 20px;
      height: 15px;
    }

      #fcgroup li a {
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        border-bottom: 1px solid #222;
        box-shadow: 0 1px #7F7F7F;
      }

        #fcgroup li a:hover {
          color: #FB3A3A;
          text-shadow: 1px 1px 1px rgba(2,2,2,.59);
        }

      #fcgroup li:last-child a {
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        text-align: center;
      }

      #fcgroup li:last-child:hover {
        cursor: pointer;
      }

      #fcgroup li:last-child {
        border-top: 1px solid #777;
        padding: 5px 0;
      }

  #main {
    padding-top: 120px;
    padding-bottom: 0;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 0;
    overflow: hidden;
  }

  .slider {
    height: 380px;
    margin-bottom: 10px;
    overflow: hidden;
  }

  .sss {
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    overflow: hidden;
  }

  .ssslide {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
  }

    .ssslide a {
      display: block;
      height: 400px;
      padding: 0;
    }

    .ssslide img {
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
      position: relative;
      display: block;
    }

      .ssslide img.ppv.on {
        display: block;
        width: 189px;
        height: 172px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
      }

      .ssslide img.ppv.off {
        display: none;
      }

    .ssslide article {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      position: relative;
      display: block;
    }

    .ssslide p {
      background: rgba(0,0,0,.85);
      position: absolute;
      display: inline-block;
      width: 94%;
      padding: 3%;
      margin: 0;
      height: auto;
      bottom: 0;
    }

    .ssslide .text, .ssslide .title {
      display: block;
      position: relative;
      z-index: 100;
    }

    .ssslide .title {
      clear: both;
      padding: 0;
      color: #F20000;
      font-size: 1.3em;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .ssslide .text {
      padding: 10px 0;
      color: #fff;
      font-weight: 400;
      text-transform: none;
      line-height: normal;
      font-size: 1em;
      font-style: italic;
    }

  #news {
    margin-top: 20px;
    display: inline-block;
  }

    #news li {
      padding: 0;
      height: auto;
      margin-right: 5%;
      margin-bottom: 10px;
      width: 30%;
      display: block;
      float: left;
    }

      #news li:nth-child(3n+1) {
        clear: left
      }

      #news li:nth-child(3n) {
        margin-right: 0px !important;
      }

    #news dl {
      display: block;
      margin: 0;
      padding: 0;
      min-height: 100px;
      background: 0 0;
    }

    #news dt {
      position: relative;
      width: 100%;
      display: block;
      float: none;
      overflow: hidden;
      height: 170px;
    }

      #news dt a {
        width: 100%;
        height: 100%;
        padding: 0;
        display: block;
      }

      #news .videotag:hover, #news dt .videotag {
        background: url(../img/sprite.png) -22px -932px no-repeat #6C0B0B;
      }

      #news dt .videotag {
        color: #fff;
        padding: 1px 5px;
        border-radius: 3px 0 0 3px;
        position: absolute;
        right: 0;
        bottom: 5px;
        font-weight: 900;
        height: 18px;
        line-height: 17px;
        font-size: 1em;
        margin: 0;
      }

      #news dt a img {
        height: 100%;
        width: auto;
      }

        #news dt a img.ppv.on {
          position: absolute;
          top: -2px;
          left: -15px;
        }

      #news dt a:hover img {
        opacity: .85;
      }

    #news dd {
      padding-left: 0;
      margin: 0;
      clear: both;
      padding-right: 0;
      width: 100%;
    }

      #news dd > a {
        line-height: 1em;
        font-size: 1.3em;
        text-decoration: none;
        color: #212121;
        display: block;
        padding: 0;
        text-transform: capitalize;
      }

        #news dd > a:hover {
          color: #B20000;
        }

      #news dd > span {
        display: block;
        font-size: 10px;
        font-weight: 400;
        color: #ababab;
        padding: 5px 0 2px;
      }

      #news dd > p {
        display: block;
        clear: both;
        font-size: 1em;
        color: #212121;
        line-height: 1em;
        margin: 0;
        padding: 10px 0;
        font-weight: 300;
        font-style: normal;
      }

    #news dl, #news dt a {
      padding: 0;
      display: block;
    }

  /* search */
  #searchgal {
    margin-top: 20px;
    list-style: none;
    display: inline-block;
  }

    #searchgal li {
      padding: 0;
      display: block;
      height: 120px;
      float: left;
      margin-bottom: 20px;
      clear: none;
      width: 110px;
      text-align: center;
      margin-right: 20px;
      padding: 0;
    }

    #searchgal dl {
      display: block;
      margin: 0;
      padding: 0;
      height: 120px;
      background: 0 0;
      text-align: center;
      padding: 0;
    }

    #searchgal dt {
      position: relative;
      width: 100%;
      display: block;
      float: left;
      height: 90px;
      text-align: center;
    }

      #searchgal dt a {
        width: 100%;
        height: 100%;
        padding: 0;
        display: block;
        line-height: 1;
        color: #656565;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 15px;
        position: relative;
      }

        #searchgal dt a img {
          height: 100%;
          width: auto;
          position: relative;
          border-radius: 5px;
          clear: both;
        }

        #searchgal dt a:hover img {
          opacity: .85;
        }

  .sssnext, .sssprev {
    width: 55px;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    background: url(../img/arrow-left.png) center left no-repeat;
    opacity: .5;
  }

  .sssprev {
    left: 1%;
  }

  .sssnext {
    right: 0;
    background: url(../img/arrow-right.png) center right no-repeat;
  }

    .sssnext:hover, .sssprev:hover {
      cursor: pointer;
      opacity: 1;
    }

  .ssk-viber, .ssk-whatsapp {
    display: none !important;
  }

  #news dd, #news li {
    display: inline-block;
    margin-top: 30px;
    position: relative;
  }

  #newspaging, #newspaging span.l, #newspaging span.l > a {
    border-bottom-left-radius: 8px;
  }

    #newspaging, #newspaging span.d {
      border-bottom-right-radius: 8px;
    }

  #news dd > a, #news dd > p {
    line-height: 1em;
    display: block;
  }

  #news dt a img {
    width: 100%;
    height: auto;
  }

    #news dt a img.ppv.on {
      position: absolute;
      top: -2px;
      left: -15px;
    }

  #news dt a:hover img {
    opacity: .85;
  }

  #news dd {
    margin: 0;
  }

    #news dd > a {
      font-size: 1.4em;
      text-decoration: none;
      color: #212121;
      padding: 10px 0 0;
      text-transform: uppercase;
      font-weight: normal;
      line-height: 1.4em;
      min-height: 50px;
      font-family: 'Fjalla One', sans-serif;
      text-align: center;
    }

      #news dd > a:hover {
        color: #B20000;
      }

    #news dd > span {
      display: block;
      font-size: 10px;
      font-weight: 400;
      color: #ababab;
      padding: 5px 0 2px;
    }

    #news dd > p {
      clear: both;
      font-size: 0.8em;
      margin: 0;
      padding: 5px 0;
      font-weight: 600;
      font-style: normal;
      text-align: center;
      margin-top: 10px;
    }

      #news dd > p > a {
        color: grey;
      }

        #news dd > p > a span {
          color: red;
          margin-left: 3px
        }

  #newspaging {
    height: 40px;
    line-height: normal;
    display: block;
    position: absolute;
    margin-bottom: 0;
    background-color: rgba(21, 21, 21, 1);
    padding: 0;
    width: 100%;
    bottom: -41px;
  }

    #newspaging span.b > a, #newspaging span.d > a, #newspaging span.l > a {
      color: #fff;
      font-size: 1.1em;
      line-height: 43px;
      height: 40px;
      font-weight: 900;
      text-decoration: none;
      border-right: 1px solid #222;
    }

      #newspaging span.b > a:last-child, #newspaging span.d > a:last-child, #newspaging span.l > a {
        border: none
      }

    #newspaging span.l {
      display: inline-block;
      float: left;
      width: 130px;
      text-align: left;
      overflow: hidden;
      z-index: 999;
      position: absolute;
      left: 0;
    }

      #newspaging span.l > a {
        padding: 0 10px 0 5px;
        float: left;
      }

        #newspaging span.l > a:before {
          content: '';
          display: block;
          position: relative;
          float: left;
          width: 14px;
          height: 40px;
          background: url(../img/li-arrow-news.png) 9px center no-repeat;
          margin: 0 10px 0 -5px;
          padding: 0 10px 0 0;
        }

        #newspaging span.l > a:hover:before {
          background: url(../img/li-arrow-white.png) 9px center no-repeat;
        }

    #newspaging span.b {
      display: block;
      padding: 0;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 1;
    }

      #newspaging span.b > a {
        margin: 0;
        padding: 2px 5px 2px 2px;
        text-align: center;
      }

    #newspaging span.d {
      display: inline-block;
      float: right;
      width: 130px;
      text-align: right;
      overflow: hidden;
      position: absolute;
      right: 0;
      z-index: 999;
    }

      #newspaging span.d > a {
        float: right;
        padding: 0 5px 0 10px;
      }

        #newspaging span.d > a:after {
          content: '';
          display: block;
          position: relative;
          float: right;
          width: 14px;
          height: 42px;
          background: url(../img/li-arrow-news.png) -14px center no-repeat;
          margin: 0 -5px 0 10px;
          padding-left: 10px;
          /* background-size: 20px; */
        }

        #newspaging span.d > a:hover:after {
          background: url(../img/li-arrow-white.png) -14px center no-repeat;
        }

    #newspaging span .active, #newspaging span a:hover, #newspaging span a:hover:after, #newspaging span a:hover:before {
      background-color: #862423;
      color: #fff !important;
    }

    #newspaging span .active {
      color: #fff;
    }

  #main .single-article .sharebox {
    position: absolute;
    left: -50px;
    z-index: 999;
    top: 70px;
  }

    #main .single-article .sharebox:before {
      position: relative;
      display: none;
      float: left;
      color: #454545;
      content: ' SHARE ON';
      font-weight: 900;
      width: 50px;
      font-size: 1.1em;
      line-height: 1;
      text-align: right;
      padding-right: 10px;
      letter-spacing: -1px;
    }

    #main .single-article .sharebox p {
      width: 40px;
      height: 40px;
      display: block;
      float: none;
      margin: 0 0 3px;
    }

      #main .single-article .sharebox p.count {
        font-size: 1em;
        height: 30px;
        width: 38px;
        margin-left: 0;
        line-height: 30px;
        text-align: center;
        color: #454545;
        font-weight: 900;
        border: 1px solid #8b8b8b;
        padding: 0;
        margin-top: 4px;
        background: #fff;
      }

        #main .single-article .sharebox p.count:before {
          content: '';
          width: 9px;
          height: 30px;
          position: relative;
          float: left;
          left: -8px;
          background: url(../img/sharecount-bg.png) right center no-repeat;
          margin-top: 0;
          display: none;
        }

      #main .single-article .sharebox p.bufferapp, #main .single-article .sharebox p.linkedin, #main .single-article .sharebox p.pinterest, #main .single-article .sharebox p.pocket, #main .single-article .sharebox p.reddit, #main .single-article .sharebox p.stumbleupon, #main .single-article .sharebox p.vk {
        display: none;
      }

      #main .single-article .sharebox p a {
        padding: 0;
        height: 100%;
        text-align: center;
        line-height: 40px;
        width: 100%;
        display: inherit;
      }

  article.home {
    margin-bottom: 2rem;
    width: 100%;
  }

  .page.shows > article > p {
    display: inline-block;
    float: left;
    width: 60%;
  }

    .page.shows > article > p img {
      width: 95%;
      height: auto;
    }

  .page.shows > article > table {
    display: table;
    float: left;
    width: 40% !important;
    font-weight: 400;
    border: 0;
  }

    .page.shows > article > table p {
      line-height: normal;
      margin-bottom: 10px;
    }

  .page.shows > article td {
    padding: 5px 0;
    margin: 0;
    vertical-align: top;
    border: 0;
  }

  .page.shows > article > table table td {
    padding: 20px 15px !important;
  }

  .page.contact article {
    margin-top: -20px;
  }

  .mega-button {
    display: table !important;
    width: auto;
    height: 60px;
    background-color: #a80414;
    border-radius: 10px;
    clear: both;
    float: none;
  }

  ul.social {
    display: block;
    list-style: none;
    height: 40px;
  }

    ul.social li, ul.social li:last-child {
      display: inline-block;
      float: left;
      height: 40px;
    }

    ul.social li {
      margin-right: 10px;
      min-width: 40px;
      background: #c1c1c1;
    }

      ul.social li:hover {
        background: #a76969;
      }

        ul.social li:hover a {
          color: #c69e9e;
        }

      ul.social li:last-child {
        margin-right: 0;
        width: 103px;
        background: #fff;
        font-size: 1em;
        word-wrap: break-word;
        text-overflow: initial;
        word-break: break-word;
        color: #818181;
        font-weight: 700;
        font-style: italic;
        line-height: 20px;
        letter-spacing: 1px;
        text-align: left;
        padding-left: 5px;
      }

  #page h1, #page h2 img {
    margin-right: 30px;
  }

  #page h1, #page h2 {
    font-weight: 400;
    letter-spacing: 1px;
  }

  footer, footer section {
    padding: 0;
  }

  ul.social li a {
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    color: #fff;
    text-decoration: none;
  }

    ul.social li a i {
      font-size: 28px;
      line-height: 40px;
    }

  #page h1 {
    background-color: #a80414;
    border-radius: 10px;
    color: #fff;
    padding-left: 30px;
    margin-top: 50px;
    font-size: 3.2rem;
    height: 60px;
    line-height: 60px;
  }

  #page h2 {
    font-size: 3rem;
    display: inline-block;
  }

  section.support-your-fighter {
    padding-top: 50px;
    background: #fff;
  }

    section.support-your-fighter .nothing {
      text-align: center
    }

      section.support-your-fighter .nothing label {
        width: auto;
        font-size: 1.2em
      }

    section.support-your-fighter input[type="submit"] {
      padding: 10px 70px;
      font-size: 2em;
      border-radius: 10px;
      margin: 0 auto;
      position: relative;
      display: block;
      float: none;
      height: auto;
    }

    section.support-your-fighter h2 {
      margin: 20px 0;
      color: #252525;
      font-size: 2em;
    }

    section.support-your-fighter .container.intro {
      font-size: 1.4em;
      line-height: 1;
      font-weight: 700;
    }

    section.support-your-fighter .container.fights {
      padding: 50px 0;
      margin: 0 auto !important;
    }

    section.support-your-fighter h3 {
      display: block;
      text-align: center;
      font-weight: 900;
      font-size: 2em;
      line-height: 1;
      margin-bottom: 1em;
    }

      section.support-your-fighter h3.red {
        color: #920d0e;
        background: url(../img/mma-red-bg.png) center bottom no-repeat;
        background-size: contain;
      }

      section.support-your-fighter h3.blue {
        color: #0e3f77;
        background: url(../img/kb-blue-bg.png) center bottom no-repeat;
        background-size: contain;
      }

    section.support-your-fighter .fights {
      margin-bottom: 30px
    }

      section.support-your-fighter .fights:nth-child(even) {
        margin: 0
      }

      section.support-your-fighter .fights .fight {
        width: 50%;
        float: left;
        display: block;
      }

        section.support-your-fighter .fights .fight .box {
          height: 151px;
          position: relative;
          background: #ebebeb;
          background: -moz-linear-gradient(top, #ebebeb 0%, #7c7c7c 100%);
          background: -webkit-linear-gradient(top, #ebebeb 0%,#7c7c7c 100%);
          background: linear-gradient(to bottom, #ebebeb 0%,#7c7c7c 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#7c7c7c',GradientType=0 );
          display: block;
          width: 100%;
          border-bottom: 2px solid #454545;
        }

        section.support-your-fighter .fights .fight .image {
          display: block;
          overflow: hidden;
          height: 110px;
          margin-top: 0px;
          width: 100%;
          position: relative;
        }

          section.support-your-fighter .fights .fight .image img {
            width: 100%;
            height: auto;
            position: relative;
            display: block;
          }

        section.support-your-fighter .fights .fight .name {
          display: block;
          height: 30px;
          text-align: center;
          font-size: 1em;
          text-transform: uppercase;
          font-weight: 700;
          background: #a2a2a2;
          background: -moz-linear-gradient(top, #a2a2a2 0%, #e3e3e3 100%);
          background: -webkit-linear-gradient(top, #a2a2a2 0%,#e3e3e3 100%);
          background: linear-gradient(to bottom, #a2a2a2 0%,#e3e3e3 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#e3e3e3',GradientType=0 );
          width: 100%;
          position: relative;
          line-height: 1;
          padding: 5px 0;
          border-top: 1px solid #333;
        }

        section.support-your-fighter .fights .fight input[type="radio"] {
          border: 1px solid #333;
          border-radius: 5px;
          width: 30px;
          height: 14px;
          display: block;
          float: left;
          cursor: pointer;
          padding: 0;
          margin: 2px;
        }

      section.support-your-fighter .fights .select {
        font-weight: 700;
        padding: 5px;
        display: block;
        height: 20px;
        position: relative;
        margin: 5px 0;
        /* font-size: 1.1em; */
      }

        section.support-your-fighter .fights .select label {
          font-weight: 700;
          cursor: pointer;
          color: #555555;
          width: auto;
        }

  /** FIGHTER SUPPORT RANKING **/
  h3.fighter-support-list {
    color: #545454;
    margin-bottom: 0;
  }

  ul.fighter-support-list {
    padding: 5px 0;
    width: 90%;
    margin: 0;
    display: none;
  }

    ul.fighter-support-list li {
      height: 66px;
      overflow: hidden;
      display: block;
      margin: 0;
      position: relative;
      padding: 10px 0 0 0;
      color: #434343;
      font-weight: 900;
    }

      ul.fighter-support-list li.firstline {
        height: 38px;
        padding: 0;
        margin: 0;
      }

      ul.fighter-support-list li.lastline {
        height: auto;
        display: none;
      }

      ul.fighter-support-list li.firstline .num, ul.fighter-support-list li.firstline .data, ul.fighter-support-list li.firstline .votes {
        background: transparent;
        font-size: 1.4em;
        font-weight: 900;
        text-align: center;
        line-height: 34px;
        color: #eee;
      }

      ul.fighter-support-list li .data {
        display: inline-block;
        float: left;
        height: 100%;
        width: 70%;
        margin: 0;
        background: #e3e3e3;
        background: -moz-linear-gradient(top, #e3e3e3 0%, #a4a4a4 100%);
        background: -webkit-linear-gradient(top, #e3e3e3 0%,#a4a4a4 100%);
        background: linear-gradient(to bottom, #e3e3e3 0%,#a4a4a4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#a4a4a4',GradientType=0 );
      }

        ul.fighter-support-list li .data img {
          width: 80px;
          height: auto;
          float: left;
          min-height: 100%;
          margin-top: -5px;
          position: relative;
          display: block;
          border: 0;
        }

      ul.fighter-support-list li .name {
        display: block;
        height: 30px;
        font-size: 1.5em;
        text-transform: uppercase;
        line-height: 50px;
        padding-left: 5px;
        float: left;
        clear: right;
        letter-spacing: -1px;
        min-width: 70%;
      }

      ul.fighter-support-list li .perc {
        display: block;
        float: left;
        font-size: 1em;
        width: 12%;
        text-align: right;
        margin-top: 11px;
        height: 1em;
        line-height: 1;
      }

      ul.fighter-support-list li .num {
        display: inline-block;
        width: 13%;
        float: left;
        height: 100%;
        position: relative;
        color: #dddddd;
        font-size: 1.8em;
        font-weight: 900;
        text-align: center;
        line-height: 64px;
      }

      ul.fighter-support-list li .votes {
        display: block;
        float: right;
        width: 16.5%;
        height: 100%;
        margin: 0;
        text-align: center;
        line-height: 66px;
        font-size: 1.5em;
        position: relative;
        background: #e3e3e3;
        background: -moz-linear-gradient(top, #e3e3e3 0%, #a4a4a4 100%);
        background: -webkit-linear-gradient(top, #e3e3e3 0%,#a4a4a4 100%);
        background: linear-gradient(to bottom, #e3e3e3 0%,#a4a4a4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#a4a4a4',GradientType=0 );
        letter-spacing: -1px;
      }

      ul.fighter-support-list li .line {
        display: block;
        float: left;
        height: 8px;
        background: #535353;
        width: 74%;
        margin-left: 5px;
        position: relative;
        margin-top: 17px;
        border: 1px solid #535353;
      }

      ul.fighter-support-list li .inner {
        position: relative;
        height: 100%;
        background-color: #fed24d;
        display: block;
      }

  p.totalvotes {
    font-size: 1.5em;
    font-weight: 900;
    letter-spacing: -1px;
    color: #eee;
    height: 40px;
    margin: 20px 0;
    display: block;
    text-align: center;
    line-height: 40px;
    clear: both;
  }

    p.totalvotes span {
      display: inline-block;
      height: 100%;
      color: #454545;
      font-weight: 900;
      font-size: 1.3em;
      padding: 0 15px;
      margin-left: 10px;
      background: #e3e3e3;
      background: -moz-linear-gradient(top, #e3e3e3 0%, #a4a4a4 100%);
      background: -webkit-linear-gradient(top, #e3e3e3 0%,#a4a4a4 100%);
      background: linear-gradient(to bottom, #e3e3e3 0%,#a4a4a4 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#a4a4a4',GradientType=0 );
    }

  footer {
    height: auto;
    font-size: 16px;
    background: url(../img/sprite.png) 0 -370px repeat-x;
    padding-bottom: 0px;
    /* margin: 25px 0 0; */
  }

    footer .container.top .gal p, footer .container.top .yt p {
      margin: 0 0 5px;
      text-align: center;
      color: #8a2a2b;
      padding-top: 50px;
      font-weight: 600;
      font-size: 1.2em;
    }

    footer .container.top .four.columns {
      height: 213px;
      overflow: hidden;
      position: relative;
      border: 0;
    }

    footer .container.top .yt .youtube-container {
      width: 60%;
    }

    footer .container.top .yt div.play-button {
      background-size: 30%;
      background-color: transparent;
    }

    footer .container.top .gal img {
      width: auto;
      margin: 0 auto;
      position: relative;
      display: block;
      max-height: 115px;
      min-width: inherit;
      border: 0;
      border-radius: 0;
      max-width: 50%;
    }

    footer .interview .title {
      display: block;
      background: #000;
      margin-top: 41px;
      height: 35px;
      color: #eee;
      text-align: right;
      padding: 0 15px 0 0;
      line-height: 35px;
      font-weight: 700;
      font-size: 1.2em;
      clear: both;
      border-bottom-right-radius: 10px;
    }

    footer .interview .btn, footer .interview .intro {
      display: block;
      margin-top: 0;
      color: #444;
      text-align: right;
      font-size: 1em;
      clear: both;
      float: right;
    }

    footer .interview .intro {
      width: 140px;
      padding: 10px 10px 10px 0;
      line-height: 1em;
      font-weight: 100;
    }

    footer .interview .btn {
      width: 135px;
      padding: 0 10px 0 0;
      line-height: normal;
      font-weight: 600;
    }

    footer .interview img {
      position: absolute;
      bottom: 0;
      left: 0;
      max-width: 165px;
      min-width: 0;
      border: 0;
      margin: 0;
      padding: 0;
      border-radius: 0;
    }

    footer .menu ul {
      width: 930px;
      display: table;
      position: relative;
      margin: 30px auto 20px;
      padding-bottom: 10px;
      border-bottom: 1px solid #600;
    }

      footer .menu ul li {
        display: table-cell;
        width: initial;
      }

    footer .menu a {
      height: 100%;
      line-height: normal;
      text-decoration: none;
      font-weight: 700;
      font-size: 1.1em;
      padding: initial;
    }

    footer .links {
      padding-top: 20px;
    }

      footer .links ul {
        list-style: none;
        margin: 0;
        text-align: left;
      }

        footer .links ul li {
          margin-bottom: 5px;
          line-height: normal;
          padding: 0;
        }

        footer .links ul a {
          font-size: 1.1em;
          font-weight: 900;
          color: #E31E24;
          text-decoration: none;
          line-height: normal;
        }

          footer .links ul a:hover {
            color: #fff;
          }

      footer .links h2.logo {
        display: block;
        width: 150px;
        height: 100px;
        position: relative;
        background: url(../img/sprite.png) 0 -257px no-repeat;
        padding: 0;
      }

        footer .links h2.logo a {
          display: block;
          height: 100%;
          text-indent: -9999px;
          padding: 0;
        }

    footer .ikone {
      width: 840px;
      height: 60px;
      background: url(../img/footer-ikone.png) center center no-repeat;
      display: block;
      margin: 50px auto 30px;
    }

    footer .copy {
      display: block;
      margin: 0 auto;
      height: 24px;
      width: 700px;
      text-align: center;
    }

    footer .mbit a {
      background: url(../img/mbitdark.png) no-repeat top center;
    }

      footer .mbit a:hover {
        background: url(../img/mbitdark.png) no-repeat 0px -16px;
      }
}

@media (min-width: 1200px) {
  a.mega-button, a.mini-button {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
  }

  .container {
    width: 1070px;
    max-width: 1070px;
  }

  footer .interview .intro {
    width: 150px;
    text-align: justify;
  }

  article.home {
    margin-bottom: 2rem;
    width: 670px;
  }

  .mega-button {
    display: block;
    width: 280px;
    height: 80px;
    background-color: #a80414;
    border-radius: 10px;
  }

  a.mega-button {
    line-height: 80px;
    display: block;
    text-align: center;
    font-size: 4rem;
    font-style: italic;
    letter-spacing: .2rem;
  }

  .mini-button {
    display: inline-block;
    width: auto;
    height: auto;
    background-color: #636363;
    border-radius: 4px;
    padding: 4px 10px;
    margin: 10px 0;
  }

  a.mini-button {
    font-size: 1.2rem;
  }

  ul.social li:last-child {
    display: inline-block;
    margin-right: 0;
    height: 40px;
    width: 142px;
    background: #fff;
    float: left;
    font-size: 1.4em;
    word-wrap: break-word;
    text-overflow: initial;
    word-break: break-word;
    color: #818181;
    font-weight: 700;
    font-style: italic;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: left;
    padding-left: 5px;
  }

  #page h1, #page h2 img {
    margin-right: 30px;
  }

  #page h1, #page h2 {
    font-weight: 400;
    letter-spacing: 1px;
  }

  #page h1 {
    background-color: #a80414;
    border-radius: 10px;
    color: #fff;
    padding-left: 30px;
    margin-top: 50px;
    font-size: 3.2rem;
    height: 60px;
    line-height: 60px;
  }

  #page h2 {
    font-size: 3rem;
    display: inline-block;
  }

  section.champs .champ {
    display: inline-block;
    float: none;
    overflow: hidden;
    width: 23.00%;
    height: 384px;
    margin: 1%;
    position: relative;
    /* height: auto; */
    background: url(../img/bg_champ.png) center bottom no-repeat;
    background-size: contain;
    margin-bottom: 0px;
    /* padding: 2%; */
  }

    section.champs .champ > .img > a {
      display: block;
      height: auto;
      margin: 5px 0 0 0;
      z-index: 10;
      position: relative;
      overflow: hidden;
      height: 266px;
      border-bottom: 2px solid #bf9f64;
    }

    section.champs .champ a:after {
      /* content:''; */
      position: absolute;
      bottom: 0;
      left: 0;
    }

    section.champs .champ:nth-child(8) {
      margin-top: 13px
    }

    section.champs .champ .img {
      display: block;
      height: 100%;
      overflow: hidden;
      bottom: 0;
      position: relative;
      background-size: contain;
      margin: 0px 14px;
    }

    section.champs .champ > img {
      position: absolute;
      display: block;
      bottom: 26px;
      right: 20px;
      width: 40px;
      height: auto;
    }
}

@media (min-width: 1400px) {
  .container {
    width: 1300px;
    max-width: 1300px;
  }

  footer .container.top .yt .youtube-container {
    width: 50%;
  }

  section.champs .champ {
    display: inline-block;
    float: none;
    overflow: hidden;
    width: 23.00%;
    height: 384px;
    margin: 1%;
    position: relative;
    background: url(../img/bg_champ.png) center bottom no-repeat;
    background-size: contain;
    margin-bottom: 0px;
  }

    section.champs .champ > .img > a {
      display: block;
      height: auto;
      margin: 5px 0 0 0;
      z-index: 10;
      position: relative;
      overflow: hidden;
      height: 266px;
      border-bottom: 2px solid #bf9f64;
    }

    section.champs .champ a:after {
      position: absolute;
      bottom: 0;
      left: 0;
    }

    section.champs .champ:nth-child(8) {
      margin-top: 13px
    }

    section.champs .champ .img {
      display: block;
      height: 100%;
      overflow: hidden;
      bottom: 0;
      position: relative;
      background-size: contain;
      margin: 0px 40px;
    }

    section.champs .champ > img {
      position: absolute;
      display: block;
      bottom: 26px;
      right: 46px;
      width: 40px;
      height: auto;
    }
}

/* SEARCH BUTTON TOP */
@media (max-width: 976px) {
  form.search-top {
    width: 200px;
    position: absolute;
    left: 10px;
    display: block;
    height: 0;
    top: 12px;
    z-index: 999999;
  }

    form.search-top label {
      width: auto;
      height: 30px;
      padding: 0;
      margin: 0;
      display: none;
      float: left;
    }

  .search-top i {
    font-size: 20px;
    margin-bottom: 0;
    background: #4d4d4d;
    padding: 5px;
    border-radius: 3px;
    color: #ccc;
    cursor: pointer;
    left: 0;
    float: left;
  }

  .search-top .search-field {
    height: 30px;
    margin: 0;
    width: 170px;
    display: block;
    float: left;
    border-right: 0;
    border-radius: 0;
    background: #4d4d4d;
    color: #eee;
    outline: none;
    outline-width: 0;
    border: 0;
  }
}

@media (min-width: 977px) {
  form.search-top {
    width: 250px;
    position: absolute;
    left: -260px;
    /* width: auto; */
    height: 0;
    top: 12px;
    z-index: 999999;
  }

    form.search-top.mobile {
      display: none
    }

    form.search-top label {
      width: auto;
      height: 30px;
      padding: 0;
      margin: 0;
      display: none;
      float: right;
    }

  .search-top i {
    font-size: 15px;
    margin-bottom: 0;
    background: #4d4d4d;
    padding: 5px;
    border-radius: 3px;
    color: #ccc;
    cursor: pointer;
    left: 0;
    float: right;
  }

  .search-top .search-field, .search-top .search-field:focus {
    height: 25px;
    margin: 0;
    width: auto;
    display: block;
    float: left;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: #4d4d4d;
    color: #eee;
    outline: none;
    outline-width: 0;
    border: 0;
  }
}

/* home slider - news */
.izdvojene_naslovna .glavna {
  height: 445px;
  position: relative;
  padding: 0;
  display: flex;
}

  .izdvojene_naslovna .glavna .slika {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
  }

.naslovna .glavna a:hover, .naslovna .ostale a:hover {
  color: #666;
}

.izdvojene_naslovna .glavna .slika a {
  display: block;
  position: relative;
  height: 100%;
  padding: 0;
  color: white;
  font-weight: 400;
  font-size: 20px;
  text-decoration: none;
  line-height: normal;
}

@media (max-width: 960px) {
  .izdvojene_naslovna .glavna .slika a {
    padding-right: 0px;
    font-size: 20px;
    font-weight: 600;
  }

  .izdvojene_naslovna .glavna .slika .info, .izdvojene_naslovna .glavna .slika .info a {
    font-size: 12px !important;
    font-weight: 600;
    display: inline-block;
  }
}

.izdvojene_naslovna .glavna .slika .info a {
  font-size: 10px;
  font-weight: 400;
  display: inline-block;
}

.izdvojene_naslovna > .glavna > .slika > a, .izdvojene_naslovna > .ostale > .clanak > .slika > a {
  background-position: center !important;
  background-size: cover !important;
}

.glavna .slika > a, .ostale .slika > a {
  transition: 0.25s !important;
  -webkit-transition: 0.25s !important;
  -moz-transition: 0.25s !important
}

  .glavna .slika > a:hover, .ostale .slika > a:hover {
    transform: scale3d(1.1,1.1,1) !important;
    -webkit-transform: scale3d(1.1,1.1,1) !important;
    -moz-transform: scale3d(1.1,1.1,1) rotate(.02deg) !important;
  }

.izdvojene_naslovna .glavna .data {
  position: absolute;
  display: block;
  padding: 10px 10px 0 10px;
  height: auto;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.48);
  width: 100%;
}

.izdvojene_naslovna .glavna .oznaka, .izdvojene_naslovna .glavna .oznaka > a {
  position: relative;
  display: inline-block;
  padding: 0px 10px;
  background: red;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
}

.izdvojene_naslovna .glavna .naslov {
  position: relative;
  margin: 5px 0;
}

.izdvojene_naslovna .glavna .info {
  position: relative;
  margin: 5px 0;
  color: white;
  font-weight: 400;
  font-size: 10px;
}

.izdvojene_naslovna .six.columns.clanak {
  margin-left: 0%;
  width: 50%;
}

.izdvojene_naslovna .ostale {
  height: 445px;
  position: relative;
  margin-left: 0;
  display: block;
  padding: 0 0 0 3px
}

  .izdvojene_naslovna .ostale .clanak {
    padding: 0;
    height: 221px;
    margin-bottom: 3px;
    overflow: hidden;
  }

    .izdvojene_naslovna .ostale .clanak:nth-child(2n) {
      padding-left: 3px;
    }

.izdvojene_naslovna .clanak a {
  display: block;
  text-decoration: none;
  color: white;
  height: 100%;
  font-size: 14px;
  position: relative;
}

.izdvojene_naslovna .ostale .clanak .slika {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

  .izdvojene_naslovna .ostale .clanak .slika img {
    display: block;
    min-width: 100%;
    min-height: 100%;
    margin: 0 auto;
    width: auto;
    max-width: none;
    height: 100%;
    position: relative;
  }

  .izdvojene_naslovna .ostale .clanak .slika .naslov {
    position: absolute;
    width: 100%;
    display: inline-block;
    height: auto;
    border: 0;
    bottom: 0;
    left: 0;
    line-height: normal;
    font-weight: 400;
    text-align: left;
    background: rgba(0, 0, 0, 0.59);
    margin: 0;
    padding: 10px;
  }