* {
	box-sizing:border-box;
}
body, html {
	margin:0;
	padding:0;
	min-width:1170px;
	width:100%;
}
html { 
	background: #eeeeee; 
}
body {
	color:#000000;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:1;
}
img {
	max-width:100%;
}
.clearfix:after {
  content:"";
  display:table;
  clear:both;
}
.col {
	width:100%;
}
.col-70 {
	width:70%;
	float:left;
}
.col-30 {
	width:30%;
	float:left;
}
.col-60 {
	width:66.66%;
	float:left;
}
.col-40 {
	width:33.33%;
	float:left;
}
.col-2 {
	width:50%;
	float:left;
}
.col-3 {
	width:33.33%;
	float:left;
}
.col-20 {
	width:20%;
	float:left;
}
.col-80 {
	width:80%;
	float:left;
}
.col-4 {
	width:25%;
	float:left;
}
.col-45 {
	width:46%;
	float:left;
}
.col-55 {
	width:54%;
	float:left;	
}
.text-levo {
	text-align:left;
}
.text-desno {
	text-align:right;
}
.text-center {
	text-align:center;
}
.levo {
	float:left;
}
.desno {
	float:right;
}
.container {
	width:1170px;
	margin:0 auto;
	padding:0 15px;
}
#topheader {
	background: rgba(14, 167, 118, 0.9);
	padding:30px;
	position: relative;
}
#topheader .text-levo, #topheader .text-desno {
    margin-top: 10px;
}
#topheader .ikona, #topheader .malonas {
	color:#cccccc;
}
#topheader .ikona {
	font-size:32px;
}
#topheader .ikona.levo {
	margin-right:10px;
}
#topheader .ikona.desno {
	margin-left:10px;
}
#topheader .besedilo .malo {
	font-weight:900;
}
#topheader .besedilo .veliko {
	font-weight:300;
	font-size:18px;
}
#topheader .malonas {
	font-weight:bold;
	font-size:24px;
}
#topheader .velikonas {
	font-family: 'Pacifico', cursive;
	font-size:30px;
	text-shadow:0px 0px 20px #000000;
}
#topheader .amen {
	display:inline-block;
	margin-right:15px;
	background:#eeeeee;
	color:#000000;
	text-decoration:none;
	font-size:16px;
	padding:8px 15px;
}
#topheader .amen:hover {
	background:#dddddd;
}
#topheader .amen.rumen {
	background:#000000;
	color:#ffffff;
}
#topheader .amen.rumen:hover {
	background:#222222;
}
#header {
	padding:0px 0px;
	line-height:0;
	background: #ffffff;
	
}
#header .skatle {
    position: absolute;
    bottom: 190px;
    right: -30px;
}
#header .besedilo {
	line-height: 1.1;
	padding: 100px 0;
}
#header .besedilo h1 {
	color:#000000;
	font-size:46px;
	margin:0;
	padding:0;
	font-weight:400;
}
#header .besedilo h2 {
	font-size:30px;
	font-weight:300;
	font-family:'Open Sans', sans-serif;
	margin:0 0 20px 0;
	padding:0;
}
#header .besedilo h4 {
	font-size:20px;
	font-weight:300;
	font-family:'Open Sans', sans-serif;
	margin:10px 0;
	padding:0;
}
#header .besedilo .last {
	font-size:16px;
	line-height:1.4;
}
#header .besedilo .cena .stara {
	font-size:30px;
	color:#444444;
	text-decoration:line-through;
}
#header .besedilo .cena .nova {
	font-size:50px;
	color:#000000;
	font-weight:900;
}
#header .besedilo .nargumb {
	display:block;
	margin-top:20px;
	background:#333333;
	color:#ffffff;
	font-size:24px;
	text-decoration:none;
	font-weight:900;
	text-align:center;
	width:300px;
	padding:15px;
}
#header .besedilo .nargumb:hover {
	background:#666666;
}
#drugdel {
	position:relative;
	z-index:99;
	box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.1);
}
#prednosti {
	background:#333333;
	color:#ffffff;
	padding: 15px 0 20px 0;
}
#prednosti .col-4 {
	text-align:center;
}
#prednosti .ikona {
	color:#999999;
	font-size:40px;
	display:inline-block;
}
#prednosti .besedilo {
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
	display:inline-block;
}
#novice  {
	background:#ffffff;
	color:#000000;
	padding:20px 0;
}
#novice {
	font-size:24px;
	line-height:40px;
	font-weight:300;
}
#novice .subema {
	border:none;
	border-radius:0px;
	padding:10px;
	background:#eeeeee;
	width:250px;
}
#novice .subgum {
	border:none;
	cursor:pointer;
	padding:9px 15px;
	border-radius:0;
	margin:0;
	background:#333333;
	color:#ffffff;
	font-weight:bold;
}
#novice .subgum:hover {
	background:#000000;
}
#mnenja {
	background:rgba(0,0,0,0.4);
	padding:100px 0;
	text-align:center;
	color:#000000;
}
#mnenja .mnenje {
	font-size:30px;
}
#mnenja .mnenje i {
	color:#ffffff;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #f9ec9d !important;
}
#trak {
	background:#000000;
	color:#ffffff;
	font-size:24px;
	font-weight:300;
	padding:20px 0;
}
#trak #countdown p {
	float:left;
	padding:0;
	margin:0;
}
#trak #countdown p.minutes, #trak #countdown p.seconds {
	padding-left:10px;
}
#body {
	padding:0px 0 0px 0;
	color:#000000;
}
#body .narobr {
	background:#f8f8f8;
	padding:15px 15px 60px 15px;
}
#body .slike {
	margin-top:15px;
	padding-left:10px;
}
#body .izpolni {
	font-size:37px;
	color:#f9ec9d;
	font-weight:900;
	margin-top:100px;
}
#body .izpolni i {
	color:#ee0000;
}
#body .slike img {
	width:30%;
	display:block;
	float:left;
	margin:1%;
}
#body .obrazec {
	background:#ffffff;
	color:#000000 !important;
	border-radius:0px;
	padding:0px;
	margin-bottom:0px;
}
#body .obrazec .slider {
	margin-top:31px;
}
#body .obrazec h3 {
	text-align:center;
	font-weight:300;
	font-size:30px;
	color:#000000;
}
#body .obrazec .cena {
	margin-top:10px;
}
#body .obrazec .stara {
	text-decoration:line-through;
}
#body .obrazec .nova {
	font-weight:600;
	color:#f9ec9d;
	font-size:31px;
}
#body .obrazec input, #body .obrazec select {
	border:none;
	background:#ffffff;
	border:1px solid #cccccc;
	padding:14px 16px;
	margin-bottom:8px;
	width:534px !important;
}
#body .obrazec input[name="naslov"] {
	width:330px !important;
	margin-right:10px;
}
#body .obrazec input[name="hisna"] {
	width:194px !important;
}
#body .obrazec input[name="postna"] {
	width:205px !important;
	margin-right:5px;
}
#body .obrazec input[name="posta"] {
	width:320px !important;
}
#body .obrazec input[name="email"] {
	width:265px !important;
	margin-right:5px;
}
#body .obrazec input[name="telefon"] {
	width:260px !important;
}
#body .obrazec input[type="submit"] {
	background:	#000000;
	border:none;
	color:#ffffff;
	font-size:20px;
	font-weight:600;
	text-transform:uppercase;
	cursor:pointer;
	margin-bottom:0px;
}
#body .obrazec input[type="submit"]:hover {
	background:	#333333;
	color:#ffffff;
}
#nadvpr {
	background: #000000;
	color:#ffffff;
    padding: 20px 0;
}
#nadvpr .text-levo, #nadvpr .text-desno {
    margin-top: 10px;
}
#nadvpr .ikona, #nadvpr .malonas {
	color:#f9ec9d;
}
#nadvpr .ikona {
	font-size:32px;
}
#nadvpr .ikona.levo {
	margin-right:10px;
}
#nadvpr .ikona.desno {
	margin-left:10px;
}
#nadvpr .besedilo .malo {
	font-weight:900;
}
#nadvpr .besedilo .veliko {
	font-weight:300;
	font-size:18px;
}
#nadvpr .malonas {
	font-weight:bold;
	font-size:24px;
}
#nadvpr.velikonas {
	font-family: 'Pacifico', cursive;
	font-size:30px;
	text-shadow:0px 0px 20px #000000;
}
#nadvpr .text-center {
	font-size:24px;
	line-height:48px;
}
#vprasanja {
	background:rgba(255,255,255,0.9);
	color:#000000;
	padding:50px 0;
	font-size:16px;
}
#vprasanja .belo {
	font-size:31px;
}
#vprasanja .vijol {
	color:#666666;
	line-height:22px;
}
#vprasanja .vprasanje {
	margin-top:15px;
}
#vprasanja .vprasanje .ikona {
	margin-right:15px;
	font-size:24px;
	color:#f9ec9d;
	margin-top:10px;
}
#vprasanja .vprasanje .besedilo {
	width:400px;
}
#vprasanja .vprasanje .besedilo strong {
	font-size:18px;
}
#footer {
	background:#333333;
	padding:30px 0;
	text-align:center;
}
#footer a {
	color:#ffffff;
}
.uspeh {
	text-align:center;
	display:none;
	font-size:12px;
}
.slikee a, .slikee .video {
	display:block;
	padding:5px;
}
.line {
	width:100%;
	height:1px;
	background:#eeeeee;
	margin:30px 0 0 0;
}
.narobr form {
	padding:10px;
}

