/* ==========================================================================
   Basic
   ========================================================================== */
body.kmark {
    color: #eee;
	font-family: 'Kalam', cursive;
	font-size: 18px;
	background: #000;	

}
img {
	max-width: 100%;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Kaushan Script', cursive;
}
.squers {
	font-size: 20px;
	line-height: 80px;	
}
/* ==========================================================================
   Header
   ========================================================================== */
.header {		
	background: #111 none repeat scroll 0 0;
	height: 100%;
	min-height: 100%;
	width: 100%;
	z-index: 10;
}
.header-mobile {
	display: none;
}
.logo img {
   width: 194px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: transparent;
}
.topPadding {
	padding-top: 23px;	
}

/* ==========================================================================
   Navigation
   ========================================================================== */
.kmark nav {
    background: #000 none repeat scroll 0 0;
    border: medium none;
	border-radius: 0;
    box-shadow: 3px 1px 3px rgb(0, 196, 0);
    font-size: 16px;
    margin-bottom: 0;
    z-index: 999999999;
}
.fixednavi {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999;
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

.kmark .navbar-default .navbar-nav > li > a {
    color: #008c00;
}
.kmark .navbar-default .navbar-nav > .active > a, 
.kmark .navbar-default .navbar-nav > .active > a:hover, 
.kmark .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #000;
}
.kmark .navbar-default .navbar-nav > .open > a, 
.kmark .navbar-default .navbar-nav > .active > a {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #008c00 !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #00c400 !important;
}
.navbar-nav > li > a {
    text-transform: uppercase;
	font-size: 20px;
}
.kmark .list-inline > li {
    color: #fff;
}
.kmark .dropdown-menu {   
    background-color: rgb(0, 140, 0);
    border: 1px solid rgb(0, 140, 0);   
    color: #000;
}
.kmark .dropdown-menu > li > a {
    color: #eee;
    font-size: 16px;
    font-weight: bold;
}
.kmark .dropdown-menu > li > a:hover, 
.kmark .dropdown-menu > li > a:focus {
    background-color: #008b00;
    text-decoration: underline;
}
.madeby {
    display: inline-block;
}
/* ==========================================================================
   CountDown
   ========================================================================== */
   p.leading {
    color: #00c400;
    font-size: 30px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #006300;
	font-family: 'Kaushan Script', cursive;
}
.kmark .num {
    display: inline-block;
}
.entry-content h4 {
    color: #00C400;
    font-weight: bold;
}
#getting-started {
    padding-bottom: 5px;
    padding-top: 5px;
}

.kmark #getting-started span.top {	   
		color: #fff;
		font-size: 22px;
		font-weight: bold;
		margin: 0 5px;
		padding: 0;
}
.kmark #getting-started span.bottom {
	color: #fff;		
	display: inline-block;
	padding-right: 20px;
}
.startDate {
	font-family: "Kaushan Script",cursive;
	font-size: 18px;
	padding-right: 20px;
	text-align: right;
	 color: #eee;
}

