@import url("fonts.css");
/* RESET */
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline: none;
  list-style-type: none;
  border: none;
}
input[type=button]::-moz-focus-inner {
  border: 0;
}
html,
body {
  position: relative;
  width: 100%;
  float: left;
  font-size: 13px;
  color: white;
  font-family: "Myriad Pro", Helvetica, Arial;
  line-height: 18px;
}
/* VARS */
.text_shadow {
  text-shadow: 0px 0px 4px #000;
  filter: dropshadow(color=#000000, offx=0, offy=0);
}
.button {
  width: 159px;
  height: 54px;
  font-size: 22px;
  line-height: 55px;
  text-align: center;
  background: url(../../img//button_back.png) 0px 0px no-repeat;
  font-weight: bold;
  cursor: pointer;
  color: white;
  text-shadow: 0px 0px 4px #000;
  filter: dropshadow(color=#000000, offx=0, offy=0);
}
/* VARS */
#banner {
  position: fixed;
  top: 47px;
  right: 0px;
  width: 147px;
  height: 450px;
  background: url(../../img//banner_back.png) 0px 0px no-repeat;
  padding: 0px 13px 0px 8px;
  z-index: 1000;
}
#banner p {
  float: left;
  width: 141px;
  padding: 0px 0px 0px 8px;
  margin-top: 245px;
}
#banner .narocite_zdaj {
  float: left;
  display: block;
  width: 159px;
  height: 54px;
  font-size: 20px;
  line-height: 55px;
  text-align: center;
  background: url(../../img//button_back.png) 0px 0px no-repeat;
  font-weight: bold;
  cursor: pointer;
  color: white;
  text-shadow: 0px 0px 4px #000;
  filter: dropshadow(color=#000000, offx=0, offy=0);
}
.is-countdown .countdown-section {
  float: left;
  width: 60px;
  text-align: center;
  /* 	padding: 0px 0px 0px 8px; */

}
#banner #countdown {
  position: absolute;
  width: 162px;
  height: 90px;
  bottom: 0px;
  background: url(../../img//countdown_back.png) center 0px no-repeat;
  bottom: -60px;
}
#banner #countdown .countdown_row {
  float: left;
  width: 100% !important;
  margin-top: 23px;
}
#banner #countdown .countdown_row .countdown_section {
  padding-top: 11px;
}
#banner #countdown .countdown_row .countdown_section:first-child {
  margin-left: 20px;
}
#banner #countdown .countdown_amount {
  font-family: "lcdBold";
  font-size: 40px !important;
  /* 	height: 30px; */

  float: none;
}
.is-countdown span.countdown-amount {
  float: left;
  font-style: normal;
  font-size: 40px;
  line-height: 40px;
  color: white;
  width: 64px;
  font-family: "lcdBold";
  letter-spacing: -3px;
  margin-top: 16px;
  text-align: center;
  padding: 0px;
}
#banner #countdown .countdown-section:first-child {
  margin-left: 16px;
}

