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

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

body {
    position: relative;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    color: #2C2C2C;
    line-height: 1.6;
}

::selection {
    color: #ffffff;
    background: #FF2800;
}

a {
    color: #000000;
    text-decoration: none;
}

a:hover,
a:focus,
a.active {
    color: #FF2800;
    text-decoration: none;
}

strong {
    font-weight: 700;
}

a,
button,
.lang > div,
path,
input {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

button,
button:focus {
    border: 0;
    outline: none;
}

input[type=text], input[type=password] {
    outline: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Abril Fatface', Georgia, serif;
    margin: 0;
    color: #2E3B48;
    font-weight: 400;
}

h1 {
    font-size: 34px;
    margin-bottom: 40px;
    margin-top: 20px;
    line-height: 1.4;
}

.page-content.category h1 {
    margin: 10px 0 30px 0;
}

.page-content h2,
.page-content h3 {
    margin: 30px 0 20px 0;
}

h2, .h2 {
    font-size: 30px;
}

h4, .h4 {
    font-size: 20px;
}

.section-title {
    text-align: center;
}

.req {
    color: #E9003F;
    font-weight: 700;
    margin-left: 8px;
    vertical-align: middle;
}

.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;
    -webkit-transition: all 0.3s ease;
    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.2);
}

.btn {
    display: inline-block;
    padding: 10px 40px;
    margin: 0;
    color: #000;
    text-align: center;
    border-radius: 60px;
    background: #ffffff;
    border: 1px solid #DFE2E5;
}

.btn:focus,
.btn:hover,
.btn:active {
    background: #FF2800;
    border: 1px solid #FF2800;
    color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #071F32;
    color: #ffffff;
    border-color: #071F32;
    outline: none;
}

.btn-primary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background: #FF2800;
    border-color: #FF2800;
    color: #fff;
}

.btn-secondary {
    background: #071F32;
    border-color: #071F32;
    color: #ffffff;
}

.btn-action {
    background: #54BD77;
    border-color: #54BD77;
    color: #ffffff;
    text-transform: uppercase;
}

.btn-action path {
    fill: #ffffff;
}

.btn-action svg {
    position: relative;
    top: -2px;
    margin: 0 10px 0 0;
}

.btn-action:focus,
.btn-action:active,
.btn-action:hover,
.btn-action-white:hover,
.btn-action-white:focus,
.btn-action-white:active {
    background: #3b9c5b;
    border-color: #3b9c5b;
    color: #fff;
}

.btn.disabled,
.btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-outline::after,
.btn-outline-reverse::before,
.btn-primary::after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 15px;
    position: relative;
    background: url(../img/arrow-right-red.svg) 50% 50% no-repeat;
    background-size: 17px auto;
    top: 3px;
    margin: 0 0 0 10px;
}

.btn-outline:hover::after,
.btn-outline:focus::after,
.btn-outline:active::after,
.btn-outline-reverse:hover::before,
.btn-outline-reverse:focus::before,
.btn-outline-reverse:active::before,
.btn-primary::after {
    background: url(../img/arrow-right-white-btn.svg) 50% 50% no-repeat;
    background-size: 17px auto;
}

.btn-outline-reverse::before {
    margin: 0 10px 0 0;
    transform: rotate(180deg);
}

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

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

svg {
    transition: all .5s cubic-bezier(0.21, 1.17, 0.73, 1.21);
}

.dark-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
}

.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;
}



/* CUSTOM CHECKBOXES */
label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 0;
}

/* custom checkbox */
.inp-cbx {
    display: none;
}

.cbx {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 100%;
}

.cbx span {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.cbx span:first-child {
    position: relative;
    width: 20px;
    height: 20px;
    transform: scale(1);
    vertical-align: top;
    margin: 2px 10px 0 0;
    border: 1px solid #2E3B48;
    background: #ffffff;
    transition: all 0.2s ease;
}

.cbx span:first-child svg {
    position: absolute;
    top: 4px;
    left: 3px;
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    -webkit-transition: all 0.3s ease;
    -webkit-transition-delay: 0.1s;
    -webkit-transform: translate3d(0, 0, 0);
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}

.cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #de2e1d;
    display: block;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
}

.cbx span:last-child {
    padding-left: 12px;
    max-width: 90%;
    position: relative;
    top: 2px;
}

.cbx:hover span:first-child {
    border-color: #de2e1d;
}

.inp-cbx:checked + .cbx span:first-child {
    background: #de2e1d;
    border-color: #de2e1d;
    animation: wave 0.4s ease;
}

.inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
}

.inp-cbx:checked + .cbx span:first-child:before {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

@keyframes wave {
    50% {
        transform: scale(0.9);
    }
}

.prijava .cbx span:first-child {
    margin: 4px 0 0 0;
}

.terms .cbx span:first-child {
    position: absolute;
    top: 0;
    left: 0;
}

.terms {
    position: relative;
    padding: 0 0 0 35px;
    display: block;
}
/* end custom checkbox */
input[type=radio] {
    display: none;
}

input[type=radio] + label {
    position: relative;
    font-weight: 400;
}

input[type=radio] + label:before {
    content: ' ';
    position: relative;
    top: 4px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #949494;
    text-align: center;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 10px;
}

input[type=radio]:checked + label:after {
    content: ' ';
    position: absolute;
    display: inline-block;
    left: 5px;
    top: 9px;
    width: 10px;
    height: 10px;
    background: #FF2800;
    border-radius: 5px;
    text-align: center;
}

input[type=radio] ~ .opis {
    max-height: 0;
    overflow: hidden;
    transition: all .7s ease;
}

input[type=radio]:checked ~ .opis {
    position: relative;
    max-height: 400px;
    transition: max-height .9s ease;
}

/* 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;
    text-shadow: none;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
}

.bootstrap-select .btn .filter-option {
    font-size: 15px;
    font-weight: 400;
    color: #39434B;
    letter-spacing: 0;
    padding-right: 15px;
    line-height: 23px;
}

.bootstrap-select .btn:hover,
.bootstrap-select .btn:focus,
.bootstrap-select .btn:hover .filter-option {
    color: #39434B;
    background: transparent;
}

.bootstrap-select.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.bootstrap-select.btn-group .btn.dropdown-toggle:hover .caret::before {
    color: #39434B;
}

.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;
    color: #39434B;
}

.bootstrap-select .dropdown-menu {
    border-radius: 2px;
    border: 0;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    font-weight: 400;
}

.bootstrap-select .dropdown-menu > li > a {
    padding: 5px 15px;
}

.dropdown-item {
    line-height: 1.8;
}


.bootstrap-select .dropdown-menu > li > a:hover {
    background: #F5F5F5;
}

.bootstrap-select .dropdown-menu > li.selected a {
    background: none;
    color: #FF2800;
}

/* GD SELECT*/
.gd-select {
    position: relative;
}

.gd-selected {
    position: relative;
    background: #000000;
    min-width: 190px;
    padding: 9px 30px;
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.gd-selected button {
    color: #fff;
    position: relative;
    display: inline-block;
    background: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
}

.gd-selected > svg,
.accordion-header svg {
    position: relative;
    width: 12px;
    top: -1px;
    fill: #FF2800;
    /*stroke: #FF2800;*/
    margin: 0;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.gd-selected.is-expanded > svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.gd-search {
    padding: 16px 12px 2px 12px;
}

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

.gd-dropdown {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    background: #ffffff;
    z-index: 5;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.gd-dropdown ul {
    margin: 0;
    padding: 10px 0;
    list-style: none;
}

.gd-dropdown ul li {
    display: block;
    position: relative;
    padding: 4px 16px;
    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;
    font-size: 14px;
}

.gd-dropdown ul a:hover {
    color: #FF2800;
}

.gd-dropdown .disabled {
    cursor: default;
}

.gd-dropdown .disabled em {
    color: #999;
    font-style: normal;
}

.gd-dropdown .amount {
    position: absolute;
    right: 5px;
    top: 3px;
    color: #999;
    font-size: 13px;
}

.gd-dropdown .item-check {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 16px;
    top: 4px;
    border: 1px solid #AEB1BB;
    border-radius: 2px;
}

.gd-dropdown .item-check::after {
    content: '';
    display: none;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 20px;
    height: 20px;
    background: url(../img/checkmark.svg) 50% 50% no-repeat;
    background-size: 12px auto;
}

.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: 2px;
    box-shadow: none;
}

.noUi-origin {
    border-radius: 10px;
}

.noUi-background {
    background: #AEB1BB;
    box-shadow: none;
}

.noUi-base {
    background: #AEB1BB;
}

.noUi-connect {
    background: #AEB1BB;
    box-shadow: none;
}

.noUi-horizontal .noUi-handle {
    width: 15px;
    height: 15px;
    right: -6px;
    top: -7px;
}

.noUi-origin {
    background: #AEB1BB;
}

.noUi-origin:first-of-type {
    background: #AEB1BB;
}

.noUi-handle {
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    cursor: pointer;
    background: #ff2800;
}

.noUi-handle::before {
    display: none;
}

.noUi-handle::after {
    display: none;
}

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

.topbar {
    background: #c58f7b;
    color: #ffffff;
    padding: 7px 50px;
    font-size: 14px;
}

.topbar a {
    color: #ffffff;
}

.topbar a:hover {
    opacity: .7;
}

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

.topbar ul li {
    display: inline-block;
    margin: 0 30px 0 0;
}

.topbar .right-side li:last-child {
    margin: 0;
}

header {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 101;
    background: #000;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.header-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 18px 50px;
    background: #FF2800;
}

header .logo {
    position: relative;
}

header .logo img {
    width: 270px;
}

.featured-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.featured-menu li {
    display: inline-block;
    margin: 0 20px 0 0;
}

.featured-menu li:last-child {
    margin: 0;
}

.featured-menu a {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    opacity: 1;
}

.featured-menu a:hover,
.featured-menu a:focus,
.featured-menu a:active {
    opacity: .7;
}

.featured-menu .promo-link > a::after,
.featured-menu .promo-link-mobile > a::after {
    display: none;
}

.search {
    position: relative;
    width: 400px;
    z-index: 101;
    border-radius: 60px;
    margin: 0;
    background: #F5F5F5;
}

.search ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.search ul li {
    display: table-cell;
    vertical-align: middle;
}

.search .search-field input {
    display: block;
    width: 100%;
    padding: 12px 20px;
    border: 0;
    background: none;
}

.search .search-btn {
    width: 100%;
    width: 32px;
}

.search .search-btn a {
    position: relative;
    display: block;
    width: 100%;
}

.search .search-btn a svg {
    width: 15px;
    height: 15px;
}

.search .mic {
    position: absolute;
    top: 0;
    right: 40px;
    height: 40px;
    z-index: 2;
    cursor: pointer;
}

.header-menu {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 40px;
}

.header-menu > li {
    display: inline-block;
    margin: 0 30px 0 0;
}

.user-menu-trigger.logged-in > a {
    position: relative;
}

.user-menu-trigger.logged-in > a::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: block;
    top: -4px;
    right: 7px;
    background: #39b54a;
    border: 1px solid #fff;
} 

.header-menu path {
    fill: #ffffff;
}

.header-menu li a {
    position: relative;
    display: block;
    color: #ffffff;
    opacity: 1;
    text-align: center;
}

.header-menu li a .ico-label {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 1;
    margin: 5px 0 0 0;
    font-family: 'Roboto', Arial, sans-serif;
}

.header-menu li .icon-bag {
    position: relative;
    left: -4px;
}

.header-menu li a:hover {
    opacity: .7;
}

.header-menu .login-register a,
.header-menu .favs a {
    display: inline-block;
}

.header-menu li a i {
    position: absolute;
    right: 0;
    top: -7px;
    width: 20px;
    height: 20px;
    line-height: 21px;
    background: #000000;
    font-size: 10px;
    font-weight: 500;
    font-style: normal;
    color: #ffffff;
    text-align: center;
    border-radius: 100%;
    font-family: 'Roboto', Arial, sans-serif;
}

.header-menu .show-mini-bag {
    position: relative;
    margin: 0;
}

.user-menu {
    display: none;
    position: absolute;
    width: 200px;
    left: auto;
    right: 160px;
    top: 57px;
    z-index: 1000;
    background: #e4e4e4;
    color: #ffffff;
    margin: 0;
    padding: 0;
    list-style: none;
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
}

.header-menu li .user-menu a {
    color: #000000;
    text-align: left;
}

.user-menu.not-logged {
    width: auto;
    padding: 15px;
}

.user-menu-title {
    position: relative;
    display: block;
    font-size: 16px;
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #484848;
    font-weight: 700;
}

.user-menu ul {
    margin: 0;
    padding: 15px 20px 15px 20px;
    list-style: none;
    text-align: left;
}

.user-menu ul li {
    display: block;
    padding: 5px 0;
}

.basket-price-wrapper {
    position: absolute;
    top: -27px;
    right: -31px;
    font-size: 13px;
    line-height: 1;
    background: #e2e2e2;
    text-align: center;
    padding: 2px;
    border-radius: 20px;
    width: 90px;
}

.lang {
    position: relative;
}

.lang.currency {
    top: 2px;
}

.lang > .lang-curr-label {
    transition: 0.3s all ease;
    cursor: pointer;
}

.lang > span:hover {
    color: #222;
}

.lang ul {
    display: none;
    position: absolute;
    left: -30px;
    top: 30px;
    z-index: 1000;
    background: #fff;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
    border: 1px solid #e9e9e9;
    border-radius: 2px;
}


.currency-mobile {
    display: none;
}

.topbar .lang ul {
    width: 85px;
}

.header-menu .currency ul {
    top: 40px;
}

.lang ul li {
    display: block;
}

.lang ul li a {
    display: block;
    padding: 5px 30px;
    color: #222;
}

.lang ul li a {
    display: block;
    padding: 5px 30px;
    color: #222;
}

.lang-curr-label:hover,
.lang ul li a:hover {
    color: #c58f7b;
}

.topbar .lang-curr-label:hover {
    color: #ffffff;
    opacity: .7;
}

.lang-curr-label svg {
    position: relative;
    top: -2px;
    margin: 0 0 0 10px;
}

.lang-curr-label path {
    fill: #000000;
}

.lang-curr-label:hover path {
    fill: #c58f7b;
}

.topbar .lang-curr-label path,
.topbar .lang-curr-label:hover path {
    fill: #ffffff;
}

.lang-curr-label:hover path {
    opacity: .7;
}

.mobile-featured-menu .mobile-menu-trigger {
    position: absolute;
    text-align: right;
    z-index: 3;
    right: 20px;
    top: 12px;
    margin: 0;
}

.mobile-featured-menu .mobile-menu-trigger a {
    display: block;
    width: 55px;
    height: 15px;
    background: url(../img/menu-ico.svg) 100% 50% no-repeat;
    background-size: 25px auto;
}

.section-title span {
    font-size: 35px;
    font-weight: 300;
}

.section-content {
    margin-top: 40px;
}

.section-bottom {
    margin-top: 40px;
    text-align: center;
}

.section-title span {
    font-size: 35px;
    font-weight: 300;
}

.section-content {
    margin-top: 40px;
}

.section-bottom {
    margin-top: 40px;
    text-align: center;
}



/* MAIN MENU */
.main-menu-wrapper {
    position: relative;
    top: -1px;
    z-index: 100;
    background: #000000;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.main-menu {
    position: relative;
}

.main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-menu > ul > li {
    padding: 17px 12px;
}

.main-menu > ul > li > a {
    position: relative;
    display: block;
    font-weight: 500;
    color: #ffffff;
    background: transparent;
    text-transform: uppercase;
    opacity: 1;
    letter-spacing: 0.7px;
    font-size: 15px;
}

.main-menu > ul > li.active {
    background: #ffffff;
}

.main-menu > ul > li.active > a {
    color: #000000;
    opacity: 1;
}

.last-promo {
    position: relative;
}

/*.promo-link > a::after,
.promo-link-mobile > a::after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 13px;
    height: 13px;
    background: url(../img/star.svg) 50% 50% no-repeat;
    background-size: 13px auto;
}*/

.main-menu a:hover,
.main-menu a:focus,
.main-menu a:active {
    opacity: .7;
}

.main-menu a.active {
    color: #e1e1e1;
    text-decoration: underline;
}

.main-menu > ul .single-col {
    position: relative;
}

.main-menu .sub-nav:before,
.main-menu .sub-nav:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: -50%;
    top: 0;
    bottom: 0;
    background: #fff;
    display: block;
    width: 51%;
}

.main-menu .sub-nav:after {
    left: auto;
    right: -50%;
}

.main-menu .sub-nav,
.promo-sub-mobile {
    display: none;
    position: absolute;
    z-index: 2;
    max-width: 1640px;
    width: 100%;
    top: 57px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
    padding: 25px;
}

.main-menu .sub-nav.promo-sub,
.promo-sub-mobile {
    /*max-width: 100%;*/
    width: 280px;
    left: auto;
    margin: 0;
    right: 0;
    padding: 15px;
}

.main-menu .last-promo:first-child .sub-nav.promo-sub {
    left: 0;
}

.main-menu .sub-nav.promo-sub ul {
    display: block;
    grid-gap: 0;
}

.promo-sub-mobile {
    top: 56px;
}

.main-menu .sub-nav.promo-sub:after,
.main-menu .sub-nav.promo-sub:before {
    display: none;
}

.sub-nav-inner {
    display: block;
    margin: 0 auto;
    max-width: 1400px;
    width: 100%;
    padding: 0 0 50px 0;
    max-height: 70vh;
    overflow-y: auto;
}

.sub-nav-col {
    float: left;
    display: block;
    width: 100%;
    max-height: 70vh;
    margin: 0 30px 30px 0;
    overflow-y: auto;
}

.promo-link .sub-nav-col,
.last-promo .sub-nav-col {
    height: auto;
    width: auto;
    margin: 0;
}

.sub-nav .cat-name {
    font-family: 'Abril Fatface', Georgia, serif;
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    margin: 0 0 10px 0;
}

.sub-nav-col ul:first-child,
.sub-nav-col .cat-name:first-child {
    margin-top: 0;
}

.sub-nav-col ul li,
.promo-link ul li,
.promo-sub-mobile li,
.last-promo ul li {
    position: relative;
    display: block;
    padding: 7px 15px;
    margin: 0 20px 0 0;
    transition: all .3s ease-out;
    border-bottom: 1px solid #e6e6e6;
}

.last-promo ul li {
    margin: 0;
}

.promo-link ul li:last-child,
.promo-sub-mobile li:last-child,
.last-promo ul li:last-child {
    border-bottom: none;
}

.main-menu .sub-nav-col ul li::before,
.promo-link .sub-nav-col ul li::before,
.promo-sub-mobile li::before,
.last-promo .sub-nav-col ul li::before {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    width: 3px;
    height: 21px;
    background: #d1d1d1;
    top: 8px;
    border-radius: 6px;
}

.main-menu .sub-nav-col ul li:hover::before,
.promo-link .sub-nav-col ul li:hover::before,
.promo-sub-mobile li:hover::before,
.last-promo .sub-nav-col ul li:hover::before {
    background: #FF2800;
}

.main-menu .sub-nav-col ul li:hover,
.promo-link .sub-nav-col ul li:hover,
.promo-sub-mobile li:hover,
.last-promo .sub-nav-col ul li:hover {
    background: #373737;
}

.main-menu .sub-nav-col ul li:hover a,
.promo-link .sub-nav-col ul li:hover a,
.promo-sub-mobile li:hover a,
.last-promo .sub-nav-col ul li:hover a{
    color: #fff;
    opacity: 1;
}

.sub-nav-col ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 0fr));
    grid-gap: 10px;
}

