/*
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Titan One', cursive;
*/


/* Custom fonts */
@font-face {
	font-family: 'Proxima Nova Light';
	src: url('../fonts/ProximaNova-Light.otf');
}
@font-face {
	font-family: 'Proxima Nova Regular';
	src: url('../fonts/ProximaNova-Regular.otf');
}
@font-face {
	font-family: 'Proxima Nova Bold';
	src: url('../fonts/ProximaNova-Bold.otf');
}



body { font-family: 'Proxima Nova Regular', sans-serif; color: #363636; }
body a { color: #363636; }
body a, body a:focus, body a:active { text-decoration: none; }
h2 { font-family: 'Proxima Nova Regular', sans-serif; }
h3 { font-family: 'Titan One', cursive; font-size: 30px; }
.img-button { max-width: 85%; }
p.with-margin { margin: 20px 0px; }
.font-big { font-size: 20px; }
.font-medium { font-size: 16px; }
.font-small { font-size: 12px; }
.hide { display: none; }
.bg-main-left {
	position: relative;
	min-height: 630px;
	background: url("../img/image-main-left-background.png") center center;
}
.bg-main-right {
	position: relative;
	min-height: 630px;
	background: url("../img/image-background.jpg") center center;
	background-size: cover;
}
.bg-main-right.big-one { min-height: 705px; padding-bottom: 100px; }
.hide-column { display: none; }
footer { position: fixed; width: 100%; height: 150px; bottom: 0px; left: 0px; }
footer.small-one { height: 75px; background: #fff; z-index: 999999; }
footer .red-bg { background: #d71920; height: 50%; }
footer .white-bg { background: #fff; height: 50%; }
footer .white-bg > div { margin-top: 20px; height: 40px; }
footer .white-bg > div a { line-height: 40px; }

.message-hint-danger { display: none; color: #d71920; }
.extraAgreement { cursor: pointer; }

.title { display: block; padding-top: 8px; font-family: 'Titan One', cursive; font-size: 40px; letter-spacing: 1px; }
.title.title-big { font-size: 55px; }
.title.title-white, .color-white { color: #fff; }
.title.title-red, .color-red { color: #d71920; }

.bg-main-right .main-right-content {
	position: absolute;
	left: 15px;
	top: 10px;
	display: block;
}
.main-right-content p { font-size: 30px; margin-top: 15px; }
.main-right-content .prizes-container { margin-top: 70px; }
.main-right-content .prizes-container p img { display: block; text-align: center; margin: 0px auto 3px auto; }
.main-right-content .prizes-container p { font-size: 16px; text-align: left; display: inline-block; width: 49%; vertical-align: top; }
.bg-main-left .main-left-content {
	position: absolute;
	top: 20px;
	left: 20px;
	max-width: 240px;
	font-size: 33px;
	font-family: 'Proxima Nova Bold', sans-serif;
}

.question-title { margin-top: 90px; }
.question-answers label { display: block; font-size: 20px; font-weight: normal; max-width: 690px; }
.question-answers label div { height: 75px; display: table; }
.question-answers label div p { line-height: 1.5; margin: 0px; display: table-cell; vertical-align: middle; }
.question-answers .form-group { min-height: 100px; }
.question-answers .form-group .messageHint { margin-left: 101px; margin-top: -22px; font-size: 15px; font-weight: bold; }
.msgOK { color: #90b021; }
.msgNOK { color: #d71920; }

input[type="radio"]:not(old) {
	width: 75px;
	margin: 0px;
	padding: 0px;
	opacity: 0;
}
input[type="radio"]:not(old) + label{
	display      : inline-block;
	margin-left  : -75px;
	padding-left : 95px;
	background   : url('../img/input-radio-unchecked.png') no-repeat 0 0;
	height  : 75px;
}
input[type="radio"].issuccess + label {
	background   : url('../img/input-radio-success.png') no-repeat 0 0;
}
input[type="radio"].iserror + label {
	background   : url('../img/input-radio-error.png') no-repeat 0 0;
}

input.checkbox-radio-custom + label {
	margin: 0;
	background: none;
	height: auto;
	padding: 0;
}

.checkbox-custom { opacity: 0; position: absolute; }
.checkbox-custom, .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 7px;
    cursor: pointer;
}
.checkbox-custom-label {
    position: relative;
    outline: none;
    border: 0px none;
}
.checkbox-custom + .checkbox-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}
.checkbox-custom + .checkbox-custom-label.has-error:before { border-color: #d71920; }

.checkbox-custom:checked + .checkbox-custom-label:before {
    background: #ddd;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.checkbox-custom:focus + .checkbox-custom-label {
}


.form-control2 {
  border: 1px solid #ababab;
  display: block;
  width: 100%;
  padding: 7px;
  outline: none;
}
.form-control2.has-error { border-color: #d71920; }
.form-control2:focus {
  outline: none;
}
.requiredInputs input[type="text"],
.requiredInputs input[type="email"] {
  display: inline-block;
  width: 95%;
}
.newForm input[type="submit"] {
  background: transparent url("../img/button-submit.png") no-repeat left top;
  border: 0px none;
  width: 325px;
  height: 100px;
  text-indent: -999999px;
}
.newForm input[type="submit"]:focus { outline: none; }



.ezslots>.window{
	overflow:hidden;
	display:inline-block;
	top: 264px;
	position: relative;
	margin-right: 32px;
	left: 45px;
}
.ezslots>.window>.slider>.symbol{
	text-align:center;
	display:table;
}
.ezslots>.window>.slider>.symbol>.content{
      padding:0px;
      margin:0px;
      display:table-cell;
      text-align:center;
      vertical-align:middle;
}
.ezslots>.window>.slider>.symbol img{
	max-width: 100%;
}
.prize-won { display: none; }
.button-izzrebaj { background: url("../img/button-izzrebaj.png") left top no-repeat; width: 365px; height: 113px; display: inline-block; margin-top: 50px; }
.slot-machine { background: url("../img/slot.png") top left no-repeat; height: 705px; }



.radio-button{
	position: relative;
  margin: 10px 15px 10px 0;
	cursor: pointer;
}
.radio-button input {
  position: absolute;
  margin: 5px;
  padding: 0;
  /* for mobile accessibility (iOS Label Bug) */
  visibility: hidden;
}
.radio-button.radio-error .fake-radiobutton {
	border: 2px solid #d71920;
}
.radio-button .label-visible {
  margin-left: 3em;
  margin-bottom: 0;
	padding-top: 6px;
  display: block;
}

.fake-radiobutton{
  position: absolute;
  display: block;
  top: 0;
  left: 3px;
  width: 30px;
  height: 30px;
  border: 2px solid #ddd;
  background-color: white;
}
.fake-radiobutton:after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  background: #ddd;
  transform: translateX(-50%) translateY(-50%);
}

.fake-radiobutton { border-radius: 50%; }
.fake-radiobutton:after { border-radius: 50%; }
input[type="radio"].checkbox-radio-custom:checked + span .fake-radiobutton:after{ display: block; }


.field {
  min-height: 2560px !important;
}

.field #nagovor #img-vstopnica {
  /* margin: 7em 0; */
  
}

.form {
  margin-top: -1650px !important;
}

.field {
  background-image:unset !important;
}

body {
  background-color: #FFF !important;
}

main {
  background-image: url(../img/background.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

#logo div {
  position: absolute;
  left: 40%;
  color: #fff;
  top: 4%;
  font-size: 30px;
  letter-spacing: 2px;
}

.field #nagovor {
  width: 100%;
  /*margin: unset !important;*/
}

.field #nagovor #img-napovej {
  margin: unset !important;
  /* margin-left: -20% !important; */
  /* margin-top: 0px !important; */
  /* width: 78% !important; */
  position: absolute;
  left: calc(55% - 750px);
  top: 90px;
  margin-top: 35px !important;
  /* max-width: 1000px; */
}


.field #nagovor #img-vstopnica {
    position: absolute;
    top: 220px;
    right: 20%;
    /* width: 22%; */
}

.vprasanje-title-1 {
  font-size: 25px;
  font-weight: bold;
  font-family: 'Proxima Nova Bold' !important;
}

.opozorilo h3 {
  color: #F5D60A;
  font-size: 37px !important;
  margin-top: 30px !important;
  margin-bottom: 20px;
  font-family: 'Proxima Nova Bold' !important;
}

.radio-button .label-visible {
  font-size: 25px !important;
  font-family: 'Proxima Nova Bold' !important;
  margin-left: 2em !important;
  padding-top: 4px;
}

footer {
  margin-top: unset !important;
}

.social .Basic-Paragraph {
  text-align: center;
  font-size: 27px;
  color: #F5D60A;
  font-family: 'Proxima Nova Regular';
  margin: 45px 0px;
}

.eplus-share, .woop-logo {
  text-align: center;
}

.woop-logo {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 250px;
}

footer .footer-main p {
  line-height: 1.2em;
}

#logo img{
    left: 10% !important;
    width: 30% !important;
    min-width: 150px !important;;
}

.newForm input[type=submit] {
  cursor: pointer;
}

.checkbox-custom:checked + .checkbox-custom-label:before, .fake-radiobutton:after {
  background-color: #d71920  !important;
}

@media screen and (max-width: 1500px) {
  #logo img {
      /* left: 100px;
      width: 400px !important; */
  }

  #logo div {
    font-size: 22px;
  }

  .field #nagovor #img-napovej {
    width: 78% !important;
    left: 5% !important;
  }
  
  .field #nagovor #img-vstopnica {
      width: 20%;
      right: 2%;
  }
}

@media screen and (max-width: 1100px) {
  /* #logo img {
      left: 100px;
      width: 150px;
  } */

  #logo div {
    font-size: 16px;
    letter-spacing: 1px;
    top: 10px;
  }

  .field #nagovor #img-napovej {
    width: 68% !important;
    left: 10% !important;
  }
  
  .field #nagovor #img-vstopnica {
      width: 28%;
      right: 10%;
      top: 100px;
      max-width: 200px;
  }

  .field {
    min-height: 2300px !important;
  }
}

@media screen and (max-width: 800px)  {
  .field {
    min-height: 2200px !important;
  }

  .vprasanje-title-1 {
    font-size: 20px !important;
  }
  
  .opozorilo h3 {
    font-size: 24px !important;
  }
  
  .radio-button .label-visible {
    font-size: 20px !important;
  }

  .social .Basic-Paragraph {
    font-size: 20px !important;
  }
}



@media screen and (max-width: 680px)  {
  .field {
    min-height: 2100px !important;
  }
}

@media screen and (max-width: 500px)  {
  #logo img {
      left: 15px !important;
  } 

  .field {
    min-height: 2000px !important;
  }

  #logo div {
    font-size: 14px;
    top: 10px;
    letter-spacing: 1px;
    left: 180px;
  }
}