/*tuki se zacne css koda za fonte */
@font-face {
	src: url(Fonts/Tahoma.ttf);
	font-family: tahoma;
}
@font/face {
	src: url(Fonts/Avenir.ttc);
	font-faminly: avenir;
}
@font-face {
	src: url(Fonts/hemi_head_bd_it.ttf);
	font-family: hemihead;
}
@font-face {
	src: url (Fonts/Tahoma_Bold.ttf);
	font-family: tahomaB;
}
html {
	-webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
/*tuki se konca css koda za fonte */
/*tuki se zacne filipova css koda */
.nav > .dropdown-megamenu {
  position: static;
}
@media (max-width: 767px) {}
  .navbar-nav .open .dropdown-container {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      border: 0;
      box-shadow: none;
      border-radius: 0;
}
.dropdown-megamenu > .dropdown-container {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-width: 100%;
    padding: 0.5;
	grid-gutter-width: 30px;
}
.dropdown-megamenu .dropdown-menu {
	display: block;
}
.link-image .media-object {
	float: left;
	margin-bottom: 0.25;
	grid-gutter-width: 30px;
}
.link-image-sm + .link-image-sm .media-object {
	margin-left: 0.25;
	grid-gutter-width: 30px;
}
.thumbnail .caption {
	min-height: 120px;
}
.thumbnail:hover {
	text-decoration: none;
}
.list-links {
	list-style: none;
	padding: 0;
}
li {
	line-height: 1.2;
  @line-height-base: 1.428571429;
}
a {
}
&:hover,
&:focus,
&:active {
  link-hover-color: darken(#337ab7, 15%);
}
.navbar {
  margin-bottom: 0px;
  background-color: rgba(60,60,50,1);
  box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
}
html, body {
  height: 100%;
  min-height: 500px;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  background-color: rgba(60,60,50,1);
}
.navbar-brand {
	font-family: 'Orbitron', sans-serif;
}
.example-megamenu {
  width: 100%;
  max-width: 1140px; 
  padding: 20px;
  margin: 0 auto;
}
h3 {

  text-align: center;
  line-height: 1.3;
  margin-bottom: 2rem;
}
.FootballField {
	width: 70%;
	height: 90%;
	min-height: 100px;
}
.NaslovneSlike {
	width: 100%;
	max-height: 1080px;
	max-width: 1920px;
}
.navbar-header {
	font-family: hemihead;
}
.Logo2 {
	float: left;
	height: 100%;
	padding-right: 7px;
}
.PridobiNagrade {
	width: 80%;
	max-width: 800px;
	height: 5vh;
	min-height: 30px;
	border-radius: 15px 2px;
	-webkit-box-shadow: 0px 0px 15px 11px rgba(0,0,0,0.44);
	-moz-box-shadow: 0px 0px 15px 11px rgba(0,0,0,0.44);
	box-shadow: 0px 0px 15px 11px rgba(0,0,0,0.44);
	background-image: linear-gradient(rgba(249, 178, 51, 1), rgba(233, 78, 27, 1));
	padding-bottom: 0.1%;
}
.stadion {
	background: rgba(60,60,50,1);
}
.textzanagrade {
	color: white;
	padding-top: 1.5vh;
	padding-bottom: 10%;
	font-size: 1.8vh;
	align: justify;
}
.RazlicneIgre {
	width: 80%;
	min-height: 30px;
}
.LevaIgra {
	width: calc(100% / 3);
	background-color: red;
	min-height: 20px;
	float: left;
}
.SrednjaIgra {
	width: calc(100% / 3);
	background-color: green;
	min-height: 20px;
}
.DesnaIgra {
	width: calc(100% / 3);
	background-color: blue;
	min-height: 20px;
	float: right;
}
.VerticalSlikcaInner {
	width: calc(100% / 3);	
	float: left;
	max-height: 125px;
	max-width: 100px;
}
.fakingshitzakanedela {
	background-image: linear-gradient(rgba(249, 178, 51, 1), rgba(233, 78, 27, 1));
	width: 100px;
	height: 30px;
	border-radius: 10px;
	align: justify;
	color: #fff;
	padding-top: 5px;
	font-size: 13px;
}
.FootballField {
	background: rgba(60,60,50,1);
}
#registration_form {
	font-size: 13px;
	background: rgba(50,50,40,1);
	color: white;
	border: none;
}
legend {
	border-bottom: 1px solid rgb(60,60,50);
	color: white;
}
.ZeImasRacun {
}
.SamDaJernejaRazpizdi {
	width: 15px;
	height: 15px;
}
.SeEnDaJernejaRazpizdi {
	height: 20px;
}
#select-box {
	color: black;
}
.PredNagradami {
	color: white;
	font-size: 15px;
}
/*Tuki se zacne koda za dropdown menije*/
.search_categories{
	font-size: 13px;
	padding: 10px 10px 10px 3px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	position: relative;
	width: 17%;
	min-width: 150px;
	color: black;
}
.search_categories .select{
	width: 120%;
}
.search_categories .select select{
	background: transparent;
	line-height: 1;
	border: 0;
	padding: 0;
	width: 75%;
	border-radius: 0;
	position: relative;
	z-index: 10;
	font-size: 1em;
	min-width: 30px;
}
.search_categories .select{
	width: 120%;
	background-position:80% center;
}
/*Tuki se konca koda za dropdown menije*/
.SpacePodIndexom {
	height: 50px;
	width: 100%;
}
.SpaceZaGumbom {
	height: 30px;
	margin: 1px;
	width: 80%;
}