.sub-nav a,
.sub-nav-col ul li a {
    color: #000;
    display: block;
    opacity: 1;
    font-size: 15px;
}

.promo-link .cat-name-expand-wrapper,
.last-promo .cat-name-expand-wrapper {
    display: none;
}

.mobile-main-user-controls,
.mobile-main-menu-head,
.mobile-sign-in-up,
.user-links,
.mobile-menu-close {
    display: none;
}

.main-content-wrapper {
    margin-top: 159px;
}

.path {
    padding: 20px 0;
}

.podaci .path {
    text-align: center;
}

.home-slider-wrapper {
    position: relative;
}

.home-slider-wrapper a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
/*  overlay ako ce trebati
    background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,0.5970763305322129) 0%, rgba(0,0,0,0) 66%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.5970763305322129) 0%, rgba(0,0,0,0) 66%);
    background: linear-gradient(90deg, rgba(0,0,0,0.5970763305322129) 0%, rgba(0,0,0,0) 66%);*/
}

.home-slider-wrapper picture,
.home-slider-wrapper img,
.home-slider-wrapper source {
    width: 100%;
}

.home-slider-wrapper .btn {
    display: inline-block;
    margin: 15px 0 0 0;
    font-weight: 700;
    font-size: 17px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.home-slider-wrapper a:hover h2 {
    color: #ffffff;
}

.slide-content {
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 120px;
    max-width: 600px;
}

.slide-content h2 {
    font-weight: 400;
    font-size: 80px;
    line-height: 1.4;
    color: #ffffff;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, .4);
}

.slide-content h3 {
    font-family: 'Abril Fatface', Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #5d5d5d;
}

/* HOME CATEGORIES */

.popular-categories-wrapper {
    position: relative;
    padding: 20px;
    background: #f7f1f1;
}

.popular-categories-wrapper h2 {
    position: relative;
    font-size: 15px;
    margin: 0 0 10px 0;
    font-weight: 400;
}

.home-categories-carousel img {
    max-width: 42px;
    margin: 0 0 0 25px;
}

.home-categories-carousel .swiper {
    padding: 20px 15px;
}

.home-categories-carousel .swiper-slide {
    width: auto;
}

.home-categories-carousel .swiper-slide a {
    display: inline-block;
    padding: 4px 15px;
    width: 100%;
    font-size: 18px;
    color: #000000;
    background: #ffffff;
    box-shadow: 0 3px 20px rgba(0,0,0,.1);
    min-width: 185px;
    border: 1px solid transparent;
    min-height: 50px;
    border-radius: 2px;
}

.home-categories-carousel .swiper-slide a {
    min-height: auto;
    padding: 10px 15px;
    text-align: center;
}

.home-categories-carousel .swiper-slide a.active,
.home-categories-carousel .swiper-slide a:hover,
.home-categories-carousel .swiper-slide a:focus,
.home-categories-carousel .swiper-slide a:active {
    background: #C58F7B;
    color: #ffffff;
}

.home-categories-carousel .swiper-slide .odabrano {
    background: #ddb477;
    color: #ffffff;
}

.home-categories-carousel .swiper-slide .odabrano:hover {
    background: #BD9965;
}

.home-categories-carousel .swiper-slide {
    width: auto;
}

.swiper-scrollbar-drag {
    background: #313131;
}

.swiper-horizontal > .swiper-scrollbar {
    height: 4px;
    background: #F1ECEC;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 10px;
}

.swiper .swiper-slide {
    height: auto;
}

.swiper-button-prev,
.swiper-button-next {
    width: 40px;
    height: 50px;
    background: #F4F4F4;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: rgba(255,255,255,1);
}

.swiper-button-prev {
    left: 0;
    border-radius: 0 10px 10px 0;
}

.swiper-button-next {
    right: 0;
    border-radius: 10px 0 0 10px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: '';
    display: block;
    position: relative;
    width: 10px;
    height: 10px;
    background: url(../img/arrow-left.svg) 50% 50% no-repeat;
    background-size: 10px auto;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* TABS */
.nav-tabs {
    position: relative;
    z-index: 2;
    padding: 0;
    margin: 0;
    text-align: left;
    border-bottom: none;
}

.nav-tabs li {
    display: inline-block;
    margin: 0 20px 0 0;
}

.nav-tabs li:last-child {
    margin: 0;
}

.nav-tabs li a,
.nav-tabs .nav-link,
.home-blog .nav-tabs li a,
.home-blog .nav-tabs .nav-link,
.blog-cats ul li a,
.location-nav a {
    text-transform: none;
    background: #ffffff;
    border: 1px solid #BDBDBD;
    border-radius: 60px;
    padding: 10px 35px;
    display: inline-block;
    color: #000;
}

.nav-tabs > li > a.active,
.nav-tabs > li > a.active:hover,
.nav-tabs > li > a.active:focus,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.home-blog .nav-tabs > li > a.active,
.home-blog .nav-tabs > li > a.active:hover,
.home-blog .nav-tabs > li > a.active:focus,
.home-blog .nav-tabs .nav-link.active,
.home-blog .nav-tabs .nav-item.show .nav-link,
.home-blog .nav-tabs > li > a:hover,
.blog-cats ul li .active,
.location-nav a:hover,
.location-nav .swiper-slide-thumb-active a,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:active {
    background: #000000;
    border-bottom: none;
    border: 1px solid #000000;
    color: #ffffff;
}



/* ACTIONS */
.actions .card .card-header a {
    margin-right: 0;
    font-size: 14px;
    font-weight: 600;
    color: #104864;
    border: none;
    border-radius: 100px;
    padding: 9px 30px;
    text-transform: uppercase;
    position: relative;
    text-align: left;
}

.actions .card .card-header a {
    text-transform: none;
    border-radius: 0;
}


.actions {
    padding: 80px 0;
}

.actions .nav-tabs {
    display: none;
}

.actions .tab-content {
    width: 78.5%;
}

.actions h2 {
    margin: 0 0 40px 0;
    text-align: center;
}

.actions .card-body {
    padding: 10px 0 0 17px;
    position: relative;
}

.actions .nav-tabs .nav-link.active:after,
.actions .nav-tabs .nav-link:hover:after,
.actions .nav-tabs .nav-link:focus:after,
.actions .nav-tabs .nav-link:active:after {
    display: none;
}

.actions .nav-tabs > li {
    margin: 5px 0;
}

.actions .nav-tabs > li a,
.actions .nav-tabs > li > a.active,
.actions .nav-tabs > li > a.active:hover,
.actions .nav-tabs > li > a.active:focus,
.actions .nav-tabs .nav-link.active,
.actions .nav-tabs .nav-item.show .nav-link,
.actions .nav-tabs .nav-link:hover,
.actions .nav-tabs .nav-link:focus,
.actions .nav-tabs .nav-link:active {
    border: 1px solid #F1F1F1;
}

.actions .nav-tabs > li > a.active,
.actions .nav-tabs > li > a.active:hover,
.actions .nav-tabs > li > a.active:focus,
.actions .nav-tabs .nav-link.active,
.actions .nav-tabs .nav-item.show .nav-link,
.actions .nav-tabs .nav-link:hover,
.actions .nav-tabs .nav-link:focus,
.actions .nav-tabs .nav-link:active {
    background: #c58f7b;
    color: #ffffff;
}

.actions .nav-tabs > li > a,
.actions .nav-tabs .nav-link {
    padding: 15px;
}


/* PRODUCT GRID ITEM */

.product-grid {
    padding: 30px 0 0 0;
    margin: 0 -10px;
}

.product-grid .prod-item {
    width: 33.33333%;
    margin: 0 0 60px 0;
    padding: 0 10px;
}

.product-grid .prod-item img {
    border-radius: 6px;
    width: 100%;
    border: 1px solid #DEDEDE;
    transition: all .3s ease-out;
}

.prod-item {
    position: relative;
    height: 100%;
}

.prod-item > ul {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.prod-item .item-pic {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 1;
}

.prod-item .item-pic a {
    display: block;
    height: 100%;
    color: #000000;
}

.prod-item .item-pic img {
    position: relative;
    display: block;
    z-index: 1;
    margin: 0 auto;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #DEDEDE;
    transition: all .3s ease-out;
}

.prod-item:hover img {
    border: 1px solid #ff2800;
}


.prod-item .item-title {
    display: block;
    word-break: break-word;
}

.prod-item .item-title a {
    color: #000000;
}

.prod-item .item-title a:hover,
.prod-item .item-title a:active,
.prod-item .item-title a:focus {
    color: #FF2800;
}

.spec-item {
    color: #7c7c7c;
    font-size: 14px;
}

.prod-item .item-price {
    display: block;
    font-weight: 700;
    margin-top: 5px;
    color: #000000;
    position: relative;
}

.prod-item .item-price span {
    display: inline-block;
}

.prod-item .item-price .price-before {
    text-decoration: line-through;
    font-weight: 400;
    color: #444444;
    margin-left: 12px;
    font-style: italic;
}

.prod-item .item-price .price-now {
    color: #FF2800;
}

.item-price.send-inquiry {
    font-weight: 400;
}

.favorite-trigger,
.favorite-trigger.liked:hover {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 24px;
    height: 21px;
    cursor: pointer;
    z-index: 3;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyNyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjU2MDIgMi44MjUxOUMyMi45ODE5IDIuMjQ2NTYgMjIuMjk1MyAxLjc4NzU0IDIxLjUzOTUgMS40NzQzN0MyMC43ODM4IDEuMTYxMTkgMTkuOTczNyAxIDE5LjE1NTcgMUMxOC4zMzc2IDEgMTcuNTI3NiAxLjE2MTE5IDE2Ljc3MTggMS40NzQzN0MxNi4wMTYxIDEuNzg3NTQgMTUuMzI5NSAyLjI0NjU2IDE0Ljc1MTIgMi44MjUxOUwxMy41NTEyIDQuMDI1MTlMMTIuMzUxMiAyLjgyNTE5QzExLjE4MDggMS42Njc3NiA5LjU5OTg5IDEuMDIwNjQgNy45NTM4NiAxLjAyNTIyQzYuMzA3ODQgMS4wMjk3OSA0LjczMDU0IDEuNjg1NyAzLjU2NjYyIDIuODQ5NjJDMi40MDI3IDQuMDEzNTQgMS43NDY3OSA1LjU5MDg0IDEuNzQyMjEgNy4yMzY4N0MxLjczNzYzIDguODgyODkgMi4zODQ3NiAxMC40NjM4IDMuNTQyMTkgMTEuNjM0Mkw0Ljc0MjE5IDEyLjgzNDJMMTMuNTUxMiAyMS42NDMyTDIyLjM2MDIgMTIuODM0MkwyMy41NjAyIDExLjYzNDJDMjQuMTM4OCAxMS4wNTU5IDI0LjU5NzggMTAuMzY5MyAyNC45MTEgOS42MTM1NEMyNS4yMjQyIDguODU3OCAyNS4zODU0IDguMDQ3NzUgMjUuMzg1NCA3LjIyOTY5QzI1LjM4NTQgNi40MTE2MyAyNS4yMjQyIDUuNjAxNTkgMjQuOTExIDQuODQ1ODRDMjQuNTk3OCA0LjA5MDEgMjQuMTM4OCAzLjQwMzQ3IDIzLjU2MDIgMi44MjUxOVoiIGZpbGw9IiNDQ0NDQ0MiIHN0cm9rZT0iI0NDQ0NDQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==") 50% 50% no-repeat;
    background-size: 24px auto;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.favorite-trigger:hover {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNiAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kOyI+PHBhdGggZD0iTTIyLjgxOCwyLjgyNWMtMC41NzgsLTAuNTc4IC0xLjI2NSwtMS4wMzcgLTIuMDIxLC0xLjM1MWMtMC43NTUsLTAuMzEzIC0xLjU2NSwtMC40NzQgLTIuMzg0LC0wLjQ3NGMtMC44MTgsLTAgLTEuNjI4LDAuMTYxIC0yLjM4MywwLjQ3NGMtMC43NTYsMC4zMTQgLTEuNDQzLDAuNzczIC0yLjAyMSwxLjM1MWwtMS4yLDEuMmwtMS4yLC0xLjJjLTEuMTcsLTEuMTU3IC0yLjc1MSwtMS44MDQgLTQuMzk3LC0xLjhjLTEuNjQ2LDAuMDA1IC0zLjIyNCwwLjY2MSAtNC4zODgsMS44MjVjLTEuMTYzLDEuMTY0IC0xLjgxOSwyLjc0MSAtMS44MjQsNC4zODdjLTAuMDA1LDEuNjQ2IDAuNjQzLDMuMjI3IDEuOCw0LjM5N2wxMC4wMDksMTAuMDA5bDEwLjAwOSwtMTAuMDA5YzAuNTc5LC0wLjU3OCAxLjAzOCwtMS4yNjUgMS4zNTEsLTIuMDJjMC4zMTMsLTAuNzU2IDAuNDc0LC0xLjU2NiAwLjQ3NCwtMi4zODRjMCwtMC44MTggLTAuMTYxLC0xLjYyOCAtMC40NzQsLTIuMzg0Yy0wLjMxMywtMC43NTYgLTAuNzcyLC0xLjQ0MyAtMS4zNTEsLTIuMDIxWiIgc3R5bGU9ImZpbGw6I2ZmMjgwMDtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6I2ZmMjgwMDtzdHJva2Utd2lkdGg6MnB4OyIvPjwvc3ZnPg==") 50% 50% no-repeat;
    background-size: 24px auto;
}

.favorite-trigger.liked {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNiAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kOyI+PHBhdGggZD0iTTIyLjgxOCwyLjgyNWMtMC41NzgsLTAuNTc4IC0xLjI2NSwtMS4wMzcgLTIuMDIxLC0xLjM1MWMtMC43NTUsLTAuMzEzIC0xLjU2NSwtMC40NzQgLTIuMzg0LC0wLjQ3NGMtMC44MTgsLTAgLTEuNjI4LDAuMTYxIC0yLjM4MywwLjQ3NGMtMC43NTYsMC4zMTQgLTEuNDQzLDAuNzczIC0yLjAyMSwxLjM1MWwtMS4yLDEuMmwtMS4yLC0xLjJjLTEuMTcsLTEuMTU3IC0yLjc1MSwtMS44MDQgLTQuMzk3LC0xLjhjLTEuNjQ2LDAuMDA1IC0zLjIyNCwwLjY2MSAtNC4zODgsMS44MjVjLTEuMTYzLDEuMTY0IC0xLjgxOSwyLjc0MSAtMS44MjQsNC4zODdjLTAuMDA1LDEuNjQ2IDAuNjQzLDMuMjI3IDEuOCw0LjM5N2wxMC4wMDksMTAuMDA5bDEwLjAwOSwtMTAuMDA5YzAuNTc5LC0wLjU3OCAxLjAzOCwtMS4yNjUgMS4zNTEsLTIuMDJjMC4zMTMsLTAuNzU2IDAuNDc0LC0xLjU2NiAwLjQ3NCwtMi4zODRjMCwtMC44MTggLTAuMTYxLC0xLjYyOCAtMC40NzQsLTIuMzg0Yy0wLjMxMywtMC43NTYgLTAuNzcyLC0xLjQ0MyAtMS4zNTEsLTIuMDIxWiIgc3R5bGU9ImZpbGw6I2ZmMjgwMDtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6I2ZmMjgwMDtzdHJva2Utd2lkdGg6MnB4OyIvPjwvc3ZnPg==") 50% 50% no-repeat;
    background-size: 24px auto;
    animation-name: wishlist-ani;
    animation-duration: 1000ms;
}

.product .favorite-trigger {
    right: 25px;
    top: 17px;
}



@keyframes wishlist-ani {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.5);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}


.prod-item .item-badges {
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 2;
    margin: 0;
}


/* ITEM BADGES */
.item-badges {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.item-badges li {
    display: block;
}

.item-badges li span,
.item-badges li a {
    position: relative;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 400;
}

.item-badges li span.best-seller,
.item-badges li span.badge-new {
    font-style: italic;
    width: 130px;
    height: 40px;
    background: url(../img/blue-ribbon.svg) 50% 50% no-repeat;
    background-size: 130px auto;
    text-indent: -10px;
}

.badge-discount {
    position: absolute;
    width: 80px;
    height: 40px;
    background: url(../img/red-ribbon.svg) 50% 50% no-repeat;
    background-size: 80px auto;
    text-indent: -5px;
    line-height: 40px;
    left: 0;
    z-index: 2;
    top: 10px;
    color: #fff;
    text-align: center;
    font-weight: 700;
}


/* NEWSLETTER SIGNUP */

.newsletter-wrapper {
    padding: 80px;
    text-align: center;
    background: url(../img/newsletter-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.newsletter-signup-inner {
    position: relative;
    /*background: #000000;*/
    color: #ffffff;
    padding: 60px;
    border-radius: 20px;
}

.nl-button:disabled {
    opacity: .7;
    cursor: not-allowed;
}


.newsletter-signup-content {
    position: relative;
    z-index: 2;
    width: 100%;
}

.newsletter-signup-content h2 {
    margin: 0 0 30px 0;
    font-size: 36px;
    color: #fff;
    line-height: 1.2;
    text-shadow: 0 0 12px rgba(0,0,0,.5);
}

.red {
    color: #ff2800;
}

.newsletter-form {
    width: 100%;
    max-width: 100%;
    margin: 20px auto 0 auto;
    padding: 0;
}

.gdpr-accept .cbx span:first-child {
    border: none;
    margin: 2px 0 0 0;
}

.gdpr-accept .cbx span:first-child svg {
    top: 5px;
    left: 4px;
}

.newsletter-form li {
    display: table-cell;
    vertical-align: middle;
}

.newsletter-form .nl-name {
    width: 100%;
    max-width: 245px;
    background: #fff;
    padding: 13px 15px;
    margin: 0 0 0 5px;
    border-radius: 2px 60px 60px 2px;
}

.newsletter-form .nl-email {
    color: #11131E;
    max-width: 355px;
    width: 100%;
    background: #ffffff;
    padding: 13px 15px;
    border: none;
    border-radius: 60px 2px 2px 60px;
}

.newsletter-form .nl-email input:focus {
    background: rgba(255,255,255,.2);
}

.newsletter-form .nl-button {
    max-width: 165px;
    width: 100%;
    height: 50px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 60px;
    display: inline-block;
    background: #FF2800;
    margin: 0 0 0 10px;
}

.newsletter-form .nl-button:hover,
.newsletter-form .nl-button:focus,
.newsletter-form .nl-button:active {
    background: #a2281c;
}

.newsletter-form .nl-button::after {
    content: '';
    position: relative;
    display: inline-block;
    width: 20px;
    height: 13px;
    margin: 0 0 0 10px;
    background: url(../img/arrow-right-white.svg) 50% 50% no-repeat;
    background-size: 20px auto;
}

.gdpr-accept {
    margin-top: 15px;
    font-size: 14px;
    text-align: left;
}

.gdpr-accept a {
    color: #ffffff;
    text-decoration: underline;
}

.gdpr-accept a:hover {
    color: #ff2800;
}



/* HIGHLIGHTS */
.highlights a,
.highlights-inner picture,
.highlights-inner img {
    position: relative;
    color: #242424;
    display: inline-block;
    width: 100%;
}

.banner-content {
    position: absolute;
    top: 9%;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 70%;
    text-align: center;
    z-index: 3;
}

.right-side-banner .banner-content {
    top: auto;
    bottom: 9%;
}

.banner-content h2 {
    font-size: 36px;
}

.banner-content h3 {
    font-family: 'Abril Fatface', Arial, sans-serif;
    font-size: 16px;
}

.banner-link {
    font-weight: 700;
    color: #c58f7b;
}

/* BRANDS */
.brands {
    margin: 0;
    background: #F5F5F5;
    padding: 20px;
}

.brands-carousel {
    position: relative;
}

.brands .brands-title {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
}

.brands-carousel .swiper-slide {
    width: auto;
}

.brands a {
    position: relative;
    display: block;
    text-align: center;
    max-width: 200px;
    height: 100px;
}

.brands a img {
    display: inline-block;
    max-width: 130px;
    left: auto;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    opacity: 0.9;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.brands a:hover img {
    opacity: 1;
}


.product-carousel {
    padding: 30px 0 0 0;
    position: relative;
}


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


/* BENEFITS */
.benefits {
    background: #F5F5F5;
    padding: 40px 0;
}

.benefits ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.benefit-item {
    text-align: center;
    padding: 0 3%;
}

.benefit-item:hover h2 {
    color: #FF2800;
}

/*.benefits .middle-benefit {
    padding: 0 10%;
}*/

.benefits img {
    position: relative;
    max-width: 120px;
    height: 60px;
    margin: 0 auto;
    display: block;
}

.benefits .benefit-text {
    padding: 15px 0 0 0;
    letter-spacing: 0.7px;
}

.benefits .benefit-text .sub-text {
    display: block;
    font-size: 14px;
    color: #676767;
}

.benefits h2 {
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #071F32;
    transition: all .3s ease-out;
    margin: 0;
}

.benefits.single-product {
    margin: 40px 0 0 -100px;
    padding: 20px;
    border-radius: 3px;
}

.benefits.single-product .benefit-item {
    width: 32%;
    padding: 0 10px;
}

.benefits.single-product img {
    max-width: 60px;
    height: 35px;
    left: auto;
}

.benefits.single-product .benefit-item:last-of-type img {
    left: auto;
}

/* NEWS */
.news-wrapper {
    margin: -20px;
}

.news-item {
    float: left;
    width: calc(25% - 40px);
    margin: 20px;
    border: 1px solid #EAEBEE;
    border-radius: 2px;
    padding: 20px;
    font-size: 14px;
    line-height: 22px;
    background: #ffffff;
    box-shadow: 0 10px 15px rgba(0,0,0,.1);
    color: #000000;
}

.news-item:hover,
.news-item:focus,
.news-item:active {
    box-shadow: 0 15px 30px rgba(0,0,0,.2);
}

.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: 700;
    margin: 10px 0 0 0;
}

.news-pic {
    margin-top: 10px;
}

.news-lead {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 400;
}

.news-link {
    margin-top: 10px;
    font-weight: 700;
}



/* FOOTER */
footer {
    background: #eaeaea;
    padding: 80px 0;
}

footer .link-group {
    margin: 0 0 30px 0;
    display: inline-block;
    width: 100%;
}

footer .link-group .link-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer .link-group .link-list li {
    display: block;
    margin-top: 5px;
}

footer .link-group a {
    color: #000000;
}

footer .link-group a:hover,
footer .link-group a:focus,
footer .link-group a:active {
    color: #DE2E1D;
}

footer .link-group-title {
    font-weight: 500;
    font-size: 18px;
    margin: 0 0 15px 0;
}

footer path,
footer circle {
    fill: #161616;
}

footer .inst path {
    stroke: #161616;
    fill: #161616;
}

footer svg:hover path,
footer svg:hover circle {
    fill: #ff2800;
}

footer .inst svg:hover path {
    stroke: #ff2800;
    fill: #ff2800;
}

.cards-delivery-wrapper {
    max-width: 80%;
}

.cards {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 40px 0 0;
    list-style: none;
    max-width: 52%;
}

.cards li:first-child {
    display: block;
    margin: 0;
}

.cards li {
    display: inline-block;
    margin: 5px 10px 5px 0;
}

.cards li a {
    display: block;
}

.delivery-wrapper {
    max-width: 45%;
}

.delivery-wrapper img {
    max-height: 33px;
    width: 100%;
    max-width: 120px;
}

.konkurentnost {
    text-align: center;
    background: #ffffff;
    font-size: 15px;
    padding: 15px 20px;
    line-height: 1.4;
}

.konkurentnost img {
    width: 100px;
    margin: 0 10px 0 0;
}

.copyright {
    width: 100%;
    text-align: center;
    background: #ff2800;
    padding: 20px;
    color: #ffffff;
    font-size: 15px;
}

.copyright img {
    width: 180px;
    margin: 0 10px 0 0;
}

footer .social {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

footer .social li {
    display: inline-block;
    margin-right: 30px;
}

footer .social li:last-child {
    margin: 0;
}

footer .social a {
    display: block;
    position: relative;
    text-align: center;
}

.delivery-wrapper a {
    margin: 0 15px 15px 0;
    display: inline-block;
}

.cards .link-group-title-wrapper {
    display: block;
    margin: 20px 0 0 0;
}

/* BREADCRUMBS */
.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 4px 0 5px;
    color: #000000;
}

.breadcrumbs ul li:last-child::after {
    display: none;
}

.breadcrumbs a {
    color: #000000;
    font-weight: 500;
}

.breadcrumbs ul li:last-child a {
    font-weight: 400;
}

.breadcrumbs a {
    color: #000000;
    font-weight: 500;
}

.breadcrumbs a:hover {
    color: #FF2800;
    text-decoration: underline;
}

.main {
    padding-bottom: 25px;
}

.main.product-container {
    padding: 0;
}

.nedostavljamo {
    color: red;
    font-size: 14px;
    margin: 5px 0 0 0;
}

/* PRODUCT LISTING */

.page-heading {
    margin-top: 20px;
}

.page-content {
    display: inline-block;
    width: 100%;
    padding: 0 0 40px 0;
}

.page-content.single-post {
    padding: 0 0 60px 0;
}

.product-container .page-content {
    padding: 0;
}

.page-content.narrow .container {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.content-block {
    margin-bottom: 35px;
    text-align: center;
}

.content-block + .btn-holder {
    text-align: center;
}

.page-content article h3 {
    margin-bottom: 30px;
    font-weight: 700;
    color: #006699;
}

.page-sidebar-wrapper {
    width: 30%;
    padding: 0 40px 0 0;
}

.page-sidebar-wrapper:empty,
.page-sidebar:empty,
.menu-left:empty {
    display: none;
}

.super-cat {
    position: relative;
    padding: 5px 10px;
    font-weight: 500;
    margin-bottom: 10px;
}


.menu-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-left ul li {
    display: block;
    margin: 5px 0;
}

.menu-left ul li a {
    position: relative;
    display: block;
    padding-right: 50px;
    font-weight: 500;
    padding: 4px 50px 4px 10px;
}

.menu-left ul li span {
    position: absolute;
    right: 10px;
    top: 17px;
    font-weight: 400;
    color: #8E929E;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-left .active {
    color: #ff2800;
}

.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: 4px;
    -webkit-transform: none;
    transform: none;
}

.menu-left ul ul li a {
    font-weight: 400;
    color: #81838B;
}

.menu-left ul ul li a.active {
    color: #FF2800;
    background: transparent;
}

.page-main {
    width: 77%;
}

.page-main h2.mobile-lead {
    display: none;
}

.filters {
    position: relative;
}

.filters .mobile-title {
    display: none;
}

.filter {
    margin: 0 0 15px 15px;
    display: inline-block;
}

.filter,
.toggle-filters {
    min-width: 220px;
}

.filter .gd-selected {
    min-width: 0;
    white-space: nowrap;
}

.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 {
    display: inline-block;
    margin: 0 0 15px 15px;
}

.toggle-filters a {
    position: relative;
    display: block;
    background: #FF2800;
    color: #ffffff;
    padding: 8px 15px;
    text-align: center;
    border-radius: 20px;
}

.toggle-filters a:hover {
    background: #071F32;
}

.hidden-filters,
.mobile-triggers,
.filters-bottom,
.selected-filters-mobile,
.close-filters {
    display: none;
    clear: both;
}

.subcats-mobile-wrapper {
    display: none;
}

/*.selected-filters-desktop {
    display: inline-block;
    width: 100%;
}*/

.selected-filters {
    position: relative;
    font-size: 14px;
}

.selected-filters ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.selected-filters ul li {
    position: relative;
    display: inline-block;
    margin: 0 5px 5px 0;
    color: #ffffff;
    background: #FF2800;
    line-height: 30px;
    border-radius: 20px;
}

.selected-filters ul li ul li {
    padding: 0 30px 0 10px;
}

.selected-filters .icon-close::after {
    content: "\e902";
    font-family: 'icons';
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    top: 1px;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    overflow: hidden;
    line-height: 30px;
}

.selected-filters .icon-close:hover {
    color: #fff;
    opacity: 1;
}

.remove-all-filters {
    position: absolute;
    right: 0;
    top: 25px;
    color: #FF2800;
}

.remove-all-filters:hover {
    color: #f33939;
}

.grid-heading {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
}

.grid-qty {
    float: left;
    position: relative;
    font-size: 14px;
}

.grid-qty strong {
    color: #FF2800;
}

.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);
}

.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: #6b990e;
}

.page-nav ul li span,
.page-nav ul li input {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    border-radius: 2px;
}

.page-nav ul li input {
    margin-right: 10px;
    text-align: center;
    width: 40px;
    border: 1px solid #E0E1E6;
    background: none;
    color: #6b990e;
    font-weight: 700;
}

.sort-results {
    position: relative;
    top: -1px;
    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;
}

.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;
}

.sort-results .bootstrap-select .btn {
    padding: 0;
    border: none;
    background: #ffffff;
    outline: none !important;
}

.bootstrap-select .btn .filter-option {
    font-size: 14px;
}

.dropdown-toggle::after {
    margin-top: 0;
    border: none;
    width: 10px;
    height: 6px;
    background: url(../img/select-arrow-down.svg) 50% 50% no-repeat;
    background-size: 10px auto;
}

.dropup .dropdown-toggle::after {
    border: none !important;
}

.bootstrap-select .dropdown-menu {
    left: -1px !important;
}

.grid-bottom {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 50px 0 30px 0;
}


/* 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;
}

.change_qty li {
    float: left;
    display: block;
    width: 33.333%;
    height: 35px;
}

.change_qty .prod_qty {
    border: 1px solid #DEDEDE;
    font-weight: 700;
}

.change_qty li .action-handle {
    width: 100%;
    height: 100%;
    display: block;
    background: #F5F5F5;
    line-height: 1;
    text-align: center;
}

.change_qty li .action-handle path {
    stroke: #000;
    transition: all .3s ease-out;
}

.change_qty li .action-handle:hover path {
    stroke: #fff;
}

.change_qty li .action-handle:hover {
    background: #FF2800;
    border-color: #FF2800;
}

.change_qty li input {
    display: block;
    color: #232323;
    width: 100%;
    border: 0;
    background: none;
    text-align: center;
    position: relative;
    height: 100%;
}

.change_qty li .action-handle.sub {
    border-right: 0;
    border-radius: 2px 0 0 2px;
    border: 1px solid #DEDEDE;
    border-right: none;
}

.change_qty li .action-handle.add {
    border-left: 0;
    border-radius: 0 2px 2px 0;
    border: 1px solid #DEDEDE;
    border-left: none;
    height: 100%;
}

.change_qty li .action-handle svg {
    position: relative;
    top: 34%;
}

.basket-row .change_qty li .action-handle svg {
    top: 24%;
}

/* PRODUCT PAGE */
.product-pic {
    width: 50%;
    padding: 0 30px 0 100px;
}

.product-name {
    margin: 10px 0 20px 0;
}

.product-price {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    margin: 20px 0;
}

.price-before-wrapper {
    margin: 0 0 10px 0;
}

.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: #ff2800;
    display: inline-block;
}

.product-price .lowest-price-savings-wrapper,
.product-price .sidrena-cijena {
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0 0 0;
    color: #444444;
}

.product-price .sidrena-cijena {
    margin: 5px 0 0 0;
}

.product-price .lowest-price-savings-wrapper > div {
    position: relative;
    display: inline-block;
}

.product-price .lowest-price-savings-wrapper strong,
.product-price .sidrena-cijena strong {
    color: #000000;
}

.product-price .lowest-price-savings-wrapper .savings::before {
    content: '';
    position: relative;
    top: -2px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #D9D9D9;
    display: inline-block;
    margin: 0 20px;
}

.product-info-sheet {
    margin: 20px 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 20px 0;
}

.code-availability .code,
.code-availability .availability,
.code-availability a {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
}

.code-availability .code {
    margin: 0 20px;
}

.code-availability .available,
.code-availability .available.not {
    position: relative;
    text-transform: uppercase;
}

.code-availability .available::before,
.code-availability .available.not::before {
    content: '';
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #54BD77;
    margin: 0 10px 0 0;
    top: 2px;
}

.code-availability .available.not::before {
    background: #de2e1d;
}

.product-info {
    display: table;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-info li {
    display: table-cell;
    vertical-align: top;
    padding-top: 12px;
}

.product-info li:first-child {
    text-align: left;
}

.product-info:first-of-type {
    border-top: 0;
}

.product-info:first-of-type li {
    padding: 0 5px 0 0;
}

.product-info:last-of-type li {
    padding: 10px 5px 0 0;
}

.product-info .availability span {
    position: relative;
    margin-right: 5px;
}

.product-info .availability .icon-check {
    top: 3px;
}

.product-info .available {
    color: #6b990e;
}

.product-info .not-available {
    color: #A0A4B1;
}

.product-info .coming-soon {
    color: #E98400;
}

.product-set-qty {
    flex: 0 0 225px;
}

.product-set-qty .change_qty {
    height: 50px;
    margin: 0;
}

.product-set-qty .change_qty li {
    text-align: center;
    height: 100%;
    width: 50px;
}

.product-set-qty li.prod_qty {
    width: 100px;
}

.product-qty-add-btn-wrapper {
    height: 50px;
}

.action-btn-wrapper {
    flex: 1 1 auto;
}

.product-add {
    margin: 20px 0 30px 0;
}

.product-add .btn {
    margin-left: 25px;
    border-radius: 2px;
    padding: 14px 20px 9px 20px;
    width: 100%;
    height: 100%;
}

.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-info .availability a {
    color: #000000;
    font-weight: 700;
}


.product-add .btn-favorites-toggle {
    clear: both;
}

.product-add .btn-favorites {
    padding: 0;
    border-color: transparent;
    margin-top: 20px;
}

.product-add .btn-favorites span {
    vertical-align: middle;
    margin-right: 10px;
    font-size: 22px;
    padding: 0;
}

.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: 2px;
    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: 2px;
    padding: 15px 20px;
}

.product-benefits img {
    float: left;
    width: 30px;
}

.product .product-pic-inner {
    position: relative;
}

.product .product-pic-carousel {
    position: relative;
    z-index: 1;
}

.product .product-pic-carousel img,
.product .product-pic-carousel picture {
    width: 100%;
    border-radius: 5px;
}

.product .product-pic-carousel img {
    border: 1px solid #DEDEDE;
}

.product .product-thumbs {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 90px;
}

.product .product-thumbs .swiper {
    height: 100%;
    padding-bottom: 1px;
}

.product-thumbs picture,
.product-thumbs img {
    width: 85px;
    height: 85px;
    display: inline-block;
    cursor: pointer;
    mix-blend-mode: multiply;
    border-radius: 3px;
}

.product-thumbs img {
    border: 1px solid #DEDEDE;
}

.product-thumbs .swiper-slide-thumb-active img {
    border: 1px solid #DE2E1D;
}

.product-thumbs .swiper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    display: block;
    z-index: 2;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);
}