@media (max-width: 1170px) {
  body,
  html {
    min-width: 0; 
  }
  
  input {
    font-size: 16px;
  }
  
  img, video {
    max-width: 100%;
  }
  
  .container {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  
  #topheader {
    padding: 15px 0;
  }
  
  #topheader .besedilo .malo,
  #nadvpr .besedilo .malo {
    font-size: 12px;
  }
  
  #topheader .besedilo .veliko,
  #nadvpr .besedilo .veliko{
    font-size: 16px;
  }
  
  #topheader .text-levo,
  #topheader .text-desno {
    order: -1;
    width: 50%;
  }
  
  #topheader .text-levo .fa,
  #topheader .text-desno .fa,
  #nadvpr .text-levo .fa,
  #nadvpr .text-desno .fa {
    display: none
  }
  
  #topheader .col-3.text-center {
    width: 100%;
    padding: 15px 0 0;
  }
  
  #topheader .col-3.text-center br {
    display: none;
  }
  
  #topheader .col-3.text-center img {
    max-height: 70px;
    width: auto;
  }
  
  #header .col-2 {
    width: 100%;
  }
  
  #header .besedilo {
    padding: 20px 0;
  }
  
  #header .besedilo h1 {
    font-size: 24px;
    text-shadow: none;
  }
  
  #header .besedilo h4 {
    font-size: 16px;
  }
  
  #header .cena {
    text-align: center;
  }
  
  #header .besedilo .nargumb {
    width: 100%;
  }
  
  #prednosti .col-4 {
    width: 50%;
  }
  
  #prednosti .besedilo {
    font-size: 16px;
  }
  
  #novice div[class*="col"],
  #trak div[class*="col"] {
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
  }
  
  #novice .col-70,
  #trak .col-70 {
    margin-bottom: 15px;
  }
  
  #novice .subema {
    width: calc(100% - 100px);
  }
  
  #novice .subgum {
    width: 100px;
  }
  
  #trak {
    text-align: center;
  }
  
  #mnenja {
      padding: 30px 0;
  }
  
  #countdown {
    float: none;
    display: flex;
    justify-content: center;
  }
  
  #vprasanja .col-2 {
    float: none;
    width: 100%;
  }
  
  #vprasanja .container > .clearfix {
    margin-top: 0px !important;
  }
  
  .vprasanje .ikona {
    display: none;
  }
  
  #vprasanja .vprasanje .besedilo {
    width: 100%;
    font-size: 14px;
  }
  
  #vprasanja .vprasanje .besedilo strong {
    display: inline-block;
    margin-block: 5px;
    font-size: 16px;
  }
  
  #nadvpr .text-center {
    width: 100%;
    order: 1;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  
  #nadvpr .text-levo,
  #nadvpr .text-desno {
    width: 50%;
    order: 2;
  }
  
  #body {
    padding: 30px 0;
  }
  
  #naroci div[class*="col"] {
    width: 100%;
  }
  
  #naroci p {
    margin: 10px 0;
  }
  
  #body .izpolni {
    margin-top: 0;
    font-size: 20px;
  }
  
  #body .izpolni > p {
    font-size: 20px !important;
  }
  
  #body .obrazec input, #body .obrazec select {
    width: 100% !important;
  }
  
  #body .obrazec input[name="naslov"],
  #body .obrazec input[name="hisna"],
  #body .obrazec input[name="posta"],
  #body .obrazec input[name="postna"],
  #body .obrazec input[name="email"],
  #body .obrazec input[name="telefon"] {
    width: 100% !important;
  }
  
  .narobr .col-100.clearfix {
    width: 100%;
    float: none;
    padding: 0 0 10px !important;
    margin: 10px 0 !important;
    display: flex;
    align-items: center;
  }
  
  .narobr .col-20 {
    width: auto !important;
    margin-right: 10px;
    flex: 0 0 auto;
    font-size: 40px !important;
    line-break: 40px !important;
  }
  
  .narobr.col-80 {
    margin-top: 0 !important;
  }
  
  .narobr .col-80 > span:first-of-type,
  .narobr .col-80 > b > span:first-of-type{
    font-size: 18px !important;
  }
  
  #footer .container {
    justify-content: center;
    text-align: center;
  }
  
  #footer span {
    display: block;
    width: 100%;
  }
  
  #topheader .amen:not(.rumen) {
      display: none;
  }
}