.EjCeMiToleRata {
	float: left;
	color: red;
}
.container-fluid {
	margin: 0px;
}
/*tuki se konca filipova css koda */

/*tuki se zacne cudna koda od nevem koga za nevem kaj (verjetno je zupi neki dodal, ni dal spaceov nicesar FAK*/
.b {
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}
/*tuki se konca cudna koda od nevem koga za nevem kaj (verjetno je zupi neki dodal, ni dal spaceov nicesar FAK*/

/*tuki se zacne zupijeva css koda, nevem ce kej nardi ampak si ne upam zbrisat*/
.igraena {
	width: 80%;
	height: 120px;
	background: #FF0004;
	margin: 0px 0 10px 0;
}

.igradva {
	width: 80%;
	height: 120px;
	background: #FF0004;
	margin: 0px 0 10px 0;
}
.drugaslika {
	float: left;
}
.igratri {
	width: 80%;
	height: 120px;
	background: #FF0004;
	margin: 0px 0 10px 0;
}
.tretjaslika {
	float: left;
}
.igrastiri {
	width: 80%;
	height: 120px;
	background: #FF0004;
	margin: 0px 0 10px 0;
}
.igrapet {
	width: 80%;
	height: 120px;
	background: #FF0004;
	margin: 0px 0 250px 0;
}
/*tuki se konca zupijeva css koda, nevem ce kej nardi ampak si ne upam zbrisat */

/* Tuki se začne CSS koda za slider */
@keyframes slidy {
0% { left: 0%; }
15% { left: 0%; }
20% { left: -100%; }
35% { left: -100%; }
40% { left: -200%; }
55% { left: -200%; }
60% { left: -300%; }
75% { left: -300%; }
80% { left: -400%; }
95% { left: -400%; }
}
body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  max-width: 9600px;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 15s slidy infinite;
}
/* Tuki se konča CSS koda za slider */

/*tuki se zacne jernejeva koda*/
.zvezde {
	width: 80%;
	max-width: 400px;
	height: auto;
}
.paragraph {
	width: 80%;
	max-width: 400px;
	height: auto;
	font-size:16px;
	color:white;
	padding: 20px;
}
.paragraphigre {

	max-height: auto;
	font-size:100%;
	color:white;
	width: 200px;
}
/*tle je biu prej presledek nevem zakaj*/
.desnoigre {
	width: calc(100% / 3);
	width: 200px;
	min-height: auto;
	padding: 5px;
	float: left;
}
.buttonigre {
	background-image: linear-gradient(rgba(249, 178, 51, 1), rgba(233, 78, 27, 1));
	width: 80px;
	height: 30px;
	border-radius: 10px;
	color: #fff;
	padding: 5px;
	font-size: 13px;
}
.buttonigre2 {
	background-image: linear-gradient(rgba(249, 178, 51, 1), rgba(233, 78, 27, 1));
	width: 140px;
	height: 30px;
	border-radius: 10px;
	color: #fff;
	padding: 5px;
	font-size: 13px;
}
.igraena {
    width: 250px;
    height: 300px;
    background: rgba(50,50,40,1);
    font-size: 13px;
    color: white;
	padding: 25px;
	margin: 2px;
	border-radius: 4px;
	overflow: auto;
	display: inline-block;
}
.igraindex {
    width: 250px;
    height: 300px;
    background: rgba(50,50,40,1);
    font-size: 13px;
    color: white;
	padding: 25px;
	margin: 2px;
	border-radius: 4px;
	overflow: auto;
	display: inline-block;
}
.nagradaena {
	width: 250px;
    height: 300px;
    background: rgba(50,50,40,1);
    font-size: 13px;
    color: white;
	padding: 25px;
	margin: 2px;
	border-radius: 4px;
	overflow: auto;
	display: inline-block;
}
.prvaslika {
    min-width: 50px;
    max-height: 125px;
    max-width: 100px;
	
}
.odzivena {
	min-width: 50px;
    max-height: auto;
    width: 100px;
	margin-top: 7px;
	margin-left: 3px;
}
.drugaslika {
	max-height: 150px;
	max-width: 200px;
}
/*tuki se konca jernejeva koda*/




/*Tuki se zacne koda za animirane borderje*/
/*Filipu se ne da ukvarjat s tem bo mogoce pol*/
/*button{
  position: relative;
  background: none;
  border: none;
  color: #fff;
}
button::before, button::after{
  content:"";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
  cursor: default;
}
span::before, span::after{
  content:"";
  width:2px;
  height:0;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}
span::visited {
	border-color: red;
}
button:hover::before, button:hover::after{
  width: 100%;
}
button:hover span::before, button:hover span::after{
  height: 100%;
}
*/
/*----- button -----*/
/*
.btn-4::after{
  right:0;
  bottom: 0;
  transition-duration: 0.4s;
}
.btn-4 span::after{
  right:0;
  bottom: 0;
  transition-duration: 0.4s;
}
.btn-4::before{
  left: 0;
  top: 0;
  transition-duration: 0.4s;
}
.btn-4 span::before{
  left: 0;
  top: 0;
  transition-duration: 0.4s;
}
*/
/*Filipu se ne da ukvarjat s tem bo mogoce pol*/
/*Tuki se koda koda za animirane borderje*/