.product .product-thumbs .swiper-button-prev,
.product .product-thumbs .swiper-button-next {
    top: auto;
    bottom: -10px;
    border-radius: 100%;
    background: #ff2800;
    height: 40px;
}

.product .product-thumbs .swiper-button-prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 0;
}

.product .product-thumbs .swiper-button-next {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 0;
}

.product .product-thumbs .swiper-button-prev:after,
.product .product-thumbs .swiper-button-next:after {
    background: url(../img/arrow-left-white.svg) 50% 50% no-repeat;
    background-size: 9px auto;
}

.product .product-thumbs .swiper-button-next:after {
    left: -2px;
}

.product .product-thumbs .swiper-button-prev:after {
    right: -3px;
}

.product .product-thumbs .swiper-scrollbar {
    opacity: 0;
    visibility: hidden;
}

.product .item-badges {
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 2;
}

.product .item-badges li span.badge-discount {
    font-size: 16px;
}

.product .product-general {
    width: 48%;
}

.product-share {
    width: 100%;
    margin: 30px 0 0 0;
}

.product-share path {
    fill: #000000;
}

.product-share a {
    background: #F5F5F5;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    margin: 0 10px 0 0;
}

.share-icons svg {
    position: relative;
    top: -1px;
}


.product-share svg path {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.product-share a:hover svg path,
.product-share a:active svg path,
.product-share a:focus svg path {
    fill: #FF2800;
}

.product-share .print-page > span {
    position: relative;
    top: 1px;
    margin: 0 0 0 5px;
    font-size: 14px;
}


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: 26px;
    margin: 10px 0;
}

