@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900&subset=latin-ext');
/* /////////////////////////////////////////////////////////////////////////// GLOBAL /////////////////////////////////////////////////////////////////// */
.container { width:100% !important; max-width:1200px;}
html, body, input, textarea  {font-family: 'Montserrat', sans-serif; font-weight:400;}

.global_containter {background: url(../images/site/bgbody.jpg) no-repeat top center;}

/* border radius */ .navbar, .modal-content, .btn, .dropdown-menu, .pagination>li:first-child>a, .pagination>li:last-child>a, .form-control, .nav-tabs>li>a, .breadcrumb, .progress {border-radius:0px;}
/* clear */ .mainbanner:before, .mainbanner:after { content:""; clear:both; display:table;}

/* headings */
h1, .h1 {font-weight:700;}
h2, .h2, .fpage_seznam_title, .seznam_title, .seznam_title h1 {font-size:40px; font-weight:700; color: #333;}
.snovica_title h2 {font-size:20px;}
h3, .h3, .seznam_naziv a, .news_short_naslov a {letter-spacing:1px; font-weight:700; padding:10px 0; font-size:14px;}
h4, .h4, .detail_kropis, .dnovica_krvsebina, .snovica_podnaslov { font-weight:300; font-size:16px; padding:10px 0;}
h5, .h5 { font-weight:700;}
h6, .h6 { padding:3px 5px;}
h7, .h7 { letter-spacing:2px; text-transform:uppercase;}
h8, .h8, .seznam_kratkiopis, .news_short_opis { font-size:13px; color:#999;}
.snovica_kropis { font-size:12px;}
h9, .h9, .seznam_cenatxt { font-size:12px; color:#666; font-weight:700;}

/* default transition */
.izhbox, .izhslika img, .seznam_slika img, .kosaricaakcije div:after, .seznam_katslike .artikel_box:hover .seznam_slika, .seznam_katslike .seznam_slika, .seznam_katslike .seznam_podatki,.seznam_katslike .seznam_naziv:before 
{-webkit-transition: all 0.25s ease; transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease;}

/* /////////////////////////////////////////////////////////////////////////// BARVE /////////////////////////////////////////////////////////////////// */
/* default barva linkov */
a, a:hover, a:focus, a:active {color:#000; cursor:pointer;} 

/* barva gumbov */
.btn-info, .btn-primary, .enovice_button input, .vote_button input, .filter_btn input, .dvprasanje_btn input, .search .btn {background-color:#f26722; border-color:#f26722; color:#fff;}
.btn-info:hover, .btn-primary:hover, .enovice_button input:hover, .vote_button input:hover, .filter_btn input:hover, .dvprasanje_btn input:hover,
.btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .search .btn:hover {background-color:#333; border-color:#333; color:#fff;}

/* primarna barva*/
h1, .h1 {color:#000;}

/* primarna barva - background */
h6, .h6, .mobile_cart_cart a, .tabela-vsebina th  { background-color:#f26722; color:#fff;}

/* obrobe */
hr, .artikel_box > .innerbox, .title_and_paging > .innerbox, .newsshort_novica > .innerbox {border-color:#ccc;} 

/* input & button glow */
.form-control:focus {
	border-color: #f26722; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(160,32,31, .6); 
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(160,32,31, .6); 
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(160,32,31, .6);
	}
.btn:focus, .btn:active:focus, .btn.active:focus {outline: 5px auto rgba(160,32,31, .6);}

/* primarni gradient */
.progress-bar {
background-image: -webkit-linear-gradient(top,#f26722 0,#f26722 100%); 
background-image: linear-gradient(to bottom,#f26722 0,#f26722 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26722',endColorstr='#f26722',GradientType=0);}

/* /////////////////////////////////////////////////////////////////////// TEMPLATES /////////////////////////////////////////////////////////////// */
.logo, .search, .mainbox1, .mainbox2, .mainbox3, .mainbox4, .mainbox5, .mainbox6, .foot_top, .footbox, .mainfull, .footlinks, .innermain, .footnl,
.spustni_menu_box, .navitop {float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}

.global_containter {position:relative;}
.back_banner { position:absolute; width:100%; z-index:0; top:0px; float:left;}
.back_banner_opacity { position:absolute; z-index:20; bottom:0; width:100%; height:179px; background:url(../images/site/bg-banner-opacity.png) repeat-x;}
.back_banner .carousel-indicators, .back_banner .carousel-control { display:none;}

/* --------------------------------------------------------------- kosarica top ------------------------------------------------------------- */
.cart_container {position:relative; background:#f26722;}   
.navitop, .navitop a, .ddsearch_icon a, .profileopen a, .jeziki [class*=lan_a_] a, .jeziki [class*=lan_a_] a:hover, .jeziki:hover [class*=lan_a_] a, .jeziki:after {color:#fff;}
.kosaricaakcije, .jeziki, .profileopen, .cart_top { float:right;}
.cart_top { width:auto; /*padding-right:95px;*/ padding-right: 15px; padding-left:0;}

.navitop { min-width:100px; font-size:12px; line-height:35px;}
.navitop .navbar-nav>li>a {padding-bottom: 0; padding-top: 0; line-height: 35px;}

.ddsearch_icon a, .profileopen a {font-size:14px; width:50px; height:35px; line-height:35px; text-align:center; display:block; border-left:1px solid #ccc;}
.jeziki [class*=lan_a_] a { height:auto; line-height:auto; pointer-events:none;}

/* jeziki */
.jeziki { padding: 5px 0 0 10px;}
.jeziki [class*=lan_] {order:2; background:rgba(0,0,0,.6);}
.jeziki [class*=lan_a_] {order:1; background:none;}
.jeziki>div>a {opacity: .8;}

/* profil */
.kosaricaakcije { float:right; height:auto;}
.openprofile .kosaricaakcije { display:block;}
.kosaricaakcije div {border-right: 1px solid #ccc; margin: 0;}
.kosaricaakcije div a i { display:none;}
.kosaricaakcije div a { color:#fff; padding: 0 10px; line-height: 35px; height: 35px; display: block; position: relative; z-index: 2;}
.kosaricaakcije div a:hover {text-decoration: none; color: #fff;}
.kosaricaakcije div:after {content: ""; position: absolute; right: 0; top: 0; bottom: 0; left: 100%;  background:#ccc; z-index: 1;}
.kosaricaakcije div:hover:after {left: 0;}
.kosaricaakcije div a span {position: relative; z-index: 3;}

.kosaricaakcije_prijavljeniste:nth-of-type(1) {display: none;}

.stanjekosarice { height:auto; position: absolute; right: 0; top:80px;}
.stanjekosarice_vrednost { display:none;}

.stanjekosarice_carticon {float: left; display: block;}
.stanjekosarice_stanje {position: relative;}
.stanjekosarice_stanje a{ top: -35px; left: -15px; position: absolute; color:#fff; display: block; font-size:16px; width:30px; height:30px; line-height:30px; background: #f26722; text-align: center; border-radius: 50%;}
.stanjekosarice_stanje i {display: none;}

/* search */
.search { width:50%; margin-top:15px; position: inherit;}
.iskalnik-2 .search { width:100%; margin-top:15px; position: inherit;}
.iskalnik-2 { background:#efefef; padding:15px 15px 30px 15px; float:left; width:100%; }

.search .input-group-btn span { display:none;}
.search input {line-height: 48px; height: 48px; padding: 0 10px; border-radius: 3px;}
.search input, .search .btn, .search .btn:hover { background:#fff; border-color:#d1d2d4;}
.search .btn { border-left:none; background: #f26722; border-color: #f26722; color:#fff; height: 48px; line-height: 48px; padding: 0; width: 48px; text-align: center; margin-left: 0 !important; border-radius: 3px;}
.search .btn:hover { color:#fff; background: #f26722; border-left: none;}
.search .form-control {-webkit-box-shadow:none; box-shadow:none; border-right:none;}


.popover {width:80%; max-width:100%; border-radius:0px; padding:0;}
.popover-content { padding:0 15px;}
.searchpop_left { width:20%; background:#f4f4f4; padding-top:20px; padding-bottom:20px;}
.searchpop_right { width:80%; padding-top:20px; padding-bottom:20px; display:block; background: #fff;}
.searchpop_left ul, .searchpop_left li { list-style-type:none; margin-left: 0; padding-left: 0;}
.searchpop_left .innerbox { padding:10px;}
.search .input-group { position:inherit;}
/*.popover.bottom>.arrow {margin-left: -200px;}*/

/* -------------------------------------------------------------------- GLAVA --------------------------------------------------------------- */
header { padding: 20px 0; background: rgba(255,255,255,.0);}
.logo {width:30%; position:relative; z-index:1;}
.logo > .innerbox {line-height:80px;}


/* ---------------------------------------------------------------------- NAVIGACIJA -------------------------------------------------------------- */
.cmenutop > ul {margin: 0; padding: 0;}
.cmenutop > ul > li {display: inline-block; list-style-type: none; padding: 0; margin: 0;}
.cmenutop > ul > li > a {display: block; line-height:50px; padding: 0 10px; color: #fff; font-size: 16px; font-weight: 700; margin-right: 20px;}
.cmenutop > ul > li > a i {padding-right:5px;}
.cmenutop > ul > li > a:hover, #custommenu.opencmenu > a {background: #000;}

#custommenu > ul {display: none;}
#custommenu.opencmenu > ul {display: block; position: absolute; left: 0; z-index: 60; background: #000;}

#custommenu > ul, #custommenu > ul > li {list-style-type: none; padding: 0; margin: 0;}
#custommenu > ul {padding: 20px;}
#custommenu > ul > li {display: inline-block; color: #fff; padding: 10px;}
#custommenu > ul > li a {color: #fff; display: block; padding-left: 20px; position: relative; font-weight: 300;}
#custommenu > ul > li a:before {content: "\f18e"; font-family: FontAwesome; position: absolute; left: 0;}

/* navigacija cez vse */ /*@media (min-width: 767px){.navbar-nav > li { float:none; display: table-cell; width: 1%;} .navbar-nav > li a { text-align:center;}}*/
.navbar-collapse {padding: 0;}
@media (min-width: 767px) {nav { } nav .nav { width: 100%;}}
nav {text-transform:none; font-size:14px; font-weight:400; position:relative; background: rgba(255,255,255,.0);}
nav .nav {width: 100%;  position: relative;}
nav .nav>li {position: relative;}
nav .nav>li>a, nav .nav>li>a:hover, nav .nav>li.active > a {transition: all 0.4s ease; z-index: 2; position: relative; padding: 0 15px; line-height:50px;}
nav .nav>li>a { color:#231f20; font-weight:bold;}
nav .nav>li>a:hover, nav .nav>li.active > a, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, nav .nav>li>a:focus  { background:#c59c6e; color:#fff;}

.dropdown-menu { background:#f26722; border:none; padding:0;}
.dropdown-menu li a { color:#fff; font-weight:bold; }
.dropdown-menu li a:hover { color:#fff; background-color:#333;}

/* dontent ddnavi */

nav .nav>li, nav .dropdown { position:static;}
nav .nav >  li > ul { width:100%; float:left;}
/* dd 1 nivo */
nav .nav >  li > ul > li { float:left; padding:0 5px; width:100%;} 
nav .nav >  li > ul > li a { text-align:left; text-transform:none; padding:5px 0; width:100%;}
nav .nav >  li > ul > li a:hover {background:none; color:#fff;}

/* dd 2 nivo */
nav .nav .dropdown-menu > li > .dropdown-menu { display:block; position:relative; background:none; border:none; box-shadow:none; width:100%;}
nav .nav >  li > ul > li > ul > li a { border:none; display:block; width:100%;}
nav .nav >  li > ul > li > ul > li a:hover { background:none; color:#3DC4E5;}


.ddmenu_content { background:#fff; font-weight:400;}
.ddmenu_content .innerbox { padding-left:15px; padding-right:15px;}
.spustni_menu_box { width:25%; padding-top:30px; padding-bottom:30px;}
.spustni_menu_box h2 { font-size:16px; margin:20px 0;}

/* --------------------------------------------------------------------- fixed bar ------------------------------------------------------------------- */
.fixed_bar { position:fixed; z-index:31; top:200px; right:0; background-color:#f1f1f1; padding:10px;}
.fixedbar_content { margin-bottom:10px;}
.fixedbar_content:last-child { margin-bottom:0;}

/* --------------------------------------------------------------------- main content ------------------------------------------------------------------- */
/* naslovnica */
.mainbox1 > .innerbox, .mainbox2 > .innerbox, .mainbox3 > .innerbox, .mainbox4 > .innerbox, .mainbox5 > .innerbox, .mainbox6 > .innerbox { width:100%; padding-top:30px; padding-bottom:30px;}
.mainbox1 > .innerbox:empty, .mainbox2 > .innerbox:empty, .mainbox3 > .innerbox:empty, .mainbox4 > .innerbox:empty, .mainbox5 > .innerbox:empty, .mainbox6 > .innerbox:empty { display:none;}

.mainbox1 { text-align:center;}

.izhbox {position: relative; border:5px solid #dbdbdb; padding:2px;}
.izhbox:hover { border-color:#f26722;}
.izhslika {background:#000;}
.izhslika img {opacity:0.5; -webkit-backface-visibility: hidden;}
.izhbox:hover .izhslika img {opacity:0.8;}
.izhcontent { position:absolute; top:5%; text-align:center; padding:20px; color:#fff;}
.izhikona .fa { font-size:60px;}

.izhodiscna h2 { position:absolute; bottom:0; letter-spacing: 3px;    font-size: 35px;    padding: 10px;    background: rgba(0,0,0,0.6);    float: left;    border-left: 5px #f26722 solid;        text-align: left;    color: #fff;    font-weight: 700;}
.izhodiscna h3 { position:absolute; bottom:0; letter-spacing: none;    font-size: 20px;    padding: 10px;    background: rgba(0,0,0,0.6);    float: left;    border-left: 5px #ddd524 solid;       text-align: left;    color: #fff;    font-weight: 700;}
.izhodiscna img {}

/* notranje */
.mainleft { width:20%;}
.mainright {width:80%;}

.mainfull { background:#fff; padding-top:15px; padding-bottom:15px; margin-top: 20px;}
.innermain { margin-bottom:30px;}

/* kontakt na strani */
.kontakt_na_strani .form-control { width:100%; margin-bottom:5px;}
.kontakt_na_strani textarea { width:100%; height:60px;}
.kontakt_na_strani .izracun { float:left; width:60%; margin-right:10%;}
.kontakt_na_strani button { width:30%;}

.tabela-vsebina { width:100%;}
.tabela-vsebina th, .tabela-vsebina td { padding:5px;}
.tabela-vsebina th { text-align:left; color:#fff;}
.tabela-vsebina tr:nth-child(even) td { background-color:#efefef;}

/* --------------------------------------------------------------------- banner ------------------------------------------------------------------- */
.carousel-caption {text-shadow:none; left: 0; right: auto;}
.carousel .carousel-caption h2 {letter-spacing:3px; font-size:25px; padding:20px; background:rgba(0,0,0,0.6); float:left; border-left:5px #f26722 solid; width:100%; text-align:left; color:#fff; font-weight:700;}
.carousel .carousel-caption p {  font-size:19px; padding:20px; background:rgba(255,255,255,0.6); border-left:5px #f26722 solid; width:100%; text-align:left; color:#000; float:left; font-weight:300; letter-spacing:2px;}
.carousel .carousel-caption h2, .carousel .carousel-caption p, .carousel .carousel-caption a {}

.bannerbox {border: 10px solid #fff; margin-top: 30px; float: left; width: 100%;}
/*.mainbanner {background: url(../images/site/bgbody.jpg);}*/
.mainbanner .carousel-indicators { }

.carousel-control .fa-chevron-right, .carousel-control .fa-chevron-left  { color:#000; font-size:40px; }
.mainbanner .carousel-control { display:block;}
.mainbanner .carousel-control.right, .mainbanner .carousel-control.left { top:auto; width:auto;}
.mainbanner .carousel-control.left { left:auto; right:52px;}
.mainbanner .carousel-control.right span, .mainbanner .carousel-control.left span { position:relative; background:#333; width:50px; height:50px; line-height:50px;}



.mainbox2.w2 .carousel .carousel-caption h2 {  font-size: 22px;   padding: 10px;   background: rgba(0,0,0,0.6);   float: left;   border-left: 5px #f26722 solid;   width: 100%;   text-align: left;}
.mainbox2.w4 .carousel .carousel-caption h2 { font-size: 32px; padding: 20px;   background: rgba(255,255,255,0.8);   border-left: 5px #f26722 solid;   width: 100%;   text-align: left; color:#000}
.carousel .carousel-caption h3 {font-size:15px; padding:10px; background:rgba(141,216,248,0.7); float:left; border-left:5px #ddd524 solid; width:100%; text-align:left; font-weight:300; text-transform:none; color:#000}
.mainbox2.w4 .carousel .carousel-caption p {  font-size:14px; padding:10px; background:rgba(221,213,36,0.7); border-left:5px #f26722 solid; width:100%; text-align:left; color:#000; float:left; font-weight:300; letter-spacing:none;}
.mainbox2.w4 .carousel-caption {top: 0; padding-top:0}


/* ----------------------------------------------------------------------- stranska navigacija --------------------------------------------------------------------- */ 
.navi_it > ul > li {border:1px solid #e4e4e4; margin-bottom:-1px;}
.navi_it > ul > li > a, div.sekundarna a, div.sekaktivna a { padding:15px 10px 10px 10px; color:#000; font-size:18px; font-weight:700; border-bottom:5px solid #fff;}
.navi_it > ul > li > a:hover, .navi_it > ul > li.active > a, .navi_it > ul > li.active > a:hover, div.sekundarna a:hover, div.sekaktivna a, div.sekaktivna a:hover {color:#000; border-bottom:5px solid #f26722; text-decoration:none;}


.navi_it > ul ul > li > a, div.terciarna a, div.tercaktivna a { padding:3px 10px 3px 20px; font-size:14px; color:#999; font-weight:700;}
.navi_it > ul ul > li > a:hover, .navi_it > ul ul > li.active > a, .navi_it > ul ul > li.active > a:hover, div.terciarna a:hover, div.tercaktivna a, div.tercaktivna a:hover  {color:#f26722;}

.navi_it > ul ul ul > li > a { padding:3px 10px 3px 30px; color:#333; font-size:13px;}
.navi_it > ul ul ul > li > a:hover, .navi_it > ul ul ul > li.active > a, .navi_it > ul ul ul > li.active > a:hover {color:#f26722;}

div.sekundarna a, div.terciarna a, div.sekaktivna a, div.tercaktivna a { display:block; float:left; width:100%;}


/* shop ddnavi */
.ddmenu_content .navi_it {  column-count:3; column-gap:0; padding:20px;}
.ddmenu_content .navi_it > ul { break-inside:avoid;  padding:5px;}
.ddmenu_content .navi_it > ul ul { display:block;}
.ddmenu_content .navi_it > ul > li, .ddmenu_content .navi_it > ul > li > a { border:none;}
.ddmenu_content .navi_it > ul > li > a { font-weight:400; padding:0;}
.ddmenu_content .navi_it > ul > li > a:hover { background:none;}
.ddmenu_content .navi_it > ul > li > ul > li  > a { font-weight:400; padding:3px 0; color:#666; text-transform:none;} 
.ddmenu_content .navi_it > ul > li > ul > li  > a:before {content: "\f105"; font-family: FontAwesome; margin-right:5px;}
.ddmenu_content .navi_it > ul > li > ul > li > ul > li {display: none;}
.ddmenu_content .navi_it > ul > li > ul > li > ul > li a { font-weight:400; padding:3px 10px; color:#999; text-transform:none;}
.ddmenu_content .navi_it > ul > li > ul > li a:hover, .ddmenu_content .navi_it > ul > li > ul > li > ul > li a:hover { background:#efefef; text-decoration:none;}


/* ----------------------------------------------------------------------- filtri --------------------------------------------------------------------- */ 
.filter_okvir { margin:20px 0 0 0; float:left; width:100%;}
.filter_top, .mainleft .detail_sorodni .sorodni_title, .mainleft .lastviewed_artikli_naslov h2 { float:left; width:100%; font-size:14px; padding: 13px 5px 13px 0px; color:#333; font-weight:700; text-transform:uppercase;}
.filter_row {margin-right:10px; float:left; width:100%; padding:4px 20px 4px 0px; color:#999;}
.filter_row input { margin-right:5px; vertical-align:bottom;}
.filter_btn { float:left; width:100%; text-align:center; padding:20px 0;}
.filter_btn input {color:#fff;}

.filter_row input {	-webkit-appearance: none; background-color:#fafafa; border: 1px solid #cacece; padding:9px; border-radius:0px; display: inline-block; position: relative;}
.filter_row input:checked, .filter_row input:active, .filter_row input:checked:active {background-color:#f26722; border:1px solid #f26722; outline:none;}
.filter_row input:checked:after, .filter_row input:active:after, .filter_row input:checked:active:after {content: "\f00c"; font-family: FontAwesome; line-height: 1; font-size:13px; position:absolute; top:2px; left:3px; color:#fff;}

.irs-bar { border:1px solid #aaa; background:#f1f1f1; height:9px;}
.irs-slider { border:1px solid #888; background:#fff; top:28px; box-shadow:none;}
.irs-slider.from:before, .irs-slider.to:before { display:none;}
.irs-to, .irs-from { background:#fff; border:none; color:#999; border-radius:0;}

/* ----------------------------------------------------------------------- novice --------------------------------------------------------------------- */ 
.newsshort_novica {width:25%; margin-bottom:30px;}
.newsshort_novica > .innerbox { border-width:1px; border-style:solid; padding:10px;}
.fpage_newstitle { display:none;}
.fpage_newstitle h2 { font-size:26px; text-transform:uppercase; margin-top:20px; margin-bottom:20px; text-align:center;}
.news_date {z-index:1; position:absolute; top:0; left:0;}
.news_date > .innerbox { padding:0 10px; background:rgba(255,255,255,0.8);}
.news_slika, .news_content { width:100%;}

.sorodne_novice .newsshort_novica {width:100%;}
.sorodne_novice .news_slika { float:left; width:100%;}
.sorodne_novice .news_content { float:left; width:100%;}

/* seznam novic */
.snovica_box{ width:50%;}
.snovica_box .innerbox{ border-top:1px solid #ccc; padding-top:10px}
.snovica_btn { display:block; margin-top:10px;}
.snovica_slika .innerbox, .snovica_vsebina .innerbox { border:none;}
.snovica_slika{ width:40%;}
.snovica_vsebina { width:60%;}
.snovica_box { margin:0 0 20px 0;}

/* detajl novice */
.dnovica_top > div > div {display: table;}
.dnovica_slika { width:100%;}
.dnovica_vsebinatop { width:100%;}
.dnovica_maleslike { width:100%; margin:20px 0 0 0;}
.dnovica_vsebina { width:100%;}
.detail_singlethumb { width: 25%; margin:0 0 20px 0;}

.novice_artikli { padding:0;}

/* ----------------------------------------------------------------------- galerija --------------------------------------------------------------------- */ 
.seznam_gallery_title, .seznam_title, .sorodne_novice_title  { display:none;}
.seznam_gallery_singlethumb { width:25%; margin-bottom:10px;}	

/* ----------------------------------------------------------------------- anketa --------------------------------------------------------------------- */ 
.anketa_vprasanje { font-weight:bold; padding:10px 0;}
.anketa_odgovori { padding:5px 0;}
.anketa_radio { margin-right:5px;}
.vote_button {text-align: center; padding:20px 0;}

/* ----------------------------------------------------------------------- artikli --------------------------------------------------------------------- */ 
/* paging */
.title_and_paging > .innerbox { margin-bottom:20px;}
.fpage_seznam_title { float:left; height:auto; line-height:auto;}

.pagination {float:right;}
.pagination>li>a, .pagination>li>span {border:none; color:#000; background:none;}
.pagination>li>a:hover, .pagination>.active>a, .pagination>.active>a:hover { background:none; text-decoration:underline; color:#000;}
.pagination > li > a:hover, .pagination>.active>a, .pagination>.active>a:hover { background:none; border-color:#e2001a; color:#000;}

.swiper-top h2, .swiper-pagination-bullet, .swiper-all {line-height:40px; height: auto;}
.swiper-top {margin-bottom: 20px; float: left; width: 100%;}
.swiper-top h2 {float: left; font-size:30px; font-weight:700;}
.swiper-pagination {float: right; padding-bottom:0px;}
.swiper-pagination-bullet {padding: 0px 12px; background: none; opacity: 1; color: #000;}
.swiper-pagination-bullet-active {background: none; color: #000; text-decoration: underline;}
.swiper-all {float: right; padding-left: 10px;}
.swiper-all a {color: #000;}

.swiper-thumbs .swiper-wrapper {/*overflow-x: scroll; padding-bottom: 10px;*/ flex-wrap: wrap;}


.breadcrumb { margin-bottom:10px; background:none; padding-left:0; font-size:12px;}
.uredi_po { float:right; width:100%; text-align:right; font-size:12px;}

.seznam_title { margin-bottom:30px;}
.seznam_katopis { padding:20px 0;}

.seznam_katslike .artikel_box {width: 20%;}
.posebna .seznam_katslike .artikel_box {width: 25%;}
.seznam_katslike .artikel_box > .innerbox {padding:0; border: 1px solid #ccc; background: #fff;}
.seznam_katslike .seznam_slika {}
.seznam_katslike .seznam_podatki {position: absolute; bottom:0;}
.seznam_katslike .seznam_naziv {background:rgba(0,0,0,0.6); float:left; border-left:5px #f26722 solid; color: #fff;} 
.seznam_katslike .seznam_naziv:before {position: absolute; z-index: 1; left: 0; bottom: 0; right: 100%; top: 0; background: #f26722; content: "";}
.seznam_katslike .artikel_box:hover .seznam_naziv:before {right: 0;}
.seznam_katslike .seznam_naziv a {color: #fff; position: relative; z-index: 2; font-size: 14px;}

/* artikel box */
.artikel_box {width:25%;}
.artikel_box > .innerbox {text-align:center; margin:0 0 30px 0; position:relative;  float:left; width:100%;}

/*
.artikel_banner > .innerbox, .artikel_banner2 > .innerbox { padding:0; border:0; overflow:hidden;}
.artikel_banner .seznam_novost, .artikel_banner .seznam_freedelivery, .artikel_banner .seznam_razprodano, .artikel_banner .seznam_popust_icon, .artikel_banner .seznam_slika, .artikel_banner .seznam_cena, .artikel_banner .seznam_naziv, 
.artikel_banner2 .seznam_novost, .artikel_banner2 .seznam_freedelivery, .artikel_banner2 .seznam_razprodano, .artikel_banner2 .seznam_popust_icon, .artikel_banner2 .seznam_slika, .artikel_banner2 .seznam_cena, .artikel_banner2 .seznam_naziv
{display:none;}
.artikel_banner .seznam_kratkiopis, .artikel_banner2 .seznam_kratkiopis { display:block;}
.artikel_banner .seznam_kratkiopis img, .artikel_banner2 .seznam_kratkiopis img {object-fit: cover; min-height:100%; width:auto; position:absolute; left:0;}
.artikel_banner2 { width:50%;}
*/
.seznam_kratkiopis { display:none;}

.mainleft .artikel_box > .innerbox { background:#f7f7f7; border:none;}
.mainleft .artikel_box .seznam_slika { float:left; width:30%;}
.mainleft .artikel_box .seznam_podatki { float:left; width:70%; text-align:left; padding-left:15px;}
.mainleft .artikel_box .seznam_naziv { padding-top:0;}
.mainleft .seznam_cenatxt { display:none;}
.mainleft h3 { background:#3bb3c3; float:left; height:auto; line-height:auto; color:#fff; font-size:16px; font-weight:400; padding:14px 30px; width:100%;}

.pomoc {background: #f26722; text-align: center; padding: 20px 0; margin-bottom: 20px; float: left; width: 100%;}
.pomoc h3 {margin-top: 20px; float: none;}
.pomoc h2, .pomoc h2 a, .pomoc p, .pomoc p a {padding: 20px 10px 0 10px; color: #fff; font-size: 20px; font-weight: 300;}
.pomoc h2 a, .pomoc p a {text-decoration: underline; font-weight: 300;}

/* slika */
.seznam_slika {}
.seznam_slika img {}
.artikel_box > .innerbox:hover .seznam_slika img {}

/* seznam cene */
.seznam_cena { padding:10px;}
.seznam_cenaakcija .seznam_cenavalue, .seznam_rednacena .seznam_cenavalue, .opcija_cenaakcija { font-weight:bold; font-size:16px;}
.seznam_staracena { font-size:13px;}
.seznam_staracena .seznam_cenavalue, .detail_staracena_value, .opcija_staracena { text-decoration:line-through;}
.seznam_cenatxt { display:none;}

/* tagi na artiklu */
.seznam_opicon { z-index:2;}
.seznam_popust_icon, .detail_popust_icon { position:absolute; z-index:2; top:0; right:0; padding:10px; background:#f26722; color:#fff; font-weight:700; font-size:20px;}
.seznam_btnvec { display:none;}

.mainleft .seznam_novost, .mainleft .seznam_freedelivery, .mainleft .seznam_razprodano, .mainleft .seznam_popust_icon { display:none;}
.seznam_novost, .seznam_freedelivery, .seznam_razprodano { position:absolute; font-size:12px; left:0; z-index:2;}
.seznam_novost {}
.seznam_novost a, .seznam_novost a:hover {display:block; padding:3px 5px; background:#000; color:#fff; text-decoration:none;}

.seznam_razprodano { margin-top:30px;}
.seznam_razprodano a, .seznam_razprodano a:hover { display:block; padding:3px 5px; background:#000; color:#fff; text-decoration:none;} 

.seznam_freedelivery { margin-top:60px;}
.seznam_freedelivery a, .seznam_freedelivery a:hover {display:block; padding:3px 5px; background:#000; color:#fff; text-decoration:none;} 

/* detail artikla */
.detail_topleft, .detail_topright { width:50%;}
.detail_topleft > .innerbox {position:relative;}
.detail_social, .detail_sifra, .detail_staracena, .detail_popust, .detail_cena, .detail_zaloga { padding:5px 0; border-bottom:1px solid #666;}
.detail_vprasanje_opis a { color:#000;}
.detail_cena, .cart_sum_zaplacilo, #dostava_cena { font-weight:bold; font-size:32px;}
.podrobno_podrobniopis { margin:20px 0;}
.podrobno_podrobniopis ul { margin-left:20px;}

.detail_topleft .detail_thumbs { margin-left:-15px; margin-right:-15px;}
.detail_topleft .detail_singlethumb { margin-top:10px;}

.dvprasanje_form { background:#ccc;}
.dvprasanje_email, .dvprasanje_opis { padding:10px;}
.dvprasanje_email p { margin:0 10px 0 0;}
.dvprasanje_btn {padding:0 0 10px 0; text-align:center;}

.tabela_opcije_naslov { font-size:24px; margin-top:20px; margin-bottom:10px;}
.opcija_slika { min-width:50px;}
.opcija_vkosarico a { text-indent:-0px; font-size:0px;}
.opcija_vkosarico .btn:after {content: "\f07a"; font-family: FontAwesome; display: inline-block; line-height: 1; font-size:16px;}

.detail_sorodni { padding:0;}
.detail_sorodni .sorodni_title { padding:30px 0; margin:0;}
.mainleft .detail_sorodni .sorodni_title, .darila_naziv { margin:20px 0;}
.sorodne_novice_title { margin-bottom:30px;}

.detail_tehspec_row { border-bottom:1px solid #849bae;}

.detail_dokument_row, .detail_dokument_icon, .detail_dokument_txt { display:inline-block;}
.detail_dokument_row { border:1px solid #999; background:#efefef; padding:5px 10px;}   
.detail_dokument_row, .detail_dokument_icon { margin-right:10px;}

.tabelaopcije { float:left;}

.detail_kolicina {width: 100%; margin: 0; background: #c0da71; padding: 5px; text-align:center;}
.detail_kolicina input { margin: 0; border: none; width: 100px; display: inline-block;}
.detail_btnkosarica .btn {font-size:30px; width: 100%;}

/* ------------------------------------------------------------- kosarica pregled -------------------------------------------------------------- */
.cart_pregled_cenakos, .cart_pregled_popust, .cart_pregled_popustznesek, .cart_pregled_cenaspopustom, .cart_pregled_ddv, .cart_pregled_cena_zddv, .cart_pregled_izdelek,
.cart_sum_brezpopusta, .cart_sum_popust, .cart_sum_spopustom, .cart_sum_ddv, .cart_sum_zaplacilo, .cart_pregled_znesekdostave > div, .cart_pregled_kol, .cart_pregled_sumcena {border-bottom:1px solid #242424;}

.cart_pregled_cenakos, .cart_pregled_popust, .cart_pregled_popustznesek, .cart_pregled_cenaspopustom, .cart_pregled_ddv, .cart_pregled_cena_zddv, .cart_pregled_kol, .cart_pregled_sumcena,
.cart_sum_brezpopusta, .cart_sum_popust, .cart_sum_spopustom, .cart_sum_ddv, .cart_sum_zaplacilo, .cart_pregled_znesekdostave > div {padding:0 0 5px 0; margin:0 0 5px 0;}

.cart_pregled_naziv { font-size:18px;}

.cart_pregled_cenatxt, .cart_sum_txt { padding:0 0 0 5px;}
.cart_pregled_cenavalue, .cart_sum_value { padding:0 5px 0 0;}

.cart_pregled_opomba, .cart_pregled_file {background:#efefef;}
.cart_pregled_opomba .innerbox, .cart_pregled_file .innerbox {padding:10px;}
.cart_pregled_opombavalue textarea { width:100%; background:#fff; resize: none;}
.cart_pregled_opombabtn { padding:10px 0 0 0; text-align:center;}

.cart_pregled_file { margin:5px 0 0 0;}
.cart_file_btn { padding:10px 0;}

.cart_pregled_title { margin:30px 0;}
.buydata_left h2, .buydata_right h2 { margin:30px 0; text-align:left;}

/* pregled ponudbe pred potrditvijo */
.pregled_ponudbe .buydata_left { width:100%; margin-bottom:30px;}
.cart_pregled_naslovi {background:#efefef;}
.cart_pregled_naslovi > .innerbox { padding:20px 15px;}
.cart_pregled_naslovi h2 { margin:0;}

.cart_pregled_narocilotxt, .cart_pregled_stnarocila { width:50%;}
.cart_pregled_stnarocilarow .innerbox { padding:15px 0;}

.cart_buttons { margin:20px 0; text-align:right;}

.cart_nacinplacila_choosetxt { font-weight:bold}

.cart_pregled_sifra { font-size:16px; margin-bottom:20px; margin-top:20px;}
.cart_pregled_deleteartikel { clear:left; margin-top:10px; float:left;}
.cart_pregled_deleteartikel a {background:#d80b36; color:#fff; padding:5px 10px;}
.cart_pregled_deleteartikel i { margin-right:5px;}

.cart_pregled_znesekdostave > div:empty, .filter_btn:empty { display:none;}

.dostava_kodazapopust > .innerbox { margin:20px 0 0 0; padding:10px 20px; background:#efefef; float:left; width:100%;}
.cart_popusttxt { font-weight:700;}

.cart_pregled_naslovdostava, .cart_pregled_dostava, .cart_pregled_placilo, .cart_pregled_opomba { background:#f5f5f5; margin-bottom:1px;}
.cart_pregled_naslovdostava h3 { padding:10px;}
.cart_pregled_naslovdostava p { padding:0 10px 10px 10px;}

.cart_pregled_opomba, .cart_pregled_dostava, .cart_pregled_placilo { padding:10px; float:left; width:100%; }

.cart_checkbox { margin-bottom:1px; padding:10px; background:#f5f5f5;}
.cart_checkbox input { margin-right:5px;}

.cart_pregled_kolicina2 input::-webkit-outer-spin-button,
.cart_pregled_kolicina2 input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.cart_pregled_kolicina2 input[type=number] {
	-moz-appearance: textfield;
  }

/* ------------------------------------------------------------------- noga -------------------------------------------------------------*/
.travafoot {background:url(../images/site/trava.png) repeat-x; height:167px;}
footer { background:#cddc28; color:#000; padding:30px 0 0 0; font-size:12px;}
footer a { color:#000;}
footer h2 { color:#000;}

.footlinks { margin-bottom:30px;}
.footlinks ul, .footlinks li { list-style-type:none;}
.footlinks li a { display:block; padding:3px 0; color:#000;}
.footlinks li a:hover {text-decoration:underline;}

.footbottom .footbox:first-child {border-top: 1px dashed #000; border-bottom: 1px dashed #000; padding-top: 0px; padding-bottom: 0;}
.footbottom .footbox:first-child ul {margin:0;}

.footbox { padding-top:20px; text-align:center;}
.primaryfoot > div > ul { padding:0;}
.primaryfoot > div > ul > li { display:inline-block; margin-right:5px;}
.primaryfoot > div > ul > li a, .primaryfoot > div > ul > li a:hover { color:#000; padding:10px 10px; display:block; font-size:13px; font-weight: 700;}
.primaryfoot > div > ul > li a:hover, .primaryfoot > div > ul > li.active a { text-decoration:none;}
.primaryfoot > div > ul > li a:before {content: "\f101"; font-family: FontAwesome; display: inline-block; line-height: 1; font-size:14px; margin-right:10px;}

.footbox p, .footbox h3 { display:inline-block;}

.footcontact .fa { font-size:12px; margin:0 5px 0 10px;}
.footsocial .fa { font-size:18px; margin:0 10px;}

.elsocial { float:left; width:100%; margin:20px 0 0 0; display:none;}

/* enovice */
.footmiddle { background:#e5e5e5; padding:10px 0;}
.footnl {width:100%;}
.footmiddle form { 
	display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; 
	-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;
    -webkit-align-items: center; -moz-align-items: center; -ms-v: center; align-items: center;
	-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	}

.footbottom {}

.enovice_title {padding-right:10px; font-size:20px; font-weight:bold;}
.enovice_txt  { margin:0; margin-right:10px;}
.enovice_input, .enovice_button {}
.enovice_input input { color:#000;}

.footauthors {background: #231f20; width:100%; font-size:12px; color:#000; text-align:center;}
.footauthors a { color:#ccc;}
.footauthors > div > div > div > div { display:inline-block;}
.footauthors .innerbox { padding:10px 15px;}

/* //////////////////////////////////////////////////////// COMMON DIMENZIJE //////////////////////////////////////////////////////// */

.art1 .artikel_box, .news1 .newsshort_novica, .w1 {width:100%;}
.art2 .artikel_box, .news2 .newsshort_novica, .w2 {width:50%;}
.art3 .artikel_box, .news3 .newsshort_novica, .w3 {width:33.33333333333333%;}
.art4 .artikel_box, .news4 .newsshort_novica, .w4 {width:25%;}
.art5 .artikel_box, .news5 .newsshort_novica, .w5 {width:20%;}
.art6 .artikel_box, .news6 .newsshort_novica, .w6 {width:16.666666666666664%;}
.art8 .artikel_box, .news8 .newsshort_novica, .w8 {width:12.5%;}
.art10 .artikel_box, .news10 .newsshort_novica, .w10 {width:10%;}

.artspan .seznam_slika, .artspan .seznam_podatki, .newsspan .news_slika, .newsspan .news_content { width:50%; float:left;}

/* //////////////////////////////////////////////////////// RESPONSIVE DIMENZIJE //////////////////////////////////////////////////////// */

@media (min-width: 1200px){}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 481px) and (max-width: 991px) {}
@media (min-width: 768px) and (max-width: 991px) {
	.mainright .artikel_box { width: 33.33333333333333%;}
	.mainleft { width: 25%;}
	.mainright {width: 75%;}
}

@media (min-width: 481px) and (max-width: 991px) {}
@media (min-width: 767px) {.cart_pregled_slika img { max-height:300px;}}
@media (max-width: 767px) {
	.ddsearch_icon a, .profileopen a, .stanjekosarice_stanje a, .jeziki [class*=lan_a_] a, .navitop {height:40px; line-height:40px;}
	.jeziki { height:40px;}
	/* mobile cart menu */
	.mobile_cart_menushop, .mobile_cart_menu, .mobile_cart_cart {cursor:pointer;}
	.mobile_cart_menushop a, .mobile_cart_menu a, .mobile_cart_cart a {color:#fff; padding:10px;}
	.mobile_cart_container { position:relative; left:0px; top:0; z-index:60;}
	.mobile_cart_menu a { background:#f26722; height:40px; width:40px; text-align:center;}
	.mobile_cart_menushop a {background-color:#000;}
	.navitop { display:none;}
	.kosaricaakcije > div > a > span { display:block;}
	/* primarna navigacija */
	nav { position:absolute; left:0; right:0; top:40px; z-index:50; background:#f26722; font-weight:normal; text-transform:none;}
	nav .navbar-collapse { max-height:100%;}
	
	nav .dropdown > ul {margin: 0; padding:5px;}
	nav .dropdown-menu {position: relative;}
	nav .nav > li > ul > li {width: 100%;}
	.navbar-nav {margin: 0;}

	nav .nav>li.ddmenu_content, nav .navbar-nav .open .dropdown-menu { position:relative; margin-bottom:15px; box-shadow:none; width:100%; float:left; background:rgba(255,255,255,.2);}

	nav .ddmenu_content .navi_it { padding:0;}
	nav .nav>li>a { color:#fff;}
	nav .nav>li>a:hover, nav .nav>li.active > a, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, nav .nav>li>a:focus  { background:none; color:#fff;}
	
	/* trgovinaska dd */
	nav .ddmenu_content .innerbox { padding:10px;}
	/* 1 nivo*/
	nav .ddmenu_content .navi_it > ul > li > a, nav .ddmenu_content .navi_it > ul > li > a:hover,
	nav .navbar-nav .open .dropdown-menu>li>a, nav .navbar-nav .open .dropdown-menu>li>a:hover { margin:5px 0; background:#333; color:#fff; padding:5px 10px; border-radius:2px; border:none;}
	/* 2 nivo */
	nav .ddmenu_content .navi_it > ul > li > ul > li  > a, nav .ddmenu_content .navi_it > ul > li > ul > li  > a:hover { color:#000; text-transform:uppercase; font-weight:300; border:none; background:none; padding:5px 10px;}
	nav .ddmenu_content .navi_it > ul > li > ul > li  > a:before { display:none;}
	/* 3 nivo */
	nav .ddmenu_content .navi_it > ul > li > ul > li > ul > li { padding:2px 10px;}
	nav .ddmenu_content .navi_it > ul > li > ul > li > ul > li a, nav .ddmenu_content .navi_it > ul > li > ul > li > ul > li a:hover {background:rgba(255,255,255,.8); border-radius:2px; border:none; color:#333;}
	
	.enovice_title, .enovice_txt { width:100%; text-align:center;}
	.enovice_txt { margin-bottom:10px;}
	
	.fixed_bar, /*.mainbanner,*/ .back_banner { display:none;}
	.snovica_box, .search { width:100%;}
	.logo { width:100%; text-align:center;}
	.detail_singlethumb { width:50%;} 
	.artspan .artikel_box, .newsspan .newsshort_novica { width:100% !important;}
	/*  leva navigacija */
	.mainleft {background: #fff; position: fixed; overflow-y:auto; width: 240px !important; height: 100%; top: 0; bottom:0; z-index: 1000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
	.mainleft {left: -100%;} 
	.mainleft.open {left: 0%;}
	.closeleftmenu { display:block;}
	.closeleftmenu a { color:#fff; font-size:20px; text-align:left; width:100%; padding:5px 0; background:#000; display:block; cursor:pointer;}
	.closeleftmenu a:hover { text-decoration:none; background-color: #404040;}
	.closeleftmenu i { margin-left:15px;}
}

@media (min-width: 481px) and (max-width: 767px) {
	.search, .mainright {width:100%;}
	.w2, .w3, .w4, .w5, .w6, .w8, .w10, .art2 .artikel_box, .art3 .artikel_box, .art4 .artikel_box, .art5 .artikel_box, .art6 .artikel_box, .art8 .artikel_box, .art10 .artikel_box,
	.news2 .newsshort_novica, .news3 .newsshort_novica, .news4 .newsshort_novica, .news5 .newsshort_novica, .news6 .newsshort_novica, .news8 .newsshort_novica, .news10 .newsshort_novica,
	.artikel_box, .mainright .artikel_box, .seznam_katslike .artikel_box
	{width:50%;}
	.seznam_gallery_singlethumb {width:33.33333333333333%;}
	.ddmenu_content .navi_it {  column-count:2;}
}
@media (max-width: 480px) {
	.w2, .w3, .w4, .w5, .w6, .w8, .w10,	.art2 .artikel_box, .art3 .artikel_box, .art4 .artikel_box, .art5 .artikel_box, .art6 .artikel_box, .art8 .artikel_box, .art10 .artikel_box,
	.news2 .newsshort_novica, .news3 .newsshort_novica, .news4 .newsshort_novica, .news5 .newsshort_novica, .news6 .newsshort_novica, .news8 .newsshort_novica, .news10 .newsshort_novica,
	.artikel_box, nav .nav >  li > ul > li, .seznam_katslike .artikel_box
	{width:100%;}
	
/*-----*/	
	/*.artikel_banner .seznam_kratkiopis img, .artikel_banner2 .seznam_kratkiopis img { position:relative; width:100%;}*/
	.search > .innerbox { padding:0 0 15px 0;} 
	.mainright  .artikel_box { width: 100%;}
	.detail_topleft { width:100%;}
	.detail_topright { width:100%;}
	.mainright { width:100%;}
	/* novice */
	.snovica_box, .snovica_slika, .snovica_vsebina, .newsshort_novica { width:100%;}
	.newsshort_novica {margin-bottom:30px;}
	/* detajl novice */
	.dnovica_slika, .dnovica_vsebinatop { width:100%;} 
	/* galerija */
	.seznam_gallery_singlethumb { width:50%;}
	/* kosarica */
	.cart_buttons { margin:20px 0; text-align:center;} .cart_buttons > div > div { margin-bottom:5px;}
	.sorodne_novice .newsshort_novica {width:100%;}
	.sorodne_novice .news_slika {width:100%; margin-right:0;}
	.sorodne_novice .news_content {width:100%;}
	.ddmenu_content .navi_it {  column-count:1;}
}


.seznam_podatki {-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}