#main_ul {
  float: left;
  width: 100%;
  position: relative;
  z-index: 900;
  margin-bottom: 50px;
}
#main_ul .holder {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
}
#main_ul .holder.first {
  height: 450px;
  background: url(../../img//first_back.jpg) 0px 0px no-repeat;
}
#main_ul .holder.second {
  background: url(../../img//second_back.jpg) 0px 0px no-repeat;
  background-size: 100%;
}
#main_ul .holder.first .wrapper {
  height: 479px;
  position: relative;
  z-index: 60;
  background: url(../../img//top_pic.png) 0px 0px no-repeat;
}
#main_ul .holder.first .wrapper > * {
  text-indent: -9999px;
  display: none;
}
.wrapper {
  width: 980px;
  margin: 0px auto;
  text-align: left;
  display: inline-block;
}
.long_arrow {
  float: left;
  height: 96px;
  position: absolute;
  right: 175px;
  bottom: 0px;
}
.long_arrow .left {
  float: right;
  height: 96px;
  width: 10000%;
  margin-left: -10000%;
  background: url(../../img//long_arrow_repeat.png) 0px 0px repeat;
}
.long_arrow .right {
  float: right;
  height: 96px;
  width: 1027px;
  background: url(../../img//long_arrow.png) 0px 0px no-repeat;
}
.content {
  float: left;
  padding: 20px;
  width: 740px;
  color: #58595b;
  font-size: 15px;
  line-height: 18px;
  background: white;
  position: relative;
  z-index: 50;
  -webkit-box-shadow: 6px 0 10px -9px #222222, -6px 0 10px -9px #222222;
  -moz-box-shadow: 6px 0 10px -9px #222222, -6px 0 10px -9px #222222;
  box-shadow: 6px 0 10px -9px #222222, -6px 0 10px -9px #222222;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.content .date {
  float: left;
  width: 510px;
  position: relative;
  z-index: 50;
}
.content .pic_title {
  position: relative;
  z-index: 49;
  float: left;
  margin: -32px 0px;
}
.content p {
  float: left;
  position: relative;
  z-index: 50;
  width: 520px;
  margin-top: 20px;
}
.ozaljsan {
  color: #415968;
  font-size: 30px;
}
.pasica {
  width: 790px;
  height: 87px;
  background: url(../../img//pasica.png) 0px 0px no-repeat;
  float: left;
  margin: 20px 0px 20px -7px;
}
.pasica p {
  float: left;
  padding: 24px;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  text-shadow: 0px 0px 4px #000;
  filter: dropshadow(color=#000000, offx=0, offy=0);
}
.pasica a {
  float: right;
  margin-top: 17px;
  margin-right: 13px;
  width: 159px;
  height: 54px;
  font-size: 22px;
  line-height: 55px;
  text-align: center;
  background: url(../../img//button_back.png) 0px 0px no-repeat;
  font-weight: bold;
  cursor: pointer;
  color: white;
  text-shadow: 0px 0px 4px #000;
  filter: dropshadow(color=#000000, offx=0, offy=0);
}
.content_no_fancy {
  float: left;
  padding: 20px;
  width: 740px;
  color: #58595b;
  font-size: 15px;
  line-height: 18px;
  background: none;
  position: relative;
  z-index: 50;
  margin-top: -71px;
}
.content_no_fancy .third {
  width: 220.66666666666666px;
  float: left;
  padding-right: 13px;
  padding-left: 13px;
}
.content_no_fancy .third.first {
  padding-left: 0px;
}
.content_no_fancy .third.last {
  padding-right: 0px;
}
.content_no_fancy .third h3 {
  font-size: 18px;
  line-height: 22px;
  color: #415968;
}
.content_no_fancy .third p {
  float: none;
  width: auto;
}
.content_no_fancy .znanstveno {
  margin-left: -13px;
}
.puscica_big {
  float: left;
  width: 100%;
  height: 86px;
  background: url(../../img//puscica_big.png) center center no-repeat;
  margin-top: -14px;
  position: relative;
  z-index: 51;
  text-align: left;
}
.puscica_big p {
  position: absolute;
  width: 540px;
  left: 50%;
  margin-left: -490px;
  padding: 24px;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  text-shadow: 0px 0px 4px #000;
  filter: dropshadow(color=#000000, offx=0, offy=0);
}
.puscica_big a {
  position: absolute;
  left: 50%;
  margin-left: 126px;
  margin-top: 17px;
  margin-right: 13px;
  width: 159px;
  height: 54px;
  font-size: 22px;
  line-height: 55px;
  text-align: center;
  background: url(../../img//button_back.png) 0px 0px no-repeat;
  font-weight: bold;
  cursor: pointer;
  color: white;
  text-shadow: 0px 0px 4px #000;
  filter: dropshadow(color=#000000, offx=0, offy=0);
}
.wrapper.list {
  color: #58595b;
  margin-top: 35px;
  margin-bottom: 35px;
  height: 280px;
  background: url(../../img//skodelica_middle.png) center 10px no-repeat;
}
.wrapper.list h3 {
  color: #415968;
  margin-left: 25px;
  float: left;
  width: 100%;
  font-size: 20px;
  margin-top: 20px;
}
.wrapper.list ul {
  float: left;
  width: 350px;
  margin-left: 25px;
  list-style-type: disc;
  list-style-position: outside;
  margin-top: 10px;
}
.wrapper.list ul li {
  float: left;
  width: 100%;
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 20px;
  list-style-image: url(../../img//bullet.png);
  line-height: 20px;
  font-size: 16px;
}
.wrapper.list .text_big {
  float: left;
  margin-left: 179px;
  margin-top: -30px;
  height: 223px;
  border-left: 1px solid #929292;
  padding: 19px 27px;
  font-size: 24px;
  line-height: 28px;
  width: 350px;
}
.wrapper.list .text_big h4 {
  font-size: 30px;
  line-height: 34px;
  color: #415968;
  margin-top: -13px;
}
.wrapper.oprah {
  background: url(../../img//oprah_back.png) 0px 0px no-repeat;
  height: 900px;
  margin-top: 30px;
}
.wrapper.oprah .inner {
  width: 467px;
  float: left;
  color: #58595b;
  margin-left: 296px;
  margin-top: 140px;
}
.wrapper.oprah .inner p {
  margin-bottom: 10px;
  font-size: 15px;
}
.wrapper.oprah .bottom {
  width: 490px;
  float: left;
  color: #58595b;
  margin-left: 296px;
  margin-top: 55px;
}
.wrapper.oprah .bottom h2 {
  float: left;
  width: 100%;
  font-size: 30px;
  line-height: 35px;
  color: #415968;
}
.wrapper.oprah .bottom p {
  float: left;
  margin-top: 20px;
  font-size: 15px;
}
.holder.fifth {
  margin-top: -8px;
  background: url(../../img//fifth_back.jpg) center 0px no-repeat;
}
.wrapper.kupci {
  margin-bottom: 20px;
  margin-left: -230px
}
.wrapper.kupci h2 {
  width: 100%;
  text-align: center;
  float: left;
  font-size: 30px;
  line-height: 32px;
  color: #415968;
  position: relative;
  z-index: 70;
  margin-bottom: 15px;
}
.kupec {
  float: left;
  width: 200px;
  display: table;
  border-right: 2px dotted #d4e1bf;
  padding-right: 20px;
  padding-left: 20px;
}
.kupec.first {
  margin-left: 127px;
}
.kupec.last {
  border-right: none;
}
.kupec .slika {
  float: left;
  width: 100%;
  display: table-row;
  vertical-align: middle;
  text-align: left;
  margin-bottom: 10px;
}
.kupec .slika img {
  -webkit-box-shadow: 0px 0px 15px -2px #222222;
  -moz-box-shadow: 0px 0px 15px -2px #222222;
  box-shadow: 0px 0px 15px -2px #222222;
}
.kupec .name {
  float: left;
  color: #415968;
  font-size: 30px;
  line-height: 32px;
  padding-right: 5px;
}
.kupec .kraj_starost {
  float: left;
  font-size: 13px;
  line-height: 15px;
  color: #58595b;
}
.kupec p {
  float: left;
  color: #58595b;
  font-size: 15px;
  line-height: 17px;
  padding-top: 15px;
  width: 200px;
}
.kupec p .blue_b {
  color: #415968;
  font-weight: bold;
}
.holder.sixth {
  margin-bottom: -10px;
}
.wrapper.yt {
  width: 930px;
}
.wrapper.yt h2 {
  margin-top: 35px;
  float: left;
  width: 100%;
  color: #415968;
  font-size: 30px;
  line-height: 32px;
  position: relative;
  z-index: 60;
}
.wrapper.yt .title_img {
  float: left;
  position: relative;
  z-index: 59;
  margin-top: -45px;
  margin-right: 300px;
  margin-bottom: -40px;
}
.wrapper.yt p {
  float: left;
  font-size: 15px;
  line-height: 17px;
  color: #58595b;
  margin-bottom: 25px;
  width: 480px;
  position: relative;
  z-index: 60;
}
.wrapper.yt h3 {
  font-size: 18px;
  line-height: 20px;
  color: #415968;
  float: left;
  margin-bottom: 25px;
  width: 480px;
}
.wrapper.yt iframe {
  float: right;
}
.seventh {
  background: url(../../img//sedmi_back.png) center -62px no-repeat;
  min-height: 248px;
}
.seventh .wrapper {
  background: url(../../img//seventh_back_img.png) center 0px no-repeat;
  min-height: 288px;
  width: 776px;
}
.seventh .wrapper ul {
  float: left;
  width: 100%;
  margin-top: 25px;
  margin-left: 75px;
}
.seventh .wrapper ul li {
  background: url(../../img//ul_thick.png) 0px 0px no-repeat;
  padding-left: 35px;
  font-size: 18px;
  line-height: 28px;
  height: 28px;
  float: left;
  width: 100%;
  color: #58595b;
  font-weight: bold;
}
.seventh .wrapper h2 {
  float: left;
  width: 100%;
  margin-top: 130px;
  font-size: 30px;
  color: #415968;
  line-height: 32px;
}
.seventh .wrapper p {
  margin-top: 20px;
  font-size: 15px;
  color: #58595b;
  line-height: 17px;
  font-weight: bold;
}
.seventh .wrapper .gradient {
  margin-top: -107px;
  position: relative;
  z-index: 60;
  width: 100%;
  height: 134px;
  text-align: center;
  color: #000000;
  font-size: 22px;
  line-height: 24px;
  padding-top: 24px;
  font-weight: bold;
  background: url(../../img//gradient_bottom.png) center 0px no-repeat;
}
.holder.eight {
  height: 300px;
  background: url(../../img//gradient_back.png) 0px 0px repeat-x;
  margin-top: -124px;
  padding-top: 124px;
  z-index: 55;
}
.holder.eight .ne_zamudite_akcije {
  float: left;
  margin-top: -125px;
  position: relative;
  z-index: 100;
  margin-left: -45px;
  margin-right: 45px;
}
.holder.eight .wrapper ul.f {
  float: left;
  width: 200px;
  margin-top: 10px;
}
.holder.eight .wrapper ul.f li {
  float: left;
  width: 100%;
  padding-left: 30px;
  font-size: 18px;
  line-height: 20px;
  background: url(../../img//thick_white.png) 0px 0px no-repeat;
  margin-bottom: 10px;
}
.holder.eight .wrapper p {
  float: left;
  width: 228px;
  margin-left: 25px;
  margin-top: 10px;
}
.holder.eight .wrapper h3 {
  float: left;
  width: 153px;
  margin-top: 10px;
  margin-left: 20px;
}
.holder.eight .wrapper .s {
  float: left;
  width: 153px;
  margin-left: 20px;
}
 .s li {
  float: left;
  width: 100%;
  margin-left: 18px;
  list-style-image: url(../../img//bullet.png);
}
.holder.eight .wrapper .odstevalnik {
  width: 781px;
  height: 130px;
  background: url(../../img//odstevalnik_back.png) 0px 0px no-repeat;
  margin-top: -65px;
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -390px;
  z-index: 55;
}
.odstevalnik .cena {
  float: left;
  margin-left: 93px;
  margin-top: -43px;
  z-index: 200;
  width: 210px;
}
.odstevalnik .cena .akcija {
  float: left;
  background: url(../../img//akcija_pic.png) 0px 0px no-repeat;
  width: 122px;
  height: 122px;
  margin-left: -18px;
  z-index: 300;
  position: relative;
}
.odstevalnik .cena .precrtana {
  float: right;
  width: 170px;
  background: black;
  height: 37px;
  font-size: 24px;
  line-height: 37px;
  text-align: right;
  padding-right: 5px;
  position: relative;
  z-index: 280;
  margin-top: -54px;
  font-weight: bold;
}
.odstevalnik .cena .precrtana .over {
  float: right;
  position: absolute;
  z-index: 290;
  height: 34px;
  width: 81px;
  right: 0px;
  background: url(../../img//precrtano.png) 0px 0px no-repeat;
}
.odstevalnik .cena .price {
  float: right;
  width: 200px;
  height: 66px;
  line-height: 66px;
  text-align: right;
  padding-right: 5px;
  font-size: 47px;
  font-weight: bold;
  background: url(../../img//gradient_small.png) 0px 0px repeat-x;
  margin-top: -17px;
}
.holder.eight .wrapper .odstevalnik p {
  float: left;
  color: #000;
  font-size: 13px;
  line-height: 15px;
  width: 250px;
  margin: 25px 0px 0px 20px;
}
.holder.eight .wrapper .odstevalnik .do_izteka {
  float: right;
  color: #000;
}
.odstevalnik .is-countdown {
  float: right;
  width: 180px;
  height: 140px;
  background: url(../../img//countdown_back_big.png) center bottom no-repeat;
}
.odstevalnik .is-countdown span {
  float: left;
  text-align: center;
}
.odstevalnik .is-countdown .countdown_row {
  float: left;
  width: 100%;
}
.odstevalnik .is-countdown .countdown-amount {
  font-family: "lcdBold";
  font-size: 60px;
  float: none;
  /* 	margin-bottom: 3px; */

}
.odstevalnik .is-countdown .countdown-section {
  width: 73px;
  margin-top: 60px;
  margin-left: 7px;
}

.odstevalnik .is-countdown .countdown-period {
  margin-top: 10px;
  margin-left: 7px;
}
.odstevalnik .is-countdown .countdown-section:first-child {
  margin-left: 12px;
}
.holder.form .wrapper {
  width: 950px;
  background: url(../../img//back_form_bottom.png) 0px 100% no-repeat;
}
.holder.form .wrapper h2 {
  font-size: 40px;
  line-height: 42px;
  color: #415968;
  margin-left: 182px;
  margin-top: 20px;
}
.holder.form .wrapper form {
  float: left;
  width: 650px;
  margin-top: 15px;
  margin-left: -67px;
  text-align: center;
}
.holder.form .wrapper form .hold_it {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  text-align: left;
}
.holder.form .wrapper form .hold_it label:not(.error) {
  float: left;
  width: 240px;
  text-align: right;
  font-size: 16px;
  color: #58595b;
  line-height: 31px;
  padding-right: 10px;
  
}
.holder.form .wrapper form .hold_it input {
  float: left;
  width: 380px;
  border: 1px solid #8e8e8e;
  height: 29px;
}
.holder.form .wrapper form .hold_it .error-input {border:2px solid red;}

.holder.form .wrapper form .hold_it select {
  float: left;
  width: 380px;
  height: 29px;
  border: 1px solid #8E8E8E;
  padding-top: 4px
}
.holder.form .wrapper .bonus {
  float: left;
  width: 220px;
}
.holder.form .wrapper .bonus p {
  color: #58595b;
  margin-top: 10px;
  width: 200px;
}
.holder.form .wrapper form button {
  width: 353px;
  height: 109px;
  background: url(../../img//narocite_btn_back.png) 0px 0px no-repeat;
  color: white;
  font-size: 50px;
  line-height: 50px;
  font-weight: bold;
  float: left;
  margin-left: 285px;
  margin-top: 50px;
  margin-bottom: -16px;
  cursor: pointer;
  text-shadow: 0px 0px 4px #000;
  filter: dropshadow(color=#000000, offx=0, offy=0);
}
.nine {
  background: url(../../img//sedmi_back.png) center -76px no-repeat;
  min-height: 180px;
  margin-top: -45px;
  margin-bottom: -90px;
}
.wrapper.pss {
  padding-top: 30px;
  margin-left: -50px;
}
.wrapper.pss p {
  float: right;
  width: 700px;
  
  margin-bottom: 10px;
  color: #58595b;
}
.holder.footer {
  background: #E7E7E0;
}
.holder.footer .wrapper {
  width: 750px;
}
.holder.footer .icon {
  float: left;
  width: 230px;
  padding: 10px;
}
.holder.footer .icon .ikona {
  float: left;
  width: 100%;
  margin-top: -20px;
}
.holder.footer .icon h3 {
  float: left;
  width: 100%;
  color: #415968;
  font-size: 18px;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.holder.footer .icon p {
  float: left;
  width: 100%;
  font-size: 15px;
  line-height: 17px;
  color: #58595b;
}
.wrapper.bottom {
  padding-top: 10px;
  text-align: center;
  color: #58595b;
}
.wrapper.bottom a {
  color: #7699B9;
}
/* DEFAULT CLASES */
.no_border {
  border: none;
}
.hidden {
  display: none;
}
		.error-input {border:2px solid red;}
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../../images/loading.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}