@font-face{
    font-family:"Cyberfall";
    src:url(../fonts/cyberfall/Cyberfall.otf);
}
/*@font-face{ font-family:"font-awsome";
src:url(../fonts/fontAwsome/fontawesome-webfont.ttf);
}
*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color:white;
    font-weight:100;
    font-family: "Cyberfall", Helvetica, Arial, sans-serif !important;
}
h3{
  font-size: 25px;
  font-weight: 400;
  line-height: 31px;
  text-align:center;
}
h4{
color: #ff001f;
font-size: 25px;
font-weight: 400;
line-height: 31px;
}
a {
  outline:none;
  color:white;
}
img {
  outline: none;
}
html,body {
  width: 100%; 
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 12px;
/*  font-family: 'Cyberfall', sans-serif;*/
  -webkit-font-smoothing: antialiased;
}
input {
    text-transform: none; 
    color:gray; 
}

img {
  max-width: 100%;
}
.valign{
  vertical-align: middle;
}
.line1 {
  line-height: 1em
}
.line2{
  line-height: 2em;
}
.row {
  margin-left:0;
  margin-right:0;
}

.fleft  { float:left; }
.fright { float:right; }
.tac{  text-align: center;}
.tar{  text-align: right;}
.tal{  text-align: left;}
*,*:before,*:after {  
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
  text-decoration:none; 
  list-style-type: none;
  /*  min-height: 1px;    /* Sophie Dennis contribution for IE7 */
  font-size:inherit;
  font-style: inherit;
  font-family:inherit;
/*   vertical-align: middle; */
}

.col-xs-12, .col-sm-12, .col-md-6 {
  margin-top:5px;
}

section:last-child{
  margin-bottom:3%;
}
#recalc {
  display:none;
}

.topnav {
font-family: Cyberfall;
font-size: 17px;
font-weight: 400;
line-height: 32px;
background:none;
border:none;
text-transform: uppercase;
}

.nav > li > a:focus,
.nav > li > a.active {
color: #02193a;
outline:none;
background:white;
}

.nav > li > a , .navbar-brand{
    color: white;
    white-space: pre;
    padding:0;
}
.navbar-ex1-collapse,
.navbar-ex2-collapse{
line-height: 4em;

}

.navbar-brand:hover {
background:transparent;
}

.topnav ul.navbar-ex1-collapse li:first-child a:hover,
.topnav ul.navbar-ex1-collapse li:first-child a:focus{
background:transparent; !important;

}

.nav > li > a:hover {
color:#032352;
background-color: #99a3b0;
}

.nav > li > a.active,
nav#fightersNavigation a.active  {
color: #02193a;
outline:none;
}
nav#fightersNavigation a.active:hover  {
color: white;
background-color: #193660;
}


#search_filter .fa {
color: #293c58;
background: none;
border: none;
outline: none;
}

.fightBody, #mybody{
background-color: #032352;

}
.topnav .navbar {
margin-bottom: 0;
}

.navbar-header .navbar-toggle {
  border-color: transparent; /* Removes border color */
 
}
.navbar-header .navbar-toggle .icon-bar {
  background-color: white; /* Changes regular toggle color */
}
.navbar-header .navbar-toggle .icon-bar:hover {
  background-color: #fff; /* Changes toggle color on hover */
}





/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -30px;
  padding: 0 0 30px;
  background: url(../res/img/splash-3x.png);
  background-attachment: fixed;
  background-size:cover;
}

footer {
min-height: 50px;
background-color: rgba(233,232,232,.3);
line-height: 3em;
font-size: 17px;

}

#footerSocial > a {
    display:inline !important;
    font-size: 1.3em;
    cursor:pointer;
    margin-left:1em;
}

#footerSocial {

    text-align:center;
}
.carousel-indicators li {
    border:none;
    height:1em;
    width:1em;
    margin:0 2% -2% 2%;   
    background-color:#c2bfbf;
}
.carousel-indicators .active {
   background-color:#a30f21;
    height:1em;
    width:1em;
    margin:0 2% -2% 2%;   
}

.blackBG {
  background:black;
}
section#watchChannelButtons{

margin:1% 0;
}
section#watchChannelButtons a{
height:3.4em;
border:none;
background-image: linear-gradient(left , rgb(252,252,252) 88%,  rgb(208,2,27) 51%);
background-image: -o-linear-gradient(left , rgb(252,252,252) 88%,  rgb(208,2,27) 51%);
background-image: -moz-linear-gradient(left ,  rgb(252,252,252) 88%,  rgb(208,2,27) 51%);
background-image: -webkit-linear-gradient(left ,  rgb(252,252,252) 88%,  rgb(208,2,27) 51%);
background-image: -ms-linear-gradient(left ,  rgb(252,252,252) 88%,  rgb(208,2,27) 51%);
padding-top: 2%;

}
span.redSpan{
color:#d0021b;
margin-right:1%;
}
i.fa-play-circle {
color:white;
position:absolute;
right:5%;
top:20%;
float:right;

}

