body, html {
  height: 100%;
}

body {
  font-family: 'Roboto', sans-serif;
  color: #FFFFFF;
  background: url("../img/bg.jpg") repeat-y center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

footer {
  background-color: #FFFFFF;
  border-top: solid 4px #00aff5;
  text-transform: uppercase;
  color: #FFFFFF;
}

footer a {
  color: #777 !important;
}

footer a:hover {
  color: #00aff5 !important;
  text-decoration: none;
}

a, a:hover {
	color: #FFF;
}

label {
    color: #009f3c;
}

.form-control {
	    border: none;
}

.form-control:focus { 
	box-shadow: none;
	border: 1px solid #00aff5;
}

.btn-send {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    color: #0E3192;
    background-color: #FFFFFF;
	border-radius: 2rem;
}

.btn-send:active, .btn-send:hover {
    background-color: #00aff5;
}

.btn-send:active, .btn-success.disabled {
    background-color: #00aff5;
}

.btn-send:focus {
    background-color: #00aff5;
}

.help-block.with-errors {
    color: #00aff5;
    margin-top: 5px;
}

.custom-control-label::before {
    background: #FFFFFF;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #0E3192;
}

.nagradna, .dobitnici, .pravila {
    text-align: center;
}

.pravila h3 {
    color: #f6d200;
}

.btn {
  text-transform: uppercase;

}

.btn a {
  color: #FFFFFF;
}

.navbar {
    text-transform: uppercase;
    font-weight: bold;
}

.navbar-custom {
  background: #0E3192;
}

.navbar-custom a {
    color: #FFFFFF !important;

}

.navbar-custom a:active, .navbar-custom a:hover {
    color: #00aff5 !important;
}

.navbar-custom .active a {
   color: #00aff5 !important;
}

.navbar-nav, .controls, .cc-window {
    text-shadow: none;
}

.jumbotron {

  /* The image used */
  background-color: transparent;

  /* Half height */
  /*  max-height: 800px; */
  
  /* Center and scale the image nicely */
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;

  margin: 0;
  padding-bottom: 0;
  border-radius: 0;


	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

}

.btn-jumbotron {
  text-transform: none;
  background: #FFFFFF;
  color: #0E3192;
  border: none;
  border-radius: 2rem;
  transition: all .2s ease-in-out;
  text-shadow: none;
}

.btn-jumbotron:hover {
  background: #0E3192;
  color: #FFFFFF;
  transform: scale(1.1);
}

.fullwidth-nagrade {
	background-color: #0E3192;
}

.nagrada-naslov {
	display: inline-block;
    color: #0E3192;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 2rem;
}

.fullwidth {
  border-top: solid 4px #246200;
  -webkit-box-shadow: inset 0px 11px 8px -10px #111;
  -moz-box-shadow: inset 0px 11px 8px -10px #111;
  box-shadow: inset 0px 11px 8px -10px #111;
}

.fullwidth-spremni {
  /* border-top: solid 4px #00aff5; */
}
.fullwidth-prijava, .fullwidth-spremni {
  background-color: #0E3192;
  	overflow-x: hidden;
}

.fullwidth-dobitnici, .fullwidth-legal {
	  background-color: #0E3192;
}

.kako-sudjelovati {
	background: transparent;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid #00aff5;
}
.separator::before {
    margin-right: 2rem;
    margin-left: 1rem;
}
.separator::after {
    margin-right: 1rem;
    margin-left: 2rem;
}

.fullwidth .highlight, .fullwidth-prijava .highlight {
  background-color: #246200;
  display: inline-block;
  -webkit-box-shadow: 0px 11px 8px -10px #111;
  -moz-box-shadow: 0px 11px 8px -10px #111;
  box-shadow: 0px 11px 8px -10px #111;
}

.controls, .messages {
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    text-shadow: none;
}

label, .text-muted {
    color: #FFF !important;
}

.title {
    margin: 0 auto;
}

.checkmark {
    color: #00a2e5;
    font-size: 2em;
    vertical-align: top;
}

.upute ul li {
  /* set color of list item text */
  display: inline-block;
  list-style: none; 
  margin: 0 0 16px 1.1225em;
  /* Give the bullet room on the left hand side */
  padding: 0;
  position: relative;
}

.upute ul li::before {
  color: #FFFFFF;  
  /* color of bullet or square */
  content: "\002B24"; 
  /* Unicode of character to precede the list item */
  display: inline-block;
  font-size: 1em; 
  /* use em or % */ 
  left: -1.5em; 
  /* use em, line up bullet flush with left hand side */
  position: absolute;
  /* Set the bullet positioned absolutely top left */
  top: 0em; 
  /* use em or % */
}

.fullwidth-nagrade, .fullwidth-prijava, .fullwidth-spremni {
	max-width: 1170px;
	margin: 0 auto;
}

.jumbotron {
	max-width: 1140px;
	margin: 0 auto;
  background: url("../img/bg.jpg") repeat-y center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.kako-sudjelovati {
	  background: url("../img/bg.jpg") repeat-y center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  max-width: 1170px;
			margin: 0 auto;
}

body {
	background-image: none;
		background-color: #deecf3;
}