/* GENERAL */
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

@font-face {
	font-family: "Icon";
	src: url("icons/icon.eot");
	src: url("icons/icon.eot#iefix") format("embedded-opentype"),
	url("icons/icon.woff") format("woff"),
	url("icons/icon.ttf") format("truetype"),
	url("icons/icon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="fi-"]:before, [class*=" fi-"]:before,
[class^="fi-"]:after, [class*=" fi-"]:after {
font-family: Icon; font-style: normal; color:#3a3f53; }

.fi-cart:before { content: "\f100"; font-size: 27px; margin-right: 10px; position: relative; top: 3px;}
.fi-user:before { content: "\f101"; font-size: 25px; margin-right: 10px; position: relative; top: 3px;}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,embed,figure,figcaption,footer header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
b,strong, .strong {font-weight:600;}
i,em {font-style:italic;}
input[type=submit]{-webkit-appearance:none;}

.youtube-video {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.youtube-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.content .inner-content img { max-width: 100%; width: 100%; height: auto;}
.content .inner-content img.auto-width { width: auto;}
/* BASIC */
html,body {padding:0px;margin:0px;width:100%;height:100%;}
html { overflow-y: scroll; }
body {font-size:16px; font-family: 'Fira Sans', Arial, sans-serif; font-weight:400; color:#393e52; background: #f9f8f5;}

table td {vertical-align:top; padding:6px 0; }
a, td a {color:#3a3f53;text-decoration:none;outline:none;}
a:hover {color:#F58025;}
a img, img { border: none;outline:none;}
p {margin:0;line-height:29px;}
ul, li {margin:0px 0px 0px 9px;padding:0;list-style-position:outside;}
ul {margin:5px 0 5px 18px;}
ol {margin:5px 0px 5px 15px;padding:0;list-style-position:inside;}
li {padding: 3px 0px; margin:0;}

.left {float:left;}
.right {float:right;}
.cf {clear:both;}
.padding10 { padding: 10px;}
.padding20 { padding: 20px;}
.padding30 { padding: 30px;}
.padding40 { padding: 40px;}
.maps .content .inner-content { pointer-events: none;}
hr {border:none;border-bottom:1px #ffffff solid;padding:0px;margin:0px;line-height:1px;}

#footer-content hr {border-bottom:1px #bdac9b solid;margin:20px 0;}

h1, h1 a, h1 a:hover {color:#1f272d;font-size:36px;line-height:40px;text-decoration:none; margin-bottom:20px; font-weight: 500;}
#wrapper.home h1 { font-size:48px;line-height:50px; margin-bottom:30px;}
#wrapper.home h1:after { content:''; width: 38px; height: 6px; display: block; background:#e2dcce; margin-top:15px;}
#wrapper.home #dejavnosti h1:after { background:#1f272d;}
#servis h1 { color: #e2dcce;}
h2, h2 a, h2 a:hover {color:#1f272d;font-size:28px;line-height:24px;text-decoration:none; margin-bottom:25px;}
h3, h3 a, h3 a:hover {color:#1f272d;font-size:20px;line-height:30px;text-decoration:none; margin-bottom:20px;}
h4, h4 a, h4 a:hover {color:#1f272d;font-size:18px;line-height:24px;text-decoration:none; }

table.table1 tr td {padding: 10px 20px; font-size: 15px;}
table.table1 tr:first-child td { font-size: 18px; }
table.table1 tr:nth-child(odd) td {background: #eee; }

a, a:hover{
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#wrapper {width:100%; margin:0 auto; min-height:100%;height: auto !important;height:100%;position:relative; }

.framesize { width:1200px; margin:0 auto; position:relative;}
#header-container {position: relative; height:170px;width: 100%;background: #fff; z-index:410; box-shadow: 0 0px 10px rgba(68,39,10,0.25); -webkit-box-shadow: 0 0px 10px rgba(68,39,10,0.25);-moz-box-shadow: 0 0px 10px rgba(68,39,10,0.25);}
#header-container.fixed-menu {z-index: 810;position: fixed;top: 0;}

header { height:100%; }
header .worldwide { position: absolute; top: 69px;right: 0; }
header .worldwide a { display: flex; align-items: center;}
header .worldwide img { margin-right: 14px;}
header .worldwide .inner { background: #e1ddcf; padding: 5px 10px; display: flex; align-items: center;}
#logo {width: 275px; height: 89px; display: block; position: absolute; left: 0px; top:0px; z-index:200;}

#cart { float: right; margin-top:15px; display:block;cursor: pointer; z-index:210; font-size: 14px;}
#cart > .cart > i.fa { font-size: 20px; color:#3a3f53; transition: color 0.3s;}
#cart i.fa:hover { color:#F58025;transition: color 0.3s;}
#cart .reload { display: inline-block; background: #ff6015; padding: 0 10px; text-align: center; height: 19px; line-height: 20px; color: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-left: 5px; }
.mini-cart-refreshable { background:#ffffff; font-weight: 400;color:#414042;width:360px;min-height:50px; height:auto;z-index:900; position:absolute;top:120px;right:-2px; padding: 0 13px;display:none;font-size:15px; line-height: 20px;border: 1px solid #ebebeb; box-shadow: 0px 1px 6.72px 0.28px rgba(0, 0, 0, 0.13); -webkit-box-shadow: 0px 1px 6.72px 0.28px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 1px 6.72px 0.28px rgba(0, 0, 0, 0.13);}
.minicart-total span{ color:#f8a466;}
.mini-cart-refreshable .minicart-title { font-size:14px; color:#393e52; padding:0 25px; line-height: 46px; border-bottom: 1px solid #e3ddcf; font-weight: 500;}
.mini-cart-refreshable .minicart-header{ padding:15px 5px; border-bottom:1px solid #ebebeb; font-size: 13px; }
.mini-cart-refreshable .minicart-header img{ padding: 0 10px 0 0; float: left;}
.mini-cart-refreshable .minicart-row { overflow: hidden;}
.mini-cart-refreshable .minicart-row > div { display: block; width:60%;float:left; line-height:22px;}
.mini-cart-refreshable .minicart-row > div.right { width:40%;}
.mini-cart-refreshable .minicart-total{ padding:20px 0px; }
.mini-cart-refreshable .minicart-total .minicart-total-number{ float: left; }
.mini-cart-refreshable .minicart-total .minicart-total-value { float: right; }
.mini-cart-refreshable .minicart-footer{ height:37px; padding-left: 20px;}
.mini-cart-refreshable .minicart-footer a.minicart-finalize {color:#393e52; float:right; width:82px; text-align:center;}
.mini-cart-refreshable .minicart-footer a.minicart-finalize i:before{ color:#393e52; font-size: 18px; margin-right: 7px;}
.mini-cart-refreshable .empty-cart{ padding:20px;}

.userinfo { float: right; margin-top:20px; margin-left: 40px; font-size:15px; position:relative;}
.userinfo a { color:#393e52; font-size: 14px; }
.userinfo a:hover { color:#F58025; }
.userinfo ul.loggedin-navi { list-style: none; margin:0; position:absolute; top:40px; left: 50%; background:#faf9f7; padding:20px 0;text-align:left;z-index:800;width:160px;transform: translate(-50%);-moz-transform: translate(-50%);-webkit-transform: translate(-50%);box-shadow: 0 0 5px rgba(0,0,0,0.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,0.15);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);visibility: hidden; opacity: 0; transition: visibility 2s, opacity 0.3s; }
.userinfo ul.loggedin-navi a {display:block;width:100%;color:#393e52; font-weight: 500; line-height:32px;padding:0 20px;margin:0;text-decoration:none; border-left: 6px solid transparent;}
.userinfo ul.loggedin-navi a:hover { border-left: 6px solid #ff5f14}

.userinfo .login-username:hover .loggedin-navi, .userinfo .login-username:focus .loggedin-navi { visibility: visible; opacity: 1; transition: visibility 2s, opacity 0.3s; }
.userinfo div.login-username { display: inline-block; padding-bottom: 48px; cursor: pointer; }

.faq-elements .element {
    background: #fff;
    padding: 25px 30px;
    margin-bottom: 25px;
    border: 1px solid #e2dcce;
}

.faq-elements .element .faq-title{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px
}

.faq-elements .element .faq-content{
    font-size: 16px;
}

.faq-elements .element .faq-content p {
    line-height: 26px;
    color:#424242;
}

#content { padding: 80px 200px 80px; margin:0px auto; position:relative;}
#content h1 { text-align: center; }
#wrapper.page #content h1 { text-align: left; }
#content.products { padding: 80px 15px 80px;}
#content.product-show{ margin:30px auto 0;}
#content.show{ padding-top: 100px;}
#content.cart{ background:#fff; padding: 0 130px; margin-top:40px;}
#content.cart #CART { padding: 50px 0;}
#main-inner { float: right; width: 75%; position: relative; }
#main-inner.full { float:none; width: 100%; min-height: 300px;}

#content.user { z-index: 400; }
#content.user h1 { margin-bottom: 40px; }

#main-inner .inner a { color:#263435; }
#main { float: right; width: 73.72%;}
#content.show #main { float: none; width: 100%;}
#info { float:left; width: 20%; color:#fff;padding-bottom: 10em; margin-bottom: -10em;}
#info table td { padding:8px 10px;}

#navi-home #navi { background:#0066A4; height:46px; line-height:46px;list-style:none; margin:0; padding:0;}
#navi-home ul, #navi-home ul li{ margin:0; padding:0;}
#navi-home #navi li{ display:block; float:left; width:25%; text-align:center;}
#navi-home #navi li a{ display:block; color:#fff; font-size:20px;}
#navi-home #navi li a:hover { background:#F58025; }

#exposed-products { padding: 100px 0;}
#exposed-products .title { text-align: center; font-size: 48px; margin:0 0 40px; font-weight: 700;}
#exposed-products .product { width:94%; margin:0 3%;}
#exposed-products .product .price-old { text-decoration: line-through; margin-right: 10px; color:#9e9e9e;}
#dejavnosti, #servis {background:#e2ddcf; min-height:500px; height: 900px; padding: 80px 0;}
#dejavnosti:before { content:''; background:url(../images/overlay-bg.svg) repeat-x bottom center; display: block; width: 100%; height:42px; margin:-122px 0 60px;}
#dejavnosti h1 { color:#1f272d; }
#dejavnosti ul { margin:0; padding:0; list-style: none; }
#dejavnosti li { padding:5px 0; list-style: none; line-height: 20px;}
#dejavnosti li:before { content:'\f105'; font-family: 'FontAwesome'; display: inline-block;color:#1f272d; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 10px;}
#servis {background:#1f272d; height: 760px;position: relative; z-index:200; margin-top: -2px; color:#e2dcce; padding:0;}
#dejavnosti .image, #servis .image { float: left; width: 650px; height: 650px; z-index:120; position: relative;}

#dejavnosti .image .border, #servis .image .border { border: 4px solid #20272d; width: 460px; height: 460px; position: absolute; left: 50%; top: 50%; display: inline-block; margin: 0 10px; cursor: pointer; color: #20272d; transform: translate(-50%,-50%);}

#servis .image .border { border-color: #e3ddcf; }
/*
#dejavnosti .image .border svg, #servis .image .border svg{ position: absolute;left: 0; top:0;}

.border svg line {
	stroke-width: 8px;
	stroke: #20272d;
	fill: none;
	-webkit-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}

#servis .border svg line { stroke:#e3ddcf; }

.image:hover svg line {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.border svg line.top,
.border svg line.bottom {
	stroke-dasharray: 460 100;
}

.border svg line.left,
.border svg line.right {
	stroke-dasharray: 460 460;
}

.image:hover svg line.top {
	-webkit-transform: translateX(-560px);
	transform: translateX(-560px);
}

.image:hover svg line.bottom {
	-webkit-transform: translateX(560px);
	transform: translateX(560px);
}

.image:hover svg line.left {
	-webkit-transform: translateY(920px);
	transform: translateY(920px);
}

.image:hover svg line.right {
	-webkit-transform: translateY(-920px);
	transform: translateY(-920px);
}*/

/*#servis .image:before { content:'';position:absolute; top:50%; left:50%;width: 445px; height: 445px; display: block; border: 6px solid #fff; z-index:100; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}*/
#dejavnosti .image:after { content:''; background:url(../images/dejavnosti.png) no-repeat;width: 650px; height: 650px;  z-index:300;display: block; position:absolute; top:0; left:0;}
#servis .image:after { content:''; background:url(../images/servis.png) no-repeat;width: 650px; height: 650px; z-index:300; display: block;position:absolute; top:0; left:0;}
#dejavnosti .dejavnosti-content, #servis .servis-content { float: right; width:530px;padding: 0 30px; margin: 60px 0 0;}
#servis-bg {background:url(../images/gore.png) no-repeat top center; background-size: cover; height: 514px; width: 100%; margin-top: -180px; position:relative; z-index:300;}
@media screen and (min-width:1920px){
	#servis-bg { background-size: 100% 100%; }
}

#servis a { color:#e2dcce;}
#servis .content a:after { content:'\f105'; font-size:17px; display: inline-block; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#e2dcce; margin-left: 5px;}
#servis .content a:after { content:'\f105'; font-size:17px; display: inline-block; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#e2dcce;}
#servis .content a:hover, #servis .content a:hover:after { color:#FF6015;}
#servis p { color:#e2dcce;}


#footer-container { width:100%;position:absolute; z-index:500; height: 160px; background:#e2dcce;}
#wrapper.login #footer-container { bottom: 0;}
.footer-top{ width:100%;height: 45px;background:url(../images/overlay-bg.svg) repeat-x center top; margin-top:-40px;}
footer { font-size: 14px; text-transform: uppercase;}
footer,footer a { color:#393e52; text-decoration: none;}
footer hr { margin: 20px 0;}
footer a:hover { color:#F58025;}
div.sly{ float: right; line-height: 40px;}
.lang { position: absolute; top: 10px; right: 0px;}
.lang a, #primarna-r #navi li.lang-r a { opacity: 0.4; width: 30px; height: 22px; display: inline-block; background-size: contain; background-repeat: no-repeat;margin-left: 10px;}
.lang a.active, .lang a:hover, #primarna-r #navi li.lang-r a:active, #primarna-r #navi li.lang-r a:hover { opacity: 1; }
.lang a.si, #primarna-r #navi li.lang-r a.si { background-image: url(../images/si.svg);}
.lang a.en, #primarna-r #navi li.lang-r a.en { background-image: url(../images/gb.svg);}
#primarna-r #navi li.lang-r{ margin-top: 20px;}
.payments { float:left;}
.payments img {display:inline-block;margin-left:5px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.footer-topC { display:flex; justify-content: space-between;}
#footer-container .framesize { padding-top: 30px;}
.breadcrumbs { position: absolute; left:200px; top: 20px; font-size: 16px; color:#b0b2ba; font-style: italic;}
.breadcrumbs a { color:#b0b2ba;}
#content.show .breadcrumbs { left: 0; top:46px;}

.breadcrumbs ul {margin: 0;padding: 0;}
.breadcrumbs ul li { margin: 0; padding: 0; display: inline; }
.breadcrumbs ul li:not(:first-child):before {content: '/'; margin: 0 4px;}
.breadcrumbs ul li a:hover, .breadcrumbs ul li:last-child a { color: #3a3f53; }

#visual {width: 100%; height: 900px; position:relative;z-index:400;}
#visual.login { height: calc(100vh - 120px); position: absolute; top: 120px; left:0;}
#visual .visual-front, #visual .visual-back {width: 100%; height: 100%;}
#visual .visual-border { border: 10px solid #fff; width: 80vw; height: 670px; display: block; position: absolute; left:0;right:0;top:0;bottom:0;margin:auto; }
#visual.user .visual-border { display: none; }
#visual .visual-border .title { position: absolute; top: 80px; right: 100px; color: #fff; font-size: 59px; line-height: 72px;font-weight: bold; text-align: right; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); -moz-text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); -webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);}
#visual .visual-border .title h1, #visual .visual-border .title h2 { color: #fff; font-size: 59px; line-height: 72px; font-weight: bold; text-align: right;}
#visual .visual-border .round-bg { position: absolute; bottom: 70px; right: 107px; background: rgba(255,255,255,0.6); width: 260px; height: 260px;z-index: 100; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
#visual .visual-border img { position: absolute; bottom: -200px; right: 100px; z-index: 100;}

#visual-inner, #visual-inner .visual-elements {width: 1200px; margin: 0 auto; height: 350px !important;position:relative;z-index:400;}
#visual-inner .visual-element {width:100%;height: 350px;position:absolute;top:0px;left:0;z-index:400;}

.navi-icon,#primarna-r {display:none;}
#primarna { position: absolute; bottom: 0px; right: 0; z-index:100;}
#primarna ul,#primarna li {margin:0;padding:0;list-style:none; text-align:center;}
#primarna ul li {position:relative;}
#primarna ul li.level1 {display:inline-block;text-align:center;}

#primarna a {display:block;color:#0286D6;font-size:15px;text-decoration:none;text-align:left;}

#primarna a.level1 {display:block;position:relative;font-size:16px;color:#393e52;border:none;padding:0px 10px; line-height: 49px;margin:0 18px;text-transform:uppercase;border-top:3px solid transparent; font-weight: 500;}
#primarna li.level1:last-child a.level1 { margin-right: 0;}
#primarna a.level1:hover,#primarna a.level1.active, #primarna li.level1:hover a.level1 {color:#F58025; border-top:3px solid #ff5f14;}

/*
#primarna ul.level2,#primarna ul.level3,#primarna ul.level4 {display:none;}
#primarna li.level1:hover ul.level2,
#primarna li.level2:hover ul.level3,
#primarna li.level3:hover ul.level4 {display:block;}*/

#primarna ul.level2, #primarna ul.level3, #primarna ul.level4  {background:#faf9f7;position:absolute;left:50%;top:52px;padding:0;text-align:left;z-index:800;width:200px;transform: translate(-50%);-moz-transform: translate(-50%);-webkit-transform: translate(-50%);box-shadow: 0 0 5px rgba(0,0,0,0.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,0.15);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15); -webkit-transition: padding 200ms ease-in;-moz-transition: padding 200ms ease-in;-o-transition: padding 200ms ease-in;transition: padding 200ms ease-in;}
#primarna ul.level2 a, #primarna ul.level3 a {display:block;width:100%;color:#393e52; font-weight: 500; line-height:20px;padding:0 20px;margin:0;text-decoration:none; border-left: 6px solid transparent;}
#primarna ul.level2 a:hover, #primarna ul.level2 a.active { border-left: 6px solid #ff5f14}
#primarna ul.level3 {position:absolute;left:150%;top:0px;padding:20px 0px;z-index:20;}

#primarna li.level1:hover ul.level2 {padding: 20px 0; -webkit-transition: padding 200ms ease-in;-moz-transition: padding 200ms ease-in;-o-transition: padding 200ms ease-in;transition: padding 200ms ease-in;}
#primarna li.level1:hover ul.level2 li {height: 45px;-webkit-transition: height 200ms ease-in;-moz-transition: height 200ms ease-in;-o-transition: height 200ms ease-in;transition: height 200ms ease-in;}

#primarna li.level2 { height: 0; overflow: hidden;
    -webkit-transition: height 200ms ease-in;
    -moz-transition: height 200ms ease-in;
    -o-transition: height 200ms ease-in;
    transition: height 200ms ease-in;
}

#info #navi, #info #navi li { margin:0; padding: 0; list-style: none;}
#info #navi li a { padding: 15px 20px 11px; line-height: 20px; text-transform: uppercase; color:#393e52; font-size: 16px; font-weight: 500; display: block; margin:0 0 5px; border:3px solid transparent;}
#info #navi li.level1 > a:hover, #info #navi li.level1 > a.active { background:#fff; border: 3px solid #e2dcce;}
#info #navi li.level2 a:hover:before, #info #navi li.level2 a.active:before { content:'-'; font-size: 49px; color: #FF6015; position: absolute; left: 10px;}

.contact-fixed-container {
  position: fixed;
  left: -210px;
  top: 210px;
  z-index: 800;
}
.contact-fixed-container .contact-fixed {
  float: left;
  width: 210px;
  background: #fff;
  padding: 15px 20px;
  color: #626262;
  font-size: 13px;
}

.contact-fixed-container .contact-fixed .part h3 {
  color: #353535;
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
.contact-fixed-container .contact-fixed .part a {
  display: block;
  color: #626262;
  font-size: 14px;
  text-decoration: none;
  line-height: 23px;
}
.contact-fixed-container .contact-fixed .part a:hover {
  text-decoration: underline;
}
.contact-fixed-container .contact-fixed .part a i {
  color: #eb2730;
  margin-right: 10px;
  font-size: 16px;
  width: 20px;
  margin-right: 5px;
}
.contact-fixed-container .contact-fixed .part a i.map-marker {
  font-size: 23px;
}
.contact-fixed-container .contact-fixed .part:first-child a i {
  color: #085ba6;
}
.contact-fixed-container .contact-fixed-icon {
  float: right;
  width: 40px;
  height: 40px;
  background: #3a3f53;
  color: #fff;
  border: 1px solid #fff;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 768px) {
    #simpleContact {
        width: 100% !important;
    }

    #simpleContact form .sf-form-element textarea {
        width: 100% !important;
    }
}

/* PRODUCT */
.productList { width: 102%; margin-left:-1%;}
.product { text-align: center;position:relative;float:left; width:calc((100% / 3) - (14px * 1)); background:#fff; height:380px;border: 3px solid #e2dcce; padding: 24px 0 10px; margin:0 0 20px 20px; overflow: hidden;transition:all 0.4s; }
.product:nth-child(3n+1) { margin-left: 0;}
.product:hover {border-color:#3a3f53; transition:all 0.4s;}
.product-link { position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 100;}

.product .badge { display: block; position:absolute; left:15px; top:20px; text-align: center; height:32px; line-height: 33px; padding: 0 15px; z-index:390; color:#fff; background:#ff5f14; font-weight: 500; font-size: 14px;}
.product .badge.best {top:65px;background:#e42e3b;}
.product .badge.bestseller {top: 110px;background:#b4e2fd; color:#393e52;}

.product .product-image { text-align: center; margin-bottom:10px; min-height: 280px; position: relative;}
.product .product-image .inner { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.product .product-image .inner i:before{ font-size: 80px; color: #e2dcce; display: block;}

/*
.product .product-image.novo:before { content:'NOVO'; display: block; position:absolute; left:18px; top:0px; text-align: center; height:35px; line-height: 35px; padding: 0 15px; z-index:390; color:#fff; background:#ff5f14; font-weight: 500; font-size: 16px;}
body.en_us .product .product-image.novo:before { content:'NEW';}
.product .product-image.best:after { content:'ODLIČNA CENA'; display: block; position:absolute; right:15px; top:0px; text-align: center; height:35px; line-height: 35px; width: 90px; z-index:390; color:#fff; background:#ff5f14; font-weight: 500; font-size: 15px;}
.product .product-image.recommend:after { content:'Priporočamo'; display: block; position:absolute; right:15px; top:0px; text-align: center; height:35px; line-height: 35px; padding: 0 10px; z-index:390; color:#fff; background:#3a3f53; font-weight: 500; font-size: 15px;}*/

.product .product-title { margin-bottom:5px; width: 96%; margin: 0 2%; font-size: 14px; color:#1f272d; }
.product .product-pricemore .price-normal, .product .product-pricemore .price-action { font-size: 18px; color:#ff5f14;}
.product .product-more { width: 100%; height: 100%; position: absolute; top:0; left:0;}
.product h2 { color:#414042; font-size:18px; line-height:17px; padding: 0 10px;}
.product .mainImage { display: table-row;margin-bottom:5px; text-align: center; height:204px;}
.product .mainImage a{ display: table-cell; vertical-align:middle;}
.product .product-details { padding:0 17px; }
.product .product-details div { line-height:18px; margin:3px 0; display:block; overflow:hidden;}
.product .product-details .model { font-size:13px; color:#7D7C7B;margin:5px 0; }
.product .product-details h2 { font-size: 16px; color: #4D4D4D; margin:0; padding:0;}
.product .product-details .price { float:left; width:50%; display: block; color: #F58025; font-size:18px; }
.product .product-details .to-cart { float: right; margin:0; width: auto; display: block; text-align: center; background: none; color: #f9a768; font-weight:400; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.product .product-details .to-cart i { color: #939598; font-size:18px;}
.product .product-details .to-cart i:hover { color: #F58025;}

#productShow { margin:0 0 50px; padding: 40px 0px; border-bottom: 3px solid #e3ddcf; position: relative;}
.productShow-left { position: relative; float: left; width: 56.666%; padding: 0 100px 0 110px;}
.productShow-left .image-big { border: 3px solid #e2dcce; text-align: center; padding: 20px 0; background: #fff;}
.productShow-left .image-big i.fa-picture:before{ font-size: 120px; color: #e2dcce; margin: 50px 0; display: block;}
.productShow-right { position: relative; float: right; width: 42.5%;}
.productShow-left .varanty-img { position: absolute; top: -21px; right: 82px;}
#productShow h1{ color:#1f272d; font-weight:700; font-size: 32px; margin:0 0 10px; text-align: left; }
#productShow .product-details { float:left; width: 360px; }
#productShow .productShow-id { font-size: 14px; color:#b0b2ba; font-style:italic; margin:0 0 30px; }
#productShow .productShow-id span { color:#1f272d; }
#productShow .productShow-price-cart {  padding: 0 0 20px; margin: 0 0 20px; }
.productShow-descriptions { border-top: 3px solid #e3ddcf; padding-top: 30px; }
#productShow .productShow-price { color:#393e52; font-size: 32px; font-weight: 700; margin:0 0 20px; }
#productShow .productShow-price .price-old { text-decoration: line-through; color:#9e9e9e; margin-right: 10px; font-size: 30px; }
#productShow .productShow-price .price-normal, #productShow .productShow-price .price-action { color:#ff5f14;}
#productShow .instock { font-size: 18px; margin-bottom: 15px;color:#1f272d;}

#productShow .addToCart, div.addToCart { display: inline-block; text-transform: uppercase; background:#ff5f14; border:4px solid transparent; color:#fff; height: 50px; padding: 0 25px; line-height: 45px; font-size: 14px; font-weight: 500; }
#productShow a.addToCart:hover { background:none; border:4px solid #ff5f14; color:#ff5f14; }
#productShow .addToCart span { margin:0 6px 0 12px; }
#productShow .addToCart i.fa-shopping-cart { position: relative; top: 2px; }
#productShow .addToCart i.fa-shopping-cart:before { font-size:22px; }
#productShow .addToCart i.fa-angle-right:before { font-size:16px; }

#productShow .notes {padding-top: 20px; line-height: 29px; font-size: 14px}

#productShow .product-decrtiption { border-top: 3px solid #e3ddcf; }
#productShow .product-decrtiption ul{ margin-left:0;}
#productShow .product-decrtiption ul li { border-bottom: 1px solid #CFCFCF; list-style: none; margin: 0 0 10px;}
#productShow .product-details .stock { background:#F58025; color:#fff; width:150px; display:block;height:35px; line-height:35px; text-align:center; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:20px 0}
#productShow .product-details .price { color:#F58025; font-size:50px; float:left;}
#productShow .product-details .addToCart {color: #939598; font-size:44px; float:right;}
#productShow .product-details .addToCart:hover {color: #F58025; }

#productShow .product-images .simpleGallery {
  display: none;
  height: 320px;
  margin-bottom: 20px;
}

/*
#productShow .product-images .simpleGallery.novo:before { content:'NOVO'; display: block; position:absolute; left:15px; top:30px; text-align: center; height:35px; line-height: 35px; width: 90px; z-index:390; color:#fff; background:#ff5f14; font-weight: 500; font-size: 15px;}

#productShow .product-images .simpleGallery.best:after { content:'ODLIČNA CENA'; display: block; position:absolute; right:15px; top:30px; text-align: center; height:35px; line-height: 35px; width: 90px; z-index:390; color:#fff; background:#ff5f14; font-weight: 500; font-size: 15px;}*/

#productShow .product-images { position: relative;}
#productShow .product-images .badge { display: block; position:absolute; left:15px; top:20px; text-align: center; height:32px; line-height: 33px; padding: 0 15px; z-index:390; color:#fff; background:#ff5f14; font-weight: 500; font-size: 14px;}
#productShow .product-images .badge.best {top:65px;background:#e42e3b;}
#productShow .product-images .badge.bestseller {top: 110px;background:#b4e2fd; color:#393e52;}

#productShow .product-images .simpleGallery .slick-list {
  height: 100%;
}
#productShow .product-images .simpleGallery .image-container {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 10px 30px;
}
#productShow .product-images .simpleGallery .image-container a {
  display: block;
  width: 100%;
}
#productShow .product-images .simpleGallery .image-container a img {
  margin: 0 auto;
  position: relative;
  z-index: 200;
}
#productShow .product-images .simpleGallery .image-caption {
  width: 100%;
  padding: 0 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 300;
  text-align: center;
}
#productShow .product-images .gallery-thumbnails .thumb {
  position: relative;
  height: 90px;
  width: 90px;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 0 10px;
  background: #fff;
}
#productShow .product-images .gallery-thumbnails .thumb:hover {
  cursor: pointer;
}
#productShow .product-images .gallery-thumbnails .thumb img {
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#productShow .product-images .simpleGallery .slick-arrow {
  display: block;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  width: 35px;
  height: 35px;
  line-height: 32px;
  padding: 0 0 0 4px;
  z-index: 700;
  position: absolute;
  right: 10px;
  bottom: 50%;
  text-align: center;
  cursor: pointer;
  z-index: 800;
  background: #f9f9f9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translate(0%, 50%);
  -moz-transform: translate(0%, 50%);
  -ms-transform: translate(0%, 50%);
  -o-transform: translate(0%, 50%);
  transform: translate(0%, 50%);
}
#productShow .product-images .simpleGallery .slick-arrow:before { font-size: 22px; color: #6c6c6c;}
#productShow .product-images .simpleGallery .slick-arrow.prev { right: auto; left: 10px; padding: 0 3px 0 0;}
#productShow .product-images .simpleGallery .slick-track { height: 100%;}

/* BLOG */
.blog-list .element {
	position: relative;
	padding: 0 0 50px;
	margin: 0 0 50px;
	border-bottom: 2px solid #e2dccf;
}

/*
.blog-list .element .image-container {
	float: left;
	width: 365px;
	height: 240px;
	margin-right: 60px;
}

.blog-list .element .image-container .image {
	height: 100%;
}
*/
.blog-list .element .content-container {
	position: relative;
	width: 100%;
}

.blog-list .element .content-container .content {
	padding-top: 50px;
}

.blog-list .element .content-container .date {
	font-weight: 500;
	font-size: 14px;
	color: #3a3f52;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.blog-list .element .content-container h2 {
	font-weight: 500;
	font-size: 20px;
	color: #20272d;
	margin-bottom: 25px;
}

.blog-list .element .content-container .url {
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
}

.blog-inner .date {
	font-weight: 500;
	font-size: 14px;
	color: #3a3f52;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.blog-inner .image-container .image {
	height: 340px;
	margin-bottom: 20px;
}

.blog-inner .content {
	margin-bottom: 20px;
}

#pl-pager .mid {
	text-align: center;
}

#pl-pager .mid a {
	color: #20272d;
	margin: 0 8px;
	font-weight: 500;
	font-size: 16px;
}

#pl-pager .mid a:hover, #pl-pager .mid a.active {
	color: #F58025;
}

/* END BLOG */

/* TABS */
#productShow-tabs { margin-top: 20px;}
.psd-titles { text-align: left; margin-top:25px; padding-bottom: 0px; position:relative;}
.psd-title { cursor: pointer;font-size:16px;line-height: 50px;color:#1f272d;display: inline-block;padding:0px 34px;background:#e2dcce; margin-right:3px;}
.psd-title.active {background:#ff5e15;color: #fff; }
.psd-content { padding: 20px;border:1px solid #e2dcce;background:#fff;line-height: 1.5;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
  	animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

.psd-content.psd-1 table {width:100% !important;}
.psd-content.psd-1 table td:first-child {width:150px !important;padding-right:20px;}
.psd-content.psd-1 table td:first-child img {width:100%; height:auto !important;}

.productRelated-list { width: 100%; }
.productRelated-list .product { margin-left: 20px; width: calc((100% / 4) - (15px * 1)); }
.productRelated-list .product:first-child { margin-left: 0; }
.productRelated-title { clear: both; }
.productRelated-title h2 { color:#1f272d; font-size: 48px; text-align: center; margin-bottom:50px; font-weight: bold; line-height:50px; }

#CART table th,#CART table td {padding: 20px 0 3px;text-align:center;vertical-align: middle;}
#CART table td:nth-child(2) {text-align:left;}
#CART table td.pictures { padding-left: 15px; }
#CART table td.data a { color:#1f272d; }
#CART table td.data span { padding: 7px 0; display: block; }
#CART table th { width:11%; padding: 7px 0px 15px 0px; border-bottom: 3px solid #e3ddcf;}
#CART table th:first-child {text-align:left;width:17%;padding: 7px 15px 15px 30px;}
#CART table th:nth-child(2) {width: auto;}
#CART table th:last-child {width: 7%;}
#CART table tfoot td {text-align:right; padding: 0 15px; font-size: 14px; color:#393e52; }
#CART table tfoot { border-top: 3px solid #e3ddcf;}
#CART table tfoot tr:first-child td { padding-top:35px;}
#CART .remove a { color:#e3ddcf; font-size: 16px; }
#CART .remove a:hover { color:#ff6015; }
#CART .remove a i:before { font-size: 20px; }
#CART.order table tfoot tr:first-child {border-top: #f0f0f0 1px solid;}
#CART.order table tfoot td {padding-right:0;padding:6px 0px; text-align:right; font-weight: bold;}
#CART.order table tfoot td.total-text { font-weight: normal;color:#e3ddcf;font-size: 24px;}
#CART.order table tfoot td.total { font-size: 32px;}

#CART.order table tfoot tr:last-child td {font-weight:bold;}

#CART td.blank { padding:5px 0;}
#CART .pictures div { border:1px solid #ebebeb;width:120px;height:120px;display:table-cell;vertical-align:middle;text-align:center;background: #fff;}
#CART .pictures img {display:inline-block;}
#CART .qty input {width:35px; height:35px; text-align:center; line-height:35px;border: 1px solid #ebebeb;}
#CART .buttons {text-align: center;margin-top:40px;}
#CART button {float:left;margin-right:10px; color: #fff; background:#ff5f14;position: relative;font-size: 14px; border: none; outline: none; font-weight: 700; margin-top:20px;cursor: pointer;padding: 0px 25px; height:50px;line-height: 50px;text-align:center; }
#CART button:hover { background:#ffa664;color: #fff; }
#CART button.continue { float:right;margin-right:0;}

.userAccountNavi { margin-bottom: 20px; color:#0065A4;}
.userAccountNavi a { color:#0065A4; }
.userAccountNavi a:hover { color:#F58025; }

/* galerija */
.simpleGallery a img{ margin:0 10px 10px 0;}
.simpleGallery_paging a { font-size: 16px; margin:0 3px 0 0;}
.simpleGallery_paging .active {color: #255300; text-decoration: none; }
a.shadowbox img{border: 1px solid #ccc; padding:2px; margin-bottom: 10px;}

#productShow .slick-slide img {
	margin: 0 auto;
}
/* NEWSLETTER */
.newsletter-title{float:left;max-width:65%;}
.newsletter-title h2{line-height: 23px;margin-bottom:0;}
.mailee_form{position:relative;height:74px;margin:23px 0 0;}
.emailField input{color:#fff;font-size:14px;position:absolute;left:0;background:#4d5e6e;width:87%;padding:11px 15px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border: none;}
.mailee_form .unsubscribeLink {position:absolute;left:15px;bottom:10px;}
#footer .mailee_form .unsubscribeLink a {font-size:14px;color:#61768a;text-decoration:none;}
#footer .mailee_form .unsubscribeLink a:hover {text-decoration:none;}
.mailee_form .submitButton input{position:absolute;top:0;right:0;width:12%;padding:10px 14px 8px;background:#49dfc2;color:#fff;font-size:16px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border:none;cursor:pointer;}
.mailee_form .submitButton i:before{position: absolute;top: 9px;right: 16px;color: #21364b;font-size: 24px;}

/* KATALOGI */
.documents {border-top:#e2dcce 1px solid;border-left:#e2dcce  1px solid;background: #fff;}
.document {border-bottom:#e2dcce 1px solid;border-right:#e2dcce 1px solid;color:#7e8386;font-size:15px;}
.document a {display:block;padding:15px 30px;color:#7e8386;position: relative;}
.document i {margin-right:10px;font-size:15px;color:#3a3f53;}
.document .document-title {width:100%;font-weight:500;}
.document .document-date	{display:inline-block;width:200px;}
.document .document-new 	{color:#0583c0;}

.document a:hover 	{background: #3a3f53 ;color:#fff;}
.document a:hover i {color:#fff;}
.document a:hover .document-new {color:#CBCBCB;}


/* SEARCH, SEARCH RESULTS */
#search { float: right; position: relative;width: 582px; height: 38px; padding: 5px 0px; margin: 14px 35px 0 0; border: 2px solid #e2dcce;z-index:600;}
.input2 {position:absolute;top:1px;left:0px;width:100%;height: 30px;border:none;outline: none;background:none;color:#3a3f53;font-weight:normal;font-style:italic;font-size:15px;padding: 0 10px 0 10px;}
.enter  {position:absolute;right:8px;top:7px;width:24px;height:24px;}
.fa-search { font-size:20px; color:#3a3f53;position:absolute;bottom:8px;right:10px;}

/* SEARCH RESULTS*/
.search-result {margin:10px 0 15px;}
.search-title {margin-bottom:2px;}
.search-title a {color: #21364b;font-weight:700; text-decoration:underline;font-size:1.17em;}
.search-title a:visited {color:#21364b;}
.search-url a { font-size:14px; color:#00802a;font-weight:400;}

/* USER PAGES */
#order, #register, #modify, #lostPassword, #chPass { width:100% !important; margin-bottom:20px; padding: 0 20px; }
#login, #activated { margin: 0 auto; background:#fff; padding: 30px; font-size: 14px;}
#login .sf-html { font-size: 12px;}
#login .sf-html.lost-pass { font-size: 12px; text-align: right;}
#login .sf-html.order-without { font-size: 16px; text-align: center; margin-bottom: 10px;}
#login .sf-html.register { font-size: 14px; text-align: center; border-top:1px solid #ccc; padding-top:15px; margin-top:5px;}
#content .sf-label { font-size:14px; line-height: 32px;margin:0px 0 0 15px; font-weight: 400; color:#1f272d; width: 180px !important}
#content #login .sf-label { line-height:1; width:100%  !important;}
#content .sf-group { border-top: none;}
.sf-form-element, .sf-group-element, .sf-tab-element { padding: 6px 0; line-height:normal;}
/*#content legend.sf-group-title { display: none; }*/
legend.sf-group-title { background:none; border: none; border-bottom: 3px solid #e3ddcf; width: 100%; margin-bottom: 10px;}
legend.sf-group-title span { padding: 0 22px; font-size: 14px; line-height: 20px; text-align: left; color:#3a3f53; font-weight: 700; padding-bottom: 10px; text-transform: none;}
#content .sf-textfield, #content .sf-select { width: 600px !important;color:#666566; border: 1px solid #e3ddcf;background:#fff; height:40px; line-height:40px; padding:0 20px; outline:none;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;}
#content #login .sf-textfield, #content #login .sf-select, #content #lostPassword .sf-textfield, #content #activation .sf-textfield { width: 100% !important; }
#content .sf-textarea { border: 1px solid #e3ddcf;background:#fff;}
/*#main-inner .sf-textfield:focus { background:none; border:1px solid  #ccc; outline:none; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;}*/
.sf-buttons input.sf-button { font-size: 14px;height: 34px;line-height: 33px;padding: 0 18px 0 40px;display: inline-block;}
.sf-buttons { position:relative; }
.sf-buttons-bar { margin:0;}
.sf-buttons-bar input.sf-button { color: #fff; background:#ff5f14;position: relative;font-size: 14px; border: 1px solid transparent; outline: none; font-weight: 700; margin:0px 15px 0 0;cursor: pointer;padding: 0px 25px; height:50px;line-height: 50px;text-align:center; text-transform: none; transition: all 0.3s;}
#modify .sf-buttons-bar input.sf-button, #chPass .sf-buttons-bar input.sf-button { margin-right: 10px;}
#modify .sf-buttons-bar label, #chPass .sf-buttons-bar label { display: none; }
.sf-buttons-bar input.sf-button:hover {background: #fff; border: 1px solid #ffa664;color: #ffa664; transition: all 0.3s;}
.sf-buttons-bar input.sf-button-cancel { padding:0 18px; }
.sf-tooltip { display: none; }
.sf-label .star { color:#666566;font-weight:normal;}
.form-bottom-link { line-height: 28px;}
.form-bottom-link a { color:#666566; }
.sf-html { margin:7px 0 3px;}
#login .sf-html { margin:0;}
label.sf-val-error { border: none; background: none; padding-left: 0px; padding-right: 0px;}
label.sf-val-error span { border:none; color:#F8A466;font-weight: 400; }
#main-inner .sf-textfield.sf-val-error, #main-inner .sf-select.sf-val-error, #main-inner .sf-select.sf-val-error  { border:1px solid #F8A466;}
#register .sf-buttons-bar .sf-label, #lostPassword .sf-buttons-bar label { display: none; }
#lostPassword .sf-buttons { margin-top:10px;}
.sf-checkboxes { margin: 7px 0; font-size: 14px;}
.sf-checkboxes a{ color:#ff5f14;}

#main-inner .sf-buttons-bar .sf-label { width:0 !important; padding: 0; }
#main-inner .sf-buttons-bar label.sf-label.sf-val-error { width:300px !important; float: none; }
#main-inner fieldset.sf-val-error .sf-group-title { background: none; padding: 0; }
#main-inner fieldset.sf-val-error .sf-group-title span { color:#ff5f14; }

.recaptchaField div { margin: 10px 0;}
input#recaptcha_response_field { margin: 10px 0; height: 30px; line-height: 30px; padding: 0 10px; }

.bar { position:relative; display:block; width:300px; }
.bar:before, .bar:after {
  content:'';
  height:2px;
  width:0;
  bottom:1px;
  position:absolute;
  background:#5264AE;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

.bar:before { left:50%; }
.bar:after { right:50%; }

/* GALERIJA */
.tiles-gallery  {overflow:hidden;height: 500px;}
.tiles-gallery-a { float: left; /*overflow: hidden;*/ position:relative; }
.tiles-gallery-img { display:block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.tiles-gallery-a:hover .tiles-gallery-img {
	-webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
     transform:scale(1.05);
}
.tiles-gallery-fa {color:#fff;position:absolute;left:50%;top:0;margin:-31px auto 0;font-size:25px;opacity:0;z-index:250;
	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.tiles-gallery-a:hover .tiles-gallery-fa {top:50%;opacity:1;margin-top:0;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/** RESPONSIVE ******************************************************************
********************************************************************************/

@media screen and (max-width:1500px){
	header.framesize { width: 100%; padding: 0 15px;}
}
@media screen and (max-width:1220px){
	.framesize { width: 100%; padding: 0 20px; }
	#search { float: right; position: relative;width: 200px; height: 38px; padding: 5px 0px; margin: 14px 35px 0 0; border: 2px solid #e2dcce;z-index:600;}
	.input2 {width:100%; }
	#visual-inner, #visual-inner .visual-elements { width: 100%;}
	#dejavnosti .image, #servis .image { width: 53%;}
	#dejavnosti .dejavnosti-content, #servis .servis-content { width: 44%;}
}

@media screen and (max-width:1024px){
	.breadcrumbs { left: 20px;}
	#header-container { height: 150px;}
	header .worldwide { top: 76px; right: 91px; }
	#visual .visual-bottom { background: none !important;}
	#visual.login { display: none;}
	#dejavnosti { height: auto; margin-bottom: 80px; padding-bottom: 120px;}
	#servis { height: auto; min-height: 0; padding: 0px 0 100px; }
	#dejavnosti .image, #servis .image { display: none;}
	#dejavnosti .dejavnosti-content, #servis .servis-content { float: none; width: 100%; margin: 0 auto; padding: 0; }
	#info, #main { width:100%; float: none; }
	#content { padding: 80px 20px; }
	#content.cart { padding: 0 20px;}
	.product .product-image .inner { display: block; width: 100%;}
	.productRelated-list { width: auto; margin-left: 0}
	.productRelated-list .product { width: 48%; margin: 0 1% 20px !important;}
	.productShow-left { padding: 0 70px; }
	.productShow-left .image-big a img { max-width: 100%; }

	footer { line-height: 65px; }
	div.copyright, div.payments, div.sly { float: none; text-align: center;}

	.lang { display: none;}
	.navi-icon {display: inline-block !important; width: 50px; height: 45px; text-align: center; z-index: 600; position: absolute; top: 40px; right: 10px; margin:43px 0px 0 20px; color:#3A3F53;font-size:35px;cursor: pointer; -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
	.navi-icon .fa-times,.navi-icon.open .fa-bars {display:none;}
	.navi-icon.open .fa-times {display:block;font-size:34px;}
	#primarna {display:none;}

	#primarna-r {display:inline; background:none;position:absolute;top:0;left:0;width:100%;margin:0;z-index: 800;}
	#primarna-r #navi {position: fixed; left: -110%; background:#fff; top:120px; width:320px; height:100%; z-index:800; margin:0; padding:12px 0 10px;overflow-x:auto;box-shadow: 0px 2px 5.64px 0.36px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 5.64px 0.36px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 2px 5.64px 0.36px rgba(0, 0, 0, 0.2);}
	#primarna-r ul {margin:0;}
	#primarna-r ul li { display: block; text-align: left; position: relative;margin:0;padding:0;}
	#primarna-r ul li {margin:0;padding:0 15px;}
	#primarna-r #navi li a {display:block;color:#3A3F53;font-size:15px;text-decoration: none;border-bottom: 1px solid #f1f1f1;}
	#primarna-r #navi li:last-child a{border:none;}
	#primarna-r #navi li a.level1 {text-transform:uppercase;padding: 11px 3px;color:#002640;}
	#primarna-r #navi li a:hover,#primarna-r #navi li a.active {color: #ff6015; }
	#primarna-r li.level1 ul, #primarna-r li.level2 ul, #primarna-r li.level3 ul { display: block; position: static; }
	#primarna-r ul.level2 { width: 100%; }
	#primarna-r a.level2,#primarna-r a.level3,#primarna-r a.level4,#primarna-r a.level5,#primarna-r a.level6 {padding: 15px 15px 15px 35px;margin-right:45px;}
	#primarna-r a.level3 {padding-left:55px;}
	#primarna-r a.level4 {padding-left:75px;}
	#primarna-r a.level5 {padding-left:95px;}
	#primarna-r a.level6 {padding-left:105px;}
	#primarna-r #navi li a.expand, #primarna-r #navi li a.collapse {position:absolute;right:15px;top:0px;width:auto!important;border:none;}
	#primarna-r a.collapse {display:none;}
	#primarna-r a.collapse i, #primarna-r a.expand i  {color:#3A3F53;font-size:30px;padding:0px 12px; line-height:41px;}
	#primarna-r a.collapse:hover i, #primarna-r a.expand:hover i { background:#ff6015;color:#fff;}
}

@media screen and (max-width:1023px){
	#visual .visual-border .title { display: none;}
}

@media screen and (max-width:768px){
	#content .inner-content table td { display: block; width: 100%;}
	#content .inner-content table.tabela-servis td { text-align: left !important;  }
	#content .inner-content table.tabela-servis tr td:first-child { font-weight: bold;}
	#content .inner-content table.tabela-servis tr td:last-child { border-bottom: 1px solid #ccc;margin-bottom: 10px; padding-bottom: 15px;}
	#content .inner-content table.tabela-servis tr:first-child { display: none;}
	.hideOnMobile { display: none; }
	#logo { left: 10px; width: 175px; height: 57px; }
	#logo img { max-width: 100%; }
	#header-container { height: 70px; z-index: 810;}
	header .worldwide { top: 70px; left: 0; width: 100%; }
	header.framesize { height: 70px; padding:0; }
	.userinfo ul.loggedin-navi { top: 52px; }
	#primarna-r #navi { top: 70px;}
	.navi-icon { position: relative; float: right; top: 15px; margin: 0;}
	#search { display: none;}
	.userinfo { margin-top: 18px; margin-right: 20px; }
	#cart { margin-top: 14px;}
	#visual.login { height: calc(100vh - 70px); top: 70px; }
	.breadcrumbs { display: none; }
	#content.show { padding-top: 40px; }
	#content .sf-textfield, #content .sf-select, #content .sf-radios { width: 100% !important;}
	.product { width: 48%; margin: 0 1% 20px;}
	.product:nth-child(3n+1) { margin: 0 1% 20px;}
	.productShow-left { width: 100%; padding: 0 30px; }
	.productShow-right { width: 100%; padding: 0 30px; }
	#productShow-tabs { width: 100%; padding: 0 30px; }
	.psd-title {display:block;line-height: 45px;padding:0px 20px;border-bottom:1px solid #fff;margin:0;}
	.psd-title:last-child {border:none;}
	.productRelated-title h2 { font-size: 30px; margin-bottom: 30px; line-height: 1;}
	#wrapper #footer-container, #wrapper.login #footer-container { height: auto; text-align:center; bottom: auto;}
	footer { line-height: 40px;}
	div.copyright, div.sly { float: none; text-align: center; }
	.lang { position: relative; }
	.mini-cart-refreshable { top: 70px; right: 0px; width: 318px; }
	.footer-topC {display: flex;align-items: center; }
	.footer-topC .worldwide { margin-top: 20px;}
}

@media screen and (max-width:600px){
	#visual .visual-border img, #visual .visual-border .round-bg { display: none; }
	#content { padding: 40px 15px 150px; }
	.sf-html  { width: 100% !important;}
	.blog-list .element .image-container { width: 100%; margin: 0;}
	.blog-list .element .content-container { width: 100%; margin: 0 0 20px;}
	.blog-list .element .content-container .content{ padding: 0;}
}

@media screen and (max-width:480px){
	.product, .productRelated-list .product { width: 98%; }
	.productShow-left, .productShow-right { width: 100%; padding: 0 20px; }
	.productShow-left { margin-bottom:30px; }
	.productShow-left .varanty-img { position: absolute; top: 0; right: 0;}
	#productShow .productShow-price-cart { margin: 0; }
	#exposed-products .product .inner { width: 100%;}
	#login { width: 100% !important;}
	#CART table thead { display: none; }
	#CART table td { width: 25%; display: inline-block; }
	#CART table td.pictures, #CART table td.data, #CART tfoot td { width: 50%; padding: 0; }
	#CART td.blank { border-bottom: 1px solid #e3ddcf; width: 100%; margin-bottom: 20px;}
}

@media screen and (max-width:420px){
	#logo { width: 150px; height: 49px;}
	.userinfo { margin: 18px 5px 0 15px;}
	#cart .reload { display: none; }
	#CART button { width: 48%; margin: 0 1% 20px;}
	#CART button.continue { float: none;width: 98%; margin: 0 1% 20px;}
}

@media screen and (max-width:1024px), screen and (max-height:900px){
	#wrapper.login #footer-container { bottom: auto;}
	#wrapper #footer-container { height: auto;}
}