input[type=checkbox] {
  margin-top:-1px;
  transform:scale(1.3, 1.3);

}

 


a.red {
color:#d0021b;;
}
.twfty {
  font-size: 25px;
}
.ttty {
font-size: 22px;
}

.ety {
font-size: 18px;
}
.sty {
font-size: 16px;
}
.fty{
font-size: 14px;

}
.tty {
font-size: 10px;

}
.clearl{
  clear:left;
}
.clearr{
  clear:right;
}
.clearb{
  clear:both;
}
label.tips{
  color: #979797;
  font-family: Cyberfall;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align:center;
  float:none;
  margin:10px 0;
}
label.tips .btn,
label.tips a {
  margin: 0 auto;
  display:block;
}
label a.tip {
  color:#868a8f;
  margin-bottom:20px;
}

.nomargin {
  margin:5% 0;
}

.noMargin {
  margin: 0 !important;
}
.redbg {
  background-color:#b10116;
}
.whitebg {
  background-color:white;
}
.bluetext{
color: #021b42;
}
.whitetext{
  color:white;
}
.bottomBorder {
border-bottom:1px solid white;

}
img.mainLivePoster{
height:20em;
width:auto;
}
img.livePoster {
height:8em;
width:auto;
}
.pad {
  padding:1em;
}
.pad3 {
  padding:3em;
}

p.gray{
color: #9b9b9b;
}
p.red{
color: red;
}
p.tip {
text-align: center;
color: #99a1ae;
margin:5% 0;
}
span.block {
  display:block;
}
section#liveEvents {
  margin-top:2%;
}
section#liveEvents .col-xs-6 .livePoster, 
section#liveEvents .col-sm-6 .livePoster, 
section#liveEvents .col-md-6 .livePoster {
  float:right;
}
section#ppv{
margin-bottom:5%;

}
section#ppv img{
  height:200px !important;
 }
.watchlive div{
  /* height:4em; */
  margin-top:1%;
}


td.win{
color: green;
}
td.lost {
  color: red;
}
td.tie {
  color: orange;
}





#menuLogo { 
height:100%;
}
#menuLogoLi {
height:4em;
padding:0;

}
  .counter {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
  }

    .counter .left {
      display: block;
      float: left;
      height: 60px;
      width: 25%;
      background-color: #fcfcfc;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      line-height: 60px;
      font-size: 1.1em;
      text-transform: uppercase;
      color: #00224b;
      font-style: italic;
      text-align: center;
      font-weight: 700;
      letter-spacing: 2px;
    }

    .counter .right {
      background-color: #ececec;
      display: block;
      float: left;
      height: 60px;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      width: 75%;
    }

      .counter .right .next {
        display: block;
        float: left;
        height: 100%;
        background-color:#a0a0a0;
        width: 35%;
      }

        .counter .right .next .title {
          display: block;
          height: 20px;
          margin: 0 15px;
          text-align: center;
          color: #fcfcfc;
          font-weight: 900;
          font-size: 1em;
          border-bottom: 1px solid #ccc;
        }

        .counter .right .next .count {
          display: block;
          height: 40px;
          margin: 0;
          text-align: center;
        }

          .counter .right .next .count span {
            display: block;
            float: left;
            height: 40px;
            width: 25%;
            text-align: center;
            text-transform: uppercase;
             font-size: 1em;
            font-weight: 900;
            color: #fcfcfc;
          }

            .counter .right .next .count span b {
              font-size: 1.8em;
              font-weight: 900;
              color: #636363;
              clear: both;
              display: block;
              margin: -2px 0 0 0;
              height: 24px;
              color:#e7394e;
            }

      .counter .right .city {
        display: block;
        width: 65%;
        height: 60px;
        float: left;
        background-color:#a0a0a0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
      }

        .counter .right .city span {
          display: block;
          float: left;
          width: 19.8%;
          margin: 0;
          padding: 0;
          text-align: center;
          font-size: 1.5em;
          font-weight: 400;
          border-right: 1px solid #ccc;
          height: 60px;
          color:#d1182f;
        }

          .counter .right .city span:last-child {
            border: none;
          }

          .counter .right .city span b {
            color: #fcfcfc;
            clear: both;
            display: block;
            font-size: 0.8em;
            white-space:pre;
            margin-top: 10px;
          }



