/**************************************************************************************/

/*

/*

/**************************************************************************************/



/**************************************************************************************/

/**************************************************************************************/

/*   Elements

/**************************************************************************************/

/**************************************************************************************/



/* http://astronautweb.co/snippet/font-awesome/ */

@font-face {

  font-family: 'FontAwesome';

  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');

  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');

  font-weight: normal;

  font-style: normal;

}



* {padding:0; margin:0; border: 0px;}



body {

font-family: 'Exo 2', sans-serif;

font-size: 14px;

color: #121212;

position: relative;

min-width: 450px;

}



table

{

	width: 100%;

}



td

{

	margin: 0px 0px 0px 0px;

}



img

{

    border: 0;

    vertical-align: top;

}



a

{

	text-decoration: underline;

	outline-style: none;

	color: #FFF;

}



a:hover

{

  cursor: pointer;
  text-decoration: none;

}

.white-div a {
  color: black;
  text-decoration: underline;
}

.white-div a:hover {
  text-decoration: none;
}


input

{

	margin: 0px 0px 0px 0px;

	font-size: 11px;

	color: #666666;

	border: 1px;

	border-color: #CCCCCC;

	border-style: solid;

}



.button , button

{

    padding: 10px 30px 10px 30px;

    margin: 10px 0px 0px 10px;

    background-color: #0a0a0a;

    font-size: 16px;

    font-weight: bold;

    color: #EFEFEF;

    border: 1px;

    border-color: #FFFFFF;

    border-style: solid;

    text-transform: uppercase;

}





.button:hover , button:hover

{

    cursor: pointer;

}



p {

    margin-bottom: 10px;

    line-height: 22px;

}



.clear {

  clear: both;

}



.container {

    position: relative;

}



