@charset "utf-8";
/* CSS Document */
.nonMobile{display:block;}
.mobile{display:none;}
body.doNotScroll{overflow:hidden; height:100vh;}

html, body{font-family:'Source Sans Pro', sans-serif; background: #f3f3f3;}
a:hover, a:focus{outline:none;}
h1{margin:0 0 30px 0;}
hr{border-bottom:1px solid #ccc;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}

header{background:#fff; border-bottom: 1px solid #fff;}
header .topBanner{}
header .topBanner img{width:100%;}
header .headerLogo{width:calc(290vw/16.8); display:block; float:left; margin:calc(30vw/16.8) 0;}
header .headerSearchForm{float:left; margin:calc(41vw/16.8) 0 calc(41vw/16.8) calc(100vw/16.8); border:1px solid #e1e1e1; background:#fff; color:#9d9d9d; height:calc(40vw/16.8);}
header .headerSearchForm .selectCat{float: left; width: auto; margin: 0; padding: 0 calc(40vw/16.8) 0 calc(20vw/16.8); list-style: none; line-height:calc(40vw/16.8); color: #2c2c2c; font-size: calc(14vw/16.8); height:calc(38vw/16.8); border-right: 1px solid #e1e1e1; position:relative;}
header .headerSearchForm .selectCat .fa{position: absolute; top: 50%; right: 0; width: calc(20vw/16.8); height: calc(20vw/16.8); border-radius: 50%; border: 1px solid #e1e1e1; text-align: center; line-height: calc(20vw/16.8); margin: calc(-10vw/16.8) calc(-10vw/16.8) 0 0; background: #fff; cursor: pointer;}
header .headerSearchForm .selectCat .searchCat{border:1px solid #cccccc; position:absolute; left:-1px; top:110%; width:calc(600vw/16.8); z-index:2; margin:0; padding:0; list-style:none; background:#ffffff; display:none;}
header .headerSearchForm .selectCat .searchCat li:first-child {border-bottom: 1px dashed #ccc; width:100%; font-weight:700;}
header .headerSearchForm .selectCat .searchCat li {width: 33.33%; float: left;}
header .headerSearchForm .selectCat .searchCat li a {display: block; padding:calc(8vw/16.8) calc(15vw/16.8); text-decoration: none; line-height: calc(18vw/16.8); color: #666666; font-size: calc(12vw/16.8);}
header .headerSearchForm input{border: none; width:calc(230vw/16.8); height:calc(38vw/16.8); line-height:calc(40vw/16.8); padding: 0 calc(10vw/16.8) 0 calc(40vw/16.8);}
header .headerSearchForm button{width: calc(38vw/16.8); height: calc(38vw/16.8); padding: 0; margin: 0; float: right; background: #f58220; border: none; color: #fff;}
header .headerInfoHolder{float:right; margin: calc(33vw/16.8) 0;}
header .headerInfoHolder .headerInfoItem{float:left; text-align:center; border-right:1px solid #e1e1e1; padding: 0 calc(20vw/16.8) 0 0; margin: 0 calc(20vw/16.8) 0 0;}
header .headerInfoHolder .headerInfoItem .icon{color:#f58220; font-size: 18px; display: block;}
header .headerInfoHolder .headerInfoItem .text{display:block; font-size: 15px;}
header .headerMenuHolder{background:#f3f3f3; overflow:hidden;}
header .headerMenuHolder .kategorijeTitle{float: left; background: #1a262e; color: #fff; margin: 0 calc(30vw/16.8) 0 0; font-size: calc(15vw/16.8); font-weight: 700; padding: 0 calc(15vw/16.8); line-height: calc(44vw/16.8); width:calc(260vw/16.8); height:calc(40vw/16.8); cursor:pointer;}
header .headerMenuHolder .kategorijeTitle .fa{float: right; line-height: calc(40vw/16.8);}
header .headerMenuHolder .headerMenu{margin:0 0 0 20px; padding:0; list-style:none; float:left; overflow:hidden;}
header .headerMenuHolder .headerMenu>li{float:left; margin:0 calc(45vw/16.8) 0 0;}
header .headerMenuHolder .headerMenu>li>a{font-size:calc(15vw/16.8); color:#2c2c2c; height: calc(40vw/16.8); line-height: calc(43vw/16.8); display: block;}
header .headerMenuHolder .headerSocialHolder{float:right; padding:calc(10vw/16.8);}
header .headerMenuHolder .headerSocialHolder a{width: 20px; display: block; margin: 0 0 0 10px; float: left;}
header .headerMenuHolder .headerSocialHolder a:first-child{margin:0;}
header .headerMenuHolder .headerSocialHolder a img{width:100%;}
header .headerTelHolder{float:left; margin:calc(24vw/16.8) 0 calc(24vw/16.8) calc(150vw/16.8);}
header .headerTelHolder .itemTel{position:relative; padding:0 0 0 calc(25vw/16.8); margin:0 0 calc(8vw/16.8) 0; display:block; font-size:calc(14vw/16.8); line-height:calc(18vw/16.8); font-weight:600;}
header .headerTelHolder .itemTel .iconsHolder{overflow: hidden; width: calc(50vw/16.8); display: inline-block; float: left; text-align: right;}
/*header .headerTelHolder .itemTel .fa{position:absolute; top:3px; left:0; font-size:calc(16vw/16.8); line-height:calc(12vw/16.8); color:#2c2c2c;}*/
header .headerTelHolder .itemTel .fa{font-size:calc(16vw/16.8); line-height:calc(12vw/16.8); color:#2c2c2c; float:right; margin:calc(3vw/16.8) calc(10vw/16.8) 0 0;}
header .headerTelHolder .itemTel img{width: calc(14vw/16.8); float:right; margin: calc(3vw/16.8) calc(10vw/16.8) 0 0;}
header .headerTelHolder .itemTel span.telText{overflow:hidden; display:inline-block;}
header .headerTelHolder .itemTel:last-child{margin:0;}
#cart_widget{float:left; padding: calc(15vw/16.8) 0;}
#cart_widget .cartIcon{float: left; color: #f58220; font-size: calc(24vw/16.8); margin: 0 calc(20vw/16.8) 0 0;}
#cart_widget .cartSummary{float: left;}
#cart_widget .cartSummary .wfCartTotal{}

.top{width:100%; height:30px; border-bottom:1px solid #dddddd; background:#eeeeee; margin:0 0 10px 0;}
.topLeftLinks{list-style:none; margin:0; padding:0;}
.topLeftLinks>li{float:left; margin-right:20px;}
.topLeftLinks>li>a{line-height:30px; font-size:14px; color:#666666;}
.topRightLinks{float:right; font-size:14px; color:#666666; line-height:30px;}
.topRightLinks a{color:inherit;}
.topMail{float:right; margin-left:20px;}
.topMail.likeButton{line-height:25px;}
.topMail>span{margin-right:5px;}
.topTel{float:right;}
.topTel>span{margin-right:5px;}
.topBaner{margin-bottom:20px;}
.topBaner img{width:100%;}
#topSearch{margin-top:20px;}
.unos{float:left; border:1px solid #cccccc; border-radius:3px; margin-right:10px; height:40px; width:440px;}
#rec{}
.selectCat{float:right; width:auto; margin:0; padding:0; list-style:none; line-height:35px;}
.selectCat>li{background:url(../wf-img/cat.jpg) 0 100% repeat-x; padding:0 20px; border:1px solid #e8e8e8; border-radius:4px; position:relative;}
.selectCat>li>a{font-size:12px; color:#666666;}
.selectCat>li>a:hover{text-decoration:none;}
.selectCat>li>a>span{font-size:10px; margin-left:10px;}
.selectCat li ul{border:1px solid #cccccc; position:absolute; right:-2px; top:37px; width:700px; z-index:1000; margin:0; padding:0; list-style:none; background:#ffffff;}
.selectCat li ul li:first-child{border-bottom:1px dashed #ccc; width:100%;}
.selectCat li ul li{width:33.33%; float:left;}
.searchCat li a{display:block; padding:8px 15px; text-decoration:none; line-height:18px; color:#666666; font-size:12px;}
.searchCat li a:hover{background:#eeeeee;}
#pretrazi{border:none; border-radius:3px; background:#f58220; color:#ffffff; font-size:12px; font-weight:600; height:40px; padding:0 20px; float:left;}
.cookieHolder {position: fixed;bottom: 20px;left: 20px;right: 20px;padding: 15px;z-index: 999;background: #f2f2f2;font-size: 16px;line-height: 1.4;font-weight: 300;-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);}
.cookieHolder a {font-weight: 400;color: #f58220;}
.cookieHolder .yes {background: #f58220;color: #fff;font-size: 15px;font-weight: 400;padding: 10px 20px;border-radius: 20px;float: right;}
.cookieHolder .container .row {display: flex;justify-content: space-between;}

#korpa{background:#f9f9f9; border:1px solid #cccccc; border-radius:3px; padding:0 20px; height:40px; line-height:20px; margin-top:20px; float:right; font-size:13px; color:#666666;}
#korpa a{color:inherit;}
#korpa .korpaLink{border-right:1px solid #d5cec8; float:left; margin:10px 0; padding-right:15px;}
#korpa .korpaStanje{border-left:1px solid #ffffff; float:left; margin:10px 0; padding-left:15px;}
#korpa .korpaStanje>a{color:#f58220; padding:0 5px;}
.error {padding: 10px; background-color: red; color: #fff; text-align: center; font-size: 14px; font-weight: bold;}
.etrust{width: 200px; float: right;}
.etrust.left{float:left;}
.delivery-paragraph,.delivery-paragraph span{color: #2b2b2b; font-weight: 400;}
.pravno-lice{display: none;}
#lice, #firma{border:1px solid #999; border-radius: 5px;  padding: 12px; cursor: pointer;}
#lice.activ, #firma.activ{background: #a0d039; color: #fff; border: 1px solid #74a40e; cursor: pointer;}


.pdv {clear: both; font-size: 14px; padding: 10px 0 0 0; color: #f58220; margin: 0px; font-weight: 600;}
.topNav{margin:10px 0; background: #666666; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #666666 0%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #666666 0%,#333333 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #666666 0%,#333333 100%); /* IE10+ */
background: linear-gradient(to bottom,  #666666 0%,#333333 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-8 */
border:1px solid #dddddd; height:38px;}
#mainNav{margin:0; padding:0; list-style:none; float:left;}
#mainNav>li{float:left;}
#mainNav>li>a{padding:12px 25px; display:block; color:#ffffff; font-size:15px; font-weight:700; margin-top:-5px;}
#mainNav>li>a:hover{background:#f58220; text-decoration:none;}
.topNavSocialIcon{display:block; float:right; width:20px; margin:7px 10px 0 0;}
.topNavSocialIcon img{width:100%;}

.topPodlinkovi{margin-bottom:15px;}
.topPodlinkovi>ul{margin:0; padding:0; list-style:none;}
.topPodlinkovi>ul>li{float:left; margin-right:10px;}
.topPodlinkovi>ul>li>a{display:block; padding:5px 10px; background:#e6e6e6; color:#333333; font-size:13px; line-height:15px; border-radius:3px;}

.topNavKat{background: #ffbf89; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmY4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTgyMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffbf89 0%, #f58220 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbf89), color-stop(100%,#f58220)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffbf89 0%,#f58220 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffbf89 0%,#f58220 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffbf89 0%,#f58220 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffbf89 0%,#f58220 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf89', endColorstr='#f58220',GradientType=0 ); /* IE6-8 */
padding:5px 0; margin-bottom:10px;}
.topNavKat>select{background:none; border:1px solid #fff; width:100%; padding:5px; font-weight:600; color:#fff;}
.topNavKat>select option{background:#f58220;}
.topNavKat>a{display: block; background:none; border:1px solid #fff; width:100%; padding:4px calc(15vw/16.8);; font-weight:700; color:#fff;}
.row:has(div.mobAkcije){margin-right: -15px;}

.topNavBlog>a{background: #ffbf89; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmY4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTgyMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffbf89 0%, #f58220 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbf89), color-stop(100%,#f58220)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffbf89 0%,#f58220 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffbf89 0%,#f58220 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffbf89 0%,#f58220 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffbf89 0%,#f58220 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf89', endColorstr='#f58220',GradientType=0 ); /* IE6-8 */
color:#ffffff; font-size:14px; font-weight:600; padding:10px 15px; border:1px solid #f58220; line-height:14px; margin-bottom:10px; display:block;}

.leftKategorije{margin-bottom:15px;}
.leftKategorije>.naslov{background: #ffbf89; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmY4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTgyMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffbf89 0%, #f58220 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbf89), color-stop(100%,#f58220)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffbf89 0%,#f58220 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffbf89 0%,#f58220 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffbf89 0%,#f58220 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffbf89 0%,#f58220 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf89', endColorstr='#f58220',GradientType=0 ); /* IE6-8 */
color:#ffffff; font-size:18px; font-weight:600; padding:10px 15px; border:1px solid #f58220; line-height:18px; margin-bottom:1px;}
.listKategorije{margin:0; padding:0; list-style:none;}
.listKategorije>li{background:#f2f2f2; padding:10px; display:block; margin-bottom:1px; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; position:relative;}
.listKategorije>li>a{color:#555555; font-size:14px; line-height:16px; font-weight:700; display:block; margin-bottom:4px;}
.listKategorije>li:hover{background:#fff;}
.listKategorije>li:hover a{}
.listPodkategorije{line-height:16px; color:#fff; font-size:14px; background:rgba(251,159,81,0.9); background-repeat:no-repeat; left:100%; top:0; list-style:none; margin:0; padding:10px 115% 10px 21px; width:458%; z-index:5; position:absolute; display:none;}
.listPodkategorije>li{float:left; width:33.3%; padding:10px;}
.listPodkategorije a{color:#fff; font-size:14px; line-height:14px; font-weight:600;}
.listPodkategorije a>span{font-size:10px; margin:0 5px 0 0; color:#fff;}
.listKategorije>li>.glyphicon{position:absolute; top:50%; margin-top:-4px; right:10px; font-size:8px; color:#aaaaaa;}
.listKategorije>li:hover .listPodkategorije{display:block;}

.leftBaner{display:block; margin-bottom:10px;}
.leftBaner img{width:100%;}

/* --- flipping --- */
.flip-container{perspective:1000; transform-style:preserve-3d;}
.flip-container:hover .back{transform:rotateY(0deg);}
.flip-container:hover .front{transform:rotateY(180deg);}
.flip-container, .front, .back{width:100%; height:220px; margin-bottom:10px;}
.flipper{transition:1s; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; position:relative;}
.front, .back{backface-visibility:hidden; transition:1s; transform-style:preserve-3d; position:absolute; top:0; left:0;}
.front{z-index:2; -ms-transform:rotateY(0deg); -webkit-transform:rotateY(0deg); transform:rotateY(0deg);}
.back{-ms-transform:rotateY(-180deg); -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg);}
.vertical.flip-container{position:relative;}
.vertical .back{-ms-transform:rotateX(180deg); -webkit-transform:rotateX(180deg); transform:rotateX(180deg);}
.vertical.flip-container:hover .back{-ms-transform:rotateX(0deg); -webkit-transform:rotateX(0deg); transform:rotateX(0deg);}
.vertical.flip-container:hover .front{-ms-transform:rotateX(180deg); -webkit-transform:rotateX(180deg); transform:rotateX(180deg);}
.backOpis{background:rgba(255,255,255,0.7); padding:15px; height:100%; position:relative; z-index:2;}
.backOpis>.naziv{font-size:14px; line-height:14px; font-weight:600; color:#085ca8;}
.backOpis>.naziv>a{color:inherit;}
.backOpis>.naziv>a:hover{text-decoration:none;}
.backOpis>.cena{position:absolute; bottom:15px; left:15px;}
.backOpis>.cena>.staraCena{color:#666666; font-size:14px; font-weight:600px; text-decoration:line-through; display:block; line-height:16px; margin:0;}
.backOpis>.cena>.aktuelnaCena{color:#cc0000; font-weight:700; font-size:18px; line-height:20px; float:left; margin:0;}
.backImg{position:absolute; z-index:1; top:0; width:100%;}

.rightBaner{display:block; margin-bottom:10px;}
.rightBaner img{width:100%;}
.rightBaner img:hover{opacity:0.6;}

.mainBaner{margin-bottom:15px;}
.mainBaner img{width:100%;}
.mainBanerDesno{width:auto !important; position:absolute; right:20px; top:50%; margin-top:-45px; cursor:pointer;}
.mainBanerLevo{width:auto !important; position:absolute; left:20px; top:50%; margin-top:-45px; cursor:pointer;}
.smallBaner{margin-bottom:15px;}
.smallBaner>a{display:block; overflow:hidden;}
.smallBaner img{width:100%;}
.smallBaner:hover img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); transform:scale(1.1,1.1); opacity:0.7;}

/* Homepage Categories */
.homeCategoriesHolder{}
.homeCategoryHolder{border-top: 5px solid #1a262e; background: #fff; overflow:hidden; margin:0 0 40px 0;}
.homeCategoryHolder .categoryTitlesHolder{width:calc(100%/24*5); float:left; text-align:center; position: relative;}
.homeCategoryHolder .categoryTitlesHolder .down{position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; background: green; color: white; font-size: 12px;}
.homeCategoryHolder .categoryTitlesHolder .mainTitle{font-size:18px; line-height:1.2; font-weight:700; border-bottom:1px solid #e1e1e1; display:block; padding:25px 10px; margin:0;}
.homeCategoryHolder .categoryTitlesHolder .title{font-size: 14px; line-height: 1.2; color: #000; display: block; padding: 10px; border-bottom: 1px dashed #ccc;}
.homeCategoryHolder .banner{width:calc(100%/24*7); float:left; background-size: cover; background-position: 50%;}
.homeCategoryHolder .productsHolder{float: left; width: calc(100%/24*12); background:#e1e1e1;}
.homeCategoryHolder .productsHolder .row{border-bottom:1px solid #fff; margin: 0;}
.homeCategoryHolder .productsHolder .productPreviewSmall{height:400px;width: calc(100%/3); float: left; padding:10px; border-right:1px solid #fff; background:#e1e1e1; position: relative; border-bottom: 1px solid #fff; /*border-right: 1px solid #e1e1e1;*/}
.homeCategoryHolder .productsHolder .productPreviewSmall:hover{-webkit-box-shadow: inset 0 0 10px 5px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 0 10px 5px rgba(0,0,0,0.2);
box-shadow: inset 0 0 10px 5px rgba(0,0,0,0.2);}
.homeCategoryHolder .productsHolder .productPreviewSmall:nth-child(3n){border:none; border-bottom: 1px solid #fff;}
.homeCategoryHolder .productsHolder .productPreviewSmall:nth-child(n+4){/*border-bottom:1px solid #fff;*/}
.homeCategoryHolder .productsHolder .productPreviewSmall .thumb{display:block; margin:0 0 10px 0; position:relative;}
.homeCategoryHolder .productsHolder .productPreviewSmall .thumb .overlay{}
.homeCategoryHolder .productsHolder .productPreviewSmall .thumb img{width:100%;}
.homeCategoryHolder .productsHolder .productPreviewSmall .infoHolder{text-align:center; margin:0;}
.homeCategoryHolder .productsHolder .productPreviewSmall .infoHolder .title{font-size:15px; line-height:1.2; display:block; margin:0 0 5px 0; height: 38px; overflow: hidden;}
.homeCategoryHolder .productsHolder .productPreviewSmall .infoHolder .pricesHolder{margin:0 0 5px 0;}
.homeCategoryHolder .productsHolder .productPreviewSmall .infoHolder .pricesHolder .oldPrice{font-size: 14px; color: #999; line-height: 1.2; margin: 0; text-decoration: line-through;}
.homeCategoryHolder .productsHolder .productPreviewSmall .infoHolder .pricesHolder .regularPrice{font-size:14px; font-weight:700; line-height:1.2; margin:0;}
.homeCategoryHolder .productsHolder .productPreviewSmall .button{background:#18b12e; color:#fff; font-size:14px; line-height:1.2; display: block; margin: 0 auto; padding:10px; text-align: center; width: 60%; opacity:0; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.homeCategoryHolder .productsHolder .productPreviewSmall:hover .button{opacity:1; top:80%;}

.homeCategories2Holder{padding: 30px 0;}
.homeCategories2Holder .item{width: 25%; display: block; float: left; text-align: center; background: #fff; padding: 20px; border: 3px solid #f2f2f2;}





.izdvajamoNaslov{color:#333333; font-size:24px; line-height:28px; padding-bottom:5px; border-bottom:2px solid #f58220; margin-bottom:15px;}
.izdvojenProizvod{background:#f4f4f4; padding:5px; overflow:hidden; position:relative; margin-bottom:15px;}
.izdvojenProizvod>.thumb{overflow:hidden; margin-bottom:5px;}
.izdvojenProizvod>.thumb>a{display:block;}
.izdvojenProizvod>.thumb>a>img{width:100%;}
.izdvojenProizvod>.thumb:hover a>img{-webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); transform:scale(1.05,1.05); opacity:0.7;}
.izdvojenProizvod>.naziv{color:#454545; font-size:12px; line-height:13px; font-weight:600;}
.izdvojenProizvod>.naziv>a{color:inherit;}
.izdvojenProizvod>.cena{}
.izdvojenProizvod>.cena>.staraCena{color:#666666; font-size:12px; font-weight:600px; text-decoration:line-through; display:block; line-height:12px; margin:0;}
.izdvojenProizvod>.cena>.aktuelnaCena{color:#cc0000; font-weight:700; font-size:15px; line-height:15px; float:left; margin:0;}
.smallBuy{display:block; float:right;}
.smallBuy>img{display:block;}
.markicaPopust{position:absolute; top:5px; left:5px; z-index:1; background:rgba(255,255,255,0.7); border:1px solid #ddd; padding:10px; border-radius:5px; color:#c00; text-align:center;}
.markicaPopust>.popust{display:block; font-size:22px; line-height:22px; font-weight:800;}
.markicaPopust>.datum{display:block; font-size:14px; line-height:14px;}
.markicaVKlub{position:absolute; top:5px; right:5px; z-index:1; width:60px; height:60px; border-radius:50%; background:#85144b; color:#fff; text-align:center; line-height:60px;}
.markicaAkcija{position:absolute; top:0; right:0; z-index:1; width:60px; height:60px; border-radius:50%; background:#ff3333; color:#fff; text-align:center; line-height:60px;}
.markicaRasprodato{position:absolute; top:0; left:0; z-index:1; width:60px; height:60px; border-radius:50%; background:#f58220; color:#fff; text-align:center; line-height:16px; padding:15px 0;}
.markicaPoklon{position:absolute; bottom:0; right:0; z-index:1; width:60px; height:60px; border-radius:50%; background:#3498db; color:#fff; text-align:center; line-height:60px;}
.markicaNajCena{position:absolute; bottom:0; left:0; z-index:1; width:60px; height:60px; border-radius:50%; background:#fff600; color:#333; text-align:center; line-height:14px; padding:16px 0;}
.izdvojenProizvod>.cena>.brBodova{color:#cc0000; font-weight:700; font-size:18px; line-height:18px; float:left; margin:0;}

.izdvojenProizvodHome{padding:5px; overflow:hidden; position:relative; margin-bottom:15px; background: #fff;}
.izdvojenProizvodHome>.thumb{overflow:hidden; margin-bottom:5px; position:relative;}
.izdvojenProizvodHome>.thumb>a{display:block;}
.izdvojenProizvodHome>.thumb>a>img{width:100%;}
.izdvojenProizvodHome>.thumb:hover a>img{-webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); transform:scale(1.05,1.05); opacity:0.7;}
.izdvojenProizvodHome>.naziv{color:#454545; font-size:12px; line-height:13px; font-weight:600; height:39px; overflow:hidden; margin-bottom:2px;}
.izdvojenProizvodHome>.naziv>a{color:inherit;}
.izdvojenProizvodHome>.cena{overflow:hidden; margin-bottom:5px;}
.izdvojenProizvodHome>.cena>.staraCena{color:#666666; font-size:12px; font-weight:600px; text-decoration:line-through; display:block; line-height:12px; margin:0;}
.izdvojenProizvodHome>.cena>.aktuelnaCena{color:#cc0000; font-weight:700; font-size:15px; line-height:15px; float:left; margin:0;}
.izdvojenProizvodHome>.cena>.brBodova{color:#cc0000; font-weight:700; font-size:18px; line-height:18px; float:left; margin:0;}

.najprodavanijeNaslov{color:#f58220; font-size:18px; line-height:18px; font-weight:600; padding:15px; background:url(../wf-img/cat.jpg) 0 100% repeat-x; border:1px solid #eeeeee; position:relative;}
.izdvojeniProizvodMedium{border:1px solid #e4e4e4; padding:15px; overflow:hidden; margin:0 5px;}
.izdvojeniProizvodMedium:hover{background:#f6f6f6;}
.izdvojeniProizvodMedium>.naslov{color:#333333; font-size:14px; font-weight:600; line-height:16px; height:32px;}
.izdvojeniProizvodMedium>.naslov>a{color:inherit;}
.izdvojeniProizvodMedium>.thumb{border:1px solid #e4e4e4; overflow:hidden; margin-bottom:10px; position:relative;}
.izdvojeniProizvodMedium>.thumb>a>img{width:100%;}
.izdvojeniProizvodMedium>.cena{}
.izdvojeniProizvodMedium>.cena>.staraCena{color:#666666; font-size:14px; font-weight:600px; text-decoration:line-through; display:block; line-height:16px; margin:0;}
.izdvojeniProizvodMedium>.cena>.aktuelnaCena{color:#cc0000; font-weight:700; font-size:20px; line-height:20px; float:left; margin:0;}
.mediumBuy{display:block; float:right;}
.mediumBuy>img{display:block;}
.carouselNext{background:#ffffff; border:2px solid #dddddd; border-radius:2px; color:#aaaaaa; cursor:pointer; display:block; font-size:10px; height:24px; line-height:22px; margin-top:-12px; position:absolute; right:15px; text-align:center; top:50%; width:24px; opacity:0.7;}
.carouselPrev{background:#ffffff; border:2px solid #dddddd; border-radius:2px; color:#aaaaaa; cursor:pointer; display:block; font-size:10px; height:24px; line-height:22px; margin-top:-12px; position:absolute; right:50px; text-align:center; top:50%; width:24px; opacity:0.7;}
.carouselNext:hover, .carouselPrev:hover{opacity:1;}

/* --- kategorija --- */
.breadcrumbs{padding:15px 0; margin-bottom:20px; border-bottom:3px double #ddd;}
.breadcrumbs, .breadcrumbs a {color:#999; font-size:12px; line-height:12px; text-decoration:none;}
.breadcrumbs i {margin:0 5px;}
.slikaKategorije{width:100%; margin-bottom:30px;}
.sortiranje{margin:0 0 20px 0; background:#eee; overflow:hidden; padding:20px 0;}
.sortiranje hr{clear:both; float:left; width:100%; margin:10px 0; border-color:#ddd;}
.sortiranjeTitle{float:left; display:block; font-weight:600; width:100px;}
.form-inline .form-group{margin-right:15px;}
.brendLogo{color:#000; font-weight:600; letter-spacing:0.3px; margin:0 15px 0 0; float:left;}
.opisKategorije{margin:15px 0;}
.podkategorija{color:#555555; display:block; margin-bottom:10px; padding:5px 5px 5px 70px; text-align:center; overflow:hidden; min-height:60px;}
.podkategorija:hover{-webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); transform:scale(1.05,1.05); color:inherit; text-decoration:none; background:#dddddd;}
.iconKategorije{float:left;}

/* --- Brendovi --- */
.brendHolder span{text-align:center; margin-bottom:20px; display:block;}
.brendThumb{width:50%; margin:0 auto; display:block;}
.brendOpis{margin-bottom:30px;}

/* --- Proizvod --- */
/*.proizvodLargeThumb{background:#f2f2f2; border:1px solid #dddddd; padding:10px; margin-bottom:10px;}*/
.proizvodLargeThumb{margin-bottom:10px; position:relative;}
.proizvodLargeThumb>a>img{width:100%;}
.proizvodLargeThumb>.markicaRasprodato{left:0; width:100%; top:50%; text-align:center; font-size:30px; line-height:80px; border-radius:0; margin-top:-40px; height:auto; padding:0;}
/*.proizvodSmallThumb{background:#f2f2f2; border:1px solid #dddddd; padding:10px;}*/
.proizvodSmallThumb{}
.proizvodSmallThumb>a>img{width:100%;}
.proizvodNaziv{color:#454545; font-size:30px; line-height:32px; border-bottom:1px dashed #cccccc; padding-bottom:15px; margin-bottom:15px;}
.proizvodKategorija{font-size:14px; color:#454545; font-weight:600; border-bottom:1px dashed #cccccc; padding-bottom:15px; margin-bottom:15px;}
.proizvodKategorija>.naziv{color:#f58220;}
.proizvodDostupno{background:url(../wf-img/proizvod-dostupan.png) 0 0 no-repeat; color:#75a33e; font-weight:600; font-size:14px; line-height:14px; padding:0 0 15px 20px; margin-bottom:0; border-bottom:1px dashed #cccccc;}
.proizvodNedostupno{background:url(../wf-img/proizvod-nedostupan.png) 0 0 no-repeat; color:#cc0000; font-weight:600; font-size:14px; line-height:14px; padding:0 0 15px 20px; margin-bottom:15px; border-bottom:1px dashed #cccccc;}
.proizvodBesplatnaDostavaHolder{border-bottom: 1px dashed #cccccc;margin: 0 0 15px 0;display: flex;line-height: -8;align-items: center;gap: 25px;}
.proizvodBesplatnaDostavaHolder .delivery-time{margin: 0;font-size: 14px;font-weight: 600;}
.proizvodBesplatnaDostava{background:url(../wf-img/besplatna-dostava.png) 7px 50% no-repeat; color:#75a33e; font-weight:600; font-size:14px; line-height:14px; padding:10px 10px 10px 35px; margin:10px 0; border:1px solid #fff; border-radius:4px; display:inline-block;}
.proizvodBesplatnaDostava.istaknuto{border:1px solid #75a33e; background:url(../wf-img/besplatna-dostava.png) 7px 50% no-repeat #f2f2f2;}
.proizvodThumbBesplatnaDostavaHolder{height:30px;}
.proizvodThumbBesplatnaDostavaHolder .proizvodThumbBesplatnaDostava{background:url(../wf-img/besplatna-dostava.png) 7px 50% no-repeat; color:#75a33e; font-weight:400; font-size:12px; line-height:30px; padding:0 0 0 35px; margin:0; border:1px solid #fff; border-radius:4px;}
.proizvodThumbBesplatnaDostavaHolder .proizvodThumbBesplatnaDostava.uokvireno{border:1px solid #75a33e; background:url(../wf-img/besplatna-dostava.png) 7px 50% no-repeat #f2f2f2;}
.proizvodPlacaseDostava{background:url(../wf-img/nebesplatna-dostava.png) 0 0 no-repeat; color:#cc0000; font-weight:600; font-size:14px; line-height:14px; padding:0 0 15px 30px; margin:15px 0 0 0;}
.proizvodCena{border-bottom:1px dashed #cccccc; padding-bottom:15px; margin-bottom:15px; overflow:hidden;position: relative;}
.eNivoHolder {
    position: absolute;
    width: auto;
    right: 0;
    top: 0;
    text-align: right;
}
.eNivo {width: 75px;}
.eNivoInfo{    display: block;
    font-size: 13px;
    text-align: left;
    line-height: 1.1;}
.gradeImg{display: table; margin: 0 auto;}
.proizvodStaraCena{color:#666666; font-size:18px; line-height:18px; text-decoration:line-through; margin:0 0 5px 0;}
.proizvodAktuelnaCena{background:#cc0000; padding:10px 20px; color:#ffffff; font-size:24px; line-height:24px; float:left; margin:0;}
.saving{display: inline-block;font-size: 22px;color: #7e7e7e;padding: 7px 20px;}
.proizvodKorpa, .proizvodSocial, .proizvodBoja{border-bottom:1px dashed #cccccc; padding-bottom:15px; margin-bottom:15px; overflow:hidden;}
.proizvodSocial iframe{float:left;}
#dodatnaVrednost{border:1px solid #ccc; border-radius:3px; padding:5px; margin-left:15px; float:left;}
.proizvodTroskovi{font-size:14px; font-weight:600; border-bottom:1px dashed #cccccc; padding-bottom:15px; margin-bottom:15px;}
.proizvodTroskovi a{color:#f58220;}
.kolicinaNaslov{font-size:14px; color:#454545; font-weight:600; float:left; line-height:31px; margin-right:15px;}
.cenaDesno{float:left; text-align:right;}
.quantity {background:#ffffff; border-bottom: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; float: left; font-size: 17px; line-height: 21px; margin: 0;}
.quantity #minus1, .quantity #add1 {-moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; background:none repeat scroll 0 0 #FFFFFF; border-color:-moz-use-text-color #E9E9E9; border-image:none; border-left:1px solid #E9E9E9; border-radius:0 0 0 0 !important; border-right:1px solid #E9E9E9; border-style:none solid; border-width:medium 1px; font-size:0; height:31px; line-height:0; padding:0; vertical-align:middle; width:30px; display:block; float:left;}
.quantity #minus1 {background: url(../wf-img/minus-bg.png) no-repeat scroll center center #FFFFFF;}
.quantity #add1:hover, .quantity #minus1:hover {background-color: #EEEEEE;}
.quantity #add1 {background: url(../wf-img/plus-bg.png) no-repeat scroll center center #FFFFFF;}
.quantity .qty {border:none; padding: 0 !important; text-align: center; width: 65px !important;	color:#666666; font-family:'Source Sans Pro', sans-serif; display:block; float:left; line-height:31px; font-size:14px;}
.kupi{background: #ffbf89; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmY4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTgyMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffbf89 0%, #f58220 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbf89), color-stop(100%,#f58220)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffbf89 0%,#f58220 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffbf89 0%,#f58220 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffbf89 0%,#f58220 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffbf89 0%,#f58220 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf89', endColorstr='#f58220',GradientType=0 ); /* IE6-8 */
color:#ffffff; font-size:14px; font-weight:700; padding:7px 15px; border:1px solid #f58220; line-height:17px; margin-bottom:1px; float:left; margin-left:15px; cursor:pointer;}
.kupi>span{margin-left:10px;}
.kupi:hover{color:#ffffff; text-decoration:none;}
.tezina{clear:both; color:#900; float:left; font-size:14px; line-height:12px; font-style:italic; margin:10px 0 0 0;}
.obavestenje{font-size:14px; font-weight:600; padding:10px; background:#eee;}
.obavesteneSnizenjeForm{margin-top:10px; display:none;}
.obavesteneSnizenjeForm.prikazi{display:block;}
.proizvodOpis{margin-top:30px;}
.tab-content{background:#ffffff; border-left:1px solid #dddddd; padding:20px;}
.karakteristike{margin:20px 0 0 0;}
.slicniProizvodi{margin-top:10px;}
.slicniProizvodiKat{border-top:1px solid #f58220; padding:20px 0 0 0; margin:20px 0 0 0;}
.slicniProizvodiKat a{color:#f58220;}

/* --- Blog ---*/
.newsWrapper {display: flex;flex-flow: wrap;}
.newsWrapper .item {width: calc((100% - 100px)/6);margin: 10px;text-align: center;}
.newsWrapper .item:first-of-type {margin: 10px 10px 10px 0;}
.newsWrapper .item:nth-of-type(6n+6) {margin: 10px 0 10px 10px;}
.newsWrapper .item:nth-of-type(7n+7) {margin: 10px 10px 10px 0;}
.newsWrapper .item .thumbWrapper {height: 150px;background-size: cover;background-position: center;}

.catNewsHolder {display: flex;flex-wrap: wrap;justify-content: space-between;}
.catNewsHolder::after {content: "";flex: auto;}
.catNewsHolder .singleNews {width: calc(calc(100% - 50px)/3);margin-right: 25px;margin-bottom: 25px;}
.catNewsHolder .singleNews:nth-of-type(3n) {margin-right: 0;}
.catNewsHolder .singleNews .thumbWrapper {height: 150px;background-position: unset;background-size: contain;background-repeat: no-repeat;}
.catNewsHolder .singleNews .infoWrapper{min-height: 80px;}
.catNewsHolder .singleNews .infoWrapper .title{font-size: 20px;margin-top: 10px;color: #000;font-weight: 600;min-height: 60px;}
.catNewsHolder .singleNews .infoWrapper .text{font-size: 14px;color: #000;}
.catNewsWrapper .catText{margin-bottom: 20px;}
.catNewsWrapper .singleCatHolder .catNewsTitle{display: flex;align-items: center;justify-content: space-between;}
.catNewsWrapper .singleCatHolder .catNewsTitle .catNewsLink {font-size: 19px;font-weight: 300;color: #000;text-decoration: underline;margin-top: 10px;}
.catNewsWrapper .singleCatHolder .catNewsTitle .catNewsLink i{font-size: 14px;padding-left: 5px;}

.newsItemThumbWrapper img{width: 100%;}


.actionsPage .newsWrapper .item .akcijePageImg{width: 100%;}
.actionsPage .newsWrapper .item {width: calc((100% - 100px)/4);margin: 10px;text-align: center;}

/* --- kontakt --- */
#mail_success{display:none; padding:10px; color:#044406; background-color:#B7FBB9; font:inherit; margin:0 0 10px 0; border-radius:3px;}
#mail_fail{display: none; padding:10px; color:#D8000C; background-color:#FFBABA; margin:0 0 10px 0; font:inherit; border-radius:3px;}

/* --- footer --- */
footer{background: #1a262e; color: #fff; font-size:14px; line-height:1.2; padding:40px 0;}
.footerInfoHolder{border-bottom:1px solid #636363; margin:0 0 40px 0; padding:0 0 40px 0;}
.footerInfoHolder .itemInfo{text-align:center; padding:0 30px;}
.footerInfoHolder .itemInfo .icon{width:auto; display:inline-block; margin:0 0 20px 0;}
.footerInfoHolder .itemInfo .text{font-size:14px; line-height:1.4; margin:0; font-weight:300;}
.footerInfoHolder .itemInfo .text a{color: #668fc2; text-decoration:underline;}
.footerContactHolder{border-bottom:1px solid #636363; margin:0 0 40px 0; padding:0 0 40px 0;}
.footerContactHolder .footerContactLeft{width:70%; float:left; overflow:hidden;}
.footerContactHolder .footerContactLeft .footerContactItem{float:left; width:25%; font-size: 14px; line-height: 1.4;}
.footerContactHolder .footerContactLeft .footerContactItem .title{font-weight:700; margin:0 0 15px 0;}
.footerContactHolder .footerContactLeft .footerContactItem .text{line-height:1.2; font-weight:300;}
.footerContactHolder .footerContactLeft .footerContactItem .text p{margin:0 0 10px 0;}
.footerContactHolder .footerContactLeft .footerContactItem .footerMenu{margin:0; padding:0; list-style:none; font-weight:300; color:#668fc2;}
.footerContactHolder .footerContactRight{width:30%; float:right;}
.footerContactHolder .footerContactRight .footerSocialHolder{overflow:hidden; margin:0 0 15px 0; float:right;}
.footerContactHolder .footerContactRight .footerSocialHolder .title{margin: 0 20px 0 0; float: left; line-height: 30px; font-size: 13px; font-weight: 300; height: 30px;}
.footerContactHolder .footerContactRight .footerSocialHolder .iconsHolder{float: right;}
.footerContactHolder .footerContactRight .footerSocialHolder .iconsHolder a{height:30px; display:block; float:left; margin:0 0 0 8px;}
.footerContactHolder .footerContactRight .footerSocialHolder .iconsHolder a:first-child{margin:0;}
.footerContactHolder .footerContactRight .footerSocialHolder .iconsHolder a img{height:100%;}
.footerContactHolder .footerContactRight .footerNewsletterHolder{overflow:hidden; float:right;}
.footerContactHolder .footerContactRight .footerNewsletterHolder .title{margin:0 20px 0 0; float:left; line-height:30px; font-size:14px; font-weight:300; height:30px;}
.footerContactHolder .footerContactRight .footerNewsletterHolder .nlForm{float:right; height:30px; background:#fff;}
.footerContactHolder .footerContactRight .footerNewsletterHolder .nlForm input{height:30px; line-height:30px; padding:0 15px; border:none; color:#333; float:left; width:200px;}
.footerContactHolder .footerContactRight .footerNewsletterHolder .nlForm button{border:none; color:#fff; background:#f58220; width:30px; height:30px;}
.footerContactHolder .footerContactRight .success_newsletter{float: right;display: inline-block;margin-top: 20px;font-size: 14px;background: #059105;padding: 15px 25px;text-transform: uppercase;transition: .4s all;opacity: 0;}
.footerContactHolder .footerContactRight .success_newsletter.success{opacity: 1;}
.footerBottomHolder{}
.footerBottomHolder .cardHolder{float: right;}
.footerBottomHolder .cardHolder a, .footerBottomHolder .cardHolder>img{float: right; width: auto; margin: 0 0 0 10px; height: 45px;}
.footerBottomHolder .cardHolder a:last-child{margin:0;}
.footerBottomHolder .cardHolder a img{height:100%;}
.potpis{float: left; margin: 20px 0 0 0;}
/*#footer{padding-top:40px; padding-bottom:10px; border-top:2px solid #f58220; margin-top:50px;}
.footerIconsL{text-align:left; padding:20px 0;}
.footerIconsR{text-align:right; padding:30px 0 10px 0;}
.footerIconsL img, .footerIconsR img{display:inline-block; margin:0 5px;}
.footerTrust {text-align: center; padding:20px 0;}
.footerTrust img{width:50%;}
#footer .footerTelefon{background:url(../wf-img/footer-phone-icon.png) 0 0 no-repeat; padding-left:40px; font-size:20px; line-height:22px;}
#footer .footerTelefon span{display:block; clear:both; font-size:20px; color:#555555; font-weight:700;}
#footer .footerSigurnaKupovina{background:url(../wf-img/footer-sigurna-kupovina-icon.png) 0 0 no-repeat; padding-left:30px;}
#footer .footerKupovinaNaRate{background:url(../wf-img/footer-kupovina-na-rate-icon.png) 0 0 no-repeat; padding-left:45px;}
#footer .footerDostava{background:url(../wf-img/footer-dostava-icon.png) 0 0 no-repeat; padding-left:40px;}
#footer .footerPovracajNovca{background:url(../wf-img/footer-povracaj-novca-icon.png) 0 0 no-repeat; padding-left:40px;}
#footer .footerNaslov{font-size:14px; font-weight:700; margin-bottom:10px;}
#footer .footerNaslov a{color:inherit; text-decoration:none;}
#footer .footerOpis{font-size:12px; font-weight:500; margin-bottom:10px;}
#footer .footerOpis a{color:#f58220;}
#footer .footerOpisLarge{font-size:14px; line-height:14px; font-weight:500; margin-bottom:10px;}
#footer .footerOpisLarge a{color:inherit; text-decoration:none;}
#footer .footerSocialIcon{display:block; float:left; margin-right:10px; opacity:0.7;}
#footer .footerSocialNewsletter{margin:10px 0; padding:20px; background:#ffffff; border-top:1px solid #ecf0f1; border-bottom:1px solid #ecf0f1; overflow:hidden;}
#footer .footerNewsletterHolder{clear:both; margin-top:20px; float:left;}
#footer .footerNewsletter{border:1px solid #cccccc; border-radius:5px; height:45px; overflow:hidden; width:330px; background:#ffffff;}
#footer .footerNewsletter input{border:none; color:#aaaaaa; font-size:14px; line-height:14px; float:left; padding:14px; margin:0; width:220px;}
#footer .footerNewsletter button{border:none; background:#f58220; float:right; margin:0; height:43px; width:95px; color:#ffffff;}
#footer .footerLinkovi{margin:0; padding:0; list-style:none;}
#footer .footerLinkovi li a{display:block; font-size:14px; line-height:14px; font-weight:500; margin-bottom:3px; text-decoration:none; color:#34495e;}
#footer .potpis{padding:20px 0; text-align:center; color:#555555; font-size:12px; line-height:14px;}
#footer .potpis a{color:inherit;}
#footer .footerLogo{display:block; text-align:center; margin-bottom:15px;}
.footerBlack{background:#000; padding:10px 0; font-weight:700; color:#fff; overflow:hidden;}
.footerBlack a{color:#fff;}
.footerBlack>.leftLinks a{float:left; margin:0 15px 0 0;}
.footerBlack>.rightLinks a{float:right; margin:0 0 0 15px;}*/

/* Overlay Categories */
.categoryOverlayHolder{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 1; padding: calc(100vw/16.8); display:none;}
.categoryOverlayHolder .close{position:absolute; cursor:pointer; top:calc(20vw/16.8); right:calc(20vw/16.8); font-size:calc(30vw/16.8); color:#fff; opacity: 1;}
.categoryOverlayHolder .mainCat{margin: 0; padding: 0; list-style: none;}
.categoryOverlayHolder .mainCat>li{float: left; width: 24%; margin: 0 1% 1% 0; position:relative; background:#fff; padding:calc(15vw/16.8);}
.categoryOverlayHolder .mainCat>li>a{font-size:calc(16vw/16.8); line-height:calc(22vw/16.8); display:block;}
.categoryOverlayHolder .mainCat>li>.down{position: absolute; right: calc(10vw/16.8); width: calc(25vw/16.8); height: calc(32vw/16.8); background: #eee; top: calc(10vw/16.8); text-align: center; line-height: calc(32vw/16.8); font-size: calc(18vw/16.8); cursor:pointer;}
.categoryOverlayHolder .subCat{display:none; margin:15px 0 0 0; padding:15px; background: #eee; list-style: none; max-height: 400px; overflow-y: scroll; position: absolute;
z-index: 2; width: 100%; left: 0px;}
.categoryOverlayHolder .subCat>li{}
.categoryOverlayHolder .subCat>li>a{display: block; font-size: calc(13vw/16.8); line-height: calc(28vw/16.8);}

.callCenter{position:fixed; right:-250px; top:30%; width:296px; z-index:1;}
.callCenter.otvoreno{right:0;}
.callCenter>.callCenterIcon{float:left; cursor:pointer;}
.callCenter>.sadrzaj{padding:20px; text-align:center; margin:0; color:#fff; background:#f58233; overflow:hidden;}
.callCenter>.sadrzaj a{color:inherit;}

/*----------------------- popup ---------------------*/
.popupBack{display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#fff; z-index:9998;}
.popupCont{display:none; position:fixed; _position:absolute; height:auto; width:680px; z-index:9999; box-shadow: 0 0 5px #999; padding:30px 40px; font-size:20px; color:#000; background-color:#fff; text-align:center;}
.popupCont p{margin:15px 0;}
.popupClose{right:-14px; top:-11px; position:absolute; display:block; cursor:pointer; cursor:hand;}

/*----------------- paging ---------------*/
.tablePaginationHolder{width:100%; clear: both; overflow: hidden;}
.paging {float:right; margin:0 4px 0 0; color:#333;}	
.page-first {background:url(../wf-img/paging-first.png) no-repeat; display:block; float:left; height:24px; margin:0 4px 0 0; width:24px;}
.page-previous {background:url(../wf-img/paging-previous.png) no-repeat; display:block; float:left; height:24px; width:24px;}
.page-last {background:url(../wf-img/paging-last.png) no-repeat; display:block; float:left; height:24px; margin:0 4px 0 4px; width:24px;}
.page-next {background:url(../wf-img/paging-next.png) no-repeat; display:block; float:left; height:24px; width:24px;}
.page-info {float:left; line-height:16px; padding:3px 12px 0 12px;}
.page-select {padding:3px;}

/* Prijava / Registracija korisnika */
#order_form p{margin:0 0 10px 0;}
#order_form input, #order_form select, #order_form textarea {border:1px solid #d5d5d5; border-radius:3px; color:#999; font-size:14px; line-height:16px; margin:0 0 10px; outline:0 none; padding:10px; resize:none; width:100%; background:#eeeeee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #eeeeee 1%, #ffffff 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eeeeee), color-stop(98%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 1%,#ffffff 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 1%,#ffffff 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 1%,#ffffff 98%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 1%,#ffffff 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
#order_form label{font-size:14px; line-height:16px; display:block;}
#order_form input#korisnik, #order_form input#dostavaBeograd, #order_form input#opstiUslovi{width:auto; margin:0 10px 0 0;}
#order_form #shopRegistracija, #nalogIzmena {background:#f58220; border:0 none; border-radius:5px; color:#fff; font-size:16px; line-height:16px; padding:12px; cursor:pointer; width:100%; font-weight: 700;}
#login_form p{margin:0 0 10px 0;}
#login_form input, #order_form textarea {border:1px solid #d5d5d5; border-radius:3px; color:#999; font-size:14px; line-height:16px; margin:0 0 10px; outline:0 none; padding:10px; resize:none; width:100%; background:#eeeeee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #eeeeee 1%, #ffffff 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eeeeee), color-stop(98%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 1%,#ffffff 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 1%,#ffffff 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 1%,#ffffff 98%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 1%,#ffffff 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
#login_formm label{font-size:14px; line-height:16px; display:block;}
#login_form input#korisnik{width:auto; margin:0 10px 0 0;}
#login_form #shopPrijava {background:#a0d039; border:0 none; border-radius:5px; color:#fff; font-size:16px; line-height:16px; padding:12px; cursor:pointer; width: 100%; font-weight: 700;}
.forgetForm{display:none;}
.forgetForm input, .resetForm input{border:1px solid #d5d5d5; border-radius:3px; color:#999; font-size:14px; line-height:16px; margin:0 0 10px; outline:0 none; padding:10px; resize:none; width:100%; background:#eeeeee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #eeeeee 1%, #ffffff 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eeeeee), color-stop(98%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 1%,#ffffff 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 1%,#ffffff 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 1%,#ffffff 98%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 1%,#ffffff 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
#reset_success {
    background: #b7fbb9 none repeat scroll 0 0;
    border-radius: 4px;
    color: #044406;
    display: none;
    float: left;
    margin: 20px 0 0;
    padding: 10px;
    text-align: center;
    width: 100%;
}
#reset_error {
    background: #ffbaba none repeat scroll 0 0;
    border-radius: 4px;
    color: #d8000c;
    display: none;
    float: left;
    margin: 20px 0 0;
    padding: 10px;
    text-align: center;
    width: 100%;
}
.forgetForm button, .loginForm button, .resetForm button{background:#a0d039; border:0 none; border-radius:5px; color:#fff; font-size:16px; line-height:16px; padding:12px; cursor:pointer; width: 100%; font-weight: 700;}
.nazad, .zaboravljenaLozinka{color:#c00; float:right; font-size:14px; margin:10px 0; cursor:pointer;}
.uspesnoResetovanaLozinka {
    text-align: center;
}
.uspesnoResetovanaLozinka i {
    color: #a0d039; font-size:100px;
}
.vasipodaci{margin-bottom:20px;}
#napomena{width:100%; border:1px solid #ccc; min-height:80px; border-radius:5px; padding:10px; margin:0 0 20px 0;}
#vsdklup{width: 100%; border: 1px solid #ccc; border-radius: 5px; padding: 6px 10px; margin: 0 0 5px 0; text-align:left; font-style:italic;}
#vsdklubid{width:calc(100% - 120px); border: 1px solid #ccc; border-radius: 5px; padding: 6px 10px; margin: 0 0 5px 0; text-align:left; font-style:italic; float:left;}
.dodajVsdKlubId{width: 100px;
display: inline-block;
text-align: center;
height: 34px;
line-height: 34px;
background:
#a0d039;
color:
#333;
font-weight: 600;
border-radius: 5px;
float: right; cursor:pointer;}
.nijeObaveznoPolje{display: block; float:left; font-style: italic; color: #900; clear: both;}
.vKlubHolder{background:#eee; border-bottom:4px double #ccc; padding:20px;}
.vKlubHolder p:last-child{margin:0;}
#wfCartPay{float:right; background:#a0d039; border:none; color:#fff; font-size:16px; line-height:16px; font-weight:700; padding:10px 30px; margin:10px 5px; display:block;}
.infoPotvrde{clear:both; text-align:right; display:block; font-style:italic;}
.dostavaBeogradDiv {background-color:#efefef; padding:10px; margin-bottom:15px; border-radius:3px; font-size: 14px;}
#dostavaZonaP {display: none;}
#dostavaZonaP a {margin-left: 15px; text-decoration: underline; color: #00bfff;}
#dostavaZonaP a:hover {text-decoration: none;}
select#dostavaZona  {font-size: 14px;}

/* Vaš nalog */
.izmeniLozinku{background:#a0d039; border-radius:5px; color:#fff; font-size:16px; line-height:16px; padding:10px 15px; font-weight: 700;}
.izmeniNalog{background:#00bfff; border-radius:5px; color:#fff; font-size:16px; line-height:16px; padding:10px 15px; font-weight: 700;}
.table>thead>tr>th{border-bottom:2px solid #ddd; vertical-align:bottom; padding:8px;}
.table td{padding:8px; border-top:1px solid #ddd;}
.table-striped>tbody>tr:nth-of-type(2n+1){background-color:#f9f9f9;}
.tabelaPorudzbina>tbody>tr:hover {cursor:pointer; background-color:#bababa; color:#fff;}

/*hamburger menu*/
.hamburger.mobile ul {
    position: fixed;
    z-index: 99;
    background: #f7941e;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    color: #fff;
    font-size: 20px;
    flex-direction: column;
    text-align: center;
    padding: 50px 0 0 0;
    list-style: none;
    margin: 0;
}

.hamburger.mobile li {
    color: white;
    font-size: 25px;
    margin-top: 20px;
}

.hamburger.mobile a {
    color: inherit;
}
.wpwl-form-err {
    background-color: #c81313;
    padding: 15px 10px;
    overflow: hidden;
    color: #fff;
    margin: 0 15px 15px 15px;
}
.wpwl-form-err .notification__icon{padding-right: 15px;}

.counter_holder {display: flex;;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.counter_holder > span{color: #4c494a;font-size: 22px;}
.counter_holder img {width: 65px;z-index: 2;position: relative;}
.counter_holder #counter {font-size: 38px;width: 40%;margin-bottom: 0;}
.counter_holder #counter .time_holder {display: inline-flex;gap: 5px;font-weight: bold;}
.counter_holder #counter .time_holder .time_wrapper{display: inline-flex;flex-flow: column-reverse;place-content: center;align-items: center;}
.counter_holder #counter .time_holder .time_wrapper span:nth-of-type(1){line-height: 30px;font-weight: 400;color: #e12c18;}
.counter_holder #counter .time_holder .time_wrapper span:nth-of-type(2){font-size: 15px;color: #4c494a;font-weight: 400;}

.discountCodeHolder{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.discountCodeHolder #discountCode{
    width: calc(100% - 120px);
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px 10px;
    margin: 0 0 5px 0;
    text-align: left;
    font-style: italic;
}
.discountCodeHolder #discountCodeBtn{
    width: 100px;
    height: 34px;
    background: #a0d039;
    color: #333;
    font-weight: 600;
    border: none;
    border-radius: 5px;
}

footer .flex{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
footer .cartsHolder{background-color: white;width: auto;float: right;}
footer .cardsHolderLeft, .cardsHolderRight, .cardsHolderMiddle{display: flex; margin-bottom: 2px; align-items: center;}
footer .cardsHolderLeft {flex-basis: 45%;}
footer .cardsHolderMiddle {flex-basis: 37%;}
footer .cardsHolderRight {flex-basis: 18%;}
footer .cardsHolderMiddle a{margin: 0 auto !important;}
footer .cardsHolderLeft a, .cardsHolderRight a, .cardsHolderMiddle a, .cardsHolderLeft span, .cardsHolderRight span, .cardsHolderMiddle span {background: white; display: flex; align-items: center; padding: 10px; margin: 0 5px 0 0;}
footer .cardsHolderLeft a{cursor: default;}
footer .cardsHolderLeft img, .cardsHolderRight img, .cardsHolderMiddle img {width: 100%;height: 35px;object-fit: contain;}

#backToTop{bottom:30px; right:30px; cursor:pointer; display:none; height:60px; position:fixed; width:60px; border-radius:50%; font-size:20px; line-height:55px; text-align:center; z-index:100; color:#fff; background: #f58220; /*ackground: -moz-linear-gradient(left, #65938d 0%, #a0d8d1 100%); background: -webkit-linear-gradient(left, #65938d 0%,#a0d8d1 100%); background: linear-gradient(to right, #65938d 0%,#a0d8d1 100%);*/ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65938d', endColorstr='#a0d8d1',GradientType=1 );}