.shareThis {
  text-align:center;
  font-size:1.3em;
}
.shareThis a {
  margin-left:2%;
  margin-top:1%;
  padding-top:1%;
  color:white;
  font-size:1.5em;
}

a.fa {
text-decoration: none;

}
.margin1 {
margin:1% 0;
}
.margin10{
  margin:10% 0;
}
section#fightCard button{
  margin-top:2%;
}

section#fightCard a{
  margin: 2% 0px;
  font-size:1.4em;
  padding:auto 0px;
  vertical-align: middle;
}
section#fighters  {
width:90% !important;
margin:0 auto;
}

section#fighters .col-lg-3 {
  margin:1% 0;
  background-image: url("../img/FFCpozadina.png");
background-size: 200% auto;
background-position: 50% 50%;
background-clip: content-box;
}


.fighter img {

background-image: url("../img/FFCpozadina.png");
background-size: 200% auto;
background-position: 50% 50%;
}


section#fighters img {
display: block;
height:300px;
margin:0 auto;
}

nav#fightersNavigation {
  background-color: #99a3b0;
}
nav#fightersNavigation a {
  color: #293c58;
  line-height: 4em;
  }

nav#fightersNavigation a:hover {
  color: white;
  background-color: #193660;
}
nav#fightersNavigation a.active {
background-color:#ffffff;

}

.flag-icon {
margin-right:1em;
font-size:1.2em;
}


.fighter .desc_content{
font-size: 2em;

}


.desc_content{
font-size:1em;
text-align: center;
}


span.score {
  letter-spacing: 2px;
  color:#d1182f;
  text-align: center;
  font-size:1.2em;
}

.carousel-caption {
bottom:0;
padding:0;
}

#fighterPagination {
float: right;
margin-right: 3%;
}

#fighterPagination li{
background:none;
color:white;
border-radius:2px;
border:none !important;
outline:none;

}
#fighterPagination li.actOfs{
color:#032352;
background-color: #99a3b0;
}


section#frontpageSlider {
  margin-bottom:2%;
}

section#frontpageSlider img.img-block {
  margin:auto;
}

section#frontpageSlider .desc_content{

  font-size:2em;
}
section#frontpageSlider .item{
  height:35em;
}

section#frontpageSlider .item img{
margin:0 auto;
  height:35em;
}

section#frontpageSlider .shareThis{
font-size:.8em;
line-height: 10px;
margin-bottom:3%;
white-space: nowrap;
}
.thumbs a{
margin:0 10px;
font-size:1.3em;
}

span.likes, span.dislikes {
font-size:1.3em;
line-height: 10px
}

hr{
  margin:2% 0;
}

p.sty{
  font-size:1.1em;
  line-height: 1.2em;
}

.liked, .fa-thumbs-up:focus, .fa-thumbs-up:hover {
  color:#5b943b;
  outline:none;
}
.disliked, .fa-thumbs-down:focus, .fa-thumbs-down:hover {
  color:#d2192f;
  outline:none;
}


table.fightHistoyTable th {

background-color: rgba(255,255,255,.35);
  font-size:0.9em;
  font-weight: 100;
  line-height:2em;

    text-align: center;
}


table.fightHistoyTable td {
  font-size:1.4em;
  text-align: center;
background-color: rgba(255,255,255,.15);
}
table.fightHistoyTable button{
width:70%;
line-height:2em;
margin:0;
padding:0;
border-radius:0;

}
table.fightHistoyTable span.tip,
section#comments span.tip,
section.payment span.tip{
  margin:0;
  color: #979797;
  display: block;


}
.avatar span.tip { 
  float: none !important;
}

section#comments span.tip {
  display: inline-block;
  float: right;
}


a#pay {
  width:50% !important;
  text-align: center;
  margin: 0px 25%;
  clear:both;
}


section.payment .row{
  margin-top:2%;
}
section#fightCard .fightHistoyTable {
  width:80%;
margin:0 auto;

}

section#fightCard .fightHistoyTable td{
background-color:transparent;
border-color:#032352;
}

.rating {
  font-size:  2em;
  text-align: center;
  margin: 2% 0;
}
.rate i {

   cursor: pointer;
}
.rate  {
  font-size:  2em;
  text-align: center;
}

.uRating {
  display: inline-block;
  font-size: 1em;
  margin: 2% 0;
}

#rateButton {
  margin-bottom: 3%;
  border-radius: 0;
  }