.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: 5px 12px;
}

.product-characteristic li:first-of-type {
    width: 300px;
    background: #f5f5f5;
    font-weight: 500;
}


/* PRODUCT SHEET */
.product-sheet {
    margin: 0 auto;
}

.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: 700;
    margin-top: 20px;
}

.product-sheet-emphasized {
    text-align: center;
    font-size: 16px;
    color: #6b990e;
    font-weight: 700;
}

.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%;
    margin: 0 0 30px 0;
    background: #FF2800;
    padding: 20px 0;
}

.basket header ul {
    list-style-type: none;
    padding: 0;
    margin: 15px 0 0 0;
    font-size: 14px;
    display: block;
    float: right;
}

.basket header ul li {
    display: inline-block;
    margin: 0 5px;
}

.basket header ul li a {
    font-weight: 500;
    color: #ffffff;
}

.basket header ul li a:hover,
.basket header ul li a:focus,
.basket header ul li a:active {
    opacity: .7;
}

.section-head {
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center;
}

.basket-btns {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 50px 0 0 0;
    align-items: center;
}

.basket-btns.mobile-hide {
    margin-top: 0;
}

.btn-basket-back svg {
    position: relative;
    top: -1px;
    margin: 0 10px 0 0;
    transform: rotate(180deg);
}

.btn-basket-back path {
    fill: #000;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.btn-basket-back:hover path,
.btn-basket-back:focus path,
.btn-basket-back:active path {
    fill: #FF2800;
}

.btn-basket-order {
    float: right;
}

.btn-basket-order svg {
    position: relative;
    display: inline-block;
    margin: 0 0 0 10px;
    top: -1px;
}

.btn-basket-order path {
    fill: #fff;
}

.btn-nedostupan path {
    fill: #000;
}

.btn-basket-empty {
    position: relative;
    padding-left: 70px;
}

.btn-basket-empty::after {
    position: absolute;
    left: 40px;
    margin: 0;
    transform: rotate(180deg) translateY(50%);
    top: 50%;
}

.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 .remove-wrap svg {
    position: relative;
    top: -1px;
}

.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-img img {
    width: 60px;
}

.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: 480px;
}

.basket-products .cijena-kom-wrapper > div {
    display: table;
    width: 100%;
}

.basket-products .cijena-wrapper,
.basket-products .kom-ukupno {
    display: table-cell;
    width: 140px;
    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 path {
    fill: #ef6767;
}

.basket-products .remove-wrap .remove:hover path {
    fill: #d40000;
}

.basket-products .product-title ul a {
    color: #000000;
}

.basket-products .product-title ul a:hover,
.basket-products .product-title ul a:focus,
.basket-products .product-title ul a:active,
.total-sum-wrapper .min-saving {
    color: #FF2800;
}

.total-sum-wrapper {
    text-align: right;
    padding-top: 15px;
}

.total-sum-wrapper .total-sum {
    font-size: 20px;
    margin-top: 20px;
}

.total-sum-wrapper .total-sum:first-child {
    margin-top: 5px;
}

.basket .promo-code-enter {
    max-width: 250px;
    margin-top: 10px;
    font-size: 14px;
}

.basket .promo-code-enter input {
    padding: 7px 10px;
    font-size: 14px;
    border-radius: 60px 0 0 60px;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-radius: 60px 0 0 60px;
}

.basket .promo-code-enter .btn {
    padding: 8px 10px;
    width: auto;
    font-size: 14px;
    border-radius: 0 60px 60px 0;
}

.basket .promo-code-enter .btn::after {
    display: none;
}

.basket-final-labels {
    margin: 0 10px 0 0;
}

.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;
}