/* ==========================================================================
   Carausel
   ========================================================================== */
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width: 100%;	
}
.kmark .carousel-inner {
	max-height: 680px;	
	border-bottom: 3px solid #000;
}
.carousel-miniphotos {
    border-bottom: 3px solid #000;
    float: left;
    position: relative;
	z-index: 999999999;
}
.carousel-miniphotos .col-xs-2 {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    padding-left: 0;
    padding-right: 0;
	cursor: poiner;
}
.kmark .carousel-indicators .active {
	background-color: #000;	
}
.kmark .carousel-indicators li {
    border-radius: 0;
    height: 5px;
    width: 20px;
	border-color:#000;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* ==========================================================================
   Overlay Mobile Menu
   ========================================================================== */
.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 2147483647;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: scroll;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 22px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px !important;
}
.icon-bar {
    display: list-item;
    height: 4px;
    margin-bottom: 4px;
    width: 20px;
	list-style: none;
	cursor: pointer;
}
.navigation-mobile .pull-left {
    margin-right: -10px;
    padding-left: 10px;
    padding-top: 10px;
}
/* ==========================================================================
   Pace
   ========================================================================== */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace img {
	width: 150px;	
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {	
	background: rgb(0,140,0);
	position: fixed;
	z-index: 2000;
	top: 45%;
	right: 100%;
	width: 100%;
	height: 2px;
}
body .wrapper {
	opacity: 0;
}
body.pace-running .wrapper {
	opacity:0; 
	filter:alpha(opacity=0)
}
body.pace-done .wrapper {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s
}

/* ==========================================================================
   Wrap Content Sections
   ========================================================================== */
.wrap-content {
	background: rgba(0, 0, 0, 0.9) url("/images/slider/slide-1.png") no-repeat scroll 0 0 / cover ;
}
.wrap-contert-opa {
	background: rgba(0,0,0,0.9);	
	padding: 2em 0 5em;
}
.wrap-contert-opa img {
    border: 2px solid #fff;
    margin: 10px;
    max-width: 100%;
    width: 100%;
}
h2.content-tile {
	color: #C4006F;
	margin-bottom: 2em;		
}
.entry-content > p {
    padding: 10px 0;
}
.prijavitese {
    background: #c4006f none repeat scroll 0 0;
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
}

/* ==========================================================================
   Forms Sections
   ========================================================================== */
.wrap-contert-opa input.button {
    background: #c4006f none repeat scroll 0 0;
    border-color: #790045;
    font-size: 22px;
    text-shadow: 1px 1px 1px #d8519d;
    text-transform: uppercase;
	width: 200px;
}
.wrap-contert-opa input.button:hover {
    background: #d8519d none repeat scroll 0 0;
}
.wrap-contert-opa input {
	background: #eee none repeat scroll 0 0;
    color: #000;
    padding: 10px;
    width: 100%;
}
.wrap-contert-opa p.inlineselected input {
	width: auto;	
}
.wrap-contert-opa textarea {
    background: #eee none repeat scroll 0 0;
    color: #000;
    padding: 10px;
    width: 100%;
}
.wrap-contert-opa select {
    color: #000;
}
p.registration_warning {
    font-size: 13px;
    margin-top: 10px;
}
.error {
	color: #C4006F;
	display: block;
}
#mc_embed_signup form {
    background: #111 none repeat scroll 0 0;
    margin-bottom: 3em;
    padding: 10px 0;
    text-align: right;
}
body #mc_embed_signup .button {
    background-color: #006300;
}
body #mc_embed_signup .button:hover {
    background-color: #00c400;
}
/* ==========================================================================
   Tables for Runners
   ========================================================================== */
.table-hover > tbody > tr:hover,
.table-striped > tbody > tr:nth-child(2n+1):hover {
    background-color: #00C400;
	color: #000;
}
tr {
    background-color: #000;
}
.table-striped > tbody > tr:nth-child(2n+1) {
    background-color: #111;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: medium none transparent;
}
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

/* ==========================================================================
   Prefooter
   ========================================================================== */
   .prefooter {
		background: #111;
		color: #ccc;			   
   }
   .prefooter h3 {
    color: #00c400;
    font-weight: bold;
}
   
   
   
/* ==========================================================================
   Footer
   ========================================================================== */
   footer {
		background: #000 none repeat scroll 0 0;
		border-bottom: 3px solid rgb(0, 196, 0);
		box-shadow: 0 1px 3px rgb(0, 196, 0);
		color: #ccc;
		font-size: 14px;
		line-height: 56px; 
   }
   
/* ==========================================================================
   Media 
   ========================================================================== */
@media (min-width:1500px) { 
	.container {
		width: 80%;		
	}
}
@media (max-width:991px) {
	p.leading {    
	    font-size: 22px;
	}
	.startDate {
	    font-size: 13px;
	}
	.kmark #getting-started span.top {
	    font-size: 15px;
	}
	.kmark #getting-started span.bottom {
		padding-right: 10px;
	}
	.navbar-nav > li > a {
	    font-size: 15px;
	}  
}

@media (max-width:767px) {
	.header-mobile {
		display: block;
		position: relative;
	}
	.header-main {
		display: none;
	}
	.logo img {
	    width: 100px;
	}
	.startDate {
	    text-align: center;
	}
	.countdown {
		padding-bottom: 10px;
	}
	.bottom {
		padding-right: 10px;
	}
	.wrap-nav {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 2147483647;
	}
	.kmark nav {
		background: transparent none repeat scroll 0 0;		
		box-shadow: none;
	}
	.wrap-nav {
		display: none;
	}
}
@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .closebtn {
    font-size: 40px !important;
    top: 15px;
    right: 35px;
  }
}
div.news-2017 {
    padding-top: 3em;
}
div.news-2018 {
    padding-bottom: 3em;
}
.news-2018 h3.text-center.content-tile, .news-2018 a, .news-2018 p {
	color: #F56F00;
}
.wrap-contert-opa .news-2018  img {
    border: 2px solid #F56F00;
}
.maraton-2018  h2.content-tile {
    color: #F56F00;
    margin-bottom: 2em;
}
.maraton-2018  .leadelad {
    font-size: 20px;
    padding-bottom: 1em;
}
div#arhiv_page {
    padding: 10px;
    background: #00C400;
    color: #000;
    font-weight: bold;
}