/*********************************************
* Author: Klemen Olaj
* Description: Starting HTML + css
* Author URI: http://arm-design.com
* Date modified: 12.12.2016
* Version: 1.8
**********************************************/

/*** Normalize ***/
img,legend{border:0}legend,td,th{padding:2px}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover,button:focus,input:focus,select:focus,textarea:focus{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;height:auto;vertical-align:top}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}body,html{height:100%}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important}::-webkit-input-placeholder{color:#AFAEAE}:-moz-placeholder{color:#AFAEAE}::-moz-placeholder{color:#AFAEAE}:-ms-input-placeholder{color:#AFAEAE}

/** Page styles **/
*,
*:before,
*:after { box-sizing: border-box; }
.row { width: 100%; margin: 0 auto; max-width: 1180px; padding:0 10px; position: relative;}
.row:after { content: ""; display: table; clear: both;}

body {font-family: Verdana, Geneva, sans-serif; font-size: 12px; min-width:320px;}

/* Header */
._header {padding:40px 0 5px;}

._header--logo {display:inline-block;}

._header--search {float: right; position: relative; font-size:11px; width:195px; margin-top:45px; padding-right:20px; background: url(/img/iskanje_n.png) no-repeat #999; border-radius: 8px; border: #000 solid 1px;}
._header--search input {width:100%; background:none; border:none; height:22px; padding:5px; color:#fff;}
._header--search a {position: absolute; left:5px; bottom:-25px;}

._header--lineNav {border-bottom:solid 3px #fff; margin-top:10px;}
._header--lineNav nav {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;}
._header--lineNav nav a {position: relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-decoration: none!important;}
._header--lineNav nav a + a {margin-left:80px;}
._header--lineNav nav a:before {content:""; width:15px; height:40px;}

._lineNav--item-name {font-size: 20px; font-family: 'Syncopate'; margin:0 20px 0 15px;}

._header--lineNav nav a._vLine:before {background:#008cc0;}
._header--lineNav nav a._hLine:before {background:#f58220;}
._header--lineNav nav a._pLine:before {background:#77227f;}
._header--lineNav nav a._bLine:before {background:#b4d339;}
._header--lineNav nav a._iLine:before {background:#006a4e;}
._navMobile {display: none;}

._header--mainNav {margin-top:5px;}
._header--mainNav ul {list-style:none; margin:0; padding:0;}
._header--mainNav > ul > li {display:inline-block; vertical-align: middle;}
._header--mainNav > ul > li + li {margin-left:10px;}
._header--mainNav ul ul {display: none;  color:#000; min-width:160px;}
._header--mainNav ul ul a {color:#000; display:block; padding:2px 5px;}
._header--mainNav ul ul a.arrow {padding-right:25px;}
._header--mainNav ul ul li {display: block; white-space:nowrap; background-color:#fff;}

._header--mainNav._white ul ul li {background:rgba(58, 55, 52, 0.85)}
._header--mainNav._white ul ul a {color:#fff;}
._header--mainNav._white > ul > li > ul > li:first-child {margin-top:5px;}

._header--mainNav ul li {padding:5px; position: relative;}

._header--langNav {position: absolute; right:10px; top:-10px;}
._header--langNav a:before {content:"|"; margin-right:10px}
._header--langNav a:last-child:after {content:"|"; margin-left:10px;}
._header--langNav a + a {margin-left:5px;}
._header--langNav a:hover {text-decoration: none;}
._header--langNav a:hover span {text-decoration: underline;}

._navToggle {display: none;}

@media (min-width:961px){
	._header--mainNav {display: block!important;}
	._header--mainNav ul li:hover > ul {display: block;}
	._header--mainNav > ul > li > ul {position: absolute; left:0; top:100%; z-index:100;}
	._header--mainNav > ul > li > ul > li > ul {position: absolute; left:100%; top:0; padding-left:5px;}
}
@media (max-width:960px){	
	._navMobile {display: block;}
	._navDesktop {display: none;}
	
	._header--lineNav, ._header--search {display: none;}
	
	._header--lineNav + .row {padding:0;}
	
	._header {padding:15px 0;}
	._header--langNav {top:0;}
	
	._navToggle {display: block; position: absolute; right:10px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:#fff; height:40px; width:42px; border-radius:5px; cursor: pointer;}
	._navToggle span,
	._navToggle span:before,
	._navToggle span:after {width:100%; height:3px; background:#000; position: absolute; left:0; top:10px;}	
	._navToggle span:after {content:""; top:10px;}
	._navToggle span:before {content:""; top:-10px;}	
	._navToggle span {top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:calc(100% - 12px); left:6px;}
	
	._header--mainNav {display: none; margin-top:15px; background: #fff; color:#425159; font-size:15px; font-weight:bold; padding:0 10px; position: Relative; z-index: 99;}
	._header--mainNav a {color:#425159; position: relative; text-decoration: none!important;}
	._header--mainNav li {text-transform: uppercase; padding:0!important}
	
	._header--mainNav > ul > li {display: block; width:100%; margin:0!important;}	
	._header--mainNav > ul > li + li {border-top:solid 1px #231f20;}
	._header--mainNav > ul > li > a {padding:15px 10px; display: block; height:47px; border-bottom:solid 2px transparent;}
	._header--mainNav > ul > li > a._hasDrop { padding-right:50px;}
	
	._header--mainNav._white ul ul li {background:#fff!important; color: #231f20!important;}
	._header--mainNav._white > ul > li > ul > li:first-child {margin-top:0!important;}
	._header--mainNav._white ul ul li a {color: #231f20!important;}
	
	._header--mainNav ul ul a {color:#231f20; padding:5px 0;}
	
	._header--mainNav li._showDrop > ul {display: block; padding:20px;}	
	._header--mainNav li._showDrop > a > ._dropdownToggle:after {-webkit-transform:rotate(225deg);transform:rotate(225deg); margin-top:10px;}
	._header--mainNav li._showDrop > a {background: #e6e7e9; border-color:#231f20}
	
	._dropdownToggle {position: absolute; right:0; top:0; height:100%; width:49px; background:transparent; cursor: pointer; z-index:90; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
	._dropdownToggle:after {content:""; width: 17px; height: 17px; border: solid 2px #0d0e0e; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -7px;}
	
}
@media (max-width:480px){
	._header--logo {width:190px;}
	._header--mainNav {padding:0;}
	
	._navToggle {top:auto; bottom:5px; -webkit-transform:none; transform:none;}
}

/* Slider */
._section--slider {margin-bottom: 50px;}
._section--slider-flex {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch;}

._extraLinks {width:350px; background: url(/img/ozadje_.png); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
._extraLinks nav {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
._extraLinks nav a {font-size:18px; background:#fff; width:250px; border-radius:12px; margin-left:-20px; margin-top:15px; margin-bottom:15px; color:#000; padding:10px; height:40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}

._slider {width:calc(100% - 350px); position: relative;}
._slider .nivoSlider {width:100%; margin-bottom:0;}
._slider--logo {position: absolute; right:0; bottom: -25px; z-index: 10;}


@media (max-width:1210px){
	._extraLinks {width:290px;}
	._extraLinks nav a {margin-left:20px}
	._slider {width:calc(100% - 290px);}	
}
@media (max-width:960px){
	._extraLinks {display: none;}
	._slider {width:100%;}	
}


/* Icon list */
._iconList {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; width:100%; margin:75px 0 50px;}
._iconList--item {width:60px; position: relative; float:right;}
._iconList--item + ._iconList--item {margin-left:40px;}
._iconList--item-text {display: none; color:#fff; text-align: center; font-size:14px; font-weight:bold;  position: absolute; z-index: 99; left:50%; top: -135px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width:209px; height:122px; background: transparent url(/img/black_arrow.png) no-repeat;  }
._iconList--item-text span {position: absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:100%; padding: 10px 20px; margin-top: -10px;}

._iconList--item:hover ._iconList--item-text {display: block;}

._iconList--item:first-child ._iconList--item-text {} 

@media (max-width:960px){
	._iconList {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:30px 0 0; position: relative; top:20px;}
	._iconList--item {margin:0 10px 20px!important;}
}

/* Block list */
._blockList {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
._blockList--item {position: relative; overflow:hidden;}
._blockList--item:hover {text-decoration: none;}
._blockList--item._border {border: solid 1px #3a3734;}

._blockList[data-length="3"] {width:calc(100% + 40px); margin-left:-40px;}
._blockList[data-length="3"] ._blockList--item {width:calc(33.333% - 40px); margin:0 0 20px 40px;}
._blockList[data-length="3"] ._blockList--item-text._only {padding:10px; border:solid 1px #3a3734 ;}

._blockList[data-length="3"]._small {width:calc(100% + 20px); margin-left:-20px;}
._blockList[data-length="3"]._small ._blockList--item {width:calc(33.333% - 20px); margin:0 0 20px 20px;}

._blockList[data-length="4"] {width:calc(100% + 20px); margin-left:-20px;}
._blockList[data-length="4"] ._blockList--item {width:calc(25% - 20px); margin:0 0 20px 20px;}

._blockList--item-image {width:100%;}
._blockList._home ._blockList--item-text {position: absolute; left:0; top:0; width:100%; font-size:14px; background:#666; color:#fff; font-family:Verdana; padding:5px 10px}

._blockList._cat ._col {width:calc(25% - 20px); margin:0 0 0 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
._blockList._cat ._col ._blockList--item {width:100%; margin:0 0 20px;}

._blockList._cat ._col ._col--title {font-size:16px; color:#fff; background: #333; padding:8px 5px;}

._blockList[data-length="3"]._cat {width:calc(100% + 20px); margin-left:-20px;}
._blockList[data-length="3"]._cat ._col {width:calc(33% - 20px);}

._blockList._cat ._blockList--item:not(._blank) {border: solid 1px #3a3734;    min-height: 220px;}
._blockList._cat ._blockList--item-text {font-size:11px; padding:5px; min-height:75px;}
._blockList._cat ._blockList--item-text h5 {font-size:11px; margin:0 0 3px;}
._blockList._cat ._blockList--item-image {width:calc(100% + 2px); max-width:none; margin-left:-2px;}
/*
._blockList._cat .i-line, .h-line, .p-line, .v-line {
	height:220px
}*/
 

._productSimilar {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; width:calc(100% + 10px); margin:10px 0 10px -10px;}
._productSimilar--col {width:calc(33.333% - 10px); margin:0 0 10px 10px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
._productSimilar--col-title {width:100%; background:#999; color:#000; padding:5px; font-size:10px; font-weight:bold;}

._productSimilar--item {width:calc(33.333% - 5px); text-decoration: none!important;}
._productSimilar--item + ._productSimilar--item {}
._productSimilar--item-text {font-size:9px; color:#fff; font-weight:bold; padding:5px; min-height:32px;}
._productSimilar--item-image {width:100%;}

@media (max-width:1210px){
	._blockList[data-length="3"] {width:calc(100% + 20px); margin-left:-20px;}
	._blockList[data-length="3"] ._blockList--item {width:calc(33.333% - 20px); margin:0 0 20px 20px;}	
	
	._blockList._cat ._col {width:calc(33.333% - 20px); margin:0 0 20px 20px;}
	
}
@media (max-width:960px){
	._blockList {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
	._blockList[data-length="3"] {width:100%; margin-left:0;}
	._blockList[data-length="3"] ._blockList--item {min-width:295px; width:calc(50% - 20px); margin:0 10px 20px;}	
	
	._blockList._cat ._blockList--item {min-width:0;}
}
@media (max-width:680px){
	._blockList._cat, ._blockList[data-length="3"]._cat {width:calc(100% + 10px); margin-left:-10px;}
	._blockList._cat ._col, ._blockList[data-length="3"]._cat ._col {width:calc(50% - 10px); margin:0 0 0 10px;}
	._blockList._cat ._col ._blockList--item, ._blockList[data-length="3"]._cat ._col ._blockList--item,{margin-bottom:10px;}
	
	._productSimilar {-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
	._productSimilar--col {width:100%;}
}
@media (max-width:560px){
	._blockList[data-length="3"]._small {margin-left:0!important; width:100%!important;}
	._blockList[data-length="3"] ._blockList--item {width:100%!important; margin:0 0 10px!important;}	 
}
@media (max-width:550px){
	._blockList._cat {width:100%!important; margin-left:0!important;}
	._blockList._cat ._col {width:100%!important; margin:0!important;}
	._blockList._cat ._col ._blockList--item {margin-bottom:10px!important;}
}



._block {display: block; width:100%;}
._block:hover {text-decoration: none;}
._block > div {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; padding-bottom:25px;}
._block + ._block {margin-top:30px;}

._block > div > div {background:#ccc;font-size: 11px; color:#000; text-align: justify;    line-height: 1.4;}

._block h4 {margin:0 0 5px; font-size:12px;}
._block p {margin:0;}

._block--image {width:240px;}
._block--text-left {padding:5px; -webkit-box-flex:1; -ms-flex:1; flex:1;}
._block--text-right {padding:5px;  -webkit-box-flex: 1;  -ms-flex: 1 150px;  flex: 1 150px;}

@media (max-width:750px){
	._block > div {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-bottom:0;}
	._block > div > div {text-align: center;}
	._block--text-left {-webkit-box-flex:1;-ms-flex:auto;flex:auto; width:100%;}
	._block--text-right {-webkit-box-flex:1;-ms-flex:auto;flex:auto; width:100%;}	
}


._static._limit {max-width:700px;}
._static img {width:100%;}
._static, ._static p {line-height:20px;}
._static p {margin-bottom:15px;}


/* News ticker */
._newsTicker {background:#666; padding:8px 0;  margin: 30px 0 0;}
._newsTicker .tickercontainer {border:none; margin-left:0; width:100%; height:auto;}
._newsTicker .tickercontainer .mask {width:100%; margin:0; padding:0;}

@media (max-width:960px){
	._newsTicker {margin-top:10px;}
}

/* SECTION CONTENT */
._section--content {background:#fff; overflow: hidden;}

._contentGrid {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
._contentGrid--sidebar {width:190px; padding:70px 0 50px;}
._contentGrid--main {width:calc(100% - 190px); padding:45px 0 70px 50px;}

._content {display:inline-block; width:100%;}
._content--left {-webkit-box-flex:1;-ms-flex:1;flex:1; padding-right:25px;}
._content--left p {line-height: 17px;}
._content--right {width:350px;}

._content--left table img {vertical-align:bottom;}

._content--flex {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}


@media (max-width:1050px){
	._content--flex {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
	._content--left {width:100%; padding:0 0 25px 0;}
	._content--right {width:100%;}	
}

@media (max-width:960px){
	._contentGrid--main {padding:45px 0 50px 20px;}
}
@media (max-width:860px){
	._contentGrid {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
	._contentGrid--sidebar {width:100%; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; padding:20px 0 70px;}
	._contentGrid--main {width:100%; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; padding:20px 0 20px;}
}

._galleryList {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:Wrap; flex-wrap:Wrap; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; width:calc(100% + 10px); margin-left:-10px;}
._galleryList--item {width:calc(25% - 10px); margin:0 0 10px 10px; border:solid 1px #ccc!important; padding:5px;}
._galleryList--item:empty {display: none;}
._galleryList--item:hover {border-color:#3a3734!important;}
._galleryList--item img {display: block; margin:0 auto;}

._galleryList._single {width:100%; margin-left:0;}
._galleryList._single ._galleryList--item {width:100%; border:none!important; margin:0 0 10px;}

._galleryList[data-length="5"] ._galleryList--item {width:calc(20% - 10px)}

#galerijaContainer .pagination {margin-top:25px;}
#galerijaContainer .pagination li a {color:#3a3734;}

@media (max-width:1050px){
	._galleryList._single ._galleryList--item img {margin:0;}
	
	._galleryList[data-length="5"] ._galleryList--item {width:calc(25% - 10px)}
}
@media (max-width:580px){
	._galleryList[data-length="5"] ._galleryList--item {width:calc(33.333% - 10px)}
}
@media (max-width:480px){
	._galleryList--item {width:calc(50% - 10px)!important;}
}

._categoryList, ._categoryList a {color:#000; font-size:13px;}
._categoryList h2 {color:#fff; background:#3a3734; font-size: 12px; font-weight:normal; margin:0; border-radius:15px; padding:5px 5px 5px 10px;}
._categoryList h2 a {color:#fff;}
._categoryList ul {list-style:none; margin:0; padding:0 5px;}
._categoryList ul li {margin:6px 0;}
._categoryList ul li a {display: block; padding:2px 5px;}
._categoryList ul li a:hover {background:#ccc; text-decoration: none;}

._categoryList h2 + h2 {margin-top:15px;}
._categoryList ul + h2 {margin-top:50px;}
._categoryList ul:last-of-type + h2 {margin-top:15px;}

._categoryList._gallery ul li {margin:10px 0}
._categoryList._gallery ul + h2 {margin-top:20px;}

@media (max-width:860px){
	._categoryList ul + h2 {margin-top:20px;}
}

._izracunTable {width:100%;}
._izracunTable th {text-align:left;}
._izracunTable th,
._izracunTable td {vertical-align: top; padding:8px 0}
._izracunTable td img {width:100%; max-width:250px;}
._izracunTable td input + img {margin-left:25px;}

._izracunTable._step1 input:not([type="radio"]) {width:50px;}

._izracunTable._step3 img {width:150px; margin-top:-5px}
._izracunTable._step3 th,
._izracunTable._step3 td {padding:2px 0; font-size:9px;}
._izracunTable._step3 label {font-size:9px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
._izracunTable._step3 td input + img {margin:0 5px;;}

._borderFrame {border:solid 1px #3a3734; padding:10px; width:200px;}
._borderFrame label {display: block; width:100%; }
._borderFrame label + label {margin-top:10px;}

._izracunTable .narKnof {font-size:14px;}

@media (max-width:860px){
	._izracunTable th,
	._izracunTable td {display: block;}
}

#povprasevanje table {width:100%!important}
#povprasevanje table td {padding:2px 0}
#povprasevanje table td textarea {resize:none;}
#povprasevanje table td a {color:#000;}

@media (max-width:580px){
	#povprasevanje table td input[type="text"],
	#povprasevanje table td textarea {width:100%!important;}
}


._simpleG {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
._simpleG > div:first-child {width:100px;}
._simpleG > div:last-child {width:calc(100% - 100px); padding-left:10px;}

#kosovnica table {width:100%!important;}

@media (max-width:480px){
	#kosovnica table td,
	#kosovnica table th {padding:1px!important;}
	
	#kosovnica table span {font-size:10px!important;}
	
	#kosovnica .narVnos,
	#kosovnica .fl350 {width:100%!important;}
}

._breadcrumbs {font-size:11px; margin:0 0 10px;}
._breadcrumbs a {color:#000;}

._title {margin:0 0 20px}
._title h1 {margin:0;}

._product {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; margin:0 0 25px;}
._product--image {width:45%; position: relative;}
._product--text {width:55%; padding-left:20px;}

._product--image #menu_tip {width:100%; margin-top:5px; height:auto;}
._product--image #menu_tip ul {margin:0!important; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
._product--image #menu_tip ul li {margin:0 5px 5px 0;}

._productTabContainer--tab {display: none; background:#ccc; padding:10px}
._productTabContainer--tab.active {display: block;}

._productTabNav {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; position: relative;}
._productTabNav a {background:#ddd; color:#000; text-decoration: none!important;}
._productTabNav a + a {margin-left:15px;}
._productTabNav a.active,
._productTabNav a:hover {background:#ccc; cursor: pointer;}
._productTabNav a img {height:20px; width:auto;}
._productTabNav span + img {margin-left:5px;}

._productNav--left,
._productNav--right {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; height:25px}
._productNav--left a,
._productNav--right a {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:5px 10px;}

._product--extra {padding:15px 0; color:#f00; font-size:10px; font-weight:bold;}

._flexGrid {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
._flexGrid-50 {width:calc(50% - 10px);}

._tr {padding:5px 0; border-bottom:solid 2px #000; font-size:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
._tr + p {margin:10px 0;}

@media (max-width:860px){
	
	._product {margin: 0 0 5px;}
	
	._productTabNav a + a {margin-left:5px;}
	._productNav--right {position: absolute; right:0; bottom:-25px;}
	
	._productTabContainer--tab {padding-top:35px;}
}
@media (max-width:680px){
	._productNav--left {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; height:auto; width:100%;}
	._productNav--left a {width:100%; margin:5px 0 0 0!important;}
}
@media (max-width:580px){
	._product {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
	._product--image {width:auto;}
	._product--text {width:100%; padding:20px 0 0 0;}
	
	._flexGrid {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
	._flexGrid-50 {width:100%;}
}

/* Footer */
._footer {padding:50px 0 30px;}
._footerList {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
._footerList--item {margin-bottom:30px;}
._footerList--item:not(:last-child) {margin-right:30px;}
._footerList ul {list-style:none; margin:0; padding:0; font-size:10px; color:#fff;}
._footerList ul li + li {margin-top:1px;}

._footer--bottom {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; color:#fff; margin-top:30px;}
._footer--bottom-social {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
._footer--bottom-social a {margin-left:10px;}

._footer--bottom-agent {text-align: right;}
._footer--bottom-agent img {margin-top:5px;}

._footerSub {width:calc(100% - 240px); background:#ccc; float:right;}
._footerSub .row {padding:0;}
._footerSub--title {background: #333; color:#fff; padding:5px 10px; position: relative; margin:0 0 15px;}
._footerSub--title img {position: absolute; right:0; top:-45px;}

._footerSub ._footerList {padding:0 10px; }
._footerSub ._footerList--item {width:25%;}
._footerSub ._footerList--item:not(:last-child) {margin-right:0;}
._footerSub ._footerList a {color:#000;}
._footerSub ._footerList ul {color:#000; font-size:11px;}

._footerSub ._footer--bottom {padding:25px 10px; color:#000; background: #fff;}

@media (max-width:960px){
	
	._footerSub {width:100%;}
	
	._footer {padding-top:30px;}
	._footerList {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
	._footerList--item,
	._footerSub ._footerList--item  {width:100%; text-align: center;}
	
	._footer--bottom {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; text-align: center;}
	._footer--bottom-social {display: block; margin-bottom:20px;}
	._footer--bottom-social a {margin:10px 0 0; display:inline-block;}
	._footer--bottom-agent {text-align: center;}
	._footer--bottom-agent img {margin-top:10px;}
	
	#fb-side-like {display: none!important;}
}

#glava, #stran {display: none!important;}


#cookieOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6); 
    z-index: 998;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto; 
}

#cookieStatement {
    background: #fff;
    padding: 20px;
    max-width: 90%;
    width: 400px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    z-index: 999;
    position: relative;
    text-align: center;
}

/*
#cookieStatement {position: fixed; left:0; top:0; width:100%; z-index:999; background:#fff; padding:5px;}
#cookieStatement ._cookieFlex {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
#cookieStatement button {background: #ccc; border: none; color: #fff; padding: 5px 10px; color: #000; font-size: 12px; width: 70px; text-align: center;}

@media (max-width:880px){
	#cookieStatement .row {padding:0;}
	#cookieStatement ._cookieFlex {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
	#cookieStatement ._cookieFlex > div {text-align: center; width:100%; margin-bottom:5px;}
	#cookieStatement ._cookieFlex br {display: none;}
}
*/
/*
._header--mainNav ul li ul {width:auto!important; }
._header--mainNav ul ul ul {padding:5px 0!important; }
._header--mainNav ul li li {margin:0!important; width:auto!important; padding-right:0!important; clear:both;}
._header--mainNav ul li li a {margin:0!important;}
*/
@media (max-width:960px){
	._mobileHide {display:none!important;}
}


/*********************************************
* Author: Klemen Olaj
* Description:
* Date modified: 12.02.2019
* Version: 1.0
**********************************************/

/* Imports */
@import url('normalize.css');

/* Page styles */
*, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}


/* Defaults & Misc. */
body {font-family: 'Open Sans', sans-serif; font-size:14px; color:#000; line-height:1.6; min-width:320px; overflow-x:hidden;}

/* IHS */
.ihsCont {width:100%; position: relative;}
.ihsSpots {position: relative;}
.ihsImage {width:100%; max-width:none;}
.ihsS {position: absolute; left:0; top:0; width:100%; height:100%; z-index:5;}
.ihsS--spot {position: absolute; left:0; top:auto; bottom:auto;}
.ihsS--spot > span {position: absolute; left:100%; bottom:105%; margin-bottom:-5px; opacity:0; visibility:hidden; line-height:1.15; font-size:14px; font-weight:600; color:#fff; border-bottom:solid 1px #fff; padding:5px; background: rgba(0,0,0,.45); -webkit-transition:visibility 250ms ease, opacity 250ms ease, margin 250ms ease; -o-transition:visibility 250ms ease, opacity 250ms ease, margin 250ms ease; transition:visibility 250ms ease, opacity 250ms ease, margin 250ms ease; pointer-events:none;}

.ihsS--spot > span:before {content:""; position: absolute; left:1px; bottom:-1.6px; -webkit-transform: rotate(137deg); -ms-transform: rotate(137deg); transform: rotate(137deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; width:30px; height:1px; background: #fff; -webkit-transition:width 450ms ease; -o-transition:width 450ms ease; transition:width 450ms ease; -webkit-transition-delay:0ms; -o-transition-delay:0ms; transition-delay:0ms}

.ihsS--spot:before {content:""; display: block; width:40px; height:40px; background: url(/img/mastnak-circle.svg) no-repeat; background-size:100%;}
.ihsS--spot:after {content:""; position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.3); border-radius:50%; -webkit-box-shadow: 0 0 0 rgba(58, 55, 52, 0.8); box-shadow: 0 0 0 rgba(58, 55, 52, 0.8); -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite;}
.ihsS--spot.s:after,
.ihsS--spot.xs:after  {-webkit-animation: pulseS 2s infinite;animation: pulseS 2s infinite;}
.ihsS--spot.xl:before {width:50px; height:50px;}
.ihsS--spot.l:before  {width:40px; height:40px;}
.ihsS--spot.s:before  {width:25px; height:25px;}
.ihsS--spot.xs:before {width:18px; height:18px;}

@media (max-width:760px){
    .ihsS--spot:before {width:30px; height:30px;}
    .ihsS--spot.l:before  {width:30px; height:30px;}
    .ihsS--spot.s:before  {width:15px; height:15px;}
    .ihsS--spot.xs:before {width:12px; height:12px;}
}

/* Bottom left */
.ihsS--spot.bl > span {left:auto; right: calc(100% + 5px); bottom: -10px;}
.ihsS--spot.bl > span:before {width:32px; left:auto; right: 0px; bottom: -2px; -webkit-transform: rotate(137deg); -ms-transform: rotate(137deg); transform: rotate(137deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top;}

.ihsS--spot.xl.bl > span,
.ihsS--spot.l.bl  > span,
.ihsS--spot.s.bl  > span,
.ihsS--spot.xs.bl > span {left:auto; right: calc(100% + 5px); bottom: -10px;}

.ihsS--spot.s.bl  > span,
.ihsS--spot.xs.bl > span {bottom: -7px;}

.ihsS--spot.xl.bl > span:before {width:32px;}
.ihsS--spot.l.bl  > span:before {width:29px;}
.ihsS--spot.s.bl  > span:before {width:20px;}
.ihsS--spot.xs.bl > span:before {width:18px;}

/* Top left */
.ihsS--spot.tl > span {left: auto; right: 100%;}
.ihsS--spot.tl > span:before {left:auto; right:1px; -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top; -webkit-transform: rotate(-137deg); -ms-transform: rotate(-137deg); transform: rotate(-137deg)}

/* Circle sizes */
.ihsS--spot.xl > span  {font-size:14px;}
.ihsS--spot.l  > span  {font-size:13px;}
.ihsS--spot.s  > span  {font-size:12px;}
.ihsS--spot.xs > span  {font-size:11px;}

.ihsS--spot.l  > span:before {width:22px;}
.ihsS--spot.s  > span:before {width:15px;}
.ihsS--spot.xs > span:before {width:12px;}

/* Hover */
.ihsS--spot {cursor: pointer;}
.ihsS--spot.active:after,
.ihsS--spot:hover:after {-webkit-animation-play-state: paused;animation-play-state: paused;}
.ihsS--spot.active > span,
.ihsS--spot:hover > span {opacity:1; visibility:visible; margin:0;}
/*
.ihsS--spot[data-ihs-id="1"] {left:20%; bottom:22%;}
.ihsS--spot[data-ihs-id="2"] {left:57.5%; bottom:23%;}
.ihsS--spot[data-ihs-id="3"] {left:65%; bottom:27%;}
.ihsS--spot[data-ihs-id="4"] {left:84.3%; bottom:34.35%;}
.ihsS--spot[data-ihs-id="5"] {left:85.9%; bottom:28%;}
.ihsS--spot[data-ihs-id="6"] {left:88.5%; bottom:35%;}
.ihsS--spot[data-ihs-id="7"] {left:92%; bottom:28%;}
*/
@-webkit-keyframes pulse {
  0%   {-webkit-box-shadow: 0 0 0 0 rgba(58, 55, 52, 0.8);box-shadow: 0 0 0 0 rgba(58, 55, 52, 0.8);}
  70%  {-webkit-box-shadow: 0 0 0 10px rgba(58, 55, 52, 0);box-shadow: 0 0 0 10px rgba(58, 55, 52, 0);}
  100% {-webkit-box-shadow: 0 0 0 0 rgba(58, 55, 52, 0);box-shadow: 0 0 0 0 rgba(58, 55, 52, 0);}
}
@keyframes pulse {
  0%   {-webkit-box-shadow: 0 0 0 0 rgba(58, 55, 52, 0.8);box-shadow: 0 0 0 0 rgba(58, 55, 52, 0.8);}
  70%  {-webkit-box-shadow: 0 0 0 10px rgba(58, 55, 52, 0);box-shadow: 0 0 0 10px rgba(58, 55, 52, 0);}
  100% {-webkit-box-shadow: 0 0 0 0 rgba(58, 55, 52, 0);box-shadow: 0 0 0 0 rgba(58, 55, 52, 0);}
}
@-webkit-keyframes pulseS {
  0%   {-webkit-box-shadow: 0 0 0 0 rgba(58, 55, 52, 0.8);box-shadow: 0 0 0 0 rgba(58, 55, 52, 0.8);}
  70%  {-webkit-box-shadow: 0 0 0 5px rgba(58, 55, 52, 0);box-shadow: 0 0 0 5px rgba(58, 55, 52, 0);}
  100% {-webkit-box-shadow: 0 0 0 0 rgba(58, 55, 52, 0);box-shadow: 0 0 0 0 rgba(58, 55, 52, 0);}
}
@keyframes pulseS {
  0%   {-webkit-box-shadow: 0 0 0 0 rgba(58, 55, 52, 0.8);box-shadow: 0 0 0 0 rgba(58, 55, 52, 0.8);}
  70%  {-webkit-box-shadow: 0 0 0 5px rgba(58, 55, 52, 0);box-shadow: 0 0 0 5px rgba(58, 55, 52, 0);}
  100% {-webkit-box-shadow: 0 0 0 0 rgba(58, 55, 52, 0);box-shadow: 0 0 0 0 rgba(58, 55, 52, 0);}
}

/* ihsDesc */
.ihsDesc {font-size:14px; line-height:1.5;}
.ihsDesc h2 {font-size:26px; margin: 0 0 15px; line-height: 1.2;}
.ihsDesc > div {display:none; padding:30px;}

@media (max-width:760px){
    .ihsDesc > div {padding:20px;}
}

 @media (min-width:1281px){
        .it {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
        .it__text {width:calc(100% - 300px); padding-right:40px;}
        .it__image {width:300px;}
        .it__image img {width:100%;}
    }
    @media (max-width:1280px){
        .it__image {margin:40px 0;}
    }
	
	
#povprasevanje  input[type=text] {
		width: 98%; 
		padding: 10px; 
		font-size: 16px;
	}
#povprasevanje  textarea {
		width: 98%; 
		padding: 10px; 
		font-size: 16px;
	}