.avatar{
  margin:auto 0;
  text-align: center;
  position:relative;
  margin-top:20px;
  vertical-align: middle;

}
.avatar img {
  height:39px;
  width:39px;
}
.comment {
background-color: rgba(255,255,255,.15);
border-bottom:1px solid white;
min-height:100px;
}

p.commentContent {
font-family: 'Source Sans Pro', sans-serif;

font-size:1.4em;
}


.leaveComment {
  background-color: rgba(255,255,255,.15);
}
#publish {
  margin-bottom:20px;
}

section#nextFights .livePoster {
  height: 11em;
}

.ev_logo {
  height: 10em;

}

.logoCol {
  text-align: center;
}
section.login #logo img{
  margin:5% auto;

}


section.login form input {
color:white;
background-color:rgba(255,255,255,.6);
}

section.login form input::-webkit-input-placeholder {
   color: white;
}

section.login form input:-moz-placeholder { /* Firefox 18- */
   color: white;
}

section.login form input::-moz-placeholder {  /* Firefox 19+ */
   color: white;
}

section.login form input:-ms-input-placeholder {  
   color: white;
}

button#face { background-color: #425dab; }
button#googleplus {background-color: #d0021b;}
button#face, button#googleplus {
  border:none;
  border-radius:0;
  font-size:.8em;
  color:white;
}
section.login  button i.fa{
position:relative;
left:-5%;
top:25%;
}
section.login a#newAccount{
  font-size:1.2em;
  line-height: 3em;
}


section#frontpageSlider #fightLogo img {
    margin: 5% auto;
    z-index: 2;
    height: 100%;

    top: 40px;
}



section#frontpageSlider #fightLogo {
    width: 100%;
    position: static;
    left: 0;
    z-index: 2;

}


.fighter img{
height: 330px !important;
margin:0 auto;
overflow: visible;

}

.fighterDiv {

background-image: url(../res/img/FFCpozadina.png);
background-size: 130%;
background-position: 50% 50%;
background-repeat: no-repeat;
/*width: 30%;*/
text-align: center;
}


#fightStats{
  /*width:30%;*/
  color: #032352;
  text-align: center;
}
.grayContent  {

  background-color:#cacaca;
  box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.5);
  background-image: linear-gradient(to right, black 0%, #ccc 18%, #ccc 88%, black 100%);



}
.carousel-inner img {
  margin:0 auto;
}


section#otherFights  .blackBG {
background-size:90%;
}
section#otherFights  .fighterThumb {
height: 370px;
margin: 0 auto;
}

img.fighterThumb  {
  height:150px !important;


background-image: url(../img/FFCpozadina.png);
background-size: 165%;
background-position: 50% 50%;
background-repeat: no-repeat;



text-align: center;


}
span.vs {
/*text-align: center;*/
color: #fb0007;
font-size:3em;

text-align: center;
}
.inline {
  display:inline;
}
.carousel  {
 min-height: 450px !important;
}

section.login .nav-tabs {
border-bottom:none;

}
section.login .nav-tabs li{
display:inline;
/*margin-left:5%;*/

}

section.login .nav-tabs a{
  color: #99a3b0;
font-size:1.5em;
line-height: 2em;
border-radius: 0px;
padding:0 1em;
}


section.login .nav-tabs li.active a,
section.login .nav-tabs li a:hover{
color: #02193a;
background-color: #99a3b0;
border-bottom:none;

}


section.login .tab-pane {
background-color: #99a3b0;
padding:1em;
}

form#profile {
  margin:5% 0 20% 0;
}





 form#profile input {
color: #021b42;
background-color:white;
}

 form#profile input::-webkit-input-placeholder {
color: #021b42;

}

 form#profile input:-moz-placeholder { /* Firefox 18- */
color: #021b42;

}

 form#profile input::-moz-placeholder {  /* Firefox 19+ */
color: #021b42;

}

 form#profile input:-ms-input-placeholder {  
color: #021b42;

}

 form#profile  label{
color: #021b42;

 }