.header {

    color: #FFF;

    min-height: 800px;

    width: 100%;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#080808+33,2375ae+97 */

    background: #080808; /* Old browsers */

    background: -moz-linear-gradient(45deg,  #080808 33%, #2375ae 97%); /* FF3.6-15 */

    background: -webkit-linear-gradient(45deg,  #080808 33%,#2375ae 97%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(45deg,  #080808 33%,#2375ae 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080808', endColorstr='#2375ae',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}



.header-content {

    color: #FFF;

    min-height: 100px;

    width: 100%;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#080808+33,2375ae+97 */

    background: #080808; /* Old browsers */

    background: -moz-linear-gradient(45deg,  #080808 33%, #2375ae 97%); /* FF3.6-15 */

    background: -webkit-linear-gradient(45deg,  #080808 33%,#2375ae 97%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(45deg,  #080808 33%,#2375ae 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080808', endColorstr='#2375ae',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}



.header .container {

    padding-top: 230px;

    padding-bottom: 200px;

}



.body {

    width: 100%;

    overflow: hidden;

    position: relative;

}



.body-content {

    width: 100%;

    overflow: hidden;

    z-index: 10;

    position: relative;

    background-color: #FFF;

    text-align: center;

}



.body-content .moduletable h3 {

    display: block;

    position: relative;

    font-size: 50px;

    font-weight: 900;

    text-transform: uppercase;

    margin-bottom: 40px;

    z-index: 1;

}



.white-div-first .moduletable h3 span, .white-div .moduletable h3 span {

    background-color: #FFF;

    padding: 0 30px;

}



.white-div-first .moduletable h3:after, .white-div .moduletable h3:after {

    border-bottom: 2px solid #121212;

    -webkit-box-shadow: 0 1px 0 0 red;

    -moz-box-shadow: 0 1px 0 0 red;

    box-shadow: 0 1px 0 0 red;

    content: "";

    margin: 0 auto; /* this centers the line to the full width specified */

    position: absolute;

    top: 50%; left: 0; right: 0;

    width: 100%;

    z-index: -1;

}



.header .moduletable {

    margin: 0 auto;

    max-width: 600px;

    width: 100%;

}





.menu {

    position: fixed;

    z-index: 0;

    width: 300px;

    left: -300px;

    top: 0px;

    background-color: black;

    height: 100%;

    color: #FFF;

    border-right: 1px solid #111;

}



.close-x {

    color: #FFF;

    float: right;

    display: inline-block;

    border: 1px solid white;

    border-radius: 5px;

    padding: 0px 7px;

    margin-top: 15px;

    margin-right: 15px;

    opacity: 0.8;

    cursor: pointer;

    font-size: 18px;

}



.close-x:hover {

    color: #000;

    background-color: #FFF;

}



.clear {

    clear: both;

}



.white-div-first {

    background: url('../images/strelica.png') no-repeat center top;

    margin-top: -60px;

    width: 100%;

    padding-top: 150px;

    padding-bottom: 150px;

}



.white-div {

    padding-top: 80px;

    padding-bottom: 150px;

    width: 100%;

}



.blue-div {

    padding-top: 120px;

    padding-bottom: 200px;

    background: #053c65 url('../images/strelica.png') no-repeat center bottom;

    width: 100%;

    color: #FFF;

}



.footer {

    padding-top: 40px;

    padding-bottom: 40px;

    background-color: #053c65;

    width: 100%;

    font-size: 80%;

    color: #9eaab7;

}



.footer .moduletable h3 {

    font-size: 24px;

    color: #FFF;

    margin-bottom: 20px;

}



.navbar-toggle {

    border-color: #FFF;

    position: fixed;

    top: 20px;

    right: 10px;

    background-color: #333;

    z-index: 9999;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 1);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 1);

}



.navbar-toggle:hover {
  background-color: #555;
}



.navbar-toggle .icon-bar {

    background-color: #fff;

}



.navbar-toggle .icon-bar {

    display: block;

    width: 22px;

    height: 2px;

    border-radius: 1px;

}



.jt-menu a {

    border-left: 0px;

    border-top: 0px;

    padding: .75em 1em;

    text-decoration: none;

    color: #FFF;

}



.jt-menu li {

    background: transparent;

}



.jt-menu li:hover, .jt-menu li.sfHover, .jt-menu a:focus, .jt-menu a:hover, .jt-menu a:active {

    background: transparent;

    text-decoration: underline;

}



.jt-menu a, .jt-menu a:visited {

    color: #FFF;

    text-transform: uppercase;

}



.jt-menu li {

    float: none;

}



.maps {

  height: 400px;

}



.profile .avatar {

    display: none;

}



.custom_about_links {

  margin-top: 50px;

}



.custom_about_links img {

  margin: 10px;

  width: 15%;

  max-width: 75px;

  height: auto;

}



.statistics-module {

  width: 100%;

  max-width: 650px;

  margin: 0px auto;

  margin-top: 30px;

  color: #2976cd;

  font-size: 50px;

  font-weight: 900;

}



.awards {

  padding-top: 90px;

  margin-top: 20px;

  background: transparent url('../images/awards.png') center top no-repeat;

}



.teams, .visitors {

  padding-top: 90px;

  margin-top: 20px;

  background: transparent url('../images/teams.png') center top no-repeat;

}



.statistics-desc {

  color: #FFF;

  text-transform: uppercase;

  font-size: 13px;

  font-weight: normal;

  margin-top: -10px;

}



/* contact form */



.contact-right {

  margin-top: 40px;

}



.moduletable_contact_form {

  text-align: left;

  margin-top: 40px;

}



.moduletable_contact_form label {

  display: none;

}



.moduletable_contact_form h3 {

  font-size: 20px;

  font-weight: bold;

}



.moduletable_contact_form input {

  padding: 10px 15px;

  font-size: 12px;

}



input[type="text"], input[type="email"] {

  height: auto;

}



.moduletable_contact_form textarea {

  color: #666666;

  border: 1px solid #ccc;

  font-size: 12px;

  padding: 10px 15px;

}



.form-horizontal .controls {

    margin-left: 0px;

}



.btn {

    display: inline-block;

    padding: 10px 15px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 0px;

    margin-left: 0px;

    background-color: #EEE;

    border:1px solid #ccc;

    max-width: 93%;

    width: 85%;

    color: #000;

    text-transform: none;

    font-weight: bold;

}



/* Games */



.moduletable_games {

  margin-top: 100px;

}



.games-div {

  width: 25%;

  float: left;

  margin-right: -30px;

  position: relative;

}



.games-link {

  position: absolute;

  left: 80px;

  top: 0px;

  bottom: 0px;

  width: 200px;

  display: block;

  z-index: 99999;

}



/* Developers */



.moduletable_developers h3 {

    display: block;

    position: relative;

    font-size: 50px;

    font-weight: 900;

    text-transform: uppercase;

    margin-bottom: 60px;

    z-index: 1;

}



.developers-div {

  width: 369px;

  height: 312px;

  margin-right: -169px;

  margin-bottom: 13px;

  float: left;

  position: relative;

}



.developers-div:nth-child(odd) {

  background: transparent url('../images/developer-00.png') left top no-repeat;

}



.developers-div:nth-child(even) {

  background: transparent url('../images/developer-01.png') left top no-repeat;

}



.developers-link {

  position: absolute;

  left: 80px;

  top: 0px;

  bottom: 0px;

  width: 200px;

  display: block;

  z-index: 99999;

}



.developer-name {

  position: absolute;

  left: 0px;

  right: 0px;

  text-transform: uppercase;

  text-align: center;

  font-weight: bold;

  color: white;

  z-index: 999;

  font-size: 24px;

  display: none;

}



.developers-div:nth-child(odd) .developer-name {

  top: 30%;

}



.developers-div:nth-child(even) .developer-name {

  top: 60%;

}

/* Team */

.team-div {
  margin-top: 70px;
}

.team-img {
  width: 100%;
  max-width: 270px;
}

.team-position {
  margin-top: 15px;
  color: #d22c2c;
  font-weight: 900;
}

.team-name {
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
  color: #000;
  margin-top: -7px;
}

.team-description {
  padding: 20px 0px 0px 0px;
  color: #666;
}

h4.position {
    font-size: 30px;
    color: #d22c2c;
    font-weight: 900;
    margin-top: 0px;
    margin-bottom: 20px;
}

.my-moduletable h3.name {
    margin-bottom: 10px;
}

/* Prijava */

.prijava-desc {
  text-align: left;
  float: right;
}

.prijava-forma {
  float: left;
}

.forma-prijava input, .forma-prijava select {
  padding: 10px 15px;
  font-size: 12px;
  color: #666666;
  border: 1px solid #ccc;
  width: 90%;
  margin-bottom: 5px;
}

.forma-prijava .button {
  font-size: 14px;
  color: black;
}

/* Novosti */



div.itemListCategory {

    background: transparent;

    border: 0px;

    margin: 0px 0px;

    padding: 0px;

}



div.itemListCategory h2 {

    font-size: 50px;

    font-weight: 900;

    text-transform: uppercase;

    margin-bottom: 40px;

}



.my-moduletable h3 {

    font-size: 50px;

    font-weight: 900;

    text-transform: uppercase;

    margin-bottom: 40px;

}



/* scroll to top */



#scroll {

  width: 55px;

  height: 55px;

  position: fixed;

  bottom: 30px;

  right: 30px;

  cursor: pointer;

  display: none;

  z-index: 9999;

  line-height: 55px;

  -ms-transition: all 0.5s ease;

  -ms-transition-delay: .1s;

  -moz-transition: all 0.5s ease;

  -moz-transition-delay: .1s;

  -webkit-transition: all 0.5s ease;

  -webkit-transition-delay: .1s;

  transition: all 0.5s ease;

  transition-delay: .1s;

}



#scroll:before {

    content: "\f01b";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

/*--adjust as necessary--*/

    color: #78dcff;

    font-size: 55px;

    position: absolute;

    top: 0px;

    left: 3px;

}



#scroll:hover {

  -ms-transform: scale(0.8)!important;

  -moz-transform: scale(0.8)!important;

  -webkit-transform: scale(0.8)!important;

  transform: scale(0.8)!important;

  -ms-transition: all 0.5s eases!important;

  -ms-transition-delay: all 0.1s eases!important;

  -moz-transition-delay: .1s!important;

  -moz-transition: all 0.5s eases!important;

  -webkit-transition: all 0.5s eases!important;

  -webkit-transition-delay: all 0.1s eases!important;

  transition: all 0.5s eases!important;

  transition-delay: all 0.1s eases!important;

}



@media (max-width: 1000px) {

.games-div img {

  width: 250px;

}



.games-link {

  position: absolute;

  left: 50px;

  top: 0px;

  bottom: 0px;

  width: 170px;

  display: block;

}

}



@media (max-width: 800px) {

.header {

    min-height: 500px;

}



.header .container {

    padding-top: 120px;

    padding-bottom: 180px;

}    

}



@media (max-width: 680px) {

.games-div {

  margin-right: -20px;

}



.games-div img {

  width: 160px;

}



.games-link {

  position: absolute;

  left: 30px;

  top: 0px;

  bottom: 0px;

  width: 100px;

  display: block;

}

}



/* Responsive menu activate for all width */

@media (max-width: 3000px) {

    .navbar-header {

      float: none;

      margin: 0px !important;

    }

    .navbar-left,

    .navbar-right {

      float: none !important;

    }

    .navbar-toggle {

      display: block;

    }

    .navbar-collapse {

      border-top: 1px solid transparent;

      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

      margin: 0px !important;

    }

    .navbar-fixed-top {

      top: 0;

      border-width: 0 0 1px;

    }

    .navbar-collapse.collapse {

      display: none!important;

    }

    .navbar-nav {

      float: none!important;

      margin-top: 7.5px;

    }

    .navbar-nav>li {

      float: none;

    }

    .navbar-nav>li>a {

      padding-top: 10px;

      padding-bottom: 10px;

    }

    .collapse.in {

      display: block !important;

    }

}