.basket h1 {
    text-align: center;
    font-size: 40px;
}

.podaci-wrapper {
    max-width: 1140px;
    margin: 0 auto;
}

.podaci-wrapper::after,
.pregled-kupovine-wrapper::after,
.podaci-edit::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 1px;
    height: 100%;
    background: #dcdcdc;
}


.podaci-wrapper .col-12:first-of-type .podaci {
    padding: 0 30px 0 0;
}

.podaci-wrapper .col-12:last-of-type .podaci {
    padding: 0 0 0 30px;
}


.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: 14px;
    margin-bottom: 50px;
}

.steps li {
    display: inline-block;
    margin-right: 20px;
    position: relative;
}

.steps li.active {
    font-weight: 700;
}

.steps li .step-wrapper .circle {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 100%;
    background: #eaeaea;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
}

.steps li.active .step-wrapper .circle {
    background: #2E3B48;
    color: #fff;
}


.signins-wrapper {
    display: inline-block;
    width: 100%;
    background: #fff;
    margin: 0 0 50px 0;
}

.signins-wrapper h4 {
    margin-bottom: 20px;
    font-size: 20px;
}

.signins-wrapper .item {
    position: relative;
    float: left;
    width: 33.3333%;
    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 .half-col {
    width: 50%;
    float: left;
    padding-left: 60px;
    margin-left: 0;
}

.signins-wrapper .half-col:first-of-type {
    padding-left: 0;
    padding-right: 60px;
}

.single-signin-wrapper {
    position: relative;
}

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

.delivery-payment .card {
    background: #f0f0f0;
    border-radius: 5px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
}

.podaci-wrapper .card-header {
    padding: 0;
    background: transparent;
    border: none;
}

.card .radio-wrapper {
    width: 100%;
    padding: 15px 20px;
}

.btn-naruci-note .error-note {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    color: #fff;
    background: #ff2800;
    padding: 10px;
    width: 270px;
    font-size: 14px;
    line-height: 1.4;
}

.basket-login .btn-holder {
    margin: 30px 0 0 0;
}

.inner-signin {
    height: 100%;
}

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

.form-control {
    padding: 14px 15px;
    background: #f0f0f0;
    border: none;
    border-radius: 60px;
    height: auto;
    margin-top: 0;
    font-size: 16px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.form-control:focus,
.custom-file-input:focus ~ .custom-file-label {
    border-color: #FF2800;
    box-shadow: 0 2px 15px rgba(179, 48, 47, 0.9);
}

textarea.form-control {
    border-radius: 20px;
    padding: 25px 15px;
}

.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: 2px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}

.autocomplete-items > div {
    cursor: pointer;
    padding: 3px 10px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.autocomplete-items > div:hover {
    background: #f1f2f3;
}

.note_span {
    display: block;
    font-size: 12px;
    margin-top: 10px;
}

.form-check {
    padding-left: 0;
}

.form-group {
    position: relative;
}

.form-group label {
    position: absolute;
    left: 16px;
    top: 13px;
    z-index: 2;
    font-weight: 400;
    pointer-events: none;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.form-group input {
    position: relative;
}

.form-group.focused label {
    font-size: 10px;
    top: 4px;
}

.form-group.focused label .req {
    margin-left: 5px;
}

.form-group.focused input {
    padding-top: 20px;
    padding-bottom: 8px;
    font-size: 16px;
}

.form-group.focused label.not-floating {
    position: relative;
    top: auto;
    left: auto;
    font-size: 16px;
}

.form-error-message,
.error-message {
    color: #ee2121;
    margin: 0 0 10px 0;
    display: inline-block;
}

.radio-wrapper {
    margin-left: 0;
    width: 100%;
}

.panel-group .panel-default > .panel-heading {
    background: none;
}

.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;
    border-radius: 2px;
    margin-top: 12px;
}

.delivery-types {
    margin-top: 30px;
}

.vrste-dostave,
.terms-conditions {
    margin-top: 20px;
}

.kartice .bootstrap-select {
    margin-top: 5px;
}

.terms-conditions a {
    color: #FF2800;
}

.delivery {
    margin: 0;
    padding: 0;
    list-style: none;
}

.delivery li {
    margin-top: 10px;
}

.delivery li:first-of-type {
    margin-top: 0;
}

.delivery li .delivery-price {
    background: #f5f5f5;
    padding: 15px 20px 20px 20px;
    border-radius: 2px;
    margin-top: 12px;
}

.btn-naruci {
    margin-top: 30px;
}

.total-price {
    padding: 12px 20px;
    color: #ffffff;
    background: #54BD77;
    border-radius: 2px;
    margin-top: 30px;
    font-weight: 700;
}

.total-price strong {
    color: #FF2800;
}

/*.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;
}


.pregled-kupovine-wrapper,
.podaci-wrapper,
.podaci-edit {
    position: relative;
}

.pregled-kupovine .basket-list {
    width: 50%;
    float: right;
    padding: 0 0 0 40px;
}

.detalji-kupovine-pregled {
    float: left;
    width: 50%;
    padding: 0 40px 0 0;
}

.pregled-kupovine-wrapper .table th {
    border-top: none;
}

.pregled-kupovine-wrapper .table th,
.pregled-kupovine-wrapper .table td {
    padding: 10px 2px;
}

.pregled-kupovine-wrapper .price-sum,
.pregled-kupovine-wrapper .kom-ukupno {
    text-align: right;
}

.pregled-kupovine-wrapper .kom-wrapper {
    text-align: center;
}

.total-sum-wrapper {
    text-align: right;
    padding-top: 15px;
}

.pregled-kupovine-wrapper h2 {
    margin: 0 0 20px 0;
    font-size: 25px;
}

.purchase-details-item h4 {
    font-family: 'Roboto',Arial,sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}
/*
.pregled-kupovine .btn-basket-order {
    margin: 10px 0 0 0;
}*/

.purchase-details-item {
    margin-top: 25px;
}

.purchase-details-item textarea {
    margin-top: 10px;
    height: 100px;
}

.detalji-kupovine {
    width: 50%;
    margin-top: 40px;
    padding-bottom: 20px;
}

.podaci .detalji-kupovine {
    width: 100%;
}

.new-customer-registration-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.new-customer-registration-wrapper ul li {
    padding: 0 0 10px 22px;
}

.new-customer-registration-wrapper ul li::before {
    content: '';
    position: relative;
    top: -2px;
    display: inline-block;
    background: #FF2800;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin-right: 10px;
}

.thank-you-wrapper {
    margin-top: 30px;
    padding: 50px 0;
}

.vrati-me {
    margin: 30px 0 0 0;
}


/* VIEWED ITEMS TABLE */

.viewed-items .path {
    text-align: center;
}

.wishlist-tabs {
    margin: 0 0 60px 0;
    list-style-type: none;
    padding: 0;
    text-align: center;
}

.move-to-cart {
    text-transform: none;
}

.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;
}

.viewed-item .item-fav .favorite-trigger {
    position: relative;
    display: block;
    top: auto;
    right: auto;
}

.viewed-item .item-pic {
    width: 120px;
    padding-right: 20px;
}

.viewed-item .item-info span {
    display: block;
    font-weight: 700;
    color: #232323;
}

.viewed-item .item-price {
    width: 180px;
    text-align: right;
    font-weight: 700;
    padding-right: 40px;
}

.viewed-item .item-cart-action {
    width: 200px;
    overflow: hidden;
    text-align: right;
}

.viewed-item .item-cart-action .prod-qty {
    display: none;
}

.viewed-item .item-cart-action span {
    display: block;
    text-align: center;
}

.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;
    display: inline-block;
    width: 100%;
}

.viewed-items .btn {
    padding: 10px 20px;
    text-transform: none;
}


/* COOKIES */
.cookies {
    position: fixed;
    width: 100%;
    max-width: 480px;
    right: 0;
    bottom: 0;
    background: #FF2800;
    padding: 20px;
    color: #fff;
    z-index: 12000;
    line-height: 1.4;
    font-size: 14px;
    border-radius: 10px 0 0 0;
}

.cookies-button {
    margin-top: 20px;
}

.cookies > a {
    text-decoration: underline;
    color: #fff;
}

.cookies > a:hover {
    opacity: 0.6;
}

.cookies .btn {
    padding: 5px 20px;
    background: #ffffff;
    border-color: #ffffff;
    color: #000000;
    font-weight: 700;
}

.cookies .btn:hover {
    background: rgba(255,255,255,.8);
    border-color: rgba(255,255,255,.8);
}

/* SUGGEST BOX */
.suggest-box {
    display: none;
    background: #ffffff;
    text-align: left;
    position: absolute;
    top: 70px;
    left: auto;
    right: auto;
    margin: 0 auto;
    width: 800px;
    z-index: 101;
    -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: 2px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.suggest-box.show {
    opacity: 1;
    visibility: visible;
    -webkit-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: 15px 0;
    border-top: 1px solid #eeeaec;
    text-align: center;
}

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

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

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

.suggest-box:before,
.suggest-box:after {
    content: '';
    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;
}

.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 0;
    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: #FF2800;
}

.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;
}

.suggest-box .product-list-small a.spc .img img {
    max-width: 50px;
    max-height: 50px;
    border: 1px solid #DEDEDE;
    border-radius: 6px;
}

.suggest-box .product-list-small a.spc .spc-info {
    display: table-cell;
    padding: 7px 0;
    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: #6b990e;
}

.contact-form h3.error_mail {
    color: #E9003F;
}

.tab-content > .tab-pane {
    display: block;
    visibility: hidden;
    height: 0px;
    overflow: hidden;
}

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

.featured {
    padding: 40px 0 0 0;
}

.featured h2,
.product-video-section h2,
.pokloni-heading {
    color: #CCCCCC;
    font-size: 58px;
    margin: 0 0 30px 0;
}

.pokloni-heading {
    margin: 50px 0 30px 0;
    font-size: 40px;
}

.featured .swiper-wrapper {
    padding: 0 0 20px 0;
}

.btn-carusel-wrapper {
    margin: 40px 0 0 0;
    text-align: center;
}

.featured .swiper-button-next,
.featured .swiper-button-prev {
    top: 38%;
}


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


/* LOADING */

.loader,
.loader:before,
.loader:after {
    background: #6b990e;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 8px;
    height: 40px;
}

.loader {
    color: #6b990e;
    text-indent: -9999em;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    margin: -20px 0 0 -5px;
}

.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.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;
    }
}

.sucess_color {
    color: #16B442;
    font-weight: 700;
}

::-webkit-input-placeholder {
    color: #767676;
}

::-moz-placeholder {
    color: #767676;
}



/* 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: 100%;
    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: #6b990e;
    font-size: 14px;
    color: #ffffff;
    width: 50%;
    text-align: center;
    font-weight: 400;
    padding: 5px;
    border-radius: 2px;
}

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

.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: 0 0 0 10px;*/
}

.tooltip-inner {
    background: #6b990e;
}

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


/* PRINT PAGE */
body.print {
    font-size: 12px;
}

.print .container {
    max-width: 720px;
}

.print header {
    background: none;
}

.print .page-content {
    margin-top: 0;
}

.print .path {
    margin-bottom: 30px;
    font-size: 10px;
    line-height: 18px;
    padding-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: 0 15px 15px 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;
}

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

.discounted-label {
    color: #11131E;
    font-size: 15px;
    margin: 0 0 5px 0;
    display: inline-block;
    width: 100%;
}

.swiper-horizontal > .swiper-pagination-bullets {
    bottom: -1px;
}

.home-slider-wrapper .swiper-horizontal > .swiper-pagination-bullets {
    bottom: 20px;
}

.swiper-pagination-bullet {
    position: relative;
    width: 20px;
    height: 3px;
    opacity: 1;
    background: transparent;
    margin: 0;
}

.swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 3px;
    left: 50%;
    top: 50%;
    background: #ffffff;
    border-radius: 2px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all .5s cubic-bezier(0.21, 1.17, 0.73, 1.21);
    opacity: 1;
}

.swiper-pagination-bullet:hover::after {
    background: #FF2800;
}