a.fc_winner:after {
content: "WINNER";
position: absolute;
bottom: 25%;
left: 0;
font-size: 1.2em;
font-weight: 400;
background-image: linear-gradient(-87deg, transparent 0%, #810808 24%, #e01717 49%, #940707 80%, transparent 100%);
width: 90%;


}
a.fc_winner:hover {
  color:white !important;
}


  .week {
    display: inline-block;
    float: left;
    width: 152px;
    height: auto;
    border-bottom: 2px solid #d3d3d3;
    margin-bottom: 20px;
  }
  
  .week:first-child {
    border-left: 2px solid #d3d3d3;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
  }
  
  .week:last-child {
    border-right: 2px solid #d3d3d3;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
  }
  
  .week p.day {
    background-color: #d3d3d3;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    border-right: 1px solid #eee;
    margin-bottom: 10px;
  }
  
  .week:first-child p.day {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 10px;
  }
  
  .week:last-child p.day {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-right: none;
  }
  
  .week .uparrow {
    display: block;
    width: 100%;
    height: 24px;
    background: url('img/week-up-arrow-off.png') top center no-repeat;
    cursor: pointer;
  }
  
  .week .uparrow:hover {
    background: url('img/week-up-arrow-on.png') top center no-repeat;
  }
  
  .week .downarrow {
    display: block;
    width: 100%;
    height: 24px;
    background: url('img/week-down-arrow-off.png') top center no-repeat;
    cursor: pointer;
    margin-top: 5px;
  }
  
  .week .downarrow:hover {
    background: url('img/week-down-arrow-on.png') top center no-repeat;
  }
  
  .week .schcont {
    display: block;
    position: relative;
    height: 360px;
    overflow: hidden;
  }
  
  .week .schedule {
    /* width: 100%; */
    display: block;
    position: relative;
    height: auto;
    padding: 0 10px;
  }
  
  .week .showwrap {
    width: 100%;
    display: block;
    min-height: 20px;
    clear: both;
    /* margin-bottom: 5px; */
  }
  
  .week .moreinfo {
    display: inline-block;
    width: 100%;
    padding: 0;
    position: relative;
  }
  
  .week .moreinfo div {
    /* display: initial; */
    /* position: relative; */
    /* line-height: normal; */
  }
  
  .week .showTime {
    background-color: #a80414;
    display: block;
    width: 124px;
    height: 14px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 4px;
    text-align: center;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 16px;
    letter-spacing: 1.4px;
    /* float: left; */
  }
  
  .week .showTitle {
    font-weight: 400;
    font-size: 1.1rem;
    text-transform: uppercase;
    display: inline-block !important;
    float: left;
    /* margin-left: 10px; */
    /* width: 49px; */
    vertical-align: top;
    word-break: break-word;
    cursor: pointer;
    word-wrap: break-word;
    padding: 4px 0 0;
  }
  
  .week .showDetails {
    display: block;
    clear: both;
    margin-bottom: 5px;
  }
  
  .week .showThumb {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .week .showThumb img {
    display: block;
    width: 100%;
    position: relative;
    clear: both;
  }
  
  .week .showDetails div {
    font-size: 1.1rem;
    line-height: normal;
  }
  
  .week .clearfix {
    clear: both;
    display: block;
    background: url('img/raspored.png') left center repeat-x;
    height: 2px;
    margin: 5px 0px;
  }
  
  
  
#search_filter input{
    color:black;
}



.ofsets li {
background: none;
color: white;
border-radius: 2px;
outline: none;
border-color: transparent !important;


}

.ofsets > li.actOfs {
color:#032352;
background-color: #99a3b0;
}



#fighters_data .btn-toolbar {

clear: both;
}


input[type="text"] {
  font-size: 20px;
}

/* ---- isotope ---- */

.grid {
  border: 1px solid #333;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */


button#sbutton {
visibility:hidden !important; 

}






  

          @media all and (max-width: 1200px) { 
    body {
        font-size: 1em;
    }
}
@media all and (max-width: 1000px) { 
    body {
        font-size: 0.8em; 
        }

.carousel-caption{
left:0;
margin:auto;
}
    }





@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    .nav-justified > li {
      display: block;
      width: 100%;
      position: relative;
    }
    #search_filter {
  text-align: center;
    }
    .col-xs-12, .col-sm-12{
      text-align: center;
    }
    .mainLivePoster {
      margin: 0 auto;
    }
}
/* 

@media all and (max-width: 952px) { 
#fightersNavigation li{
  display: block;
  width: 100%;
  position: relative;
}

} */



@media all and (max-width: 922px) { 


footer ul.nav{ 
max-height:51px;
}
    }






@media all and (max-width: 887px) { 



}





    @media all and (max-width: 764px) { 
.carousel-caption{
position:relative;
display:inline-block;
margin:auto;
top:50%;
    }
.counter .right .city {
  display: none;
}



.counter .right {
  width: 50%;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;

}


.counter .left { 

  width: 50%; 
}
.counter .right .next {
  width: 100%;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;


}



}



@media all and (max-width: 500px) {
    body {
        font-size: 0.6em; 
        }


.carousel-caption{
position:absolute;
display:block;
margin:auto;
top:50%;

}
    }