[v-cloak] > * {
    visibility: hidden;
}

img[data-src]:not([src]) {
    visibility: hidden;
}

img[data-srcset]:not([srcset]) {
    visibility: hidden;
}

/* GLOBAL */
html, body { height: 100%; }

body { position: relative; font-family: 'Muli', Arial, sans-serif; font-size: 15px; font-weight: 400; color: #11131E; line-height: 24px; overflow-y: scroll; }

a { color: #23AAEE; text-decoration: none; }
a:hover { color: #11131E; text-decoration: none; }
a:focus, a.active { color: #23AAEE; outline: none; text-decoration: none; }

strong { font-weight: 700; }

a, button, .lang > div { transition: all 0.3s ease; }
button { border: 0; outline: none; }
input[type=text], input[type=password] { outline: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; }
h1 { font-size: 30px; line-height: 30px; margin-bottom: 30px; margin-top: 10px; }
h2 { font-size: 18px; line-height: 20px; font-weight: 800; }  

.req { color: #E9003F; font-family: Arial, sans-serif; font-size: 130%; font-weight: 700; margin-left: 8px; }

.img_responsive, .imgresponsive { width: auto !important; height: auto !important; max-width: 100%; }

.textbox, textarea { background: #ebedef; border: 1px solid transparent; border-radius: 0; padding: 10px 15px; font-size: 14px; line-height: 20px; transition: all 0.3s ease; }
.textbox:focus, textarea:focus, .select-list:focus { background: #fff; border-color: #7e8289; box-shadow: 0 0 10px rgba(49,56,68,0.3); }

.btn { display: inline-block; font-weight: 700; padding: 15px 30px; margin: 0; line-height: 20px; color: #000; text-align: center; border-radius: 8px; border: 1px solid #000; font-size: 15px; transition: all 0.3s ease; }
.btn:hover { background: #23AAEE; color: #fff; border-color: #23AAEE; }
.btn:focus { background: #23AAEE; color: #fff; border-color: #23AAEE; outline: none; }

.btn-primary,
.btn-primary:focus { background: #23AAEE; border-color: #23AAEE; color: #fff; }
.btn-primary:hover { background: #000; border-color: #000; color: #fff; }

.btn-secondary,
.btn-secondary:focus { background: #EFF1F6; border-color: #EFF1F6; color: #11131E; }
.btn-secondary:hover { background: #000; border-color: #000; color: #fff; }

.btn-tertiary,
.btn-tertiary:focus { background: #C9F6FF; border-color: #C9F6FF; color: #2A2D2E; }
.btn-tertiary:hover { background: #2A2D2E; border-color: #2A2D2E; color: #fff; }

.btn-action,
.btn-action:focus { background: #00A76E; border-color: #00A76E; color: #fff; }
.btn-action:hover { background: #000; border-color: #000; color: #fff; }

.btn-action-white,
.btn-action-white:focus { background: #fff; border-color: #00A76E; color: #00A76E; }
.btn-action-white:hover { background: #000; border-color: #000; color: #fff; }

.btn-dark,
.btn-dark:focus { background: #2A2B2C; border: 1px solid #2A2B2C; color: #fff; }
.btn-dark:hover { background: #000; border-color: #000; color: #fff; }

.btn-silk,
.btn-silk:focus { background: rgba(255,255,255,0.2); border: transparent; box-shadow: 5px 15px 20px rgba(0,0,0,0.2); color: #000; }
.btn-silk:hover { background: #000; border-color: #000; color: #fff; }

.btn i { position: relative; margin-right: 8px; top: 2px; }

.align-helper { display: inline-block; height: 100%; vertical-align: middle; }

.font-elegant { font-family: 'lora', serif; }

.no-scroll { position: fixed; width: 100%; height: 100%; overflow-y: scroll; }

.center-img { position: relative; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); max-width: 100%; }

.dark-overlay { display: none !important; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,102,153,0.98); z-index: 9000; }

.tablica-3-kolone { width: 100%; }
.tablica-3-kolone td { width: 33.333%; padding-right: 40px; padding-top: 60px; }
.tablica-3-kolone tr:first-of-type td { padding-top: 10px; }

.tablica-podaci { border-spacing: 0; border-collapse: collapse; border-width: 1px; }
.tablica-podaci tr td { padding: 8px 15px; border-top: 2px solid #fff; vertical-align: top; }
.tablica-podaci tr td:first-child { background: #f2f2f2; color: #888888; }

.two-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item-attributes {
    display: block !important;
    margin-top: 10px;
}

.ia-list {
    font-size: 13px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ia-list li {
    position: relative;
    padding-left: 15px
}

.ia-list li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #006699;
    position: absolute;
    top: 6px;
    left: 0;
    border-radius: 100%
}



/* CUSTOM CHECKBOXES */
label { display: inline-block; vertical-align: middle; cursor: pointer; margin-bottom: 0; }
input[type=checkbox] { display: none; }
input[type=checkbox] + label { font-weight: 400; }
input[type=checkbox] + label:before { position: relative; top: 4px; display: inline-block; width: 20px; height: 20px; border: 1px solid #AEB1BB; background: #fff; border-radius: 3px; font-family: 'mikronis'; content: ' '; font-size: 14px; line-height: 18px; text-align: center; margin-right: 12px; overflow: hidden; font-display: swap;}
input[type=checkbox]:checked + label:before { content: '\78'; color: #23AAEE; } 

input[type=radio] { display: none; }
input[type=radio] + label { position: relative; font-weight: 400; }
input[type=radio] + label:before { position: relative; top: 2px; display: inline-block; width: 20px; height: 20px; background: #fff; border: 1px solid #AEB1BB;  content: ' '; text-align: center; margin-right: 10px; overflow: hidden; border-radius: 10px; }
input[type=radio]:checked + label:after { position: absolute; display: inline-block; left: 5px; top: 7px; width: 10px; height: 10px; background: #23AAEE; border-radius: 5px; content: ' '; text-align: center; }




/* SELECTPICKER OVERRIDE */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width: 100%; }
.bootstrap-select .btn { text-transform: none; padding: 11px 16px; transition: all 0.3s ease-in-out; text-shadow: none; border-color: transparent; border-radius: 5px; } 
.bootstrap-select .btn .filter-option { font-size: 15px; font-weight: 400; color: #39434B; letter-spacing: 0; padding-right: 15px; }
.bootstrap-select .btn:hover, .bootstrap-select .btn:focus, .bootstrap-select .btn:hover .filter-option { color: #39434B; }
.bootstrap-select .btn:hover { background: #f1f2f3; }
.bootstrap-select .btn:focus { background: #f1f2f3; border-color: #AEB1BB; }
.bootstrap-select.btn-group.open .dropdown-toggle { box-shadow: none; }
.bootstrap-select .btn-default:active, .bootstrap-select .btn-default.active, .bootstrap-select.open > .dropdown-toggle.btn-default { background: #ddd; border-color: #ddd; color: #232323; }
.bootstrap-select.btn-group .dropdown-toggle .caret { right: 25px; top: 13px; border: 0; }
.bootstrap-select.btn-group .dropdown-toggle .caret::before { display: inline-block; font-family: 'mikronis'; content: '\61'; font-size: 12px; color: #39434B; font-display: swap; }
.bootstrap-select.btn-group .btn.dropdown-toggle:hover .caret::before { color: #39434B; }

.bootstrap-select .dropdown-menu { border-radius: 5px; border: 0; padding: 0; margin: 0; overflow-x: hidden; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.3); font-size: 15px; font-weight: 400; }
.bootstrap-select .dropdown-menu > li > a { padding: 8px 16px 9px 16px; }
.bootstrap-select .dropdown-menu > li > a:hover { background: #ddd; }
.bootstrap-select .dropdown-menu > li.selected a { background: none; color: #23AAEE; }




/* GD SELECT*/
.gd-select { position: relative; }
.gd-selected { position: relative; background: #EFF1F6; border: 1px solid #EFF1F6; padding: 12px 15px; cursor: pointer; transition: 0.5s all ease; border-radius: 8px; }
.gd-selected:hover { background: #fff; border-color: #AEB1BB; }
.gd-selected button { display: block; width: 100%; background: none; padding: 0 30px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.gd-selected i { position: absolute; right: 15px; top: 15px; color: #23AAEE; }

.gd-search { padding: 16px 12px 2px 12px; }
.gd-search input { display: block; width: 100%; border: 1px solid #AEB1BB; padding: 4px 8px; font-style: italic; border-radius: 2px; }

.gd-dropdown { display: none; position: absolute; width: 100%; top: 52px; background: #fff; border-radius: 8px; font-size: 15px; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3); z-index: 1000; max-height: 250px; overflow: auto; }
.gd-dropdown ul { margin: 0; padding: 10px 0; list-style: none; }
.gd-dropdown ul li { display: block; position: relative; padding: 4px 12px; cursor: pointer; line-height: 20px; }
.gd-dropdown ul a,
.gd-dropdown ul em { position: relative; display: block; color: #333; text-decoration: none; padding-right: 40px; padding-left: 32px; }
.gd-dropdown ul a:hover { color: #23AAEE; }
.gd-dropdown .disabled { cursor: default; }
.gd-dropdown .disabled em { color: #999; font-style: normal; }
.gd-dropdown .amount { position: absolute; right: 14px; top: 3px; color: #999; font-size: 13px; }
.gd-dropdown .item-check { position: absolute; width: 20px; height: 20px; left: 12px; top: 2px; border: 1px solid #AEB1BB; border-radius: 2px; }
.gd-dropdown .item-check::after { display: none; position: absolute; left: 4px; top: 3px; font: 11px 'mikronis'; content: '\78';color: #23AAEE; font-display: swap;}
.gd-dropdown .checked .item-check::after { display: block; }



/* RANGE SLIDER */
.noUi-horizontal { margin: 6px 6px 20px 8px; height: 2px; }
.noUi-target { border: 0; border-radius: 5px; box-shadow: none; }
.noUi-origin { border-radius: 10px; }
.noUi-background { background: #AEB1BB; box-shadow: none; }
.noUi-connect { background: #AEB1BB; box-shadow: none; }
.noUi-horizontal .noUi-handle { width: 15px; height: 15px; left: -8px; top: -7px; }
.noUi-horizontal .noUi-handle.noUi-handle-upper { left: -10px; }
.noUi-origin { background: #AEB1BB; }
.noUi-origin:first-of-type { background: #AEB1BB; }
.noUi-handle { border: 0; border-radius: 2px; box-shadow: none; cursor: pointer; background: #23AAEE; }
.noUi-handle::before { display: none; }
.noUi-handle::after { display: none; }



/* WRAPPERS */
.mobile-visible,
.tablet-visible { display: none; }

header { position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 10000; }
header .logo { float: left; position: relative; margin-top: 30px; }
header .logo-birthday { margin-top: 25px; }
header > .container { height: 90px; }

header .top-strip { background: #005588; }
header .top-strip .container { text-align: right; }
header .top-strip ul { margin: 0; padding: 6px 0; list-style: none; font-size: 13px; }
header .top-strip ul li { display: inline-block; margin-left: 24px; }
header .top-strip a { opacity: 0.6; color: #fff; }
header .top-strip a:hover { opacity: 1; color: #fff; }

.search { float: left; width: 700px; border: 1px solid #23AAEE; border-radius: 20px; margin: 24px 0 0 110px; }
.search ul { display: table; width: 100%; margin: 0; padding: 0; list-style: none; }
.search ul li { display: table-cell; height: 40px; vertical-align: middle; }
.search .search-field input { display: block; width: 100%; padding: 10px 15px; font-style: italic; line-height: 20px; border: 0; background: none; }
.search .search-btn { width: 100%; height: 40px; width: 50px; text-align: center; font-size: 18px; }
.search .search-btn a { position: relative; display: block; width: 100%; height: 40px; background: transparent; color: #006699; border-radius: 0 20px 20px 0; }
.search .search-btn a:hover,
.search .search-btn a:focus { background: #006699; color: #fff; }
.search .search-btn a span { position: relative; top: 10px; }

.header-menu { position: relative; margin: 33px 0 0 0; padding: 0; list-style: none; float: right; visibility: hidden; }
.header-menu > li { float: right; margin-left: 30px; line-height: 24px; }
.header-menu li a { position: relative; display: block; color: #11131E; }
.header-menu li a:hover { color: #23AAEE; }
.header-menu li > a > span:not(.user-menu) { font-size: 24px; }
.header-menu li a i { position: absolute; right: -12px; top: -7px; width: 18px; height: 18px; line-height: 18px; background: #E98400; font-size: 10px; font-weight: 700; font-style: normal; color: #fff; text-align: center; border-radius: 50%; }
.header-menu li.hm-search span:before { font-size: .85em; }
.hm-search { display: none; }

#lenHpStoreID{ color: #222;}

.user-menu {
    display: none;
    position: absolute;
    width: 280px;
    right: 0;
    top: 57px;
    z-index: 1000;
    background: #fff;
    color: #222;
    margin: 0;
    list-style: none;
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
}
.user-menu-title { position: relative; display: block; font-size: 18px; padding: 18px 30px; border-bottom: 1px solid #eee; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-menu-title i { font-style: normal; position: relative; top: 2px; display: inline-block; margin-right: 15px; color: #ccc; }
.user-menu ul { margin: 0; padding: 15px 30px 15px 30px; list-style: none; text-align: left; }
.user-menu ul li { display: block; padding: 5px 0; }

.lang { position: relative; float: right; margin-top: 32px; margin-left: 30px; }
.lang > span { font-weight: 700; transition: 0.3s all ease; cursor: pointer; }
.lang > span::after { margin-left: 8px; font: 10px 'mikronis'; content: 'a'; font-display: swap;}
.lang > span:hover { color: #222; }
.lang ul { display: none; position: absolute; left: -30px; top: 40px; z-index: 1000; background: #fff; margin: 0; padding: 10px 0; list-style: none; box-shadow: 0 20px 20px rgba(0,0,0,0.10); }
.lang ul li { display: block; }
.lang ul li a { display: block; padding: 5px 30px; color: #222; }
.lang ul li a:hover { color: #0f98d5; }

.section { padding: 80px 0 0 0; }
.section-title span { font-size: 35px; font-weight: 300; }
.section-content { margin-top: 40px; }
.section-bottom { margin-top: 40px; text-align: center; }



/* MAIN MENU */
.dark-main-nav-overlay { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 9000; }
.header-nav { position: relative; background: #efefef; height: 60px; }
.main-nav-wrapper { font-size: 15px; }
.main-nav-wrapper .container { position: relative; }
.main-nav-mobile-heading { display: none; }
.main-nav > ul { margin: 0; padding: 0; list-style: none; display: block; text-align: center;  }
.main-nav > ul > li { display: inline-block; padding: 18px 20px 18px 0; }
.main-nav > ul > li:last-of-type { padding-right: 0; }
.main-nav > ul > li > a { color: #2A2B2C; font-weight: 800; }
.main-nav > ul > li:hover > a { color: #23AAEE; }
.main-nav .tag_novo { background: green; padding: 0 5px 0 5px;border: 1px solid green;border-radius: 10px;font-size: 11px; color:white; position:relative;top:-1px;}
.main-nav .tag_promo { background: red; padding: 0 5px 0 5px;border: 1px solid red;border-radius: 10px;font-size: 11px; color:white; position:relative;top:-1px;}

.sub-nav {
    display: none;
    position: absolute;
    left: -8px;
    right: -8px;
    top: 60px;
    padding: 0 28px 28px 0;
    font-size: 16px;
    text-align: left;
    background: #FAFAFA;
    z-index: 9999;
    list-style: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 1px 11px 22px -9px rgba(0,0,0,0.43);
    -webkit-box-shadow: 1px 11px 22px -9px rgba(0,0,0,0.43);
    -moz-box-shadow: 1px 11px 22px -9px rgba(0,0,0,0.43);
}
.sub-nav a:not(.btn) { color: #81838B; }
.sub-nav a:not(.btn):hover { color: #23AAEE; }
.sub-nav > li { float: left; width: 20%; padding: 24px 0 0 28px; font-size: 14px; line-height: 18px; }
.sub-nav ul { margin: 0; padding: 0; list-style: none; }
.sub-nav ul li { display: block; padding: 8px 0 0 14px; }
.sub-nav a.group-cat { display: block; border-bottom: 1px solid #E0E1E6; padding-bottom: 6px; font-weight: 700; color: #006699; padding-left: 13px; }
.sub-nav a.group-cat::before { content: '\63'; font-family: 'mikronis'; position: relative; top: -1px; margin-left: -13px; margin-right: 6px; color: #11131E; font-size: 7px; font-display: swap;}
.sub-nav a.group-cat:first-child { margin-top: 0; }
.sub-nav .all-items { display: none; }
.sub-nav .tag_novo { background: green; padding: 0 5px 0 5px;border: 1px solid green;border-radius: 10px;font-size: 11px; color:white}
.sub-nav .tag_promo { background: red; padding: 0 5px 0 5px;border: 1px solid red;border-radius: 10px;font-size: 11px; color:white}

.secondary-nav	{ display: none; }

.main-nav .level4 {display: none;}

.main-nav {
    visibility: hidden;
}



/* STICKY HEADER */
header.sticky { position: fixed; left: 0; top: 0; width: 100%; }
.main-menu-wrapper.sticky { position: fixed; left: 0; top: 90px; width: 100%; box-shadow: 0 15px 30px rgba(0,0,0,0.3); }

/*header.sticky + .home-slider,
header.sticky + .path,
header.sticky + .product-container,
header.sticky + .podaci.user-data,
header.sticky + .page-data {
    margin-top: 186px;
}*/



/* CAROUSELS */
.swiper-container { padding-top: 50px; padding-bottom: 60px; }
.swiper-container-horizontal > .swiper-scrollbar { bottom: 25px; }
.swiper-scrollbar-drag { background-color: #23AAEE; }
.product-thumbs .swiper-slide {
    height: 90px !important;
    opacity: 0.4;
    transition: opacity 0.5s ease-in-out;
}

.product-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

/*.owl-carousel .owl-nav button.owl-prev {
    left: 50%;
    transform: translateX(-770px);
    -webkit-transform: translateX(-770px);
}

.owl-carousel .owl-nav button.owl-next {
    right: 50%;
    transform: translateX(770px);
    -webkit-transform: translateX(770px);
}
*/
.owl-carousel .owl-nav button.owl-prev::before,
.owl-carousel .owl-nav button.owl-next::before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font: 30px 'mikronis';
    font-display: swap;
    text-align: center;
}

.owl-carousel .owl-nav button.owl-prev::before {
    content: '\67';
}

.owl-carousel .owl-nav button.owl-next::before {
    content: '\68';
}

.owl-carousel .owl-dots { position: absolute; text-align: center; left: 50%; bottom: 42px; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.owl-carousel .owl-dot { display: inline-block; width: 20px; height: 30px; text-align: center; }
.owl-carousel .owl-dot span { display: inline-block; width: 12px; height: 12px; margin-top: 3px; background: #D6D9E1; border-radius: 6px; }
.owl-carousel .owl-dot.active span { background: #23AAEE; }

.home-slider,
.home-slider .container { position: relative; }
.home-slider .container { width: 100%; padding-left: 0; padding-right: 0; }
.home-slider.swiper-container { padding-top: 0; padding-bottom: 80px; }
.home-slider.swiper-container,
.top-heading {
    margin-top: 186px;
   /* padding-top: 15px;*/
}

.top-heading h1 {
    margin: 15px 0 0;
}

.top-heading + .home-slider.swiper-container { margin-top: 0; }
.home-slider .swiper-slide > div { padding-bottom: 25px; }
.home-slider .swiper-slide img { margin-left: auto; margin-right: auto; }


.home-slider-bookmarks { position: relative; background:#81838B; margin-top: -80px; z-index: 10; height: 80px; overflow: hidden; }
.home-slider-bookmarks ul { margin: 0; padding: 0; list-style: none; text-align: center; visibility: hidden;}
.home-slider-bookmarks ul li {display: inline-block; font-weight: 800; margin: 0 20px; padding: 22px 0; color: #fff; opacity: 0.4; cursor: pointer; }

.home-slider-bookmarks ul .active { opacity: 1; }
.home-slider-bookmarks ul li span { display: inline-block; width: 36px; height: 36px; line-height: 34px; border-radius: 20px; margin-right: 12px; border: 1px solid #fff; }
.home-slider-bookmarks ul li i { font-style: normal; }


.home-slider .bgnd-purple {   
    background: rgba(154,107,251,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(154,107,251,1) 0%, rgba(102,29,155,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(154,107,251,1)), color-stop(100%, rgba(102,29,155,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(154,107,251,1) 0%, rgba(102,29,155,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(154,107,251,1) 0%, rgba(102,29,155,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(154,107,251,1) 0%, rgba(102,29,155,1) 100%);
    background: radial-gradient(ellipse at center, rgba(154,107,251,1) 0%, rgba(102,29,155,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a6bfb', endColorstr='#661d9b', GradientType=1 );
}
.home-slider .bgnd-lilac {
    background: rgba(237,213,255,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(237,213,255,1) 0%, rgba(213,156,255,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(237,213,255,1)), color-stop(100%, rgba(213,156,255,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(237,213,255,1) 0%, rgba(213,156,255,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(237,213,255,1) 0%, rgba(213,156,255,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(237,213,255,1) 0%, rgba(213,156,255,1) 100%);
    background: radial-gradient(ellipse at center, rgba(237,213,255,1) 0%, rgba(213,156,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edd5ff', endColorstr='#d59cff', GradientType=1 );
}
.home-slider .bgnd-blue {   
    background: rgba(72,139,255,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(72,139,255,1) 0%, rgba(2,80,171,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(72,139,255,1)), color-stop(100%, rgba(2,80,171,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(72,139,255,1) 0%, rgba(2,80,171,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(72,139,255,1) 0%, rgba(2,80,171,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(72,139,255,1) 0%, rgba(2,80,171,1) 100%);
    background: radial-gradient(ellipse at center, rgba(72,139,255,1) 0%, rgba(2,80,171,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23AAEE', endColorstr='#0250ab', GradientType=1 );  
}
.home-slider .bgnd-orange {
    background: rgba(243,101,35,1);
    background: -moz-linear-gradient(top, rgba(243,101,35,1) 0%, rgba(255,156,58,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,101,35,1)), color-stop(100%, rgba(255,156,58,1)));
    background: -webkit-linear-gradient(top, rgba(243,101,35,1) 0%, rgba(255,156,58,1) 100%);
    background: -o-linear-gradient(top, rgba(243,101,35,1) 0%, rgba(255,156,58,1) 100%);
    background: -ms-linear-gradient(top, rgba(243,101,35,1) 0%, rgba(255,156,58,1) 100%);
    background: linear-gradient(to bottom, rgba(243,101,35,1) 0%, rgba(255,156,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f36523', endColorstr='#ff9c3a', GradientType=0 );
}

/*.home-slider,
.home-slider.owl-carousel.owl-loaded,
.home-slider-bookmarks { display: none; }*/

.slider-dummy { background: #f5f5f5; }
.slider-dummy,
.slider-dummy .container { position: relative; }
.slider-dummy .container { width: 100%; padding-left: 0; padding-right: 0; }



/* HOME CATEGORIES */
.home-categories { position: relative; height: 400px; }
.home-categories .bgnd-strip { position: absolute; left: 0; width: 100%; height: 100px; z-index: 1; }
.home-categories .strip-1 { top: 0; background: #fff; }
.home-categories .strip-2 { top: 100px; background: #FAFBFC; }
.home-categories .strip-3 { top: 200px; background: #F5F6F9; }
.home-categories .strip-4 { top: 300px; background: #EFF1F6; }
.home-categories .container { position: relative; z-index: 2; }
.home-categories .cat-link { display: block; float: left; width: 16.6666%; text-align: center; margin-top: 55px; margin-bottom: 55px; }
.home-categories .cat-title { display: block; color: #11131E; font-weight: 800; margin-top: 10px; line-height: 22px; transition: 0.3s all ease; }
.home-categories .cat-link:hover .cat-title { color: #23AAEE; }



/* TABS */
.nav-tabs { border-bottom: 2px solid #EFF1F6; text-align: center; }
.nav-tabs > li { float: none; display: inline-block; }
.nav-tabs > li > a { margin-right: 0; font-size: 18px; font-weight: 800; color: #BABFCF; line-height: 24px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 0 25px 8px 25px; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus { border: 0; border-bottom: 2px solid #23AAEE; color: #11131E; }
.nav-tabs > li > a:hover { background: none; }



/* FEATURED */
.featured .section-title { position: relative;  }
.featured .nav-tabs { position: absolute; right: 0; top: 0;  }



/* PRODUCT GRID ITEM */
.prod-item a { color: #39434B; }

.prod-item a:hover,
.prod-item a:active,
.prod-item a:focus {
    color: #23AAEE;
}
.prod-item > ul { margin: 20px 0 0 0; padding: 0; list-style: none; display: table; width: 100%; }
.prod-item > ul > li { display: table-cell; vertical-align: top; line-height: 20px; }
.prod-item .item-pic { position: relative; display: block; width: 100%; border: 1px solid #E0E1E6; border-radius: 8px; padding: 20px; z-index: 1; text-align: center; max-height: 241px; }
.prod-item .item-pic a { display: flex; justify-content:center; overflow: hidden; }
.prod-item .item-pic img { position: relative; float: left; z-index: 1; }

.prod-item ul li {
    margin-bottom: 0px;
}

.prod-item .item-title {
    display: block;
    font-size: 14px;
    word-break: break-all;
}

.prod-item .item-price {position: relative; display: block; font-size: 16px; font-weight: 800; margin-top: 15px; }
.prod-item .item-price span { display: block; }
.prod-item .item-price .price-before a { text-decoration: line-through; font-size: 13px; font-weight: 400; color: #A0A4B1; margin-left: 12px; }
.prod-item .item-price .price-now a { color: #F36523; }
.prod-item .favorite-trigger { position: absolute; right: 18px; top: 18px; font-size: 24px; color: #AEB1BB; cursor: pointer; transition: 0.3s all ease; z-index: 3; }
.prod-item .favorite-trigger:hover { color: #23AAEE; }
.prod-item .favorite-trigger.liked { color: #23AAEE; }
.prod-item .favorite-trigger.liked:hover { color: #A0A4B1; }
.prod-item .item-badges {
    position: absolute;
    width: 50px;
    left: -18px;
    top: 2.5%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    height: 95%;
}


.product-carousel .owl-item { padding-bottom: 3px; }

.stickerWrap {
    position:absolute;
    right:0;
    bottom:12px;
    left:50%;
    transform:translate(-50%, 0%);
    display:flex;
    flex-direction:column;
    z-index:2;
    width:60%;

}

.stickerWrap a, .stickerWrapProizvod a{
    display: inline-block;
    width: 100%;
}

.stickerWrap a img,
.stickerWrapProizvod a img {
    width: 100%;
}

.stickerWrapProizvod {
    position: absolute;
    right: 0;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, 0%);
    display: flex;
    flex-direction: column;
    z-index: 2;
    width: 40%;
}
/* KATALOG CODE DISCOUNT */
.code-discount {
    position: relative;
    width: 100%;
    margin-top: 8px;
    right: auto;
    top: auto;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #A0A4B1;
}

    .code-discount br {
        display: none;
    }

/*.code-discount { position: absolute; right: 0; top: -7px; font-size: 12px; font-weight: 400; line-height: 16px; color: #A0A4B1; }*/
.code-discount > i { display: inline-block; color: #23AAEE; background: #F5F5F5; font-size: 13px; font-weight: 700; font-style: normal; padding: 3px 3px; border-radius: 3px; }
.code-discount > em { font-size: 9px; font-weight: 700; font-style: normal; }
.code-discount.orange-bgnd > i { color: #fff; background: #FF7700;  }


/* PRODUCT LIST VIEW */
.product-list { padding-top: 10px; }
.product-list-item { margin-top: 20px; border: 1px solid #E0E1E6; border-radius: 8px; }
.product-list-item ul { margin: 0; padding: 0; list-style: none; display: table; width: 100%; table-layout: fixed; }
.product-list-item ul .item-pic { display: table-cell; position: relative; vertical-align: middle; width: 140px; padding: 10px 30px 10px 20px; }
.product-list-item ul .item-title { display: table-cell; vertical-align: middle; padding: 10px 20px; }
.product-list-item ul .item-title a { color: #11131E; }
.product-list-item ul .item-title a:hover { color: #23AAEE; }
.product-list-item ul .item-badges-container { display: table-cell; vertical-align: middle; padding: 10px 20px; width: 200px; text-align: right; }
.product-list-item ul .item-badges { display: block; }
.product-list-item ul .item-badges li { display: inline-block; margin: 0 3px; }
.product-list-item ul .item-badges li span,
.product-list-item ul .item-badges li a { display: block; width: 44px; height: 44px; font-size: 11px; }
.product-list-item ul .item-price { display: table-cell; vertical-align: middle; width: 125px; text-align: right; padding: 10px 20px 10px 0; font-weight: 700; font-size: 16px; }
.product-list-item ul span { display: inline-block; }
.product-list-item ul .price-before { text-decoration: line-through; font-size: 13px; font-weight: 400; color: #A0A4B1; margin-left: 12px; }
.product-list-item ul .price-now { color: #F36523; }
.product-list-item ul .favorite-trigger { position: absolute; right: 5px; top: 12px; font-size: 20px; color: #AEB1BB; cursor: pointer; transition: 0.3s all ease; z-index: 3; }
.product-list-item ul .favorite-trigger:hover { color: #23AAEE; }
.product-list-item ul .favorite-trigger.liked { color: #23AAEE; }
.product-list-item ul .favorite-trigger.liked:hover { color: #A0A4B1; }
.product-list-item ul .item-code-discount-container { display: table-cell; vertical-align: middle; padding: 10px 20px; width: 200px; text-align: right; }
.product-list-item ul .item-code-discount-container > span { display: inline-block; position: relative; top: auto; right: auto; }
.code-discount br { display: none; }

/* ITEM BADGES */
.item-badges {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.item-badges li { display: inline-block; }
.item-badges li span,
.item-badges li a { position: relative; display: block; width: 50px; height: 50px; color: #fff; text-align: center; font-size: 12px; line-height: 12px; text-transform: uppercase; font-weight: 600; border-radius: 50%;  border: 1px solid #e8e8e8; overflow:hidden; }
.item-badges li span > i,
.item-badges li a > i { position: absolute; width: 100%; left: 0; top: 50%; font-style: normal; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.item-badges li span.badge-discount { background: #FF7700; font-size: 14px; }
.item-badges li span.badge-new { background: #00BFF5;  }



/* NEWSLETTER SIGNUP */
.newsletter-signup { padding-top: 0; }
.newsletter-signup-inner { position: relative; border-radius: 8px; background: url(../img/newsletter-signup.jpg?preset=simplePreset) no-repeat center center; background-size: cover; }
.newsletter-signup-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 8px; opacity: 0.7; z-index: 1;
    background: rgba(35,170,238,1);
    background: -moz-linear-gradient(top, rgba(35,170,238,1) 0%, rgba(0,102,153,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35,170,238,1)), color-stop(100%, rgba(0,102,153,1)));
    background: -webkit-linear-gradient(top, rgba(35,170,238,1) 0%, rgba(0,102,153,1) 100%);
    background: -o-linear-gradient(top, rgba(35,170,238,1) 0%, rgba(0,102,153,1) 100%);
    background: -ms-linear-gradient(top, rgba(35,170,238,1) 0%, rgba(0,102,153,1) 100%);
    background: linear-gradient(to bottom, rgba(35,170,238,1) 0%, rgba(0,102,153,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23aaee', endColorstr='#006699', GradientType=0 );
}
.newsletter-signup-content { position: relative; text-align: center; color: #fff; z-index: 2; padding: 70px; }
.newsletter-subtitle { margin-top: 20px; }
.newsletter-form { display: table; width: 100%; max-width: 760px; margin: 40px auto 0 auto; padding: 0; list-style: none; }
.newsletter-form li { display: table-cell; vertical-align: middle; }
.newsletter-form .nl-email { border-radius: 25px 0 0 25px; background: #fff; padding: 0 15px; }
.newsletter-form .nl-name { width: 35%; background: #fff; padding: 0 15px; border-left: 1px solid #D4D4D4; }
.newsletter-form .nl-email input,
.newsletter-form .nl-name input { color: #11131E; width: 100%; display: block; border: none; }
.newsletter-form .nl-button { width: 120px; border-radius: 0 25px 25px 0; }
.newsletter-form .nl-button .btn { padding-left: 0; padding-right: 0; text-align: center; width: 100%; border-radius: 0 25px 25px 0; }
.newsletter-signup .gdpr-accept { margin-top: 15px; }
.newsletter-signup .gdpr-accept a { color: #fff; text-decoration: underline; }
.newsletter-signup .gdpr-accept a:hover { color: #11131E; }



/* HIGHLIGHTS */
.highlights-inner { margin: -10px -10px 0 -10px; }
.highlights-inner a { float: left; margin: 10px; }



/* BRANDS */
.brands .brands-title { text-align: center; font-weight: 800; text-transform: uppercase; font-size: 20px; }
.brands .swiper-container { padding-top: 30px; }
.brands .swiper-container a { position: relative; display: block; text-align: center; height: 100px; }
.brands .swiper-container a img { display: inline-block; width: auto; left: auto; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); filter: gray; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: url(resources.svg#desaturate); filter: grayscale(100%); opacity: 0.9; transition: 0.5s all ease; }
.brands .swiper-container a:hover img { filter: none; -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }



.featured .section-body, .featured .container, .brands .container, .seasonal .container, .seasonal .section-body {
    padding: 0px;
}

.featured .swiper-container, .brands .swiper-container, .seasonal .swiper-container {
    padding-left: 20px !important;
    padding-right: 15px !important;
    padding-top: 20px !important;
}

/* SEASONAL */
.seasonal { padding-top: 40px; }


/* WIDE HIGHLIGHT */
.wide-highlight img { width: 100% !important; }


/* BENEFITS */
.benefits { background: #f5f5f5; padding-bottom: 80px; }
.benefits ul { margin: 0; padding: 0 30px 0 0; list-style: none; display: table; width: 33.33%; float: left; }
.benefits ul .benefit-icon { display: table-cell; vertical-align: middle; width: 120px; }
.benefits ul .benefit-icon span { position: relative; display: inline-block; width: 120px; height: 120px; background: #fff; border: 1px solid #D4D4D4; border-radius: 50%; text-align: center; }
.benefits ul .benefit-icon span img { position: absolute; left: 50%; top: 50%; width: 70px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.benefits ul .benefit-text { display: table-cell; vertical-align: middle; font-size: 18px; font-weight: 800; padding-left: 20px; line-height: 20px; }
.benefits ul .benefit-text span { display: block; font-size: 15px; font-weight: 400; color: #7D818D; margin-top: 5px; }
.benefits + footer { margin-top: 0; }



/* NEWS */
.news-wrapper { margin: -20px; }
.news-item { float: left; width: 320px; margin: 20px; border: 1px solid #EAEBEE; border-radius: 8px; padding: 20px; font-size: 14px; line-height: 22px; }
.news-item ul { margin: 0; padding: 0; list-style: none; }
.news-date { position: relative; font-size: 12px; color: #A0A4B1; margin-bottom: 10px; }
.news-date span { position: absolute; right: 0; color: #F36523; }
.news-title { font-size: 18px; font-weight: 800; }
.news-pic { margin-top: 15px; }
.news-lead { margin-top: 15px; color: #A0A4B1; }
.news-link { margin-top: 15px; font-weight: 800; }

.news-cat {
    text-transform: uppercase;
    font-size: 12px;
    color: #828693;
    margin: 10px 0 0 0;
}

.news-pic img,
.news-pic picture {
    width: 100%!important;
}

.news_page {
    margin-top: 145px;
}

/* BLOG */
.container.blog {
    margin-top: 200px;
}

/* FOOTER */
footer {
    margin-top: 80px;
    background: #EFF1F6;
    padding: 50px 0;
}
footer .link-group { float: left; width: 25%; }
footer .link-group .link-list { margin: 0; padding: 0; list-style: none; }
footer .link-group .link-list li { display: block; margin-top: 5px; font-size: 14px; }
footer .link-group a { color: #39434B; }
footer .link-group a:hover { color: #23AAEE; }
footer .link-group-title { font-weight: 700; }
.f-tw svg { height: 15px; width: auto; }
.f-tw:hover svg path {
    fill: #fff;
}
.product-share ul { margin: 25px 0 0 0; padding: 0; list-style: none; }
.product-share ul li { display: inline-block; margin-right: 8px; }
.product-share ul a { display: block; position: relative; width: 40px; height: 40px; background: #fff; border-radius: 50%; box-shadow: 0 5px 10px rgba(15,19,30,0.1); text-align: center; }
.product-share ul a:hover { background: #39434B; color: #fff; }
.product-share ul a span { position: relative; top: 2px; line-height: 40px; }
.product-share ul .fb { color: #3B5999; }
.product-share ul .tw { color: #00ACED; }
.product-share ul .li { color: #0080B2; }
.product-share ul .mail-share { color: #393939; }
/*start custom image*/
.product-share .custom_images { margin: 25px 0 0 0; padding: 0; list-style: none; }
.product-share .custom_images a { display: inline-block; margin-right: 8px; }
.product-share .custom_images a {  display:inline-block; position: relative; width: 40px!important; height: 40px !important; background: #fff; border-radius: 50%; box-shadow: 0 5px 10px rgba(15,19,30,0.1); text-align: center; }
.product-share .custom_images a:hover { background: #39434B; color: #fff; }
.product-share .custom_images a span { position: relative; top: 2px; line-height: 40px; }
.product-share .custom_images .fb { color: #3B5999; }
.product-share .custom_images .tw { color: #00ACED; }
.product-share .custom_images .pi { color: #C8232C; }
.product-share .custom_images .mail { color: #666; }
.product-share .custom_images a { color: #0080B2; }
/*end custom image*/

footer .cards { position: relative; margin-top: 20px; }
footer .cards ul { float: left; margin: 0; padding: 0; list-style: none; }
footer .cards ul li { display: inline-block; margin-right: 25px; height: 40px; }
footer .cards ul li img { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
footer .copy { float: right; width: 25%; margin-top: 10px; font-size: 85%; color: #7F8390; }
footer .disclaimer { width: 100%; max-width: 1100px; margin-top: 40px; font-size: 85%; color: #7F8390; margin-left: auto; margin-right: auto; text-align: center; line-height: 20px; }
footer .social { margin: 20px 0 0 0; padding: 0; list-style: none; }
footer .social li { display: inline-block; margin-right: 3px; }
footer .social a { display: block; position: relative; width: 40px; height: 40px; font-size: 16px; background: #fff; border-radius: 50%; box-shadow: 0 5px 10px rgba(15,19,30,0.1); text-align: center; margin-bottom:10px;}
footer .social a:hover { background: #39434B; color: #fff; }
footer .social a:hover .icon-tt{filter:invert(1) brightness(200%);}
footer .social a span { position: relative; top: 2px; line-height: 40px; }
footer .social .fb { color: #3B5999; }
footer .social .tw { color: #00ACED; }
footer .social .inst { color: #517fa4; font-size: 17px; }
footer .social .pi { color: #cb2027; }
footer .social .yt { color: #bb0000; font-size: 21px; }
footer .social .li { color: #0e76a8; }

footer .social a span.icon-tt{
    top:0;
}
/* BREADCRUMBS */
.path {
    padding-top: 205px;
}
.pathLanding { margin-top: 15px; }
.breadcrumbs { font-size: 13px; }
.breadcrumbs ul { margin: 0; padding: 0; list-style: none; }
.breadcrumbs ul li { display: inline-block; }
.breadcrumbs ul li::after { content: '/'; padding: 0 9px 0 10px; color: #CDCFD7; }
.breadcrumbs a { color: #8E929E; }
.breadcrumbs a:hover { color: #23AAEE; text-decoration: underline; }


/* PRODUCT LISTING */
.page-heading { margin-top: 20px; }

.page-content { margin-top: 25px; }
.page-content.narrow .container { max-width: 1170px; margin-left: auto; margin-right: auto; }
.content-block { margin-bottom: 35px; }
.page-content article h3 { margin-bottom: 30px; font-weight: 700; color: #006699; }

.page-sidebar { float: left; width: 320px; }
.super-cat { position: relative; background: #006699; padding: 13px 20px; text-transform: uppercase; letter-spacing: 0.025em; color: #fff; font-weight: 700; border-radius: 5px; margin-bottom: 20px; }

.super-cat a {
    color: #ffffff;
}

.super-cat::after {
    position: absolute;
    font-family: 'mikronis';
    font-display: swap;
    content: '\66';
    right: 20px;
    top: 13px;
    text-transform: none;
}
.menu-left { padding: 0 20px; }
.menu-left ul { margin: 0; padding: 0; list-style: none; font-size: 15px; }
.menu-left ul li { display: block; }
.menu-left ul li a { position: relative; display: block; color: #11131E; padding-right: 50px; }
.menu-left ul li a:hover { color: #23AAEE; }
.menu-left ul li span { position: absolute; right: 0; top: 18px; font-size: 80%; font-weight: 400; color: #8E929E; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.menu-left .active { color: #23AAEE; }
.menu-left > ul > li > a { padding: 6px 50px 6px 0; font-weight: 700; }
.menu-left ul ul { padding: 0 0 20px 15px; }
.menu-left ul ul > li { padding-top: 2px; padding-bottom: 2px;  }
.menu-left ul ul > li span { top: 0; transform: none; -webkit-transform: none; }
.menu-left ul ul li a { font-weight: 400; color: #81838B; }
.menu-left ul ul ul a { font-weight: 400; color: #81838B; }
.menu-left .tag_novo { background: red; padding: 0 5px 0 5px;border: 1px solid red;border-radius: 10px;font-size: 12px;}
.menu-left .tag_promo { background: red; padding: 0 5px 0 5px;border: 1px solid red;border-radius: 10px;font-size: 11px; color:white}

.page-main { float: right; width: 1040px; }
.page-main:first-child { float: none !important; width: auto !important; }
.page-main h2.mobile-lead { display: none; }

.filters { position: relative; margin-top: -20px; margin-left: -10px; margin-right: -10px; }
.filters .mobile-title { display: none; }
.filter { float: left; width: 245px; margin: 20px 10px 0 10px; }
.range { padding: 18px 12px 14px 12px; }
.range-slider { height: 10px; margin-top: 10px; }
.slider-values { overflow: hidden; margin-top: 20px; }
.filter .calc_value { float: right; width: 44%; padding: 4px 8px; font-size: 15px; border: 1px solid #ddd; }
.filter .calc_value:first-of-type { float: left; }
.toggle-filters { float: left; width: 245px; margin: 20px 10px 0 10px; }
.toggle-filters a { position: relative; display: block; background: #D4F0FF; color: #006699; padding: 13px 15px; text-align: center; border-radius: 8px; }
.toggle-filters a:hover { background: #006699; color: #fff; }
.hidden-filters,
.mobile-triggers,
.filters-bottom,
.selected-filters-mobile,
.close-filters { display: none; }
.selected-filters { position: relative; margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 20px; font-size: 14px; }
.sf-item { position: relative; display: inline-block; margin-right: 8px; margin-top: 10px; color: #fff; background: #23AAEE; padding: 0 30px 0 10px; line-height: 30px; border-radius: 2px; }
.sf-item:first-of-type { margin-left: 0; }
.selected-filters .icon-close { position: absolute; right: 0; top: 1px; width: 30px; height: 30px; color: #fff; font-size: 8px; text-align: center; overflow: hidden; line-height: 30px; opacity: 0.5; }
.selected-filters .icon-close:hover { color: #fff; opacity: 1; }
.remove-all-filters { position: absolute; right: 0; top: 25px; color: #39434B; }
.remove-all-filters:hover { color: #23AAEE; } 

.grid-heading { position: relative; line-height: 40px; margin-top: 30px; }
.grid-view-switch { float: left; position: relative; line-height: 40px; top: 5px; margin-right: 30px; }
.grid-view-switch a { display: inline-block; margin-left: 18px; font-size: 18px; color: #CDCFD7; }
.grid-view-switch a:first-child { margin-left: 0; }
.grid-view-switch a:hover { color: #23AAEE; }
.grid-view-switch a.active,
.grid-view-switch a.active:hover { color: #39434B; cursor: default; }
.grid-qty { float: left; position: relative; line-height: 40px; top: 3px; }
.grid-qty strong { color: #39434B; }
.page-nav { text-align: center; color: #39434B; }

.grid-heading .page-nav {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 220px;
}

.page-nav ul { margin: 0; padding: 0; list-style: none; }
.page-nav ul li { display: inline-block; margin: 0 10px; line-height: 40px; }
.page-nav ul li a { position: relative; top: 3px; color: #39434B; font-size: 18px; z-index: 10; }
.page-nav ul li a:hover { color: #23AAEE; }
.page-nav ul li span, 
.page-nav ul li input { display: inline-block; vertical-align: middle; height: 40px; border-radius: 5px; }
.page-nav ul li input { margin-right: 10px; text-align: center; width: 40px; border: 1px solid #E0E1E6; background: none; color: #006699; font-weight: 700; }
.sort-results { float: right; }
.sort-results span { display: inline-block; vertical-align: middle; }
.sort-results .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: auto; }

.product-grid { 
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    flex-wrap: wrap;
}

.product-grid .prod-item {
    margin-top: 35px;
    width: 25%;
    padding: 0 15px;
}

.grid-top {
    text-align: center;
}

.grid-top .pagination {
    margin: 10px 0 0;
}
.grid-bottom { text-align: center; margin-top: 50px; }

.product-list { padding-top: 10px; }
.product-list-item { margin-top: 20px; border: 1px solid #E0E1E6; border-radius: 8px; }
.product-list-item ul { margin: 0; padding: 0; list-style: none; display: table; width: 100%; table-layout: fixed; }
.product-list-item ul .item-pic { display: table-cell; position: relative; vertical-align: middle; width: 140px; padding: 10px 30px 10px 20px; }
.product-list-item ul .item-title { display: table-cell; vertical-align: middle; padding: 10px 20px; }
.product-list-item ul .item-title a { color: #11131E; }
.product-list-item ul .item-title a:hover { color: #23AAEE; }
.product-list-item ul .item-badges-container { display: table-cell; vertical-align: middle; padding: 10px 20px; width: 200px; text-align: right; }
.product-list-item ul .item-badges { display: block; }
.product-list-item ul .item-badges li { display: inline-block; margin: 0 3px; }
.product-list-item ul .item-badges li span,
.product-list-item ul .item-badges li a { display: block; width: 44px; height: 44px; font-size: 11px; }
.product-list-item ul .item-price { display: table-cell; vertical-align: middle; width: 205px; text-align: right; padding: 10px 20px 10px 0; font-weight: 700; font-size: 16px; }
.product-list-item ul span { display: inline-block; }
.product-list-item ul .price-before { text-decoration: line-through; font-size: 13px; font-weight: 400; color: #A0A4B1; margin-left: 12px; }
.product-list-item ul .price-now { color: #F36523; }
.product-list-item ul .favorite-trigger { position: absolute; right: 5px; top: 12px; font-size: 20px; color: #AEB1BB; cursor: pointer; transition: 0.3s all ease; z-index: 3; }
.product-list-item ul .favorite-trigger:hover { color: #23AAEE; }
.product-list-item ul .favorite-trigger.liked { color: #23AAEE; }
.product-list-item ul .favorite-trigger.liked:hover { color: #A0A4B1; }


/* LANDING PAGES */
.collage-top { margin-bottom: 40px; }
.collage-top .large-img { float: left; width: 700px; overflow: hidden; }
.collage-top-inner { float: left; width: 320px; margin-left: 20px; }
.collage-top .small-img { float: left; width: 100%; overflow: hidden; margin-top: 20px; }
.collage-top .small-img:first-of-type { margin-top: 0; }
.collage-top img { width: 100% !important; }



/* PRODUCT QUANTITY STEPPER */
.change_qty { width: 100%; max-width: 200px; margin: 0; padding: 0; list-style: none; line-height: 40px; }
.change_qty li { float: left; display: block; width: 33.333%; }
.change_qty .prod_qty { width: 33.333%; height: 40px; border-top: 1px solid #E6E7EC; border-bottom: 1px solid #E6E7EC; font-weight: 700; }
.change_qty li .handle { display: block; height: 40px; color: #23AAEE; text-align: center; font-family: 'nn'; font-size: 10px; border: 1px solid #E6E7EC; }
.change_qty li .handle:hover { text-decoration: none; color: #fff; background: #23AAEE; border-color: #23AAEE; }
.change_qty li .handle.sub { border-right: 0; border-radius: 5px 0 0 5px; }
.change_qty li .handle.add { border-left: 0; border-radius: 0 5px 5px 0; }
.change_qty li input { display: block; color: #232323; width: 100%; border: 0; background: none; height: 40px; line-height: 40px; text-align: center; }



/* PRODUCT PAGE */
.product-pic { float: left; width: 460px; border: 1px solid #E6E7EC; border-radius: 5px; padding: 30px; }
.product-general { float: left; width: 460px; margin-left: 60px; text-align: left; }
.product-name { font-size: 32px; line-height: 40px; margin-bottom: 20px; margin-top: 0; }
.product-price { margin-top: 20px; font-size: 23px; font-weight: 800; }
.product-price span { display: inline-block; vertical-align: baseline; }
.product-price .price-before { display: inline-block; text-decoration: line-through; color: #A0A4B1; font-size: 16px; font-weight: 400; margin-left: 15px; }
.product-price .price-rate { display: block; color: #A0A4B1; font-size: 16px; font-weight: 400; }
.product-price .price-now { font-weight: 700; color: #F36523; }
.product-info-sheet { margin-top: 40px; }
.product-info { display: table; width: 100%; margin: 0; padding: 0; list-style: none; border-top: 1px solid #E3E6EC; max-width: 480px; }
.product-info:first-of-type { margin-top: 40px; }
.product-info li { display: table-cell; vertical-align: top; text-align: right; padding-top: 12px; padding-bottom: 12px; }
.product-info li:first-child { text-align: left; color: #A0A4B1; text-transform: uppercase; }
.product-info:first-of-type { border-top: 0; }
.product-info:first-of-type li { padding-top: 0; }
.product-info:last-of-type li { padding-bottom: 0; }
.product-info .availability span.icon-check { position: relative; margin-right: 5px; top: 3px; }
.product-info .available, .product-info .available a { color: #15B575; }
.product-info .not-available { color: #FF9D49; }
.product-info .coming-soon { color: #E98400; }
.product-set-qty { margin-top: 30px; }
.product-set-qty .change_qty { line-height: 50px; }
.product-set-qty .change_qty .prod_qty { height: 50px; border-top: 1px solid #AEB1BB; border-bottom: 1px solid #AEB1BB; }
.product-set-qty .change_qty li input { height: 50px; line-height: 50px; }
.product-set-qty .change_qty li .handle { height: 50px; font-size: 12px; border: 1px solid #AEB1BB; }
.product-set-qty .change_qty li .handle.sub { border-right: 0;  }
.product-set-qty .change_qty li .handle.add { border-left: 0; }
.product-add { margin-top: 20px; margin-bottom: 20px; }
.product-add .btn { float: left; margin-left: 30px; }
.product-add .btn-action, .product-add .btn-favorites, .product-add .btn-action-white { margin-left: 0; }
.product-add .btn-action + .btn-favorites, .product-add .btn-action-white + .btn-favorites { margin-left: 15px }
.product-add .btn-favorites { padding-left: 0; padding-right: 0; color: #23AAEE; border-color: transparent; }
.product-add .btn-favorites span { vertical-align: middle; margin-right: 10px; font-size: 22px; }
.product-add .btn-favorites:hover { background: none; color: #11131E; }
.product-pills { margin: 0; padding: 0; list-style: none; }
.product-pills li { display: inline-block; background: #EFF1F6; color: #A0A4B1; border-radius: 4px; line-height: 20px; padding: 5px 12px; white-space: nowrap; margin-right: 5px; font-size: 13px; font-weight: 700; }
.product-pills li img { position: relative; top: -2px; margin-right: 5px; }
.product-benefits { margin-bottom: 20px; border: 1px solid #E0E1E6; border-radius: 8px; padding: 15px 20px; color: #7F8390; font-size: 14px; line-height: 20px; }
.product-benefits img { float: left; width: 30px; }

.product-pic .owl-controls .owl-dots { bottom: -20px; }
.product-pic .owl-controls .owl-nav { margin-top: 0; }
.product-pic .owl-stage { display: table !important; }
.product-pic .owl-stage .owl-item { display: table-cell; float: none; vertical-align: middle; text-align: center; }
.product-pic .owl-controls .owl-prev { left: -35px; transform: none; -webkit-transform: none; }
.product-pic .owl-controls .owl-next { right: -35px; transform: none; -webkit-transform: none; }

.product .product-pic { float: left; width: 660px; border: 0; padding: 0; }
.product .product-pic-inner { position: relative; float: right; width: 530px; margin-left: 40px; }
.product .product-pic-carousel { position: relative; padding: 30px 0px 30px 0px; border: 1px solid #E6E7EC; border-radius: 5px; z-index: 1; }
.product .product-pic-inner .owl-carousel { position: relative; padding: 0; }
.product .product-pic-inner .owl-carousel .owl-dots { bottom: -6px; }
.product .product-pic-inner .owl-carousel .owl-nav { margin-top: -30px; margin-bottom: 20px;}
.product .product-thumbs { width: 90px; float: left; }
.product .product-thumbs button { display: block; width: 90px; height: 90px; text-align: center; padding: 10px; margin-top: 20px; background: #fff; border-radius: 5px; border: 1px solid #E6E7EC; overflow: hidden; }
.product .product-thumbs button:first-child { margin-top: 0; }
.product .product-thumbs button img { display: inline-block; vertical-align: middle; }
.product .product-thumbs button:hover { border-color: #e1e2e3; box-shadow: 0 6px 20px rgba(0,0,0,0.1); }
.product .product-thumbs button.active { border-color: #23AAEE; }

.product .item-badges { position: absolute; right: -30px; top: 30px; z-index: 2; width: 60px; }
.product .item-badges li span, .product .item-badges li a {
    width: 60px;
    height: 60px;
    font-size: 13px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.product .item-badges li span.badge-discount { font-size: 16px; overflow: hidden; border:1px solid #e8e8e8; }

.product .product-general { width: 660px; margin-left: 80px; }

.product-share { width: 100%; max-width: 530px; margin-top: 30px; margin-left: 130px; float: left; display:flex; align-items:center; justify-content:space-between; }
.ps_wrap {display:flex; align-items:center;}
.product-share > span { float: left; margin-right: 10px; line-height: 40px;}
.product-share .addthis_toolbox { display: inline-block; }
.product-share ul { float: left; margin: 0; padding: 0; list-style: none; margin-left: 10px;}
.product-share ul li { display: inline-block; margin-right: 5px; font-size: 18px; }
.product-share ul a { display: block; position: relative; width: 40px; height: 40px; background: #fff; border: 1px solid #E0E1E6; border-radius: 50%; box-shadow: none; text-align: center; }
.product-share ul a:hover { background: #39434B; border: 1px solid #39434B; color: #fff; }
.product-share ul a span { position: relative; top: 2px; line-height: 40px; }
.product-share ul .fb { color: #3B5999; }
.product-share ul .tw { color: #00ACED; }
.product-share ul .pi { color: #C8232C; }
.product-share ul .in { color: #8A49A1; }
.product-share .print-page { float: right; line-height: 40px; color: #11131E; }
.product-share .print-page:hover { color: #23AAEE; }
.product-share .print-page > span { position: relative; top: 4px; font-size: 20px; }
.product-share .print-page i { font-style: normal; margin-left: 10px; }
.product-share ul .fb-ico:hover svg path,
.product-share ul .twitter-btn:hover svg path {
    fill: #fff;
}
.product-share::after {clear:both;}
/*.prod-availability {  margin-top: 15px; font-size: 13px;}*/

/*product energy label*/
.energy-class-wrapper {
    margin: 30px 0 0 0;
    display: flex;
}

.energy-class-image-wrapper img {
    width: 90px;
}

.energy-class-links-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.6;
    margin-left: 20px;
    font-size: 14px;
}


/*product-buy.. ALDO*/
.product-buy .product-sizes { margin: 0; padding: 0; list-style: none; }
.product-buy .product-sizes > li { display: inline-block; margin-right: 2px; }
.product-buy .product-sizes > li a { display: block; min-width: 38px; font-size: 12px; line-height: 36px; text-align: center; border: 1px solid #e5e5e5; margin-top: 8px; }
.product-buy .product-sizes > li a:hover { border-color: #7f7776; color: #3A2E2C; }
.product-buy .product-sizes > li.active a { border-color: #3A2E2C; }
.product-buy .product-size-guide { margin-top: 8px; font-size: 12px; }
.product-buy .product-colours { margin: 0; padding: 0; list-style: none; }
.product-buy .product-colours > li { display: inline-block; margin-right: 15px; margin-bottom: 10px; }
.product-buy .product-colours > li a { display: block; width: 40px; font-family: 'GT Sectra', serif; font-size: 12px; font-weight: 100; line-height: 14px; text-align: center; border: 1px solid transparent; }
.product-buy .product-colours > li a:hover { color: #3A2E2C; }
.product-buy .product-colours > li a[disabled] { opacity: 0.3; cursor: default; }
.product-buy .product-colours > li a span { display: inline-block; }
.product-buy .product-colours > li a span:first-of-type { width: 30px; height: 30px; border: 1px solid transparent; border-radius: 15px; padding: 3px; overflow: hidden; }
.product-buy .product-colours > li a span:first-of-type:hover { border-color: #7f7776; }
.product-buy .product-colours > li a[disabled] span:first-of-type:hover { border-color: transparent; }
.product-buy .product-colours > li a span:first-of-type img { width: 24px; height: 24px; border-radius: 12px; margin-left: auto; margin-right: auto; }
.product-buy .product-colours > li.active a span:first-of-type { border-color: #3A2E2C; }


prod-availability {
    font-size: 13px;
}
.out-of-stock { background: #EFF1F6; }

    .out-of-stock.discount {
        background: none;
        border: 1px solid #d8dae0;
    }

.out-of-stock.discount .prod-availability {
    text-transform: none;
}

.prod-discounted-price {
    font-weight: 700;
    font-size: 15px;
    margin: 10px 0;
    /*padding-left: 36px;*/
}

.promo_wrapper {
    display: flex;
}

.promo_right {
    margin-left: 15px;
}

.other_promo li {
    margin: 15px 0;
}

/*start custom image*/
.product-share .custom_images {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.product-share .custom_images a { display: inline-block; margin-right: 5px; font-size: 18px; }
.product-share .custom_images a {  display: inline-block; position: relative; width: 40px; height: 40px; background: #fff; border: 1px solid #E0E1E6; border-radius: 50%; box-shadow: none; text-align: center; }
.product-share .custom_images a:hover { background: #39434B; border: 1px solid #39434B; color: #fff; }
.product-share .custom_images a span { position: relative; top: 2px; line-height: 40px; }
.product-share .custom_images .fb { color: #3B5999; }
.product-share .custom_images .tw { color: #00ACED; }
.product-share .custom_images .pi { color: #C8232C }
.product-share .custom_images .in { color: #8A49A1; }
/*end custom image*/

.half-col { float: left; width: 680px; margin-left: 40px; }
.half-col:first-of-type { margin-left: 0; }

.product-disclaimer { background: #EFF1F6; border: 1px solid #E3E6EC; text-align: center; margin-top: 60px; padding: 20px 128px; color: #81838B; font-size: 13px; line-height: 20px; }
.product-disclaimer a { white-space: pre; }

.product-description { margin-top: 60px; }
.product-description .nav-tabs { margin-bottom: 40px; }
.product-characteristic { display: table; width: 100%; margin: 2px 0; padding: 0; list-style: none; border: 1px solid #EFF1F6; }
.product-characteristic li { display: table-cell; padding: 12px 15px; }
.product-characteristic li:first-of-type { width: 200px; background: #EFF1F6; color: #A0A4B1; font-weight: 800; }

#reviews {
    text-align: center;
}

#ocijeniProizvod {
    margin-top: 20px;
}

.rate-this-product {
    margin: 25px 0 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.rate-this-product li {
    display: inline-block;
    font-size: 30px;
}

.rate-this-product li button,
.item-rating span {
    color: #E8E8E8;
    background: transparent;
    padding: 1px 6px;
    -webkit-background-clip: text;
}

.rate-this-product li button:hover,
.rate-this-product li button.active,
.item-rating span.full {
    background: transparent;
    -webkit-background-clip: text; /*-webkit-text-fill-color: transparent;*/
    color: #E5A126;
}

.item-rating span {
    display: inline-block;
    margin: 0 2px;
    font-size: 17px;
    margin-bottom: 10px;
    color: #dfdfdf;
}

.rate-this-product-message {
    color: #E5A126;
    margin-top: 20px;
    text-align: center;
}

.product-ratings {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.product-rating-item {
    position: relative;
    padding: 20px;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
}

.product-rating-item .item-rating span {
    padding: 1px 2px;
}

.product-rating-item .item-rating-head ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-rating-item .item-rating-head ul li {
    display: inline-block;
}

.product-rating-item .item-rating-head ul li:first-of-type {
    color: #8E9395;
    padding-right: 10px;
    position: relative;
    top: -3px;
}

.product-rating-item .item-rating-head .rating-date {
    float: right;
    font-size: 13px;
    color: #8E9395;
}

.product-page-quick {
    margin: 15px 0;
    padding: 0;
    list-style: none;
    font-size: 15px;
}

.product-page-quick li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.product-page-quick .item-rating span {
    padding: 0;
    margin: 0;
}

.product-page-quick .item-rating {
    position: relative;
    top: 2px;
}

.product-page-quick li a {
    color: #707070;
}

.product-page-quick .reviews-link a {
    color: #000000;
    font-weight: 700;
    text-decoration: underline;
}

.review-register {
    margin: 20px 0 0 0;
}


.sign-in-up {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 95%;
    max-width: 640px;
    text-align: center;
    padding: 50px;
    background: #fbfbfb;
    border-radius: 10px;
    box-shadow: 0 15px 25px rgba(0,0,0,.15);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.sign-in-up-close {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 24px;
    right: 15px;
    font-size: 12px;
    color: #2a2d2e;
    opacity: .5;
}

.sign-in-up-wrapper {
   /* display: none;*/
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.46);
    z-index: 10000;
}

.sign-in-up .logo {
    display: inline-block;
    width: 180px;
}

.sign-in-up .title {
    font-size: 20px;
    margin: 30px 0;
    line-height: 1.4;
    margin: 30px 0 0 0;
    font-weight: 700;
}

.sign-in-up .form-wrapper {
    margin-left: auto;
    margin-right: auto;
    background: transparent;
    padding: 20px 0 0 0;
}

.sign-in-up .form-wrapper .btn-holder {
    margin-top: 20px;
}

.sign-in-up .form-wrapper .form-field + .form-group {
    margin-top: 20px;
}


/* PRODUCT SHEET */
.product-sheet { max-width: 1160px; margin-left: auto; margin-right: auto; text-align: left;}
.product-sheet-title { text-align: center; font-size: 70px; line-height: 75px; font-weight: 300; margin-top: 60px; }
.product-sheet-lead { text-align: center; font-size: 20px; color: #BABFCF; font-weight: 800; margin-top: 20px; }
.product-sheet-emphasized { text-align: center; font-size: 16px; color: #23AAEE; font-weight: 800; }
.product-sheet-movie { padding: 60px 0; }
.product-sheet-text { margin: 20px 0; }
.product-sheet-bottom { text-align: center; margin-top: 40px; }


/* KOSARICA */
.basket header { position: relative; width: 100%; background: #EFF1F6; height: 80px; margin: 0 0 50px 0; }
.basket header ul { list-style-type: none; padding: 0; margin: 20px 0 0 0; font-size: 14px; display: block; float: right; line-height: 40px; }
.basket header ul li { display: inline-block; margin: 0 5px; }
.basket header ul li a { font-weight: 700; color: #2A2B2C; }
.basket header ul li a:hover,
.basket header ul li a:focus,
.basket header ul li a:active { color: #23AAEE; }
.basket header .logo { margin-top: 25px; }
.section-head { margin-top: 0; margin-bottom: 50px; text-align: center; }
.basket-btns { position: relative; display: inline-block; width: 100%; margin-top: 50px; }
.basket-btns.mobile-hide { margin-top: 0; }
.btn-basket-back { float: left; }
.btn-basket-order { float: right; }
.basket .btn-cont-helper { margin-top: 25px; }

.basket-products { margin-top: 50px; }
.basket-products .heading { display: table; width: 100%; border-bottom: 3px solid #E0E1E6; font-weight: 700; }
.basket-products .heading div { display: table-cell; padding-bottom: 10px; }
.basket-products .remove-wrap { width: 60px; text-align: right; }

.basket-products .item { border-bottom: 1px solid #E0E1E6; padding: 20px 0; }
.basket-products .basket-row { display: table; width: 100%; table-layout: fixed; }
.basket-products .basket-row > div { display: table-cell; vertical-align: middle; }
.basket-products .mobile-title { display: none; }
.basket-products .img-title-wrapper > div { display: table; width: 100%; }
.basket-products .product-img { display: table-cell; width: 60px; vertical-align: middle; }
.basket-products .product-title { display: table-cell; vertical-align: middle; padding-left: 40px; padding-right: 40px; }
.basket-products .product-title ul { margin: 0; padding: 0; list-style: none; }
.basket-products .cijena-kom-wrapper { width: 580px; }
.basket-products .cijena-kom-wrapper > div { display: table; width: 100%; }
.basket-products .cijena-wrapper,
.basket-products .kom-ukupno { display: table-cell; width: 190px; text-align: right; vertical-align: middle; line-height: 22px; }
.basket-products .kom-wrapper { display: table-cell; width: 200px; vertical-align: middle; padding-left: 60px; text-align: center; }
.basket-products .kom-wrapper .change_qty li .handle { background: #f2f2f2; }
.basket-products .kom-wrapper .change_qty li .handle:hover { background: #2A2B2C; border-color: #2A2B2C; }
.basket-products .cijena-wrapper .cijena-sada { color: #F36523; }
.basket-products .cijena-wrapper .cijena-prije { display: block; font-size: 13px; color: #81838B; text-decoration: line-through; }
.basket-products .remove-wrap .remove { font-size: 10px; color: #E9003F; }

.basket .total-sum-wrapper { text-align: right; padding-top: 15px; }
.basket .total-sum-wrapper ul { display: table; width: 100%; max-width: 400px; margin: 5px 0 0 auto; padding: 0; list-style: none;  }
.basket .total-sum-wrapper ul li { display: table-cell; vertical-align: top; text-align: right; white-space: nowrap; }
.basket .total-sum-wrapper ul li:first-of-type { width: 60%; padding-right: 20px }
.basket .total-sum-wrapper .min-saving { color: #F36523; }
.basket .total-sum-wrapper .total-sum { font-size: 20px; margin-top: 20px; }
.basket .total-sum-wrapper ul.total-sum:first-child { margin-top: 5px; }

.basket .promo-code-enter { background: #f2f2f2; margin-top: 20px; padding: 25px 40px; }
.basket .promo-code-enter ul { margin: 0; padding: 0; list-style: none; display: table; width: 50%; }
.basket .promo-code-enter ul li { display: table-cell; vertical-align: middle; }
.basket .promo-code-enter ul .promo-input input { width: 100%; }
.basket .promo-code-enter ul .promo-btn { width: 140px; }
.basket .promo-code-enter ul .promo-btn .btn { width: 100%; }
.basket .promo-code-enter input { margin-top: 0; }
.basket .promo-code-enter .btn { margin-left: 10px; }

.basket .order-overview .headings { display: table; margin: 0 0 0 auto; }
.basket .order-overview .headings > div { display: table-cell; }
.basket .order-overview .headings .selected-quantity { padding-right: 0; }
.basket .order-overview .headings { width: 50%; margin-right: 0; }
.order-overview .cijena-kom-wrapper { width: 50%; }
.order-overview .selected-pdv,
.order-overview .selected-pdv-rate { vertical-align: middle; display: table-cell; }
.order-overview .selected-quantity { width: 20%; text-align: center; }
.order-overview .selected-price-per-piece,
.order-overview .selected-pdv,
.order-overview .selected-price-total { width: 20%; }
.order-overview .selected-pdv-rate { width: 20%; text-align: center; }
.order-overview .selected-pdv { text-align: right; }

.podaci-uplata { margin-top: 40px; }
.podaci-uplata ul { margin: -1px 0 0 0; padding: 0; list-style: none; display: table; width: 100%; max-width: 640px; border: 1px solid #d5d5d5; }
.podaci-uplata ul li { display: table-cell; vertical-align: top; padding: 8px 16px; }
.podaci-uplata ul li:first-child { width: 160px; background: #eaeaea; }

.steps { list-style-type: none; padding: 0; text-align: center; font-size: 15px; margin-bottom: 50px; }
.steps li { display: inline-block; margin-right: 20px; position: relative; padding-right: 40px; }
.steps li.active { font-weight: 700; }
.steps li .step-wrapper { color: #65655f; }
.steps li .step-wrapper .circle { width: 40px; height: 40px; display: inline-block; border-radius: 50%; background: #eaeaea; text-align: center; line-height: 40px; margin-right: 10px; }
.steps li::after { content: ''; position: absolute; width: 20px; height: 2px; float: right; top: 50%; right: 0; background: #d5d5d5; }
.steps li.active .step-wrapper .circle { background: #0DB0F1; color: #fff; }
.steps li:last-of-type::after { display: none; }    

.signins-wrapper { background: #fff; padding: 0 0 30px 0; }
.signins-wrapper h4 { margin-bottom: 20px; font-size: 20px; font-weight: 700; }
.signins-wrapper .item { position: relative; float: left; width: 466px; border-left: 1px solid #d5d5d5; padding: 0 60px 80px 60px; }
.signins-wrapper .item:first-of-type { border-left: 0; padding-left: 0; }
.signins-wrapper .item.last { padding-right: 0; }
.signins-wrapper .btn-holder { position: absolute; left: 60px; bottom: 0; }
.signins-wrapper .item:first-of-type .btn-holder { left: 0; }
.signins-wrapper .half-col { width: 700px; float: left; padding-left: 60px; margin-left: 0; }
.signins-wrapper .half-col:first-of-type { border-right: 1px solid #d5d5d5; padding-left: 0; padding-right: 60px; }
.single-signin-wrapper { position: relative; }

.prijava .btn-holder { position: relative; left: 0; margin-top: 30px; }

.form-control { padding: 13px 15px; height: auto; margin-top: 5px; font-size: 16px; }
.radio-wrapper { display: inline-block; margin-left: 40px; }
.full-width { display: block; }
.form-group,
.form-check { margin-bottom: 25px; }
.company-data,
.shipping-form { display: none; }
.shipping-form { padding-top: 25px; }
.autocomplete-items { padding: 7px 0; border: 1px solid #d5d5d5; border-radius: 4px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); }
.autocomplete-items > div { cursor: pointer; padding: 3px 10px; transition: 0.3s all ease; }
.autocomplete-items > div:hover { background: #f1f2f3; }
.note_span { display: block; font-size: 12px; margin-top: 10px; }

.form-group { position: relative; }
.form-group label { position: absolute; left: 16px; top: 13px; z-index: 2; font-weight: 400; pointer-events: none; }
.form-group input { position: relative; }
.form-group.focused label { font-size: 10px; top: 4px; transition: 0.3s all ease; }
.form-group.focused input { padding-top: 20px; padding-bottom: 6px; font-size: 16px; }
.form-group.focused label.not-floating { position: relative; top: auto; left: auto; font-size: 16px; }

/* review form */
.form-group .review_label {
    top: 1px;
    right: auto;
    width: 96%;
    background: #fff;
    left: 1px;
    text-align: left;
    padding-left: 15px;
}

textarea.form-control.review_textarea {
    padding: 20px 15px 13px 15px;
}

.form-group.focused .review_label {
    top: 1px;
}

/* review form end */

.form-error-message {
    color: #E9003F;
    margin-bottom: 15px;
}

.radio-wrapper { margin-left: 0; }
.panel-group .panel-default > .panel-heading { background: none; }
.panel-group .panel-heading { padding: 12px 20px; }
.panel-group .panel-heading label { display: block; width: 100%; }
.panel-group .panel + .panel { margin-top: 10px; }
.panel-group .panel-body { background: #f5f5f5; padding: 15px 20px 20px 20px; }
.vrste-dostave,
.terms-conditions { margin-top: 30px; }
.kartice .bootstrap-select { margin-top: 5px; }
.delivery { margin: 0; padding: 0; list-style: none; }
.delivery li { padding: 12px 20px; border: 1px solid #d5d5d5; border-radius: 4px; margin-top: 10px; }
.delivery li:first-of-type { margin-top: 0; }
.delivery .li-box-now{
    background: #38b7f7;
    color: #fff;
}
.delivery li .delivery-price { color: #8E9395; }
.delivery li .delivery-price-box-now {
    color: #f1f1f1;
}

.btn-naruci { margin-top: 30px; }
.total-price { padding: 12px 20px; border: 1px solid #d5d5d5; background: #f5f5f5; border-radius: 4px; margin-top: 10px; }
.total-price strong { color: #F36523; }
.btn-naruci-note { margin-top: 30px; }
.btn-naruci-note > div { margin-top: 15px; color: #8E9395; }
.purchase-details-item { margin-top: 25px; }

.purchase-details-item:first-child { margin-top: 0; }
.detalji-kupovine { width: 50%; margin-top: 40px; padding-bottom: 20px; }

.new-customer-registration-wrapper ul { margin: 0; padding: 0; list-style: none; }
.new-customer-registration-wrapper ul li { padding-left: 22px; }
.new-customer-registration-wrapper ul li::before { display: inline-block; font-family: 'mikronis'; font-size: 12px; content: "\68"; color: #0DB0F1; margin-left: -22px; margin-right: 10px; font-display: swap;}

.supplier_napomena {text-align:right; color:#FF7700;}



/* VIEWED ITEMS TABLE */
.viewed-item { display: table; width: 100%; max-width: 1160px; table-layout: fixed; background: #fff; margin-left: auto; margin-right: auto; border-top: 1px solid #d5d5d5; line-height: 20px; }
.viewed-item:first-of-type { border-top: 0; }
.viewed-item > div { display: table-cell; vertical-align: middle; padding-top: 24px; padding-bottom: 24px; }
.viewed-item .item-fav { width: 60px; padding-right: 30px; font-size: 28px; }
.viewed-item .item-fav a { color: #d8d8d8;  }
.viewed-item .item-fav a.is-a-favorite,
.viewed-item .item-fav a:hover { color: #00c0f3; }
.viewed-item .item-pic { width: 120px; }
.viewed-item .item-info i { color: #555;  font-style: normal; }
.viewed-item .item-info span { display: block; font-weight: 700; color: #232323; }
.viewed-item .item-price { width: 240px; text-align: right; font-weight: 700; padding-right: 40px; }
.viewed-item .item-cart-action { width: 180px; overflow: hidden; padding-right: 30px; }
.viewed-item .item-cart-action .prod-qty { display: none; }
.viewed-item .item-cart-action .move-to-cart { float: left; line-height: 48px; margin-left: 20px; }
.viewed-item .item-action { width: 24px; font-size: 12px; }
.viewed-item .item-action a { display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px; position: relative; top: 2px; color: #ff3552; }
.viewed-item .item-action a:hover { color: #00c0f3; }
.viewed-items .page-nav { margin-top: 40px; }
.viewed-items .nav-tabs {  margin-bottom: 40px; }


/*minibasket*/
/* MINI BASKET */
.cart-sidebar {
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 440px;
    height: 100%;
    background: #F5F3F5;
    z-index: 11000;
    box-shadow: -20px 0 40px rgba(0,0,0,.2)
}

.cart-sidebar-head {
    height: 80px;
}

    .cart-sidebar-head ul {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        font-weight: 100;
        font-size: 24px;
    }

        .cart-sidebar-head ul li {
            display: table-cell;
            float: none;
            vertical-align: middle;
        }

            .cart-sidebar-head ul li:first-child {
                padding-left: 20px;
            }

                .cart-sidebar-head ul li:first-child span {
                    font-size: 20px;
                    margin-right: 15px;
                }

.close-cart-sidebar {
    width: 80px;
    text-align: center;
}

    .close-cart-sidebar a {
        height: 80px;
        display: block;
        font-size: 14px;
        line-height: 80px;
    }


.cart-sidebar-content {
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: calc(100% - 490px);
    padding-left: 20px;
    padding-right: 20px;
}

.del_reminder {
    padding: 10px 0px;
    font-size: 14px;
    text-align: left;
    margin-bottom: 15px;
}


.total-kosarice {
    text-align: right;
    color: #000;
    padding: 0 20px;
}

    .total-kosarice .item-info {
        display: inline-block;
        padding-right: 5px;
    }

    .total-kosarice .item-price {
        display: inline-block;
        font-weight: bold;
    }


.total-sum-mini, .cijena-poslovnica {
    padding-top: 0px;
}

    .total-sum-mini span, .cijena-poslovnica span {
        font-weight: bold;
        white-space: nowrap;
    }

.cart-sidebar-foot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 260px;
    padding: 0 20px 20px 20px;
    background: #fff;
}

    .cart-sidebar-foot a {
        float: left;
       /* width: calc(50% - 10px);*/
       width:50%;
    }

    .cart-sidebar-foot .continue-shopping {
        margin-left: 10px;
    }

.cart-sidebar-item {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 20px;
    font-size: 13px;
    line-height: 18px;
    color:#000;
}

    .cart-sidebar-item:first-of-type {
        margin-top: 0;
    }

    .cart-sidebar-item > div {
        display: table-cell;
        vertical-align: middle
    }

    .cart-sidebar-item .item-pic {
        width: 100px;
        padding-right: 20px;
    }

    .cart-sidebar-item .item-info {
        width: 100%;
        float: none;
        display: block;
        padding-right: 30px;
    }

        .cart-sidebar-item .item-info .item-name {
            display: block;
            font-weight: 100;
            color: #000;
            word-break: break-all;
        }

        .cart-sidebar-item .item-info .kol {
            font-size: 12px
        }

    .cart-sidebar-item .item-price {
        width: 100%;
        font-weight: 700;
        display: block;
    }

    .cart-sidebar-item .price-before {
        position: relative;
        display: inline-block;
        color: #767676;
        font-size: 12px;
        font-weight: 400;
    }

        .cart-sidebar-item .price-before::after {
            border-bottom: 1px solid #767676;
            content: "";
            left: 0;
            position: absolute;
            top: 50%;
            width: 100%;
        }

    .cart-sidebar-item .price-new {
        color: #c60a00;
    }


    .cart-sidebar-item .item-delete {
        width: 0px;
        position: relative;
    }

        .cart-sidebar-item .item-delete a {
            width: 20px;
            height: 20px;
            display: block;
            font-size: 10px;
            text-align: center;
            opacity: 0.5;
            position: absolute;
            top: 3px;
            right: -10px;
        }

            .cart-sidebar-item .item-delete a:hover {
                opacity: 1;
            }

.cart-sidebar .card-logos {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

    .cart-sidebar .card-logos li {
        display: inline-block;
        margin-left: 16px;
        vertical-align: middle;
    }

        .cart-sidebar .card-logos li:first-of-type {
            margin-left: 0;
        }

    .cart-sidebar .card-logos img {
        margin-bottom:10px;
    }

    .cart-sidebar .card-logos .resize-big img {
        height: 50px;
    }

    .cart-sidebar .card-logos .resize-small img {
        height: 18px;
    }

    .cart-sidebar .card-logos .resize-normal img {
        height: 35px;
    }

    .cart-sidebar .card-logos .resize-regular img {
        height: 28px;
    }

.cart-sidebar-foot .buttons {

    padding: 20px 0px;
    display: flex;
    justify-content: space-between;
}

.cart-sidebar .benefits {
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 0 5px 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

    .cart-sidebar .benefits a {
        float: left;
        width: 33.333%;
        text-align: center;
    }

        .cart-sidebar .benefits a .benefit-icon {
            display: block;
            font-size: 24px;
            color: #7455C9;
        }

        .cart-sidebar .benefits a .benefit-title {
            font-weight: 400;
            font-size: 11px;
            display: block;
            color: #000;
            line-height: 1.1;
            margin-top: 4px;
        }

    .cart-sidebar .benefits img {
        height: 25px;
        width: 35px;
    }


/* COOKIES */
.cookies {
    position: fixed;
    width: 100%;
    max-width: 480px;
    right: 0;
    bottom: 0;
    background: #0f98d5;
    padding: 30px 40px;
    color: #fff;
    z-index: 12000;
}
.cookies-button { margin-top: 20px; }
.cookies > a { text-decoration: underline; color: #fff; }
.cookies > a:hover { opacity: 0.6; }

/* centrohr COOKIES*/
.centrohr-cookie {
    padding: 20px 0;
    color: #e8e8e8;
    font-size: 15px;

    text-align: left;
    background: #009FFF; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ec2F4B, #009FFF); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ec2F4B, #009FFF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
    .centrohr-cookie p {margin:0;}

    .centrohr-text {
        text-align: left;
        margin: auto;
        display: inline-block;
        line-height:20px;
    }

.custombtn-holder {
    display: inline-block;
    text-align: right;
    padding: 0px;
}
.small-btn {padding:10px 30px; float:right;}
.centrohr-cookie {
    animation: transitionIn 1s;
}

@keyframes transitionIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}



/* SUGGEST BOX */
.suggest-box {
    background: #ffffff;
    text-align: left;
    position: absolute;
    top: 112px;
    left: auto;
    right: auto;
    margin: 0 auto;
    width: 800px;
    z-index: 11000;
    -webkit-transition: visibility 0s linear 300ms, opacity 300ms ease;
    -moz-transition: visibility 0s linear 300ms, opacity 300ms ease;
    -o-transition: visibility 0s linear 300ms, opacity 300ms ease;
    transition: visibility 0s linear 300ms, opacity 300ms ease;
    opacity: 1;
    visibility: visible;
    border-radius: 5px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

    .suggest-box.show {
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
    }

    .suggest-box .collection {
        padding: 20px 20px 15px 20px;
    }

        .suggest-box .collection-title {
            margin-top: 10px;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 700;
            color: #808080;
        }

        .suggest-box .collection-title:first-child {
            margin-top: 0;
        }

        .suggest-box .collection-title .icon-close {
            display: none;
        }

    .suggest-box .product-list-small {
        border-left: 1px solid #eeeaec;
        margin: 0 -10px 0 -1px;
        width: 59.2%;
        padding: 20px;
    }

    .suggest-box .buttons {
        background: #f5f5f5;
        margin: 0;
        padding: 20px 0;
        border-top: 1px solid #eeeaec;
        text-align: center;
    }

        .suggest-box .buttons .btn {
            width: 200px;
            margin: 0 auto;
            border-radius: 5px;
            padding: 10px;
            line-height: 1;
            font-size: 13px;
        }

            .suggest-box .buttons .btn:hover {
                color: #ffffff;
                text-decoration: none;
            }

            .suggest-box .buttons .btn span {
                font-size: 14px;
            }

    .suggest-box:before,
    .suggest-box:after {
        position: absolute;
        top: -9px;
        left: 66px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8.5px 9px 8.5px;
        border-color: transparent transparent #eeeaec transparent;
        content: "";
    }

    .suggest-box:after {
        top: -7px;
        border-color: transparent transparent #fff transparent;
    }

    .suggest-box ul {
        padding: 0;
        list-style-type: none;
        margin: 0;
    }

.search.opened .ca-box {
    left: 55px;
    right: auto;
    width: 315px;
}

.suggest-box .results {
    background: #fff;
}

    .suggest-box .results:before,
    .suggest-box .results:after {
        content: " ";
        display: table;
    }

    .suggest-box .results:after {
        clear: both;
    }

.suggest-box .collection,
.suggest-box .product-list-small {
    float: left;
    width: 50%;
}

.suggest-box .collection {
    border-right: 1px solid #eeeaec;
}

    .suggest-box .collection ul {
        font-size: 14px;
        margin: 0 0 10px 0;
    }

    .suggest-box .collection a {
        display: block;
        text-decoration: none;
        padding: 4px 12px;
        font-weight: 700;
        color: #000;
        border: 1px solid transparent;
    }

.suggest-box .results a:hover,
.suggest-box .results a.active,
.suggest-box .results a:active,
.suggest-box .results a:focus,
.suggest-box .product-list-small a.spc:hover,
.suggest-box .product-list-small a.spc:focus,
.suggest-box .product-list-small a.spc:active {
    color: #00c0f3;
    border: 1px solid #00c0f3;
    text-decoration: none;
}

.suggest-box .product-list-small a.spc {
    display: table;
    border: 1px solid transparent;
    width: 100%;
    color: #232323;
}

    .suggest-box .product-list-small a.spc p {
        margin: 0.3em 0 0 0;
        font-size: 12px;
    }

    .suggest-box .product-list-small a.spc .img {
        display: table-cell;
        width: 60px;
        text-align: center;
        vertical-align: middle;
        padding: 7px 0 7px 10px;
    }

    .suggest-box .product-list-small a.spc .img img {
        max-width: 50px;
        /*max-height: 50px;*/
    }

    .suggest-box .product-list-small a.spc .spc-info {
        display: table-cell;
        padding: 7px 10px;
        vertical-align: middle;
        line-height: 18px;
    }

    .suggest-box .product-list-small a.spc .spc-info span {
        display: block;
    }
    
    .suggest-box .product-list-small a.spc .spc-info .name {
        font-size: 14px;
    }

.suggest-box .product-list-small .title {
    margin: 0;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    line-height: 18px;
}


.suggest-box .grupa-opis {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #65655f;
}

.suggest-box .results a:hover .grupa-opis,
.suggest-box .results a.active .grupa-opis,
.suggest-box .results a:active .grupa-opis,
.suggest-box .results a:focus .grupa-opis {
    color: #000000;
}

.search .suggest-box ul,
.search .suggest-box ul li { display: block; height: auto; }

/* contact form*/

.contact-form { margin-top: 30px; }
.contact-form h3.success_mail { color: #00A76E; }
.contact-form h3.error_mail { color: #E9003F; }




/*@*
     Ispravlja iscrtavanje carousel-a u tabovima
     https://stackoverflow.com/questions/28347479/owl-carousel-and-bootstrap-tab-on-a-page
*@//*/
.tab-content > .tab-pane {
    display: block;
    visibility: hidden;
    height: 0px;
    overflow: hidden;
}

.tab-content > .active {
    visibility: visible;
    height: auto;
    overflow: visible;
}

#prod_availability {
    scroll-margin-top: 300px;
}

/*@*
     vue js iscrtavanje texta
*@//*/
[v-cloak] > * {
    display: none;
}







/* HEADER OVERRIDE */
header,
.basket header { background: #006699; color: #fff; }
.header-menu > li > a { color: #fff; }
.basket header ul li a { color: #fff; }
.search { background: #006699; border: 1px solid #23AAEE; }
.search .search-field input,
.search .search-btn a { color: #fff; }
.main-menu-wrapper {
    background: #efefef;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.search .search-field ::-webkit-input-placeholder { color: #fff; }
.search .search-field ::-moz-placeholder { color: #fff; }
.search .search-field :-ms-input-placeholder { color: #fff; }
.search .search-field :-moz-placeholder { color: #fff; }



/* HOME TEASERS */
.teasers a { float: left; width: 25%; }



/* LOADING */

.loader,
.loader:before,
.loader:after {
  background: #23aaee;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 8px;
  height: 40px;
}
.loader {
  color: #23aaee;
  text-indent: -9999em;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  margin: -20px 0 0 -5px;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -15px;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 15px;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 30px;
  }
  40% {
    box-shadow: 0 -2em;
    height: 40px;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 30px;
  }
  40% {
    box-shadow: 0 -2em;
    height: 40px;
  }
}
.search .search-field :-moz-placeholder { color: #fff; }

.sucess_color {
    color: #00A76E;
    font-weight: bold;
}




/* DOSTUPNOST - kopirano sa bitprometa */

.availability-table .dostupno,
.availability-table .na-upit {
    text-align: center;
}



.availability-table .circle {
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 50%;
    background: #ccc;
    margin: 0 auto;
}

    .availability-table .circle.green {
        background: #15b575;
    }

    .availability-table .circle.orange {
        background: #ff9d49;
    }

.availability-table a {
    color: #000000;
}

.availability-table .table > thead > tr > th,
.availability-table .table > tbody > tr > th,
.availability-table .table > tfoot > tr > th,
.availability-table .table > thead > tr > td,
.availability-table .table > tbody > tr > td,
.availability-table .table > tfoot > tr > td {
    line-height: 1;
    padding: 10px;
}

.price-rate-tooltip-wrapper {
    position: relative;
    /*margin: 10px 0 0 0;*/
    display: inline-block;
    width: 100%;
}

.price-rate-tooltip {
    background: #006699;
    font-size: 14px;
    color: #ffffff;
    width: 50%;
    text-align: center;
    font-weight: 400;
    padding: 5px;
    border-radius: 8px;
}

.price-rate-tooltip-wrapper .price-rate {
    color: #11131E;
    display: block;
    float: left;
}

.price-rate-tooltip-wrapper .price-rate-info {
    position: relative;
    display: block;
    float: left;
    top: 1px;
    width: 21px;
    height: 21px;
    background: url(../img/info-ico.svg) 50% 50% no-repeat;
    background-size: 21px auto;
    cursor: pointer;
    margin-left: 8px; 
    /*margin: 0 0 0 10px;*/
    margin-left:5px;
}

.tooltip-inner {
    background: #006699;
    max-width: 400px !important;
}

.link-divider{
    padding: 20px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #006699;
}

.availability .price-rate-info {
    position: relative;
/*    display: block;
    float: left;*/
    top: 4px;
    width: 21px;
    height: 21px;
    background: url(../img/info-ico.svg) 50% 50% no-repeat;
    background-size: 21px auto;
    cursor: pointer;
    margin-left: 8px;
    margin-left: 5px;
}

.availability-price-rate-tooltip-wrapper {
    display: inline-block;
}

.availability-price-rate-tooltip-wrapper .price-rate-info-special {
    position: relative;
    float: left;
    top: 1px;
    width: 21px;
    height: 21px;
    background: url(../img/info-ico.svg) 50% 50% no-repeat;
    background-size: 21px auto;
    cursor: pointer;
    margin-left: 8px;
    margin-left: 5px;
}

.price-rate-tooltip-wrapper .price-rate {
    color: #11131E;
    display: block;
    float: left;
}

.availability-price-wrapper {
    position: relative;
   /* padding-right: 25px;*/
    display: inline-block;
    width: 100%;
}


/* PRINT PAGE */
body.print {
    font-size: 12px;
}
.print .container { max-width: 720px; }
.print header { background: none; }
.print .page-content { margin-top: 0; }
.print .product-pic { width: 100%; }
.print .product .product-general { width: 100%; margin-left: 0; margin-top: 30px; }
.print .product-pic-inner { width: 100%;}
.print .product-pic-inner img { margin-left: auto; margin-right: auto; }
.print .product-name,
.print .product-price { font-size: 20px; line-height: 28px; }
.print .product-price { margin-top: 30px; }
.print .prod-availability { font-size: 12px; line-height: 18px; }
.print .out-of-stock { max-width: 100% !important; border: 1px solid #ccc; margin-bottom: 0 !important; margin-top: -1px; padding: 15px!important; }
.print .product-info-sheet { overflow: hidden ;}
.print .product-info { float: left; width: 48%; margin-left: 4%; }
.print .product-info:first-of-type { margin-top: 0; border-top: 1px solid #E3E6EC; }
.print .product-info:first-of-type li { padding-top: 8px; }
.print .product-info:nth-child(2n+1) { margin-left: 0; }
.print .product-info li { text-align: left; padding-top: 8px; padding-bottom: 8px; }
.print .product-info li:first-of-type { width: 50%; }
.print .product-description { margin-top: 20px; }
.print .half-col { margin-left: 0; }
.print .product-characteristic { margin: 2px 0 0 0; }
.print .product-characteristic li { padding: 8px 10px; }
.print footer { margin-top: 30px; border-top: 2px solid #ccc; text-align: center; line-height: 18px; padding: 0 0 20px 0; }
.print footer .container div { margin-top: 20px; }
.print footer .container ul { margin: 20px 0 0 0; padding: 0; list-style: none; }
.print footer .container ul li { display: inline-block; margin-left: 30px; }
.print footer .container ul li:first-of-type { margin-left: 0; }

.print .path,
.print iframe,
.print .embed-container,
.print .product-characteristic,
.print .item-badges li span,
.print .item-badges li a {
    display: none;
}

.print .logo,
.print header {
    position: relative;
}

.print .product-general a {
    word-break: break-all;
}

.print a[href]:after {
    content: " (" attr(href) ")";
    display: none;
    visibility: hidden;
}


.featured .section-body,
.seasonal .section-body {
    overflow: hidden;
    padding: 0 20px;
}

    .seasonal .section-title {
        padding: 0 20px;
    }

.featured .owl-carousel .owl-stage-outer,
.seasonal .owl-carousel .owl-stage-outer {
    overflow: visible;
}


.featured .owl-nav button.owl-prev,
.seasonal .owl-nav button.owl-prev,
.seasonal .owl-nav button.owl-next,
.featured .owl-nav button.owl-next,
.brands .owl-nav button.owl-prev,
.brands .owl-nav button.owl-next,
.product-pic-carousel .owl-nav button.owl-prev,
.product-pic-carousel .owl-nav button.owl-next {
    width: 50px;
    height: 50px;
    /*background: rgba(217, 217, 217, 0.81);*/
}

.featured .owl-nav button.owl-prev,
.seasonal .owl-nav button.owl-prev,
.brands .owl-nav button.owl-prev,
.product-pic-carousel .owl-nav button.owl-prev {
    left: -15px;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    text-align: left;
}

.featured .owl-nav button.owl-next,
.seasonal .owl-nav button.owl-next,
.brands .owl-nav button.owl-next,
.product-pic-carousel .owl-nav button.owl-next {
    right: -15px;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    text-align: left;
}

.featured .owl-nav button.owl-prev::before,
.seasonal .owl-nav button.owl-prev::before,
.featured .owl-nav button.owl-next::before,
.seasonal .owl-nav button.owl-next::before,
.brands .owl-nav button.owl-next::before,
.brands .owl-nav button.owl-prev::before,
.product-pic-carousel .owl-nav button.owl-next::before,
.product-pic-carousel .owl-nav button.owl-prev::before {
    position: absolute;
    width: 50px;
    height: auto;
    line-height: 50px;
    font: 25px 'mikronis';
    font-display: swap;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.podaci.user-data {
    padding: 40px 0 0 0;
    margin-top: 170px;
}

.basket .podaci.user-data {
    margin-top: 0;
}

.page-data {
    padding: 40px 0 0 0;
}

.page-data.povijestNarudzbiHolder {
    margin-top: 170px;
}

/*POVIJEST NARUDZBI*/
.povijestNarudzbiHolder #orderList .listItem {
    /*display: none;*/
    background-color: #EFF1F6;
}

.povijestNarudzbiHolder .list-group-item.active,
.povijestNarudzbiHolder .list-group-item.active:hover,
.povijestNarudzbiHolder .list-group-item.active:focus {
    z-index: 2;
    color: #39434B;
    background-color: #EFF1F6;
    border-color: #EFF1F6;
}

.povijestNarudzbiHolder tr {
    cursor: pointer;
}

.povijestNarudzbiHolder .order-items {
    display: none;
    padding: 16px 16px 0px 16px;
}

.povijestNarudzbiHolder .nopadding {
    padding: 0px !important;
}

.povijestNarudzbiHolder .pager a {
    font-weight:200;
    color:gray;
    padding-top:10px
}
.povijestNarudzbiHolder .pager span {
    font-size:18px;
}

.logoGlobaldizajn {
    margin-top: 32px;
    border-top: 1px solid #bababa;
    padding-top: 32px;
    text-align: center;
    color: #787878;
}

    .logoGlobaldizajn img {
        width: 88px;
        height: auto;
    }

.ss-noresults {
	margin: 0 -20px;
}

ul.ts-mobmenu {
	display: none;
	float: right;
}

ul.ts-mobmenu > li:first-child {
	margin-left: 0;
}

/*ul.ts-mobmenu a {
	opacity: 1;
}*/

ul.ts-leftmenu {
	float: left;
}

ul.ts-leftmenu a {
	font-weight: 400;
	opacity: 1;
}

ul.ts-leftmenu li:first-child {
	margin-left: 0;
}

ul.ts-rightmenu {
	float: right;
}

.sn-mob {
	display: none !important;
}

.back-to-top {
    position: fixed;
    right: 28px;
    bottom: -100%;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #d8d5d5;
    border-radius: 50%;
    color: #3A2E2C;
    visibility: hidden;
    z-index: 0;
    /*transition: all .5s cubic-bezier(.19,1,.22,1);*/
    transition: none !important;
}

.back-to-top span {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 12px;
    line-height: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ip-available {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #00A76E;
    z-index: 2;
    bottom: 20px;
    right: 20px;
}

.product-grid .ip-available {
    /*top: 20px;
	left: 10px;*/
    bottom: 20px;
    right: 20px;
}

.product-list .ip-available {
	top: 15px;
	right: -15px;
	width: 12px;
	height: 12px;
}

.buying-features {
	list-style-type: none;
	margin: 25px 0 0;
	padding: 0;
}

.buying-features li {
	font-size: 11px;
	text-transform: uppercase;
}

.buying-features li:before {
	content: "";
	display: inline-block;
	position: relative;
	top: -2px;
	vertical-align: middle;
	margin-right: 12px;
	width: 17px;
	height: 17px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.buying-features li.bf-guarantee:before {
    background-image: url("../img/guarantee.svg");
}

.buying-features li.bf-lock:before {
	background-image: url("../img/lock.svg");
}

.buying-features li.bf-home:before {
	background-image: url("../img/home.svg");
}

.buying-features li.bf-truck:before {
	background-image: url("../img/truck.svg");
}

.buying-features li.bf-credit-card:before {
	background-image: url("../img/credit-card.svg");
}

.buying-features li + li {
	margin-top: 5px;
}

.tb-nothing-message {
	text-align: center;
	font-weight: 700;
	color: #23aaee;
	margin-top: 20px;
}

.page-content.last_step {
    margin-top: 225px;
}

.thank-you-wrapper .print-page span {
    position: relative;
    top: 2px;
}

.thank-you-wrapper .print-page i {
	margin-left: 6px;
}

#secondary-address-clear-button {
	float: right;
	margin-bottom: 5px;
	color: red;
}

#secondary-address-clear-button + #secondary-data {
	clear: both;
}

#secondary-address-clear-button span {
	font-size: .7em;
	margin-right: 5px;
}

/*--- SPINNER start---*/

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    margin-right: 2px;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/*--- SPINNER end---*/

.prod-item .item-pic a img[data-src] {
    height: 0;
    padding-bottom: 100%;
}

.tooltip {
    min-width: 200px;
}

/*najniza cijena*/

.lowest-price {
    font-size: 13px;
    color: #8E8E8E;
    font-weight: 300;
    margin: 10px 0 20px 0;
}

.lowest-price span,
.lowest-price-catalogue span {
    color: #121212;
}

.lowest-price-catalogue {
    font-size: 10px;
    color: #8E8E8E;
    font-weight: 400;
    line-height: 1.2;
    margin: 15px 0 0 0;
}


.tecaj-konverzije {
    text-align: center;
    font-size: 20px;
    padding: 20px 0;
    background-color: #EFF1F6;
    margin-top: -40px;
    padding-bottom: 40px;
}

.tecaj-konverzije span {
    font-weight: bold;
    /*color: #685BC7;*/
    white-space: nowrap;
    margin-left: 5px;
}

.tecaj-konverzije.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    padding: 0;
    height: 40px;
    font-size: 15px;
}

.tecaj-konverzije.fixed > .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0 !important;
}

.basket {
    padding-bottom: 60px;
}


/*icons*/



.icon-close {
    color:#000;
}

.intro_msg {
    text-align: center;
    background-color: #FF7700;
    color: #fff;
    position: fixed;
    bottom: 0;
    padding: 5px;
    padding: 8px;
    width: 100%;
    z-index: 105;
}

    .intro_msg a {
        color: #fff;
        text-decoration: underline;
        font-weight: 500;
    }

.cd-txt-wrap {
    position: relative;
    z-index: 1;
}

.cd-txt {
    overflow: hidden;
    line-height: 1.5em;
    max-height: 100px;
}

.initially-hidden {
    visibility: hidden;
    overflow: hidden;
    max-height: 3em; /* izbjegavanje layout shifta */
}

.content-visible {
    visibility: visible;
}

@media (max-width: 768px) { /* Mobile */
    .cd-txt {
        max-height: 3em; 
    }
}

.cd-txt.visible {
    height: unset;
    overflow: visible;
}

.cd-txt-more {
    display: inline-block;
    color: #000;
    font-weight: 700;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.cd-txt-more:hover {
    color: #23AAEE;
}

.rl_wrap {
    padding: 0 30px;
}

.forgot-pass {
    display: block;
    text-align: center;
}

.login_review {
    text-align: center;
    border-bottom: none;
    margin-top: 20px;
    padding: 10px 20px 5px 30px;
}

.modal-header .close {
    position: relative;
    top: -20px;
    font-size: 25px;
}

.modal-title {
    text-align: center;
    margin-bottom: 0;
    padding: 0 30px 20px 30px;
}

.alert {
    margin-bottom: 25px;
    text-align: center;
}

.alert-error {
    background: #f7e5e5;
    color: #e50e0e;
}

#review-form {
    padding: 0 30px;
}

#review-form .alert {
    margin-top: 20px;
}

#exampleModalLongTitle {
    padding: 0;
}

.swiper-zoom-container {

padding:25px;}



.leanpay-wrapper {
    display: inline-block;
}


.leanpay-wrapper .tooltip-inner {
    background: #fff;
    font-size: 13px;
    color: #000;
    padding: 20px;
    box-shadow: 0 8px 20px rgba(0,0,0,.2);
}

.leanpay-wrapper .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff;
}

.leanpay-wrapper td {
    padding: 5px 0;
}

.installment-row:nth-of-type(even) td {
    background: #f0f0f0;
}

.leanpay-wrapper .tooltip.in {
    opacity: 1;
}

.leanpay-wrapper .leanpay-info {
    padding: 10px 0 5px 0;
}

.leanpay-btn {
    position: relative;
    display: inline-block;
    padding: 15px 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    color: #000;
    font-weight: 700;
}

.leanpay-btn::after {
    content: '';
    position: relative;
    display: inline-block;
    width: 60px;
    height: 18px;
    background: url(../img/leanpay.png) 50% 50% no-repeat;
    background-size: 60px auto;
    top: 4px;
    margin: 0 0 0 5px;
}

.leanpay-btn:hover,
.leanpay-btn:focus,
.leanpay-btn:active {
    color: #000;
    border: 1px solid #000;
}

/*404*/

.golubWrap {
    text-align: center;
    margin-bottom: 30px;
}

.golubWrap img {
    display: inline-block;
}

.backToHomePage {
    margin: 30px 0;
    background-color: #E6F0F5;
}

.gdc-button {
    background-color: #006699;
}

.gdc-button:hover {
    background-color: #007fbf;
}

.gdc-info-icon-bkg {
    fill: #007fbf;
}

.gdc-options input[type=checkbox]:checked + label:before {
    background: #007fbf;
    border: 1px solid #007fbf;
}

.grenke_div {
    border: 1px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #f4f4f4;
    width:100%;
    border-radius: 8px;
    margin-top:10px;
}

.grenke_div_unutarnji {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width:77%;
    margin-right: 10px;
}

.grenke_logo {
    width: 100%;
    margin-bottom: 5px;
}

.grenke_logo img {
    width: 100px;
}

.grenke_najam {
    font-size: 14px;
    color: #333;
    min-width: 195px;
}

.grenke-price {
    white-space: nowrap;
}

.grenke_cijena {
    font-size: 14px;
    font-weight: 700;
    color: #333;
}

.grenke-btns {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: center;
}

.grenke_detalji {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
}

.grenke_detalji,
.grenke_upit {
    padding: 5px 10px;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    border-radius: 8px;
    white-space: nowrap;
    line-height: inherit;
}

a.grenke_detalji {
    color: #fff;
}

a.grenke_detalji:hover {
    text-decoration:underline;
    color:#fff;
}

.grenke_upit:hover {
    background: #C9F6FF;
    border-color: transparent;
    color: #2A2D2E;
    text-decoration: underline;
}

.grenke_upit:hover,
.grenke_upit:focus,
.grenke_upit:active {
    outline: none;
    box-shadow: none;
}

.grenke_info {
    display: inline-block;
    position:relative;
    margin-left: 5px;
}

.grenke_info img {
    width: 14px;
    position:relative;
    top:-8px;
}

.grenke_info_text {
    visibility: hidden;
    width: 350px;
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    border: 1px solid #000;
    font-size: 12px;
    top: 15px;
    right: 0;
    display: inline-block;
    width: 200px;
    white-space: normal;
    text-align: left;
}

.grenke_info:hover .grenke_info_text{
    visibility: visible;
}

#infinite-btns {
    margin-top: 30px;
}
/*nova paginacija */
.pagination {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}


    .pagination > li > a,
    .pagination > li > span {
        position: relative;
        padding: 0;
        text-decoration: none;
        color: #253450;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        margin: 0 3px;
        font-size: 14px;
        cursor: pointer;
    }

.page-link:hover {
    color: #253450;
}

.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 123, 0, 0.25);
}

.next-page a, .prev-page a, .next-page span, .prev-page span {
    display: block;
    background: url(../img/chevron-down.svg) 50% 50% no-repeat;
    background-size: auto 7px;
    width: 34px;
    height: 34px;
    padding: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.prev-page a,
.prev-page span,
.first-page a,
.first-page span {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 50%;
    font-weight: 700;
    color: #000000;
}

.pagination > li.nav-dots > span {
    border: 1px solid transparent;
    letter-spacing: 2px;
}

.page-item.active .page-link {
    border-color: #006699;
    background: #006699;
    color: #ffffff;
}


.pagination-mobile {
    display: none;
}

.show-all-in-cat {
    display: block;
}

    .show-all-in-cat.show-all-in-cat-mob-only {
        display: none;
    }

.pagination > li.nav-dots > span:hover,
.pagination > li.nav-dots > span:focus {
    color: inherit;
    background-color: transparent;
}

.pagination > li.nav-dots > span {
    margin: 0;
}


.bn-hidden-inputs {
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

.bn-phone {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}

.bnp-label {
    font-weight: 600;
}

.bnp-dropdown,
.bnp-input {
    height: 30px;
}

.bnp-input {
    width: 185px;
}

.bn-message {
    display: block;
    margin-top: 10px;
}

.bn-location {
    display: block;
    margin-top: 10px;
    color: #8E9395;
    font-style: italic;
    font-weight: 600;
}

.boxnow-map-widget-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 13px;
}


.cat-slider {
    margin-bottom: 30px;
    position: relative;
}

.cat-slider-wrapper {
/*    margin-top: 60px;*/
}

#katalogH1 {
    margin-top: 10px;
    margin-bottom: 30px;
}

.cat-slider-wrapper .cat-slider {
    margin-bottom: 20px;
}

#header + .top-heading .th-breadcrumbs {
    padding-top: 20px;
}

.cs-img {
    width: 100%;
    display: block;
}

.cs-title {
    margin: 10px 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.cs-box {
    display: block;
    color: #000;
}

.cs-box:hover,
.cs-box:focus,
.cs-box:active {
    color: #23AAEE;
}

.pf-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: -10px 0 0;
    padding: 0;
}

.pf-list > li {
    width: 50%;
    font-weight: 700;
    color: #676767;
    margin-top: 10px;
}

.pf-list > li strong {
    font-weight: 400;
    margin-right: 5px;
}

.pf-list > li strong:after {
    content: ":";
}

.pf-info {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.pfi-col .product-info {
    margin-top: 0;
}

.pfi-col .product-page-quick {
    margin: 0;
}

.pfi-col .availability-price-rate-tooltip-wrapper .price-rate-info-special {
    right: 0;
}

.lg-backdrop {
    background: #f1f1f1;
    z-index: 99999;
}

.lg-outer {
    z-index: 99999;
}

.lg-prev,
.lg-next {
    border-radius: 50%;
    background: transparent;
    border: 1px solid #a0a0a0;
    font-size: 25px;
    background-color: #f1f1f1;
}

.lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled),
.lg-toolbar .lg-icon:hover {
    color: #a0a0a0;
}

.product .product-pic-carousel,
.product-pic-carousel .swiper-container,
.product-pic-carousel .swiper-zoom-container {
    padding: 0;
    border: none;
}

.product-thumbs.swiper-container {
    padding: 0;
}

.new-banner {
    display: block;
    margin-bottom: 50px;
}

.new-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.cat-desc-wrap {
    margin-top: 50px;
}

/*dorade 76684*/
.rowOne,
.rowTwo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.rowTwo {
    margin-top: 15px;
}

.rowOne .brand {
    display: flex;
    width: 50%;
}

.rowOne .brand a {
    margin-left: 5px;
    font-weight: 700;
    text-decoration: underline;
}

.rowOne .product-info,
.rowOne .product-info:last-of-type{
    width: auto;
    border-top: none;
    border-bottom: none;
}

.rowOne .product-info .availability-price-wrapper {
    display: flex;
}

.rowOne .product-info .availability-price-wrapper #prod_availabilityInfo {
    padding-right: 5px;
}

.code,
.cat {
    color: #606060;
}

/* NUM task 79921 */
.num-container {
    display: flex;
    align-items: center;
    gap: 10px; 
}

.num-label {
    font-weight: bold;
    white-space: nowrap; 
}

.num-content {
    display: flex;
    align-items: center;
    color:#574b4b;
    font-size:24px;
}

.num-content img {
    height: 34px;
    vertical-align: middle;
    padding-top:2px
}

.product-share ul .whatsapp-btn:hover svg path,
.product-share ul .linkedIn-btn:hover svg path,
.product-share ul .viber-btn:hover svg path {
    fill:#fff;
}

.prod-item .item-price.en_oznaka {
    display:flex;
    width: 100%;
    justify-content: space-between;
}

.prod-item .energy-class-wrapper.eu_div {
    margin-top:0;
}

.prod-item .energy-class-wrapper.eu_div img {
    width: 45px;
    position: relative;
    top: -5px;
}

.product-list-item .item-price.en_oznaka {
    display:flex;
    width: 100%;
    justify-content: space-between;
}

.product-list-item .energy-class-wrapper.eu_div {
    margin-top:10px;
}

.product-list-item .energy-class-wrapper.eu_div img {
    width: 40px;
    position: relative;
    top: -5px;
}

/* #90852 sidrena cijena / cjenik */

.sidrena-cijena {
    font-size: 12px;
    font-weight: 400;
    color: #8E8E8E;
    line-height: 1.3;
    margin: 4px 0 12px 0;
}

.price-rate-tooltip-wrapper + .sidrena-cijena {
    margin: 0 0 12px 0;
}

.product-price .sidrena-cijena {
    font-size: 12px;
    font-weight: 400;
}

.sidrena-cijena span {
    color: #121212;
}

.prod-item .sidrena-cijena {
    font-size: 10px;
    font-weight: 400;
    color: #8E8E8E;
    line-height: 1.2;
    margin: 8px 0 0 0;
}

.prod-item .sidrena-cijena strong {
    color: #121212;
    font-weight: 600;
}

.price-list-current h2 {
    font-size: 30px;
}

.price-list-current {
    margin-bottom: 45px;
}

.price-list-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.price-list-xml-link {
    margin-left: 14px;
}

.price-page-list table th {
    background: #006699;
    color: #fff;
}

.price-page-list h3 {
    margin: 0 0 10px 0;
}

.price-page-list table a {
    color: #006699;
}

.price-list-archive-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.price-list-archive table {
    width: 100%;
    border-collapse: collapse;
    background: none;
}

.price-list-archive th,
.price-list-archive td {
    padding: 14px 16px;
    white-space: nowrap;
}

.price-list-archive tbody tr {
    background: transparent;
    border-bottom: 1px solid #E3E6EC;
}

.price-list-archive tbody tr:last-child {
    border-bottom: none;
}

.price-list-archive .price-list-xml-link {
    margin-left: 18px;
}

.price-list-location {
    padding: 18px 0;
    border-bottom: 1px solid #E3E6EC;
}

.price-list-location:first-of-type {
    padding-top: 0;
}

.price-list-location:last-of-type {
    border-bottom: none;
}

.price-list-location h4 {
    margin: 0 0 6px 0;
    font-size: 16px;
    font-weight: 700;
}

.price-list-location .price-list-meta {
    margin: 0 0 14px 0;
    color: #8E8E8E;
    font-size: 14px;
}

.price-list-location .price-list-links .btn {
    padding: 10px 20px;
    font-size: 14px;
}