.swiper-pagination-bullet-active::after {
    background: #FF2800;
    width: 30px;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

/* nova paginacija */

.pagination {
    padding-left: 0;
    margin: 20px 0;
    list-style-type: none;
}


.pagination > li > a,
.pagination > li > span {
    position: relative;
    padding: 0;
    text-decoration: none;
    color: #484848;
    background-color: transparent;
    border: 1px solid transparent;
    width: 43px;
    height: 41px;
    text-align: center;
    line-height: 38px;
    margin: 0 3px;
    font-size: 15px;
    font-weight: 700;
}

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

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

.pagination li a svg {
    position: relative;
    top: -2px;
}

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

.page-item.active .page-link,
.page-item:hover .page-link,
.page-item:active .page-link,
.page-item:focus .page-link {
    background: transparent;
    color: #C10A0A;
    border: 1px solid #E5E6EA;
    border-radius: 2px;
    font-weight: 700;
}

.pagination .next-page a,
.pagination .prev-page a {
    display: block;
    width: 34px;
    height: 40px;
    padding: 0;
}

.pagination .next-page:hover a,
.pagination .next-page:focus a,
.pagination .next-page:active a,
.pagination .prev-page:hover a,
.pagination .prev-page:active a,
.pagination .prev-page:focus a {
    border: 1px solid transparent;
}

.pagination .next-page a path,
.pagination .prev-page a path {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.pagination .next-page:hover a path,
.pagination .next-page:focus a path,
.pagination .next-page:active a path,
.pagination .prev-page:hover a path,
.pagination .prev-page:active a path,
.pagination .prev-page:focus a path {
    fill: #C10A0A;
}

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

.pagination-mobile {
    display: none;
}


/* ORDER HISTORY */
.orderHistory {
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0 60px 0;
}

.orderHistoryCols {
    display: table;
    margin: 0;
    padding: 12px 20px;
    list-style: none;
    width: 100%;
    color: #000;
    font-weight: 700;
}

.orderHistoryCols li {
    display: table-cell;
    vertical-align: middle;
}

.orderHistoryCols .orderID {
    width: 18%;
}

.orderHistoryCols .orderTime {
    width: 16%;
}

.orderHistoryCols .orderStatus {
    width: 20%;
}

.orderHistoryCols .orderTotal {
    text-align: right;
    width: 20%;
}

.orderItem {
    margin-top: 8px;
}

.orderItemHeading {
    background: #f5f5f5;
    border: 1px solid #d8d5d5;
    cursor: pointer;
}

.orderItemHeading .orderHistoryCols .orderID {
    font-size: 20px;
}

.orderItemHeading .orderHistoryCols i {
    display: none;
}

.orderItemBody {
    display: none;
    padding: 40px 20px 30px 20px;
}

.orderItemRecord {
    display: table;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    width: 100%;
    border-bottom: 1px solid #EFECF0;
    font-weight: 100;
    color: #000;
}

.orderItemRecord:first-child {
    border-top: 1px solid #EFECF0;
}

.orderItemRecord li {
    display: table-cell;
    vertical-align: middle;
}

.orderItemRecord .orderItemRecordID {
    width: 22%;
}

.orderItemRecord .orderItemRecordQty {
    width: 5%;
    text-align: right;
}

.orderItemRecord .orderItemRecordPrice {
    width: 20%;
    text-align: right;
}

.orderBtns {
    text-align: right;
    margin-top: 20px;
}

.orderBtns .btn-secondary {
    margin: 0 10px 0 0;
    text-transform: uppercase;
}


/* PAGER */
.pager-wrapper {
    text-align: center;
}

.pager {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.pager > li {
    display: inline-block;
}

.pager > li a {
    display: inline-block;
    width: 45px;
    text-align: center;
    padding: 11px 0;
    background: none;
    border: 0;
    border-radius: 0;
}

.pager li > a:hover,
.pager li > a:focus {
    background: none;
}

.pager > li a span {
    position: relative;
    top: 2px;
}

.cat-desc-wrapper {
    position: relative;
}

.cat-desc-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1;
    background: rgb(237,237,237);
    background: linear-gradient(90deg, rgba(237,237,237,1) 0%, rgba(222,222,222,0.7539390756302521) 23%, rgba(205,205,205,0) 68%);
}

.cat-desc-wrapper picture,
.cat-desc-wrapper img {
    width: 100%;
}

.category-desc {
    max-width: 450px;
    font-weight: 500;
    color: #000000;
}

.category-desc a {
    text-decoration: underline;
}

.cat-desc-content {
    top: 0;
    left: 0;
    padding: 40px 40px 70px 40px;
    position: absolute;
    z-index: 2;
}

.cat-tag {
    position: relative;
    z-index: 2;
    display: inline-block;
    background: #FF2800;
    text-transform: uppercase;
    left: -40px;
    color: #ffffff;
    text-align: center;
    padding: 10px 30px;
    margin: 0 0 40px 0;
}

/* BLOG */
.home-blog {
    margin-top: 40px;
    padding: 50px 0;
    position: relative;
    background: #F5F5F5 url(../img/recepti-bg-lijevo.png) 0 83% no-repeat;
    overflow: hidden;
}

.home-blog h2,
.recepti-proizvod h2 {
    position: relative;
    color: #BDBDBD;
    font-size: 58px;
    margin: 0 0 50px;
    z-index: 2;
}


.home-blog .swiper-horizontal > .swiper-scrollbar,
.recepti-proizvod .swiper-horizontal > .swiper-scrollbar {
    background: #ffffff;
}

.home-blog .blog-item-home,
.recepti-proizvod .blog-item-home {
    max-width: 305px;
    width: 100%;
    display: inline-block;
}

.home-blog img,
.blog-entries img,
.recepti-proizvod img {
    border-radius: 10px;
}

.blog-entries img {
    width: 100%;
}

.pile-img-holder {
    position: absolute;
    top: 0;
    right: 130px;
    z-index: 1;
}

.blog-item-wrapper {
    position: relative;
    border-radius: 10px;
    z-index: 2;
}

.blog-item-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 10px;
    background: rgba(35, 35, 35, 0.48);
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
}

.blog-item-home:hover .blog-item-wrapper::after {
    background: rgba(35, 35, 35, 0.7);
}

.blog-item-cat-title {
    color: #ffffff;
    position: absolute;
    top: 17%;
    left: 50px;
    right: 50px;
    font-size: 24px;
    text-align: center;
    line-height: 1.3;
    z-index: 3;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.blog-item-home:hover .blog-item-cat-title {
    top: 25%;
}

.prep-time,
.page-content .blog-entries .prep-time {
    position: relative;
    top: -10px;
    background: #ffffff;
    text-align: center;
    border-radius: 0 0 10px 10px;
    padding: 25px 10px 15px 10px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.prep-time:empty {
    display: none;
}

.blog-item-home:hover .prep-time {
    background: #FF2800;
    color: #ffffff;
}

.prep-time:empty {
    display: none;
}

.red-dot {
    background: #FF2800;
    border-radius: 100%;
    display: inline-block;
    margin: 0 15px;
    width: 10px;
    height: 10px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.blog-item-home:hover .red-dot {
    background: #ffffff;
}

.section-blog-content h2 {
    margin: 0 0 20px 0;
}

.section-blog-content .btn {
    margin: 40px 0 0 0;
}


.article-category {
    text-transform: uppercase;
    color: #c58f7b;
}

.article-category:hover,
.article-category:focus,
.article-category:active {
    color: #638c99;
}

.article-title {
    font-family: 'Abril Fatface', Georgia, serif;
    font-size: 18px;
}

.article-category {
    display: block;
}

.blog-entries-home {
    position: relative;
    width: 70%;
}

.blog-entries-home img {
    width: 100%;
}

.blog-cats ul {
    margin: -15px 0 0;
    padding: 16px 0 0 0;
    list-style: none;
}

.blog-cats ul li {
    display: inline-block;
    margin: 15px 20px 0 0;
}

.blog-cats ul li:last-child {
    margin-right: 0;
}

.blog-cats-mobile {
    display: none;
}

.blog-list {
    position: relative;
    background: #F5F5F5 url(../img/recepti-bg-lijevo.png) 0 60% no-repeat;
    overflow: hidden;
    padding: 40px 0 0 0;
}

.blog-list + .benefits {
    background: #ffffff;
}

.blog-list .pile-img-holder {
    right: 60px;
    top: -20px;
}

.blog-entries {
    margin: 60px -50px 0;
    overflow: hidden;
}

.blog-item-col {
    width: 25%;
    margin-bottom: 50px;
    padding: 0 50px;
}

.blog-entries .blog-item-home {
    display: block;
    position: relative;
}

.blog-item-first .article-title {
    font-size: 32px;
    margin-top: 16px;
    font-weight: 100;
    line-height: 36px;
}

.blog-item-first .article-link a {
    margin-top: 16px;
}

.buttons-bottom {
    margin-top: 60px;
    text-align: center;
}

.buttons-bottom .btn {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
}

/* BLOG */


/* POGLEDANI PROIZVODI */
.recently-viewed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    text-align: center;
}

.recently-viewed > .btn,
.recently-viewed > .btn:focus {
    position: relative;
    z-index: 600;
    background: #071F32;
    border-color: #071F32;
    border-radius: 20px 20px 0 0;
    padding: 8px 20px 5px 20px;
    font-size: 14px;
    color: #ffffff;
}

.recently-viewed > .btn:hover,
.recently-viewed.opened > .btn {
    background: #FF2800;
    border-color: #FF2800;
}

.recently-viewed-inner {
    display: none;
    position: relative;
    background: #fff;
    box-shadow: 0 -60px 120px rgba(0,0,0,.5);
    z-index: 500;
    text-align: left;
    padding: 30px 0 20px 0;
    overflow: hidden;
}

.recently-viewed .swiper {
    padding: 0 0 20px 0;
}

.nav-up {
    top: -185px;
}

.nav-down {
    top: 0;
    box-shadow: 0 1px 20px rgba(0,0,0,.15);
}

.send-inq-btn-katalog {
    padding: 10px 40px;
    margin: 5px 0 0 0;
    font-size: 14px;
}

.select-css {
    width: 100%;
    border: 1px solid #CDCDCD;
    padding: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff url(../img/chevron-down-white.svg) 95% 50% no-repeat;
    background-size: 10px auto;
    margin: 10px 0 0 0;
}

.recently-viewed .prod-item .item-price .price-before {
    font-size: 14px
}

.invalid_attr {
    color: cornflowerblue !important;
}

.no-products {
    display: inline-block;
    width: 100%;
    margin: 50px 0 0 0;
}

.lg-backdrop {
    background: #f1f1f1;
}

.lg-toolbar .lg-icon:hover {
    color: #FF2800;
}

.error-content-wrapper {
    text-align: center;
    padding: 100px 0;
}

.error-content-wrapper .btn {
    margin: 30px 0 0 0;
}

.pass-reset-inner {
    text-align: center;
    padding: 40px 0 0 0;
    max-width: 480px;
    margin: 0 auto;
}

.pass-reset-inner h2 {
    font-weight: 400;
    font-size: 21px;
}

.pass-reset-inner form {
    margin: 50px 0 0 0;
}

.pass-reset-inner .btn {
    width: 100%;
    margin: 20px 0 0 0;
}

.forgot-pass {
    display: inline-block;
    width: 100%;
}

.btn-holder {
    margin: 20px 0 0 0;
}

.podaci.first {
    padding: 0 20px 0 0;
}

.druga_adresa {
    padding: 0 0 0 20px;
}

.delivery-type-wrapper {
    margin: 0 0 20px 0;
}

.delivery-type {
    margin: 20px 0 0 0;
}

.delivery-type-wrapper .card-body {
    padding: 0 20px 20px 20px;
}

.signins-wrapper h2 {
    font-size: 25px;
    margin: 0 0 20px 0;
}

.gd-logo {
    display: block;
    width: 100px;
    text-align: center;
    margin: 40px auto 10px auto;
}

.gd-logo img {
    display: block;
    margin: 0 auto;
    width: 80px;
}

.eye_wrapper {
    position: absolute;
    width: 60px;
    height: 100%;
    background: #ff2800;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 60px 60px 0;
    transition: all .3s ease;
}

.eye_show_pass {
    background: url(../img/eye-open-white.svg) 50% 50% no-repeat;
    background-size: 20px auto;
    height: 100%;
    display: block;
    top: 50%;
    cursor: pointer;
}

.eye_show_pass.eye_off {
    background: url(../img/eye-closed-white.svg) 50% 50% no-repeat;
    background-size: 20px auto;
    height: 100%;
    display: block;
    top: 50%;
    cursor: pointer;
}

.eye_wrapper:hover,
.eye_wrapper:focus,
.eye_wrapper:active {
    background: #000000;
    background-size: 20px auto;
    color: #ffffff;
    outline: none;
}

.eye_wrapper:hover .eye_show_pass,
.eye_wrapper:focus .eye_show_pass,
.eye_wrapper:active .eye_show_pass {
    background: url(../img/eye-open-white.svg) 50% 50% no-repeat;
    background-size: 20px auto;
}

.eye_wrapper:hover .eye_show_pass.eye_off,
.eye_wrapper:focus .eye_show_pass.eye_off,
.eye_wrapper:active .eye_show_pass.eye_off {
    background: url(../img/eye-closed-white.svg) 50% 50% no-repeat;
    background-size: 20px auto;
}

.form-control:focus + .eye_wrapper {
    border-color: #c58f7b;
}





.input-group-append .btn {
    border: none;
    background: #FF2800;
    padding: 0;
    width: 54px;
}

.input-group-append .btn .icon-eye-open {
    background: url(../img/eye-open-white.svg) 50% 50% no-repeat;
    background-size: 20px auto;
}

.input-group-append .btn:hover .icon-eye-close,
.input-group-append .btn:active .icon-eye-close,
.input-group-append .btn:focus .icon-eye-close {
    background: url(../img/eye-closed-white.svg) 50% 50% no-repeat;
    background-size: 20px auto;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: none;
}

.input-group {
    z-index: 1;
}

.basket-attributes {
    font-size: 11px;
    text-transform: uppercase;
}


.package-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 10px 0;
    display: inline-block;
    width: 100%;
}

.package-wrapper ul li {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    font-size: 14px;
}

.package-wrapper ul .attr-name {
    float: none;
    font-weight: 700;
    margin: 0;
}

.package-wrapper ul li.active a,
.package-wrapper ul li a:hover,
.package-wrapper ul li a:active,
.package-wrapper ul li a:focus {
    background: #FF2800;
    color: #ffffff;
}

.package-wrapper ul li a {
    display: block;
    color: #000000;
    width: auto;
    border-radius: 3px;
    text-align: center;
    background: #ffffff;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #e6e6e6;
    text-transform: uppercase;
}

.package-wrapper ul li a.mod_inactive {
    display: block;
    color: darkgray;
    width: auto;
    border-radius: 100px;
    text-align: center;
    background: #ffffff;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #e6e6e6;
    text-transform: uppercase;
}

.package-wrapper ul li a.mod_inactive:hover {
    background: lightslategray
}

.package-wrapper + .product-add {
    margin: 10px 0 20px 0;
}

.nijanse + .package-wrapper {
    margin: 20px 0 0 0;
}


/*prikaz boja proizvoda na stranii*/
.product-colours {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}

.product-colours > li {
    display: inline-block;
    margin-bottom: 5px;
}

.product-colours > li a {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid transparent;
    border: 2px solid transparent;
    border-radius: 100%;
    padding: 2px;
    overflow: hidden;
    line-height: 0;
}


.product-colours > li a[disabled] {
    opacity: 0.3;
    cursor: default;
}

.product-colours > li a span {
    display: inline-block;
}


.product-colours > li a:first-of-type:hover {
    border-color: #2092ca;
}

.product-colours > li a[disabled]:first-of-type:hover {
    border-color: transparent;
}

.product-colours > li a img {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ccc;
}

.product-colours > li.active a:first-of-type {
    border-color: #2092ca;
}

.product-colours img {
    border-radius: 100%;
}

.lg-next,
.lg-prev {
    background: #FF2800;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    color: #ffffff;
}

.product-container .container {
    position: relative;
}

.discount-promotions-wrapper {
    background: #1E1E1E;
    padding: 80px 0;
    margin-top: 40px;
}

.discount-promotions-wrapper .swiper-wrapper,
.home-blog .swiper-wrapper {
    padding: 60px 0 45px 0;
}

.recepti-proizvod .swiper-wrapper {
    padding: 0 0 45px 0;
}

.discount-promotions-wrapper .swiper-scrollbar,
.home-blog .swiper-scrollbar,
.filter-carousel .swiper-scrollbar,
.recepti-proizvod .swiper-scrollbar {
    max-width: 1580px;
    margin: 0 auto;
}

.discount-promotions-wrapper .swiper-scrollbar-drag {
    background: #FF2800;
}

.discount-promotions-wrapper h2 {
    font-size: 58px;
    color: #ffffff;
    line-height: 1;
}

.promo-item img,
.promo-item picture {
    border-radius: 20px 20px 0 0;
    width: 100%;
    background: #fff;
}

.discount-promotions-wrapper .swiper-slide,
.home-blog .swiper-slide,
.filter-carousel .swiper-slide,
.recepti-proizvod .swiper-slide {
    width: auto;
}

.promo-item {
    display: inline-block;
    max-width: 495px;
    width: 100%;
}

.promo-txt {
    background: #F5F5F5;
    padding: 20px;
    line-height: 1.4;
    border-radius: 0 0 20px 20px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.promo-item:hover .promo-txt {
    background: #FF2800;
    color: #ffffff;
}

.filter-carousel {
    margin: 10px 0 40px 0;
    display: inline-block;
    width: 100%;
}

.filter-carousel .swiper {
    padding: 10px 0 25px 0;
}

.filter-carousel a {
    border: 1px solid #BDBDBD;
    border-radius: 20px;
    padding: 10px 30px;
    display: inline-block;
}

.filter-carousel a:hover {
    background: #FF2800;
    border: 1px solid #FF2800;
    color: #ffffff;
}

.filter-carousel .swiper-scrollbar {
    max-width: none;
}

.accordion-button::after {
    display: none;
}

.accordion-button,
.accordion-item:first-of-type .accordion-button {
    border-radius: 3px;
    flex-wrap: wrap;
}

.accordion-button:not(.collapsed) {
    background: #F5F5F5;
    box-shadow: none;
    color: #000;
}

.accordion-product a {
    text-decoration: underline;
    font-weight: 700;
}

.accordion-product button {
    background: transparent;
    border: none;
    text-transform: uppercase;
    width: 100%;
    padding: 10px 25px;
    font-weight: 500;
}

.accordion-product button:hover,
.accordion-product button:focus,
.accordion-product button:active {
    color: #000000;
}

.accordion-product button svg {
    transform: rotate(-180deg);
    margin: 0 0 0 15px;
}

.accordion-product button.collapsed svg {
    transform: rotate(0);
}

.accordion-product .accordion-header {
    padding: 0;
    border: none;
    background: #F5F5F5;
    border-radius: 3px;
}

.accordion-item {
    border: none;
    margin: 0 0 15px 0;
}

.accordion-item:last-of-type {
    margin: 0;
}

.short-desc-item {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    margin: 0 0 10px 0;
    color: #000000;
}

.short-desc-item-wrapper .short-desc-item {
    margin: 0 20px 0 0;
}

.short-desc-item-wrapper .short-desc-item:last-of-type {
    margin: 0;
}

.short-desc-item a {
    color: #FF2800;
    text-decoration: underline;
}

.short-desc-item a:hover {
    color: #000;
}

.short-desc-item .gray {
    color: #767676;
    text-transform: none;
}

.short-desc-item .prod-logo img {
    width: 75px;
    margin: 5px;
}

.collection-hero {
    max-width: 930px;
    width: 100%;
    margin: 30px auto;
}

.collection-hero picture,
.collection-hero img {
    width: 100%;
}

.page-content h1 {
    display: inline-block;
    width: 100%;
    font-size: 35px;
    margin: 0 0 20px 0;
    text-align: center;
}

.product-container h1,
.page-content.category h1 {
    text-align: left;
}

.page-content .podaci h1 {
    text-align: center;
    margin: 0 0 30px 0;
}

.page-content .prep-time {
    padding: 0;
    top: 0;
}

.page-content .accordion-product {
    margin: 0 0 40px 0;
}

/*.product-general .accordion-product #opis-body strong {
    color: #54BD77;
    font-weight: 500;
}*/

.map {
    margin: 40px 0 0 0;
}

.map iframe {
    width: 100%;
    height: 500px;
    border: none;
}

.locations-tabs {
    margin: 100px 0;
}

.locations-tabs h2 {
    text-align: center;
    font-size: 36px;
    margin: 0 0 30px 0;
}

.location-nav {
    margin: 0 0 20px 0;
}

.location-nav .swiper-slide {
    width: auto;
}

.location-nav .swiper-wrapper {
    padding: 10px 0 25px 0;
}

.location-item {
    background: #F5F5F5;
    width: 49%;
    margin: 0 0 25px 0;
}

.location-txt {
    position: relative;
    padding: 20px;
    width: 65%;
}

.location-txt h3 {
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 0 30px 0 0;
}

.location-txt .map-pin {
    width: 20px;
    height: 27px;
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    background: url(../img/map-pin.svg) 50% 50% no-repeat;
    background-size: 20px auto;
}

.fb-location {
    margin: 15px 0 0 0;
    width: 30px;
    height: 30px;
    display: block;
    background: url(../img/fb-circle.svg) 50% 50% no-repeat;
    background-size: cover;
}

.location-photo {
    width: 300px;
    display: block;
    height: 100%;
    width: 35%;
}

.form-intro {
    padding: 10px 30px 30px 30px;
}

.form-intro a {
    color: #FF2800;
}

.form-intro a:hover {
    color: #2E3B48;
}

.page-content .accordion-product.forms .accordion-button {
    position: relative;
    text-transform: none;
    font-weight: 500;
    padding: 20px 30px;
    cursor: pointer;
}

.page-content .accordion-product.forms .accordion-button:hover,
.page-content .accordion-product.forms .accordion-button:active,
.page-content .accordion-product.forms .accordion-button:focus {
    color: #000;
}

.page-content .accordion-product.forms .accordion-header .accordion-button::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 30px;
    width: 12px;
    height: 8px;
    display: block;
    background: url(../img/chevron-down.svg) 50% 50% no-repeat;
    background-size: 12px auto;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.page-content .accordion-product.forms .accordion-button.collapsed::after {
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
}

.page-content .accordion-product.forms .accordion-header .accordion-button a {
    margin: 0 0 0 5px;
}

.page-content .accordion-product.forms .accordion-body {
    padding: 20px 30px;
}

.accordion-product.forms .btn-holder .btn-primary {
    background: #FF2800;
    border: none;
    text-transform: uppercase;
}

.accordion-product.forms .btn-holder .btn-primary:focus {
    color: #fff;
}

.accordion-product.forms .btn-holder .btn-primary::after {
    top: 2px;
}

.accordion-product.forms .btn-holder .btn-primary:hover {
    color: #ffffff;
    background: #2E3B48;
}

.custom-file {
    position: relative;
    height: 52px;
    margin-bottom: 25px;
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

.custom-file-input {
    cursor: pointer;
    height: 52px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
}

.custom-file-label {
    border-radius: 60px;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    height: 52px;
    padding: 5px 130px 5px 15px;
    line-height: 40px;
    color: #2C2C2C;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.custom-file-label::after {
    content: 'Izaberite';
    position: absolute;
    color: #ffffff;
    background: #FF2800;
    line-height: 40px;
    border-radius: 60px;
    padding: 0 20px;
    right: 10px;
    font-size: 14px;
    font-weight: 500;
    transition: all .3s ease-out;
}

.custom-file-label:hover::after {
    background: #2E3B48;
}

.accordion-body a {
    color: #FF2800;
    font-weight: 700;
    text-decoration: underline;
}

.accordion-body a:hover {
    color: #000;
}

.faq-section {
    position: relative;
    padding: 50px 0;
    background: #F5F5F5;
}

.faq-section h2 {
    margin: 0;
}

.faq-section .accordion-product {
    position: relative;
    z-index: 2;
}

.faq-section .accordion-header {
    background: #ffffff;
}

.faq-section .accordion-product {
    margin: 25px 0 0 0;
}

.page-content .faq-section .accordion-product.forms .accordion-body {
    padding: 0 30px 20px 30px;
}

.faq-img {
    position: absolute;
    top: 15%;
    z-index: 1;
}

.faq-img.right {
    right: 7%;
}

.faq-img.left {
    top: 25%;
    left: 0;
}

.faq-img.bottom-left {
    bottom: 15%;
    top: auto;
    left: 0;
}

.faq-img.bottom-right {
    bottom: 4%;
    top: auto;
    right: 5%;
}

.brand-detail img {
    width: 100%;
}

.brand-content {
    column-count: 2;
    column-gap: 100px;
    padding: 60px;
    column-fill: balance;
}

.brand-content strong {
    color: #54BD77;
}

.brand-detail .img-content {
    margin: 0 0 20px 0;
}

.brand-detail .posts-nav {
    margin: 35px 0 0 0;
}

.posts-nav .up-prev {
    float: left;
}

.posts-nav .up-next {
    float: right;
}

.banner-menu {
    position: relative;
    display: inline-block;
    max-width: 775px;
    z-index: 2;
    float: right;
}

.mobile-featured-menu,
.banner-mobile-menu {
    display: none;
}

.pp-wrap {
    position: relative;
    margin-left: -100px;
    padding-left: 100px;
}

.filters-mobile-title {
    display: none;
    position: relative;
    z-index: 2;
}

.product-filters,
.hidden-filters {
    margin-left: -15px;
}

.mobile-triggers .btn {
    border: none;
    border-radius: 20px;
    background-color: #F5F5F5;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
}

.mobile-triggers .show-subcats:after,
.mobile-triggers .show-sidebar:after {
    font-family: 'icons';
    color: #FF2800;
    margin-left: 10px;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mobile-triggers .show-subcats:after {
    content: "\e900";
    font-size: .8em;
}

.mobile-triggers .show-sidebar:after {
    content: "\e901";
}

.nice-scrollbar {
    scrollbar-width: thin;
    scrollbar-base-color: #F0F0F0;
    scrollbar-face-color: #FF2800;
    scrollbar-3dlight-color: #c1c1c1;
    scrollbar-highlight-color: #c1c1c1;
    scrollbar-track-color: #F0F0F0;
    scrollbar-arrow-color: #c1c1c1;
    scrollbar-shadow-color: #c1c1c1;
    scrollbar-dark-shadow-color: #FF2800;
}

.nice-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #F0F0F0;
    border-radius: 4px;
}

.nice-scrollbar::-webkit-scrollbar-thumb {
    background-color: #FF2800;
    border-radius: 4px;
}

.nice-scrollbar::-webkit-scrollbar-track {
    background-color: #F0F0F0;
    border-radius: 4px;
}

.wide-container {
    margin-left: calc((100% - 1610px) / 2);
    padding: 0 15px;
}

.error-checkout {
    position: absolute;
    font-size: 20px;
    background: #ff8f8f;
    margin: 10px 0 10px 0;
    padding: 5px;
}

.product-video-section {
    padding: 40px 0;
}

.three-videos .video-item {
    width: 32%;
}

.video-item iframe {
    width: 100%;
}

.three-videos .video-item iframe {
    height: 320px;
}

.two-videos .video-item {
    width: 49%;
}

.two-videos .video-item iframe,
.one-video .video-item iframe {
    height: 450px;
}

.video-desc h3 {
    font-size: 30px;
    margin: 0 0 20px 0;
    line-height: 1.4;
}

.video-desc {
    position: relative;
    width: 50%;
    background: #F4F4F4;
    padding: 50px;
}

.video-desc-inner {
    position: relative;
    font-size: 20px;
    font-style: italic;
    top: 50%;
    transform: translateY(-50%);
}

.one-video .video-item {
    width: 50%;
    min-height: 450px;
}

.one-video .video-item iframe {
    height: 100%;
}

.expand-sub {
    display: none;
}

.nice-scrollbar {
    scrollbar-width: thin;
    scrollbar-base-color: #F0F0F0;
    scrollbar-face-color: #de5237;
    scrollbar-3dlight-color: #c1c1c1;
    scrollbar-highlight-color: #c1c1c1;
    scrollbar-track-color: #F0F0F0;
    scrollbar-arrow-color: #c1c1c1;
    scrollbar-shadow-color: #c1c1c1;
    scrollbar-dark-shadow-color: #de5237;
}

.nice-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #F0F0F0;
    border-radius: 4px;
}

.nice-scrollbar::-webkit-scrollbar-thumb {
    background-color: #de5237;
    border-radius: 4px;
}

.nice-scrollbar::-webkit-scrollbar-track {
    background-color: #F0F0F0;
    border-radius: 4px;
}

/*.page-content strong {
    color: #FF2800;
}
*/

h3 strong{
    font-weight: 400;
}

.filters-bottom {
    display: none;
}

.prijava {
    padding: 0 0 50px 0;
}

.uvjeti-check {
    display: none;
}

.become-member {
    position: relative;
    background: #000;
    color: #fff;
    width: 100%;
}

.become-member::after {
    content: '';
    position: relative;
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../img/arrow-right-red.svg) 50% 50% no-repeat;
    background-size: 15px auto;
    margin: 0 0 0 10px;
    top: 2px;
    transition: all .3s ease-out;
}

.become-member:hover::after {
    background: url(../img/arrow-right-white-btn.svg) 50% 50% no-repeat;
    background-size: 15px auto;
    width: 15px;
    height: 15px;
}

.reminder-wrapper {
    padding: 25px;
    background: #f5f5f5;
    border-radius: 3px;
}

.reminder-wrapper h4 {
    margin: 0 0 20px 0;
}

.reminder-wrapper .form-group {
    width: 55%;
    margin: 0;
}

.reminder-wrapper .form-control {
    background: #fff;
    border: 1px solid #ccc;
}

.product-add .reminder-wrapper .btn-action {
    width: 40%;
    border-radius: 50px;
    padding: 14px 20px;
}

.reminder-success:empty {
    display: none;
}

.reminder-failed:empty {
    display: none;
}

.reminder-success {
    background: #54bd77;
    padding: 10px 15px;
    margin: 10px 0;
    color: #fff;
    border-radius: 3px;
    line-height: 1.3;
}

.reminder-failed {
    background: #d40808;
    padding: 10px 15px;
    margin: 10px 0;
    color: #fff;
    border-radius: 3px;
    line-height: 1.3;
}

.gore-lijevo,
.black-friday,
.vruci-tjedan {
    position: absolute;
    background: #ff2800;
    top: 10px;
    left: 10px;
    z-index: 2;
    color: #fff;
    border-radius: 100%;
    width: 90px;
    height: 90px;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

.gore-lijevo.from-gshop {
    background: #54bd77;
    top: 160px;
}

.prod-item .gore-lijevo,
.prod-item .gore-desno,
.prod-item .black-friday {
    width: 70px;
    height: 70px;
    font-size: 15px;
}

.prod-item .gore-lijevo.from-gshop {
    top: 140px;
}

.prod-item .dolje-desno {
    font-size: 15px;
}

.badge-discount + .gore-lijevo {
    top: 60px;
    width: 80px;
    height: 80px;
    font-size: 12px;
}

.badge-discount + .black-friday {
    top: 60px;
}

.badge-discount + .gore-lijevo + .black-friday {
    top: 135px;
}

.product .badge-discount + .gore-lijevo + .black-friday {
    top: 155px;
}

.black-friday {
    background: #000;
}

.black-friday span {
    color: #f5d910;
}

.vruci-tjedan {
    position: absolute;
    background: #ff7a29;
    top: 10px;
    left: 10px;
    z-index: 2;
    color: #fff;
    border-radius: 100%;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.vruci-tjedan span {
    color: #fff;
}

.badge-discount + .vruci-tjedan {
    top: 60px;
}

.badge-discount + .gore-lijevo + .vruci-tjedan {
    top: 135px;
}

.product .badge-discount + .gore-lijevo + .vruci-tjedan {
    top: 155px;
}

.prod-item .vruci-tjedan {
    width: 70px;
    height: 70px;
    font-size: 15px;
}

.gore-desno {
    position: absolute;
    /*background: #2E3B48;*/
    background: url(../img/lp-outlet.png) 50% 50% no-repeat;
    background-size: cover;
    top: 60px;
    right: 10px;
    z-index: 2;
    color: #fff;
    border-radius: 100%;
    width: 90px;
    height: 90px;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

.gore-desno.from-gshop {
    /*top: auto;
    bottom: 10px;
    left: 10px;*/
    background: #06799F;
}

.gore-lijevo span,
.gore-desno span,
.black-friday span {
    position: relative;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1.2;
}

.dolje-desno {
    position: absolute;
    background: #fef200;
    bottom: 0;
    z-index: 2;
    right: 0;
    text-align: center;
    font-weight: 700;
    padding: 15px 20px;
    border-radius: 25px 0 0 0;
    max-width: 250px;
}

.dolje-desno span {
    display: block;
    text-transform: uppercase;
    line-height: 1.2;
}

.dolje-desno.img-upload {
    padding: 0;
    background: transparent;
}

.dolje-desno.img-upload img {
    border-radius: 0;
    max-height: 100px;
    border: none;
}

.dolje-desno.img-upload + .dolje-desno {
    bottom: 110px;
    border-radius: 25px 0 0 25px;
}

.product .dolje-desno.img-upload + .dolje-desno {
    bottom: 23%;
}

.accordion-body {
    padding: 15px;
}

.free-delivery-container {
    text-align: right;
    color: #ff2800;
}

.free-delivery-container p {
    margin: 10px 0 0 0;
}

.pokloni-item {
    border-bottom: 1px solid #E0E1E6;
    padding: 20px 0;
}

.pokloni-item:last-of-type {
    border-bottom: none;
}

.pokloni-item .product-img {
    display: inline-block;
    margin: 0 20px 0 0;
}

.pokloni-item .price .price-now,
.pokloni-item .price .price-before {
    display: inline-block;
}

.pokloni-item .price .price-before {
    font-size: 13px;
    color: #81838B;
    text-decoration: line-through;
}

.pokloni-item .btn:focus {
    background: #ffffff;
    color: #000;
    border: 1px solid #DFE2E5;
}

.pokloni-item .btn:focus::after {
    background: url(../img/arrow-right-red.svg) 50% 50% no-repeat;
    background-size: 17px auto;
}

.download-list {
    list-style-type: none;
    margin: 0 0 30px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

.download-list li {
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}

.download-list li:last-child {
    border-bottom: none;
    padding: 20px 0 0 0;
}

.download-list a {
    position: relative;
    padding: 0 0 0 30px;
    display: block;
}

.download-list a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 24px;
    background: url(../img/pdf-ico.svg) 50% 50% no-repeat;
    background-size: 20px auto;
}

.product-general .download-list a {
    color: #000;
    text-decoration: none;
}

.product-general .download-list a:hover {
    color: #FF2800;
}

.login-3rd-party {
    margin: 30px 0 0 0;
}

.login-3rd-party a {
    padding: 10px 15px;
    min-width: 190px;
    margin: 0 0 20px 0;
}

.login-3rd-party a:first-of-type {
    margin: 0 20px 20px 0;
}

.login-3rd-party a::after {
    display: none;
}

.login-3rd-party svg {
    position: relative;
    top: -1px;
    margin: 0 5px 0 0;
}

.delivery-payment .opis {
    font-size: 13px;
    line-height: 1.3;
}

.delivery-opis-inner {
    padding: 10px;
    margin: 10px 0 0 0;
    background: #ffffff;
    border-radius: 5px;
}

.recepti-proizvod {
    position: relative;
    padding: 50px 0;
    background: #F5F5F5 url(../img/recepti-bg-lijevo.png) 0 83% no-repeat;
    overflow: hidden;
    margin: 50px 0 0 0;
}

.recepti-proizvod .pile-img-holder img {
    max-width: 200px;
}

.warning-msg:empty {
    display: none;
}

.warning-msg {
    background: #ff2800;
    padding: 10px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
}

.gdc-cookieSettings {
    z-index: 10;
    border-radius: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}

.gdc-container {
    border-radius: 6px 0 0 0;
}

.gdc-container .btn-primary::after {
    display: none;
}

.gdc-description,
.gdc-options {
    font-size: 15px;
}

.gdc-container .btn,
#gdc-accept-all {
    padding: 10px 15px;
    font-size: 15px;
    color: #000;
    border: 1px solid #9d9d9d;
    width: 32%;
    font-weight: 500;
    background: transparent;
}

 #gdc-accept-all {
     color: #009247;
     border: 1px solid #009247;
 }

 #gdc-accept-all:hover {
     background: #009247;
     color: #fff;
 }

.gdc-container .btn:hover {
    background: #ff2800;
    color: #fff;
    border: 1px solid #ff2800;
}

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

.gdc-smallTxt {
    background: #fff;
    border-radius: 6px;
    padding: 10px;
}

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

.gdc-options .gdc-checkbox:checked + label:after {
    top: 5px;
    left: 8px;
    width: 5px;
    height: 10px;
}

.promo-entries {
    margin: 20px 0 0 0;
}

.promo-entries .promo-item {
    margin: 0 3% 3% 0;
    max-width: 30%;
    border: 1px solid #eee;
    border-radius: 20px;
}

.title-price-wrapper.price {
    margin: 5px 0 0 0;
}

/*.content-blog-brand {
    display: inline-block;
}*/

.content-blog-brand a{
    text-decoration:underline;
}

.content-blog-brand img {
    width: auto !important;
    max-width: 100%;
    min-width: 130px;
    height: auto !important;
}

.short-desc-content {
    color: #747474;
    font-size: 22px;
    margin: 0 0 40px 0;
}

.short-desc-content a {
    text-decoration: underline;
    color: #FF2800;
}

.short-desc-content a:hover {
    color: #000;
}

.cat-pager {
    margin: 0 0 60px 0;
}

.pagination-wrapper .active > .page-link,
.pagination-wrapper .page-link.active {
    width: auto;
    background: transparent;
    color: #000;
    border: none;
}

.pagination-wrapper .page-item {
    margin: 0 10px;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 0;
}

.promo-opis {
    margin: 20px 0;
    background: #f0f0f0;
    border-radius: 5px;
    padding: 10px;
}

/* BACK TO TOP */
.top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 17px;
    right: 15px;
    z-index: 88;
    border-radius: 100px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(255, 40, 0, 0.88) url(../img/chevron-down-white.svg) no-repeat 50% 50%;
    background-size: 14px auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.top.is-visible,
.top.fade-out,
.no-touch .top:hover {
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.top.is-visible {
    visibility: visible;
    opacity: 1;
}

.top.fade-out {
    opacity: 0.5;
}

.top.fade-out:hover,
.no-touch .top:hover {
    background-color: rgba(255, 40, 0, 1);
    opacity: 1;
}

/* end back to top */


.r1-note {
    margin: 0 0 15px 0;
    background: #f0f0f0;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
}

.popular-carousel-blog {
    position: relative;
    padding: 20px 0 40px 0;
}

.popular-carousel-blog .swiper-wrapper {
    padding: 0 0 30px 0;
}

.popular-carousel-blog .swiper-slide {
    width: auto;
}

.popular-carousel-blog .prod-item {
    width: auto;
    max-width: 310px;
}

.no-stock {
    color: #ff0000;
    margin: 0 0 20px 0;
}

.featured.prod-page,
.single-post-carousel {
    padding: 40px 0;
}

.single-post-carousel .featured {
    padding: 0;
}

.toast {
    bottom: 20px;
    right: 20px;
    z-index: 99;
    background: #ff2800 !important;
}

.home-h1 {
    text-align: center;
    background: #FF2800;
    margin: 0;
    color: #fff;
    padding: 20px 10px;
}

.featured + .benefits {
    margin: 80px 0 0 0;
}

.povijestNarudzbiHolder {
    padding: 0 0 60px 0;
}

.product-info-box {
    border: 1px solid #007575;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-family: Arial, sans-serif;
}

.product-info-box ul {
    margin: 8px 0 0 16px;
    padding: 0;
    list-style-type: disc;
}

.availability_show_submenu {
    position: relative;
}

.availability_strelica::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    top: -2px;
    position: relative;
    background-image: url(../img/chevron-down-yellow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    transition: transform 0.3s ease;
    margin-left: 20px;
}

.availability_submenu {
    display: none;
}

.product-info-box-red {
    background-color: #fe2f16;
    color: #fff;
    padding: 10px 15px 0;
    font-weight: 700;
    font-style: italic;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.product-info-box-red div img,
.product-info-box-green div img {
    padding-right: 10px;
}

.product-info-box-green {
    background-color: #00bf62;
    padding: 0 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.product-info-box-green a {
    color: #fff;
    font-size: 18px;
}

.availability_submenu_list a {
    color: #615d46;
    font-weight: 700;
}

.availability_submenu_list {
    background-color: #ffde59;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 15px;
    list-style-type: none;
    align-items: center;
}

availability_submenu_list li {
    list-style-type: none;
}

.availability_wrapper {
    width: 400px;
}

.product-info-box-red_inner {
    line-height: 1.1;
}

.product-info-box-red_inner div {
    padding-bottom: 10px;
    text-align: center;
}

.product-info-box-green .cart-wrapper {
    position: relative;
    top: -2px;
    padding-right: 20px;
}

.error_text {
    font-size: 24px;
}

.error-content-wrapper .btn.btn-primary {
    font-size: 20px;
}

.flex_container {
    display: flex;
    justify-content: center;
}

.promo-grid-head {
    text-align:center;
}

.promo-grid {
    margin: 40px auto 80px auto;
    max-width: 900px; 
    width: 90%; 
    font-size: 14px;
    line-height: 20px;
}

.promo-card {
    margin-top: 8px;
}

.promo-header {
    background: #f5f5f5;
    border: 1px solid #d8d5d5;
    padding: 16px 20px; 
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center; 
}

.promo-header:hover {
    background: #eeeeee;
}

.promo-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.promo-body {
    display: none;
    padding-left:10px;
    border-left: 1px solid #d8d5d5;
    border-right: 1px solid #d8d5d5;
    border-bottom: 1px solid #d8d5d5;
    background: #fafafa;
}

.promo-table {
    width: 100%;
    border-collapse: collapse;
}

.promo-table thead {
    border-bottom: 2px solid #d8d5d5;
}

.promo-table th {
    text-align: left;
    font-weight: 700;
    padding: 10px 0;
    color: #000;
}

.promo-table td {
    padding: 10px 0;
    border-bottom: 1px solid #EFECF0;
    font-weight: 400;
    color: #000;
}

        
.promo-table th:nth-child(1),
.promo-table td:nth-child(1) {
    width: 20%;
}

.promo-table th:nth-child(2),
.promo-table td:nth-child(2) {
    width: 35%;
}

.promo-table th:nth-child(3),
.promo-table td:nth-child(3) {
    width: 25%;
}

    
.promo-table tbody tr:hover {
    background: #f2f2f2;
}

.tracking-num-wrapper {
    margin: 0 0 10px 0;
}

.tracking-num-wrapper span {
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
}

.btn-basket-order:disabled path {
    fill: #000;
}

.promo-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    padding: 0.25rem 0.6rem;
    color: white;
    background-color: #ff2800;
    text-decoration: none;
    border-radius: 0px 60px 60px 0px;
    cursor: pointer;
}

.promo-remove:hover {
    background-color: #c82333;
    text-decoration: none;
}

.promo-submit {
    border-radius: 0 60px 60px 0;
    padding: 5px 40px;
    position: relative;
    top: 1px;
}

.promo-submit:after {
    content: none;
}

.promo-cols {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
}

.promo-title {
    font-size: 30px!important;
    font-weight: 700;
    font-family: 'Roboto', Arial, sans-serif;
}

.promo-grid .card-title {
    font-size: 18px;
}

.disabled-btn {
    pointer-events: none; 
    opacity: 0.6; 
    cursor: not-allowed;
    background-color: #ccc !important;
    color: #666 !important;
}

.promo-col .card-body {
    height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.loyalty_red {
    color: #fe2f16;
}

.promo-list {
    list-style-type: none;
    padding-left: 0;
}

.promo_info a {
    font-weight: 700;
    font-size: 25px;
}

.loyalty_bold {
    font-weight:700;
}

.underline {
    text-decoration: underline;
    font-weight: 700;
}

.promo_strelica::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -2px;
    position: relative;
    background-image: url(../img/chevron-down-red.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    transition: transform 0.3s ease;
    margin-left: 20px;
}

.promo_submenu {
    display: none;
    padding-top: 15px;
}

.promo-info-box {
    padding: 0;
}

.card-text.discount_text {
    font-size: 18px;
    font-weight: 700;
    color: #fe2f16;
}

.selected-loyalty {
    border: 2px solid #007575;
    background-color: #e6f7f7;
}

.loyalty_napomena {
    max-width: 380px;
    margin-right: 0;
    margin-left: auto;
    padding-top: 10px;
    font-size: 14px;
}

.loyalty_napomena::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -2px;
    position: relative;
    background-image: url(../img/arrow-right-red.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.selected-loyalty {
    border: 2px solid #007575;
    background-color: #e6f7f7;
}

.invalid-loyalty {
    border: 2px solid #B3302F;
    background-color: #ffe6e6;
}

.btn.selected-loyalty {
    background-color: #007575;
    color: #fff;
    border: 1px solid #007575;
}

.btn.invalid-loyalty {
    background-color: #fff;
    color: #B3302F;
    border: 1px solid #B3302F;
}

.intro-msg {
    text-align: center;
    background-color: #ff2800;
    color: #ffffff;
    position: fixed;
    bottom: 0;
    padding: 5px;
    padding: 8px;
    width: 100%;
    z-index: 105;
    font-size: 14px;
}

.intro-msg a {
    color: #ffffff;
    text-decoration: underline;
    font-weight: 600;
}

footer .link-group .raskid-btn,
.raskid-btn,
.raskid-btn:hover, .raskid-note a {
    color: #fff;
    padding: 5px 10px;
    font-size: 15px;
}

footer .link-group .raskid-btn:hover,
footer .link-group .raskid-btn:focus,
footer .link-group .raskid-btn:active {
    background: #071f32;
    color: #fff;
}

footer .link-group .raskid-btn {
    margin: 5px 0 0 0;
}

footer .link-group .raskid-btn::after {
    background: url(../img/arrow-right-white-btn.svg) 50% 50% no-repeat;
    background-size: 14px auto;
    top: 2px;
}

.raskid-note {
    margin: 0 0 40px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.raskid-note h4 {
    margin: 0;
}

.raskid-note a {
    margin: 0 0 0 10px;
    padding: 10px 15px;
}

.withdrawal-warning {
    background-color: #f0f0f0;
    padding: 40px 30px;
    margin: 30px 0 50px;
    font-size: 15px;
    line-height: 1.4;
}

.withdrawal-warning a {
    text-decoration: underline;
    font-weight: 700;
}

/* cjenik */

.price-list-page h2 {
    font-size: 26px;
}

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

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

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

.price-list-archive th {
    background: #000;
    color: #fff;
}

.price-list-archive table a {
    text-decoration: underline;
}