html, body {
    height: 100%;
}

body {
    position: relative;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    line-height: 1.6;
}


::-moz-selection {
    color: #ffffff;
    background: #BD9965;
}

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

a {
    color: #4F2C16;
}

a:hover {
    color: #1A171B;
    text-decoration: none;
}

strong {
    font-weight: 700;
}

a, button {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

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

input,
input[type=text],
input[type=password] {
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 1;
}


h1, h2, h3, h4, h5, h6 {
    position: relative;
    margin: 0;
    font-weight: 700;
    line-height: 1.2;
    z-index: 2;
}

h1 {
    font-size: 42px;
    margin-bottom: 40px;
    margin-top: 10px;
    font-weight: 900; 
}

.category-container h1 {
    margin: 0 0 40px 0;
}

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

h3 {
    font-size: 25px;
}

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

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

.req {
    color: #E9003F;
    font-weight: 700;
}

.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;
    font-weight: 700;
    padding: 14px 30px 16px 30px;
    margin: 0;
    color: #000;
    text-align: center;
    border-radius: 0;
    border: none;
    font-size: 15px;
    text-transform: uppercase;
}

.btn:focus,
.btn:hover,
.btn:active {
    background: #4f2c16;
    color: #ffffff;
    outline: none;
}

.btn-primary {
    background: #BD9965;
    color: #fff;
}

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

.btn-secondary {
    background: #1A171B;
    color: #ffffff;
}


.btn-outline {
    background: #ffffff;
    border: 1px solid #BD9965;
    color: #BD9965;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
    background: #BD9965;
    color: #ffffff;
}

.btn-action {
    background: #BD9965;
    color: #ffffff;
}

.btn-action:focus,
.btn-action:active,
.btn-action:hover {
    background: #ab824a;
    color: #fff;
}

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

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

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


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

.basket .cbx span {
    font-weight: 300;
    color: #454545;
}

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

footer .cbx span:first-child {
    border: 1px solid transparent;
}

.cbx span:first-child svg {
    position: absolute;
    top: 5px;
    left: 4px;
    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: #BD9965;
    display: block;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
}

.cbx span:last-child {
    padding-left: 12px;
    width: 93%;
}

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

.inp-cbx:checked + .cbx span:first-child {
    background: #BD9965;
    border-color: #BD9965;
    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);
    }
}

.form-error-punoljetnost {
    color: #eb4132;
    margin-bottom: 10px;
}

/* end custom checkbox */




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

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 #959A9B;
    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: #BD9965;
    border-radius: 5px;
    text-align: center;
}

input[type=radio]:checked + label:before {
    border: 1px solid #BD9965;
}

/* SELECTPICKER OVERRIDE */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select .btn {
    font-size: 16px;
    text-transform: none;
    padding: 11px 16px;
    text-shadow: none;
    border: none;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
    background: transparent;
}

.bootstrap-select .btn .filter-option {
    font-weight: 400;
    color: #000000;
    letter-spacing: 0;
    padding-right: 15px;
}

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

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

.bootstrap-select .btn-default:active,
.bootstrap-select .btn-default.active,
.bootstrap-select.open > .dropdown-toggle.btn-default {
    background: #ddd;
    border-color: #ddd;
    color: #232323;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 25px;
    top: 13px;
    border: 0;
}

.bootstrap-select .dropdown-toggle::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 11px;
    background: url(../img/select-arrow.svg) 50% 50% no-repeat;
    background-size: 6px auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border: none;
}

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

.bootstrap-select .btn:focus {
    background: #f1f2f3;
    border-color: #AEB1BB;
}

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

.bootstrap-select .btn-default:active, .bootstrap-select .btn-default.active, .bootstrap-select.open > .dropdown-toggle.btn-default {
    background: #ddd;
    border-color: #ddd;
    color: #232323;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 25px;
    top: 13px;
    border: 0;
}

.bootstrap-select.btn-group .dropdown-toggle .caret::before {
    display: inline-block;
    font-family: 'Icons';
    content: '\61';
    font-size: 12px;
    color: #39434B;
}

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

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

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

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

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

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

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

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




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

.gd-selected {
    position: relative;
    background: #ededed;
    padding: 7px 16px 9px 16px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.gd-selected button {
    position: relative;
    display: block;
    width: 100%;
    background: none;
    padding: 0 30px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    font-weight: 700;
}

.gd-selected > svg {
    position: absolute;
    width: 11px;
    right: 16px;
    top: 14px;
    fill: #434343;
    -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;
    width: 100%;
    border: 1px solid #AEB1BB;
    padding: 4px 8px;
    font-style: italic;
    border-radius: 2px;
}

.gd-dropdown {
    display: none;
    position: absolute;
    width: 100%;
    top: 45px;
    background: #fff;
    border-radius: 8px;
    font-size: 15px;
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    max-height: 250px;
    overflow: auto;
}

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

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

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

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

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

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

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

.gd-dropdown .item-check::after {
    display: none;
    position: absolute;
    left: 3px;
    top: -1px;
    font-family: 'Icons';
    font-size: 12px;
    content: '\78';
    color: #BD9965;
}

.gd-dropdown .checked .item-check::after {
    display: block;
}

.gd-dropdown .checked .item-check::after {
    display: block;
}

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

.gd-checklist ul {
    padding-left: 10px;
}

.gd-checklist ul a {
    font-weight: 300;
}

.gd-checklist li {
    display: block;
    position: relative;
    padding: 4px 0;
    cursor: pointer;
    font-size: 16px;
}

.gd-checklist .checked > a {
    color: #BD9965;
}

.gd-checklist a {
    position: relative;
    display: block;
    color: #000000;
    text-decoration: none;
    padding-left: 20px;
}

.gd-checklist a:hover {
    color: #e19914;
}

.gd-checklist .disabled a,
.gd-checklist .disabled a:hover {
    color: #999;
    cursor: default;
}

.gd-checklist .amount {
    position: absolute;
    right: 0;
    top: 5px;
    color: #606060;
    font-weight: 500;
}

.gd-checklist .item-check {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 4px;
    border: 1px solid #CDCDCD;
    border-radius: 2px;
}

.gd-checklist .item-check::after {
    display: none;
    position: absolute;
    left: 6px;
    top: -1px;
    content: 'X';
    color: #000000;
    font-weight: 500;
    font-size: 16px;
}

.gd-checklist .item-check.checked::after {
    display: block;
}

.gd-checklist .item-check.disabled,
.gd-checklist .item-check.disabled + a,
.gd-checklist .item-check.disabled + a + .amount {
    opacity: .4;
    cursor: default;
}

.gd-checklist .item-check.disabled + a:hover {
    color: #333;
}

.gd-checklist .checked ul a {
    font-weight: 300;
}

.filter-content li a {
    font-weight: 700;
    letter-spacing: 0.5px;
}

.filter-sidebar {
    max-width: 19%;
    width: 100%;
    float: left;
    padding: 50px 30px 0 0;
}


/* RANGE SLIDER */
.noUi-horizontal {
    margin: 6px 6px 20px 8px;
    height: 2px;
}

.noUi-target {
    border: 0;
    border-radius: 5px;
    box-shadow: none;
}

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

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

.noUi-base {
    background: #AEB1BB;
}

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

.noUi-horizontal .noUi-handle {
    width: 15px;
    height: 15px;
    left: -8px;
    top: -7px;
}

.noUi-horizontal .noUi-handle.noUi-handle-upper {
    left: -10px;
}

.noUi-origin {
    background: #AEB1BB;
}

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

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

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

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

/* WRAPPERS */

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

.nav-down {
    top: 0;
}

header {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0 60px;
    background: transparent;
    z-index: 101;
    height: 135px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

header > .container {
    height: 90px;
}

header .logo {
    float: left;
    position: relative;
    margin-top: 10px;
    z-index: 101;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

header .logo img {
    width: 80px;
    height: 107px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

header.with-bg,
header,
.homepage header.with-bg {
    background: #ffffff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .26);
}

header.with-bg {
    height: 100px;
}

header.with-bg .main-menu-wrapper {
    padding: 50px 0 0 0;
}

header.with-bg .logo img {
    width: 55px;
    height: 73px;
}

.homepage header {
    background: transparent;
    box-shadow: none;
}

.search {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #f4f4f4;
    z-index: 1;
    box-shadow: 0 5px 30px rgba(0,0,0,.1);
}

.basket .search h2,
.search h2 {
    font-size: 42px;
    font-weight: 900;
    margin: 0 0 20px 0;
}

.search-inner-wrapper {
    max-width: 1160px;
    margin: 0 auto;
    padding: 140px 15px 100px 15px;
}

.search ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #eaeaea;
}

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

.search .search-field input {
    display: block;
    width: 100%;
    padding: 9px 15px 11px 15px;
    line-height: 20px;
    border: 0;
    background: none;
}

.search .search-btn {
    width: 100%;
    height: 40px;
    width: 50px;
    text-align: center;
    font-size: 18px;
}

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

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

.search .search-field {
    position: relative;
}

.search .search-field input {
    display: block;
    width: 90%;
    padding: 9px 15px 11px 15px;
    line-height: 20px;
    border: 0;
    background: none;
    font-style: italic;
    font-weight: 600;
}

.search .search-btn {
    width: 100%;
    height: 40px;
    width: 50px;
    text-align: center;
    font-size: 18px;
}

.search .search-btn a {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    background: #e8e8e8;
    border-radius: 0;
}

.search .search-btn a:hover,
.search .search-btn a:focus,
.search .search-btn a:active {
    background: #BD9965;
}

.search .search-btn a svg {
    width: 20px;
    height: 20px;
    fill: #000000;
    margin-top: 8px;
}

.search .search-btn a:hover svg,
.search .search-btn a:focus svg,
.search .search-btn a:active svg {
    fill: #ffffff;
}

.clear-search {
    position: absolute;
    display: block;
    top: 10px;
    right: 30px;
    width: 20px;
    height: 20px;
    background: url(../img/mobile-close-ico.svg) 50% 50% no-repeat;
    background-size: 16px auto;
}

.header-menu {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    float: right;
    z-index: 2;
}

.header-menu li {
    padding: 0 20px;
    display: inline-block;
    border-left: 1px solid #9EA4AD;
}

.header-menu li:first-child {
    border-left: none;
}

.header-menu li a {
    position: relative;
    display: block;
    color: #11131E;
}

.header-menu li a i {
    position: absolute;
    right: -14px;
    top: -12px;
    width: 23px;
    height: 23px;
    line-height: 18px;
    background: #BD9965;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    color: #ffffff;
    text-align: center;
    border-radius: 100%;
    border: 2px solid #FAFAFA;
}

.header-menu .show-mini-bag {
    position: relative;
    padding: 0 0 0 20px;
}

.header-menu .icon-bag path,
.header-menu .fav-ico path,
.search-trigger-ico path,
.user-menu-trigger .icon-user path {
    fill: #1A171B;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.header-menu .icon-bag:hover path,
.header-menu .fav-ico:hover path,
.search-trigger-ico:hover path,
.user-menu-trigger .icon-user:hover path {
    fill: #BD9965;
}

.user-menu {
    display: none;
    position: absolute;
    width: 290px;
    right: 107px;
    top: 40px;
    z-index: 1000;
    background: #fff;
    color: #222;
    margin: 0;
    list-style: none;
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
}

.user-menu .sign-in-btn {
    background: #BD9965;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    padding: 10px 5px;
    text-transform: uppercase;
}

.user-menu .register-now {
    color: #BD9965;
    font-weight: 600;
    display: inline-block;
}

.user-menu-title {
    position: relative;
    display: block;
    color: #ffffff;
    padding: 13px 20px;
    border-bottom: 1px solid #eee;
    background: #BD9965;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
}

.user-menu-title svg {
    margin: 0 9px 0 0;
}

.user-menu-title svg path {
    fill: #ffffff;
}

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

.user-menu ul li {
    display: block;
    padding: 7px 0;
    margin: 0;
    border-left: none;
}

.user-menu ul li:first-child {
    padding: 0 0 7px 0;
}

.user-menu ul li:last-child {
    padding: 7px 0 0 0;
}

.user-menu ul a:hover {
    color: #BD9965;
}

.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;
    float: right;
    margin-top: 32px;
    margin-left: 30px;
}

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

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


/* MAIN MENU */
.topbar {
    position: absolute;
    width: 330px;
    z-index: 2;
    top: 7px;
    right: 60px;
}

.main-menu-wrapper {
    z-index: 100;
    background: transparent;
    padding: 60px 0 0 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.main-menu-inner-wrapper {
    display: block;
    float: left;
}

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

.main-menu a {
    position: relative;
}

.main-menu a:hover {
    color: #BD9965;
}

.main-menu a::after,
.header-menu a::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 8px;
    height: 8px;
    opacity: 0;
    border-radius: 100%;
    background: #BD9965;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}

.main-menu a:focus::after,
.header-menu a:focus::after {
    opacity: 1;
}

.header-menu .user-menu a:active::after,
.header-menu .user-menu a:focus::after {
    display: none;
}

.main-menu > ul {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.main-menu > ul > li {
    padding: 0 20px;
}


.main-menu > ul > li > a {
    display: block;
    font-weight: 700;
    background: transparent;
    text-transform: uppercase;
    z-index: 2;
    color: #000000;
}

.main-menu a.active {
    color: #1A171B;
}

.main-menu .sub-menu {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: #EFEFEF;
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
    padding: 20px;
    z-index: 1;
}

.sub-menu .active {
    color: #BD9965;
    text-decoration: underline;
}

.sub-menu ul {
    display: block;
    margin: 110px auto 30px auto;
    max-width: 1160px;
}

.sub-menu li {
    width: 185px;
    margin: 0 5px;
}

.sub-menu li:first-child {
    margin: 0 5px 0 0;
}

.sub-menu li:last-child {
    margin: 0 0 0 5px;
}

.sub-menu a {
    display: inline-block;
    background: #F5F5F5;
    padding: 15px;
    box-shadow: 0 3px 20px rgba(0,0,0, .11);
    height: 100%;
    -webkit-transition: all .3s, background .4s ease-out;
    transition: all .3s, background .4s ease-out;
}

.main-menu .sub-menu a::after {
    display: none;
}

.sub-menu a:hover {
    background: #ffffff;
}

.sub-menu .cat-img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    border-radius: 100%;
    transform: scale3d(1, 1, 1);
    transform-style: preserve-3d;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.sub-menu a:hover .cat-img {
    transform: scale3d(1.04, 1.04, 1);
    transform-style: preserve-3d;
}

.sub-cat-name-wrapper {
    position: relative;
}

.sub-cat-name {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #1A171B;
    padding: 0 25px 0 0;
}

.nav-arrow-mask {
    overflow: hidden;
    position: absolute;
    width: 30px;
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sub-menu .nav-link-arrow {
    display: block;
    position: relative;
    width: 15px;
    height: 11px;
    opacity: 1;
}

.sub-menu a:hover .nav-link-arrow {
    animation: arrowmove .8s cubic-bezier(0.03, 0.98, 0.52, 0.99) .2s;
    animation-fill-mode: forwards;
}


@keyframes arrowmove {
    0% {
        right: 0;
    }

    40% {
        right: -20px;
        opacity: 0;
    }

    70% {
        right: 20px;
        opacity: 0;
    }

    100% {
        right: 0;
        opacity: 1;
    }
}

.cat-brands {
    font-weight: 300;
    font-size: 14px;
    color: #3E3E3E;
}

.sub-menu .sub-menu-akcija {
    position: relative;
    display: block;
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    font-weight: 600;
    background: transparent;
    border: 1px solid #D1D1D1;
    box-shadow: none;
    font-size: 18px;
    height: 60px;
}

.sub-menu .sub-menu-akcija .sub-cat-name {
    color: #F00127;
}

.sub-menu .sub-menu-akcija .nav-arrow-mask {
    right: 5px;
}

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

.main-nav-flipper {
    position: relative;
}

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

.path {
    padding: 25px 0 60px 0;
}

.page-content .path {
    padding: 25px 60px 60px 60px;
}

.page-content.news-detail .path {
    padding: 25px 60px 30px 60px;
}

.product-pic .path {
    padding: 0;
}

.home-slider-wrapper {
    position: relative;
    background: #E5DABF;
    -webkit-transition: 1s background .5s ease-out;
    transition: 1s background .5s ease-out;
}

.home-slider-wrapper.blue {
    background: #D4D9E4;
}

.home-slider-wrapper.pink {
    background: #E2CACB;
}

.home-slider-wrapper.yellow {
    background: #E5DABF;
}

.home-slider-wrapper.brown {
    background: #F0EBE6;
}

.home-slider {
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 0 60px;
    max-height: 1300px;
}

.home-slider-content {
    position: absolute;
    z-index: 3;
    top: 50%;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 410px;
    width: 100%;
}

.home-slider-content h2 {
    font-size: 42px;
    font-weight: 900;
    margin: 0 0 40px 0;
    line-height: 1.3;
}

.home-slider-content .home-slider-txt {
    color: #656973;
    font-size: 18px;
    line-height: 1.8;
}

.home-slider .swiper-container {
    width: 100%;
    height: 100%;
}


.home-slider h2 {
    transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transform: translate3d(-20%, 0, 0);
    opacity: 0;
}

.home-slider-content a {
    opacity: 0;
    transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
    transform: translate3d(-20%, 0, 0);
}


.home-slider-content .show-arrow {
    position: relative;
    display: inline-block;
    color: #000000;
    font-weight: 600;
    margin: 20px 0 20px 0;
    opacity: 0;
    transform: translate3d(-20%, 0, 0);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.home-slider-content .show-arrow:hover {
    color: #BD9965;
}

.show-arrow::after {
    content: '';
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../img/show-arrow-ico.svg) 50% 50% no-repeat;
    background-size: 30px auto;
    top: 10px;
    margin: 0 0 0 15px;
}

.show-arrow.white {
    color: #ffffff;
}

.show-arrow.white::after {
    background: url(../img/show-arrow-ico-white.svg) 50% 50% no-repeat;
    background-size: 30px auto;
}

.home-slider h2 + .home-slider-txt {
    transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
    transform: translate3d(-20%, 0, 0);
    opacity: 0;
}

.home-slider-txt {
    opacity: 0;
    transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
    transform: translate3d(-20%, 0, 0);
}

.swiper-slide.swiper-slide-active h2,
.swiper-slide.swiper-slide-active .home-slider-txt,
.swiper-slide.swiper-slide-active .home-slider-content a,
.swiper-slide.swiper-slide-active h2 + .home-slider-txt {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.slider-contacts {
    position: absolute;
    bottom: 25px;
    left: 60px;
    right: 60px;
    z-index: 2;
}

.slider-phone,
.slider-mail {
    position: relative;
    display: block;
    padding: 0 0 0 25px;
    font-weight: 600;
    color: #222222;
    font-size: 14px;
    margin: 0 0 0 20px;
}

.slider-phone:hover,
.slider-mail:hover {
    color: #BD9965;
}

.slider-phone::before {
    content: '';
    width: 15px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url(../img/phone-ico.svg) 50% 50% no-repeat;
    background-size: 13px auto;
}


.slider-mail {
    padding: 0 0 0 35px;
}

.slider-mail::before {
    content: '';
    width: 24px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 2px;
    display: block;
    background: url(../img/email-ico.svg) 50% 50% no-repeat;
    background-size: 22px auto;
}

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

footer .social {
    margin: 30px 0 0 0;
}

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

footer .social li {
    margin: 0 20px 0 0;
}

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

.social li a {
    position: relative;
    width: 28px;
    height: 28px;
    display: block;
    border-radius: 100%;
    background: #fff8f1;
    text-align: center;
}

footer .social li a {
    background: #ffffff;
}

.social .slider-fb path,
.social .slider-insta path {
    fill: #71727b;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.social li a:hover,
.social li a:focus,
.social li a:active {
    background: #BD9965;
}

.social li a:hover path,
.social li a:focus path,
.social li a:active path {
    fill: #ffffff;
}

.home-slider-img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    width: 588px;
    height: 691px;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    -webkit-transition: all 2s cubic-bezier(.45,.25,.33,.79);
    transition: all 2s cubic-bezier(.45,.25,.33,.79);
}

.home-slider-wrapper.yellow .home-slider-img,
.home-slider-wrapper.blue .home-slider-img,
.home-slider-wrapper.pink .home-slider-img,
.home-slider-wrapper.brown .home-slider-img {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.coffee-slider-bg,
.tea-slider-bg,
.choco-slider-bg,
.ribili-slider-bg {
    position: relative;
    z-index: 1;
    /* width: 588px;
    height: 691px;
    background: url(../img/coffee-bg.png) 50% 50% no-repeat;
    background-size: 491px auto;*/
    background: transparent;
    transform-style: preserve-3d;
    width: 600px;
    height: 600px;
    border-radius: 100%;
}

.tea-slider-bg {
    background: url(../img/tea-bg.png) 50% 50% no-repeat;
}

.choco-slider-bg {
    background: url(../img/choco-bg.png) 50% 50% no-repeat;
}

/*.ribili-slider-bg {
    background: url(../img/ribili-bg.png) 50% 50% no-repeat;
}*/

.home-slider-img img {
    position: absolute;
    z-index: 2;
    -webkit-transform: translateZ(40px);
    transform: translateZ(40px);
    top: 0;
    left: 0;
    /*width: 588px;
    height: 691px; kasnije vratiti */
    border-radius: 100%;
    width: 600px;
    height: 600px;
}

.bean1 {
    position: absolute;
    top: 13%;
    left: 20%;
}

.bean2 {
    position: absolute;
    top: 30%;
    right: 20%;
}

.bean3 {
    position: absolute;
    bottom: 22%;
    right: 28%;
}

.bean4 {
    position: absolute;
    bottom: 22%;
    left: 28%;
}

.featured {
    padding: 120px 0 150px 0;
}

.featured-carousel .swiper-button-prev,
.featured-carousel-brands .swiper-button-prev,
.last-viewed-carousel .swiper-button-prev {
    top: 53%;
    left: 0;
    width: 25px;
    height: 25px;
    display: block;
    background: url(../img/gray-arrow-right.svg) 50% 50% no-repeat;
    background-size: 13px auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.featured-carousel .swiper-button-next,
.featured-carousel-brands .swiper-button-next,
.last-viewed-carousel .swiper-button-next {
    top: 53%;
    right: 0;
    width: 25px;
    height: 25px;
    display: block;
    background: url(../img/gray-arrow-right.svg) 50% 50% no-repeat;
    background-size: 13px auto;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.featured-carousel .swiper-button-next:hover,
.featured-carousel-brands .swiper-button-next:hover,
.last-viewed-carousel .swiper-button-next:hover,
.featured-carousel .swiper-button-prev:hover,
.featured-carousel-brands .swiper-button-prev:hover,
.last-viewed-carousel .swiper-button-prev:hover {
    background: url(../img/gray-arrow-right-hover.svg) 50% 50% no-repeat;
    background-size: 13px auto;
}

.featured .show-arrow {
    margin: 0;
}

.section-title-wrapper {
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.basket .title-with-beans {
    margin: 90px 0 0 0;
}

.about-us .section-title-wrapper {
    text-align: left;
    margin: 0;
}

.title-with-beans {
    position: relative;
    display: inline-block;
}

.bean-leaf-title {
    position: absolute;
    top: 0;
    z-index: 1;
    right: -60px;
}

.prijava .bean-leaf-title {
    top: 20px;
}

.bean-leaf-title .leaf {
    position: absolute;
    top: -60px;
    left: -60px;
}

.bean-title1 {
    position: absolute;
    top: -20px;
    left: -15px;
}

.bean-title2 {
    position: absolute;
    top: 20px;
    left: -40px;
}

.featured h2,
.about-us h2,
.home-news h2 {
    font-size: 42px;
    font-weight: 900;
    margin: 0 0 40px 0;
    text-align: center;
}

.about-us h2 {
    text-align: left;
    color: #ffffff;
}

.section-intro,
.news-content .featured-txt {
    color: #656973;
    font-size: 18px;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.8;
}

.featured-carousel,
.featured-carousel-grupe {
    margin: 60px 0 0 0;
}

.featured-carousel .swiper-container,
.featured-carousel-grupe .swiper-container {
    padding: 20px;
}

.featured-carousel-brands .swiper-container {
    padding: 30px 0;
}

.about-us {
    margin: 100px 0 0 0;
    background: url(../img/about-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding: 100px 0 100px 115px;
    color: #ffffff;
}

.about-us-content {
    max-width: 890px;
}

.about-us-content a {
    color: #ffffff;
}

/* PRODUCT GRID ITEM */
.product-grid {
    margin: 20px 0 0 0;
}

.prod-item {
    position: relative;
    height: 100%;
    text-align: center;
    -webkit-transition: box-shadow .3s ease-out;
    transition: box-shadow .3s ease-out;
}

.prod-item:hover {
    background: #FFFFFF;
    box-shadow: 0 0 20px rgba(0,0,0,.27);
}

.prod-item:hover .add-item-btn {
    opacity: 1;
}

.prod-item .add-item-btn.in-basket {
    position: relative;
    background: #BD9965;
}

.prod-item .add-item-btn.in-basket::before {
    content: '';
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../img/icon-bag-white.svg) 50% 50% no-repeat;
    background-size: 20px auto;
    margin: 0 15px 0 0;
    top: 3px;
}

.add-item-btn.no-stock,
.prod-item:hover .add-item-btn.no-stock {
    background: #b6b6b6;
}

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

.prod-item .item-pic {
    position: relative;
    display: block;
    z-index: 1;
    overflow: hidden;
    padding: 10px 10px 0 10px;
}

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

.prod-item:hover .item-pic a,
.featured-carousel .prod-item .item-pic a,
.recently-viewed .prod-item .item-pic a {
    background: #ffffff;
}


.prod-item .item-pic img {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform .4s ease-out;
    transition: transform .4s ease-out;
}

.prod-item:hover .item-pic img {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.prod-item .prod-item-cat {
    font-weight: 600;
    color: #8A8F9D;
    margin: 10px 0 0 0;
}

.prod-item .item-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    /*text-transform: uppercase;*/
    word-break: break-all;
    word-break: break-word;
    padding: 0 10px;
}

.prod-item .item-title a {
    color: #000000;
    display: block;
    line-height: 1.4;
}

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

.prod-item .item-price {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #BD9965;
    margin: 15px 0 20px 0;
}

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

.prod-item .item-price .price-before {
    text-decoration: line-through;
    font-size: 15px;
    font-weight: 400;
    color: #A0A4B1;
    display: block;
}

.prod-item .item-price .price-now,
.popustKlasa,
.product-price .price-now.popustKlasa,
.prod-item .item-price.popustKlasa {
    color: #F00127;
}

.favorite-trigger {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 3;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4yIiBoZWlnaHQ9IjIwLjgxNCIgdmlld0JveD0iMCAwIDIxLjIgMjAuODE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjYgMC42KSI+PHBhdGggZD0iTTE4LjA3NSw5NjkuMzU4YTQuNzM0LDQuNzM0LDAsMCwwLTMuNTgyLDEuNzA4LDYuNDMsNi40MywwLDAsMCwwLDguMjE4bDguMzEzLDkuNTkyYS4yNTQuMjU0LDAsMCwwLC40LDBxNC4xNjQtNC43ODksOC4zMjEtOS41ODNhNi40MjgsNi40MjgsMCwwLDAsMC04LjIxOCw0LjYxOSw0LjYxOSwwLDAsMC03LjE3MiwwbC0xLjM0MywxLjUzMi0xLjM0My0xLjU0MUE0Ljc1MSw0Ljc1MSwwLDAsMCwxOC4wNzUsOTY5LjM1OFptMCwuNTg1YTQuMjM3LDQuMjM3LDAsMCwxLDMuMiwxLjUzMmwxLjUzOCwxLjc4M2EuMjU0LjI1NCwwLDAsMCwuNCwwbDEuNTI5LTEuNzY0YTQuMSw0LjEsMCwwLDEsNi40LDAsNS43ODQsNS43ODQsMCwwLDEsMCw3LjM5MWwtOC4xMjcsOS4zNTEtOC4xMjctOS4zNmE1LjgsNS44LDAsMCwxLDAtNy40QTQuMjIsNC4yMiwwLDAsMSwxOC4wNzUsOTY5Ljk0M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDkgLTk2OS4zNTgpIiBmaWxsPSIjY2RjZGNkIi8+PHBhdGggZD0iTTE4LjA3NSw5NjguNzU4YTUuMzI2LDUuMzI2LDAsMCwxLDQuMDQzLDEuOTE1bC44OTIsMS4wMjMuODkxLTEuMDE2YTUuMjE4LDUuMjE4LDAsMCwxLDguMDc2LDAsNy4wMjcsNy4wMjcsMCwwLDEsMCw5LjAwNXEtMi4wNzksMi4zOTItNC4xNTYsNC43ODV0LTQuMTYzLDQuNzk1YS44NTQuODU0LDAsMCwxLTEuMzA4LDBsLTguMzExLTkuNTlhNy4wMyw3LjAzLDAsMCwxLDAtOUE1LjMxNyw1LjMxNywwLDAsMSwxOC4wNzUsOTY4Ljc1OFptNC4yODMsNC44OS0xLjUzNi0xLjc4MWEzLjUsMy41LDAsMCwwLTUuNDg4LDAsNS4yLDUuMiwwLDAsMCwwLDYuNjE0bDcuNjc0LDguODM4LDMuNjE5LTQuMTY0LDQuMDU1LTQuNjY2YTUuMTg2LDUuMTg2LDAsMCwwLDAtNi42LDMuNSwzLjUsMCwwLDAtNS40OSwwbC0xLjUyNiwxLjc2MWEuODU0Ljg1NCwwLDAsMS0xLjMwOSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjAwOSAtOTY5LjM1OCkiIGZpbGw9IiNjZGNkY2QiLz48L2c+PC9zdmc+") 50% 50% no-repeat;
    background-size: 20px auto;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.favorite-trigger:hover,
.favorite-trigger.liked:hover {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4yIiBoZWlnaHQ9IjIwLjgxNCIgdmlld0JveD0iMCAwIDIxLjIgMjAuODE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjYgMC42KSI+PHBhdGggZD0iTTE4LjA3NSw5NjkuMzU4YTQuNzM0LDQuNzM0LDAsMCwwLTMuNTgyLDEuNzA4LDYuNDMsNi40MywwLDAsMCwwLDguMjE4bDguMzEzLDkuNTkyYS4yNTQuMjU0LDAsMCwwLC40LDBxNC4xNjQtNC43ODksOC4zMjEtOS41ODNhNi40MjgsNi40MjgsMCwwLDAsMC04LjIxOCw0LjYxOSw0LjYxOSwwLDAsMC03LjE3MiwwbC0xLjM0MywxLjUzMi0xLjM0My0xLjU0MUE0Ljc1MSw0Ljc1MSwwLDAsMCwxOC4wNzUsOTY5LjM1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDkgLTk2OS4zNTgpIiBmaWxsPSIjYmRiZGJkIi8+PHBhdGggZD0iTTE4LjA3NSw5NjguNzU4YTUuMzI2LDUuMzI2LDAsMCwxLDQuMDQzLDEuOTE1bC44OTIsMS4wMjMuODkxLTEuMDE2YTUuMjE4LDUuMjE4LDAsMCwxLDguMDc2LDAsNy4wMjcsNy4wMjcsMCwwLDEsMCw5LjAwNXEtMi4wNzksMi4zOTItNC4xNTYsNC43ODV0LTQuMTYzLDQuNzk1YS44NTQuODU0LDAsMCwxLTEuMzA4LDBsLTguMzExLTkuNTlhNy4wMyw3LjAzLDAsMCwxLDAtOUE1LjMxNyw1LjMxNywwLDAsMSwxOC4wNzUsOTY4Ljc1OFptNC45MzIsNC43NjEtMS43OTQtMi4wNTlhNC4wMTksNC4wMTksMCwwLDAtNi4yNjcsMCw1Ljg0LDUuODQsMCwwLDAsMCw3LjQzMUwyMyw5ODguMTlxMS45NTctMi4yNTEsMy45MS00LjUsMi4wNzctMi4zOTQsNC4xNTYtNC43ODZhNS44MzUsNS44MzUsMCwwLDAsMC03LjQzLDQuMDIsNC4wMiwwLDAsMC02LjI2NywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjAwOSAtOTY5LjM1OCkiIGZpbGw9IiNiZGJkYmQiLz48L2c+PC9zdmc+") 50% 50% no-repeat;
    background-size: 20px auto;
}

.favorite-trigger.liked {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4yIiBoZWlnaHQ9IjIwLjgxNCIgdmlld0JveD0iMCAwIDIxLjIgMjAuODE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjYgMC42KSI+PHBhdGggZD0iTTE4LjA3NSw5NjkuMzU4YTQuNzM0LDQuNzM0LDAsMCwwLTMuNTgyLDEuNzA4LDYuNDMsNi40MywwLDAsMCwwLDguMjE4bDguMzEzLDkuNTkyYS4yNTQuMjU0LDAsMCwwLC40LDBxNC4xNjQtNC43ODksOC4zMjEtOS41ODNhNi40MjgsNi40MjgsMCwwLDAsMC04LjIxOCw0LjYxOSw0LjYxOSwwLDAsMC03LjE3MiwwbC0xLjM0MywxLjUzMi0xLjM0My0xLjU0MUE0Ljc1MSw0Ljc1MSwwLDAsMCwxOC4wNzUsOTY5LjM1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDkgLTk2OS4zNTgpIiBmaWxsPSIjZjcyYjJiIi8+PHBhdGggZD0iTTE4LjA3NSw5NjguNzU4YTUuMzI2LDUuMzI2LDAsMCwxLDQuMDQzLDEuOTE1bC44OTIsMS4wMjMuODkxLTEuMDE2YTUuMjE4LDUuMjE4LDAsMCwxLDguMDc2LDAsNy4wMjcsNy4wMjcsMCwwLDEsMCw5LjAwNXEtMi4wNzksMi4zOTItNC4xNTYsNC43ODV0LTQuMTYzLDQuNzk1YS44NTQuODU0LDAsMCwxLTEuMzA4LDBsLTguMzExLTkuNTlhNy4wMyw3LjAzLDAsMCwxLDAtOUE1LjMxNyw1LjMxNywwLDAsMSwxOC4wNzUsOTY4Ljc1OFptNC45MzIsNC43NjEtMS43OTQtMi4wNTlhNC4wMTksNC4wMTksMCwwLDAtNi4yNjcsMCw1Ljg0LDUuODQsMCwwLDAsMCw3LjQzMUwyMyw5ODguMTlxMS45NTctMi4yNTEsMy45MS00LjUsMi4wNzctMi4zOTQsNC4xNTYtNC43ODZhNS44MzUsNS44MzUsMCwwLDAsMC03LjQzLDQuMDIsNC4wMiwwLDAsMC02LjI2NywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjAwOSAtOTY5LjM1OCkiIGZpbGw9IiNmNzJhMmEiLz48L2c+PC9zdmc+") 50% 50% no-repeat;
    background-size: 20px auto;
    animation-name: wishlist-ani;
    animation-duration: 1000ms;
}

.product .favorite-trigger {
    right: 0;
    background-size: 25px auto;
}

.product .favorite-trigger:hover,
.product .favorite-trigger.liked:hover {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4yIiBoZWlnaHQ9IjIwLjgxNCIgdmlld0JveD0iMCAwIDIxLjIgMjAuODE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjYgMC42KSI+PHBhdGggZD0iTTE4LjA3NSw5NjkuMzU4YTQuNzM0LDQuNzM0LDAsMCwwLTMuNTgyLDEuNzA4LDYuNDMsNi40MywwLDAsMCwwLDguMjE4bDguMzEzLDkuNTkyYS4yNTQuMjU0LDAsMCwwLC40LDBxNC4xNjQtNC43ODksOC4zMjEtOS41ODNhNi40MjgsNi40MjgsMCwwLDAsMC04LjIxOCw0LjYxOSw0LjYxOSwwLDAsMC03LjE3MiwwbC0xLjM0MywxLjUzMi0xLjM0My0xLjU0MUE0Ljc1MSw0Ljc1MSwwLDAsMCwxOC4wNzUsOTY5LjM1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDkgLTk2OS4zNTgpIiBmaWxsPSIjYmRiZGJkIi8+PHBhdGggZD0iTTE4LjA3NSw5NjguNzU4YTUuMzI2LDUuMzI2LDAsMCwxLDQuMDQzLDEuOTE1bC44OTIsMS4wMjMuODkxLTEuMDE2YTUuMjE4LDUuMjE4LDAsMCwxLDguMDc2LDAsNy4wMjcsNy4wMjcsMCwwLDEsMCw5LjAwNXEtMi4wNzksMi4zOTItNC4xNTYsNC43ODV0LTQuMTYzLDQuNzk1YS44NTQuODU0LDAsMCwxLTEuMzA4LDBsLTguMzExLTkuNTlhNy4wMyw3LjAzLDAsMCwxLDAtOUE1LjMxNyw1LjMxNywwLDAsMSwxOC4wNzUsOTY4Ljc1OFptNC45MzIsNC43NjEtMS43OTQtMi4wNTlhNC4wMTksNC4wMTksMCwwLDAtNi4yNjcsMCw1Ljg0LDUuODQsMCwwLDAsMCw3LjQzMUwyMyw5ODguMTlxMS45NTctMi4yNTEsMy45MS00LjUsMi4wNzctMi4zOTQsNC4xNTYtNC43ODZhNS44MzUsNS44MzUsMCwwLDAsMC03LjQzLDQuMDIsNC4wMiwwLDAsMC02LjI2NywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjAwOSAtOTY5LjM1OCkiIGZpbGw9IiNiZGJkYmQiLz48L2c+PC9zdmc+") 50% 50% no-repeat;
    background-size: 25px auto;
}

.product .favorite-trigger.liked {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4yIiBoZWlnaHQ9IjIwLjgxNCIgdmlld0JveD0iMCAwIDIxLjIgMjAuODE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjYgMC42KSI+PHBhdGggZD0iTTE4LjA3NSw5NjkuMzU4YTQuNzM0LDQuNzM0LDAsMCwwLTMuNTgyLDEuNzA4LDYuNDMsNi40MywwLDAsMCwwLDguMjE4bDguMzEzLDkuNTkyYS4yNTQuMjU0LDAsMCwwLC40LDBxNC4xNjQtNC43ODksOC4zMjEtOS41ODNhNi40MjgsNi40MjgsMCwwLDAsMC04LjIxOCw0LjYxOSw0LjYxOSwwLDAsMC03LjE3MiwwbC0xLjM0MywxLjUzMi0xLjM0My0xLjU0MUE0Ljc1MSw0Ljc1MSwwLDAsMCwxOC4wNzUsOTY5LjM1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMy4wMDkgLTk2OS4zNTgpIiBmaWxsPSIjZjcyYjJiIi8+PHBhdGggZD0iTTE4LjA3NSw5NjguNzU4YTUuMzI2LDUuMzI2LDAsMCwxLDQuMDQzLDEuOTE1bC44OTIsMS4wMjMuODkxLTEuMDE2YTUuMjE4LDUuMjE4LDAsMCwxLDguMDc2LDAsNy4wMjcsNy4wMjcsMCwwLDEsMCw5LjAwNXEtMi4wNzksMi4zOTItNC4xNTYsNC43ODV0LTQuMTYzLDQuNzk1YS44NTQuODU0LDAsMCwxLTEuMzA4LDBsLTguMzExLTkuNTlhNy4wMyw3LjAzLDAsMCwxLDAtOUE1LjMxNyw1LjMxNywwLDAsMSwxOC4wNzUsOTY4Ljc1OFptNC45MzIsNC43NjEtMS43OTQtMi4wNTlhNC4wMTksNC4wMTksMCwwLDAtNi4yNjcsMCw1Ljg0LDUuODQsMCwwLDAsMCw3LjQzMUwyMyw5ODguMTlxMS45NTctMi4yNTEsMy45MS00LjUsMi4wNzctMi4zOTQsNC4xNTYtNC43ODZhNS44MzUsNS44MzUsMCwwLDAsMC03LjQzLDQuMDIsNC4wMiwwLDAsMC02LjI2NywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjAwOSAtOTY5LjM1OCkiIGZpbGw9IiNmNzJhMmEiLz48L2c+PC9zdmc+") 50% 50% no-repeat;
    background-size: 25px auto;
}

@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;
    width: 40px;
    left: 10px;
    top: 10px;
    z-index: 2;
    margin: 0;
}

.add-item-btn {
    background: #1A171B;
    border-radius: 2px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    padding: 7px 5px;
    opacity: 0;
}

.add-item-btn:hover,
.add-item-btn:focus,
.add-item-btn:active {
    color: #ffffff;
    background: #BD9965;
}


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

.item-badges li {
    display: inline-block;
}

.item-badges li .badge-new {
    position: relative;
    display: block;
    width: 62px;
    height: 62px;
    color: #000000;
    text-align: center;
    font-size: 14px;
    line-height: 62px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 100%;
    background: #F7E7D8;
}

.product-container .item-badges li .badge-discount,
.prod-item .item-badges li .badge-discount {
    position: relative;
    display: block;
    width: 118px;
    height: 43px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 600;
    line-height: 43px;
    left: -10px;
    background: url(../img/discount-tag-ico.svg) 60% 50% no-repeat;
    background-size: 98px auto;
}

.prod-item .item-badges li .badge-discount {
    width: 72px;
    height: 31px;
    position: absolute;
    background-size: 65px auto;
    left: -7px;
    top: -3px;
    font-size: 16px;
    line-height: 33px;
}


/* NEWSLETTER SIGNUP */
.newsletter-signup-inner {
    position: relative;
    max-width: 620px;
    text-align: center;
    margin: 0 auto 90px auto;
}

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

.newsletter-signup-content h2 {
    font-size: 36px;
    letter-spacing: 2px;
    font-weight: 700;
}

.newsletter-subtitle {
    font-size: 18px;
    color: #656973;
    line-height: 1.8;
    padding: 40px 0 50px 0;
}

.newsletter-form {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.newsletter-form .nl-email {
    color: #11131E;
    width: 100%;
    display: block;
    border: none;
    padding: 0 25px;
    height: 55px;
    border-radius: 2px;
    background: #FFFFFF;
}

.newsletter-form .nl-email:focus,
.newsletter-form .nl-email:active {
    background: #ffffff;
    border: none;
    box-shadow: 0 2px 20px rgba(147, 127, 78, .4);
}

.newsletter-form .nl-email:hover {
    border: none;
}

.newsletter-form .nl-button {
    position: absolute;
    width: 55px;
    height: 55px;
    top: 0;
    right: 8px;
    background: none;
    z-index: 5;
}

.newsletter-form .nl-button path {
    fill: #71727b;
}

.newsletter-form .nl-button:hover path {
    fill: #BD9965;
}

.nl-error {
    display: none;
    font-size: 13px;
    color: #EB4132;
    padding-top: 5px;
    text-align: left;
}

.error + .nl-error {
    display: block;
}

.gdpr-accept {
    margin-top: 25px;
    text-align: left;
}

.gdpr-accept a {
    color: #000000;
    font-weight: 600;
    text-decoration: underline;
}

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

/* BENEFITS */
.benefits {
    padding: 25px 15px;
    margin: 0px 0 60px 0;
    display: inline-block;
    width: 100%;
    background: #FAFAFA;
    border-radius: 0;
}

.page-content .benefits {
    margin: 80px 0 0 0;
}

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

.benefits ul .benefit-icon img {
    width: auto;
    height: 74px;
}

.benefits ul:last-child .benefit-icon img {
    height: 74px;
}

.benefits h3 {
    color: #000;
    font-weight: 900;
    font-size: 20px;
}

.benefits ul {
    text-align: center;
    padding: 0 15px 0 0;
}

.benefits ul:last-of-type {
    padding: 0;
}

.benefits .benefit-icon {
    margin: 0 auto;
    position: relative;
    top: -3px;
}

.benefits ul .benefit-text {
    margin: 10px 0 0 0;
    text-align: left;
    font-weight: 700;
    padding-left: 20px;
}

.benefits ul .benefit-text h3 {
    margin: 0;
}

.benefits ul .benefit-text span {
    display: block;
    color: #656973;
    font-weight: 400;
    font-size: 18px;
    margin-top: 5px;
    line-height: 1.4;
}



/* NEWS */

.home-news .show-arrow {
    margin: 10px 0 0 0;
}

.home-news-content {
    position: relative;
    max-width: 270px;
    background: #EAEAEA;
    padding: 20px;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
    z-index: 2;
    margin: 0 auto;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.home-news-item:hover .home-news-content {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    background: #BD9965;
    color: #ffffff;
}

.home-news-content .show-arrow,
.home-news-content .show-arrow::after {
    margin: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.home-news-item:hover .show-arrow::after,
.news-item:hover .show-arrow::after {
    background: url(../img/show-arrow-ico-white.svg) 50% 50% no-repeat;
    background-size: 30px auto;
}

.home-news {
    padding: 0 15px;
}

.home-news-wrapper,
.featured {
    position: relative;
    max-width: 1700px;
    margin: 0 auto;
}

.home-news-wrapper .swiper-slide:nth-of-type(even) {
    margin: 40px 0 0 0;
}

.home-news-item a {
    display: inline-block;
    width: 100%;
}

.date-big {
    font-weight: 700;
    font-size: 30px;
    margin: 0 5px 0 0;
}

.date-small {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #8A8F9D;
}

.news-cat {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #9C8A5D;
}

.news-title {
    font-size: 18px;
    font-weight: 700;
    margin: 8px 0 0 0;
    color: #000000;
}

.home-news-item:hover .news-cat,
.home-news-item:hover .news-title,
.news-item:hover .news-cat,
.news-item:hover .news-title {
    color: #ffffff;
}

.home-news-item picture,
.home-news-item img {
    position: relative;
    width: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.home-news-item:hover picture,
.home-news-item:hover img {
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
}

/* FOOTER */
footer {
    position: relative;
    background: #EFEFEF;
    padding: 220px 0 200px 0;
}

.logo-footer img {
    max-width: 80px;
}

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

footer .link-group a,
footer .link-group {
    font-weight: 700;
    color: #71727B;
    position: relative;
}

footer .link-group a::before,
footer .link-group a::after,
.link::before,
.link::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #BD9965;
    top: 100%;
    left: 0;
    pointer-events: none;
}

footer .link-group a::before,
.link::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

footer .link-group a::before,
.link::before {
    content: '';
}

footer .link-group a:hover::before,
.link:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

.bean-left {
    position: absolute;
    top: 15%;
    left: 0;
    z-index: 1;
}

.bean-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

.bean-right {
    position: absolute;
    top: 15%;
    right: 0;
    z-index: 1;
}

.bean-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}


footer .cards {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

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

footer .cards li a {
    display: block;
}

footer .cards img {
    max-width: 75px;
    max-height: 40px;
}

.footer-disclaimer {
    width: 100%;
    max-width: 1100px;
    text-align: center;
    margin-top: 40px;
    font-size: 13px;
    text-align: center;
    line-height: 1.6;
    margin: 20px auto;
}

.footer-disclaimer a {
    font-weight: 700;
}

footer .copy {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: 13px;
}


/* BREADCRUMBS */
.breadcrumbs {
    font-size: 14px;
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.product .breadcrumbs ul {
    text-align: left;
}

.breadcrumbs ul li {
    display: inline-block;
}

.breadcrumbs ul li::after {
    content: '/';
    padding: 0 4px 0 5px;
    color: #3e3e3e;
}

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

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

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

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

.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%;
    margin: 135px 0 0 0;
    background: #FCFCFC;
    padding: 0 0 80px 0;
}

.page-content.viewed-items {
    padding: 100px 0 80px 0;
}

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

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

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

.page-sidebar {
    float: left;
    width: 280px;
}

.super-cat {
    position: relative;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    font-size: 18px;
}

.super-cat::after {
    position: relative;
    content: '';
    top: 10px;
    width: 46px;
    height: 32px;
    display: inline-block;
    background: url(../img/filteri-ico.png) 50% 50% no-repeat;
    background-size: 46px auto;
    margin: 0 0 0 15px;
}

.menu-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 15px;
}

.menu-left ul li {
    display: block;
}

.menu-left ul li a {
    position: relative;
    display: block;
    color: #11131E;
    padding-right: 50px;
}

.menu-left ul li a:hover {
    color: #BD9965;
}

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

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

.menu-left > ul > li > a {
    padding: 6px 50px 6px 0;
    font-weight: 700;
}

.menu-left ul ul {
    padding: 0 0 20px 15px;
}

.menu-left ul ul > li {
    padding-top: 2px;
    padding-bottom: 2px;
}

.menu-left ul ul > li span {
    top: 0;
    transform: none;
    -webkit-transform: none;
}

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

.menu-left > ul > li > a {
    padding: 6px 50px 6px 0;
    font-weight: 700;
}

.menu-left ul ul {
    padding: 0 0 20px 15px;
}

.menu-left ul ul > li {
    padding-top: 2px;
    padding-bottom: 2px;
}

.menu-left ul ul > li span {
    top: 0;
    -webkit-transform: none;
    transform: none;
}

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

.menu-left ul ul li a.active {
    font-weight: 700;
    color: #a6ce56;
}

.page-main {
    position: relative;
    float: right;
    max-width: 81%;
    width: 100%;
}

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

.filters {
    position: relative;
}

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

.filter {
    float: left;
    max-width: 330px;
    margin: 20px 10px 0 10px;
}

.range {
    padding: 18px 12px 14px 12px;
}

.range-slider {
    height: 10px;
    margin-top: 10px;
}

.slider-values {
    overflow: hidden;
    margin-top: 20px;
}

.filter .calc_value {
    float: right;
    width: 44%;
    padding: 4px 8px;
    font-size: 15px;
    border: 1px solid #ddd;
}

.filter .calc_value:first-of-type {
    float: left;
}

.toggle-filters {
    float: left;
    width: 245px;
    margin: 20px 10px 0 10px;
}

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

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

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

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

.selected-filters {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 14px;
}

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

.selected-filters ul li {
    position: relative;
    display: inline-block;
    margin-right: 8px;
    margin-top: 10px;
    color: #ffffff;
    background: #bd9965;
    padding: 0 30px 0 10px;
    line-height: 30px;
    border-radius: 2px;
}

.selected-filters ul li:first-of-type {
    margin-left: 0;
}

.selected-filters .icon-close {
    position: absolute;
    right: 0;
    top: 1px;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 8px;
    text-align: center;
    overflow: hidden;
    line-height: 30px;
    opacity: 0.5;
}

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

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

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

.grid-heading {
    position: relative;
    line-height: 40px;
    margin-top: 20px;
    padding: 0 10px;
}

.grid-qty {
    float: left;
    position: relative;
    line-height: 40px;
    top: 3px;
}

.grid-qty strong {
    color: #39434B;
}

.page-nav {
    text-align: center;
    color: #39434B;
}

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

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

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

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

.sort-results {
    float: right;
    text-align: 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: 220px;
}

.sort-results .bootstrap-select .btn {
    padding: 0;
}

.sort-results span {
    display: inline-block;
    vertical-align: middle;
}


.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    background: transparent;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: none;
    outline: none !important;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    background: transparent;
    border: none;
}

.product-grid .prod-item {
    width: 24%;
    margin: 10px 0.5%;
    height: 100%;
}

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

.grid-bottom .pagination {
    margin: 0;
}



/* PRODUCT QUANTITY STEPPER */
.change_qty {
    width: 100%;
    max-width: 115px;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 40px;
}

.basket .change_qty {
    display: inline-block;
    border: 1px solid #BD9965;
}

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

.change_qty .prod_qty {
    width: 33.333%;
    height: 40px;
    font-weight: 700;
}

.change_qty li .action-handle {
    display: block;
    height: 40px;
    color: #000000;
    text-align: center;
    font-weight: 300;
}

.change_qty li .action-handle span {
    position: relative;
    top: -1px;
    font-size: 25px;
}

.change_qty li .action-handle .icon-minus {
    top: -3px;
}

.change_qty li .action-handle:hover {
    text-decoration: none;
    color: #fff;
    background: #ab824a;
}

.change_qty li input {
    display: block;
    color: #000000;
    width: 100%;
    border: 0;
    background: none;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.version_add {
    position: relative;
}

.qty-label {
    font-size: 14px;
    color: #939393;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}

/* PRODUCT PAGE */
.product {
    background: #EFEFEF;
}

.product .product-general {
    background: #f8f5ed;
}

.product-pic {
    padding: 30px;
}

.product-name-desc-wrapper {
    text-align: center;
    padding: 50px 40px;
}

.product-name-desc-wrapper .coffee {
    position: relative;
    width: 100px;
    height: 80px;
    margin: 0 auto 15px auto;
}

.product-name-desc-wrapper .bean1 {
    top: 13%;
    left: -10%;
    width: 40px;
}

.product-name-desc-wrapper .bean2 {
    top: 0;
    right: 20%;
    width: 55px;
}

.product-name-desc-wrapper .bean2 img {
    width: 55px;
}

.product-name-desc-wrapper .bean3 {
    bottom: 0;
    right: 34%;
    width: 40px;
}

.product-name-desc-wrapper .bean3 img,
.product-name-desc-wrapper .bean1 img {
    width: 40px;
}

.prod-desc {
    max-width: 700px;
    margin: 0 auto;
    color: #7E7E7E;
}

.product-name {
    margin: 0;
    font-size: 38px;
    /* text-transform: uppercase;*/
    line-height: 1.3;
    font-weight: 700;
}

.prod-item-cat {
    color: #8A8F9D;
    margin: 10px 0 0 0;
}

.product-price {
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    margin: 20px 0;
    text-transform: uppercase;
}

.product-price span {
    display: inline-block;
    vertical-align: baseline;
}

.product-price .price-before {
    position: relative;
    top: -3px;
    display: inline-block;
    text-decoration: line-through;
    color: #525252;
    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: 600;
    color: #bd9965;
    font-size: 28px;
}

.prod-code-label {
    color: #7E7E7E;
}

.prod-features {
    list-style-type: none;
    padding: 0;
    margin: 25px 0 20px 0;
    color: #383838;
}

/*.prod-features li {
    padding: 10px 13px;
    border-right: 1px solid #707070;
}

.prod-features li:first-child {
    padding: 10px 13px 10px 0;
}

.prod-features li:last-child {
    border: none;
    padding: 10px 0 10px 13px;
}
*/
.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;
}

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

.code-availability .available {
    position: relative;
    color: #000000;
    background: #c6ec79;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1;
}

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

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

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

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

.product-set-qty {
    width: 49%;
    height: 70px;
}

.product-set-qty .change_qty {
    max-width: 100%;
    line-height: 70px;
    display: inline-block;
    background: #BD9965;
    height: 70px;
}

.product-set-qty .change_qty .prod_qty {
    height: 70px;
}

.product-set-qty .change_qty li {
    text-align: center;
}

.product-set-qty .change_qty li input {
    height: 70px;
    line-height: 70px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
}

.product-set-qty .change_qty li .action-handle {
    height: 70px;
    font-size: 26px;
    color: #ffffff;
}

.product-add {
    padding: 40px;
    background: #E8E4DC;
}

.product-add .btn {
    width: 49%;
    height: 70px;
    line-height: 70px;
    padding: 0 10px;
}

.product-add .btn svg {
    position: relative;
    margin: 0 20px 0 0;
    top: -3px;
}

.product-add .btn path {
    fill: #ffffff;
}

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

.product-pills li {
    display: inline-block;
    background: #EFF1F6;
    color: #A0A4B1;
    border-radius: 4px;
    line-height: 20px;
    padding: 5px 12px;
    white-space: nowrap;
    margin-right: 5px;
    font-size: 13px;
    font-weight: 700;
}

.product-pills li img {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.product-benefits {
    border-radius: 2px;
    padding: 15px 20px;
}

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

.product .product-pic {
    position: relative;
    width: 50%;
    border: 0;
    padding: 30px 40px 30px 60px;
    background: #EFEFEF;
    text-align: center;
}

.product .product-pic-inner {
    margin: 20px 0;
    position: relative;
    width: 100%;
}

.product .product-pic-carousel {
    max-width: 500px;
    margin: 0 auto;
}

.product .product-pic-carousel a {
    background: #EFEFEF;
}

.product-pic-carousel img,
.accordion-img img,
.prod-item .item-pic img,
.subcats-carousel .swiper-slide img,
.basket-products .product-img img,
.viewed-item .item-pic img {
    mix-blend-mode: multiply;
}

.product .product-thumbs {
    margin: 0 0 15px 0;
}

.product .product-thumbs .swiper-slide,
.product-thumb-item,
.product-thumb-item picture {
    width: auto;
    display: inline-block;
    background: #EFEFEF;
}

.product-thumb-item {
    background: #efefef;
}

.product .product-thumbs .swiper-slide-thumb-active img {
    border-color: #d8bc92;
}

.product-thumbs img {
    border: 1px solid #e1e1e1;
    padding: 5px;
    cursor: pointer;
    mix-blend-mode: multiply;
}

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

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

.product-share {
    width: 100%;
}

.product-share > span {
    margin-right: 10px;
    line-height: 40px;
}

.addthis_toolbox a.at300b,
.addthis_toolbox a.at300m {
    width: 28px !important;
}

.product-share .addthis_toolbox {
    display: inline-block;
}

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

.product-share ul li {
    display: inline-block;
    margin-right: 5px;
    font-size: 18px;
}

.product-share ul a {
    display: block;
    position: relative;
    width: 28px !important;
    height: 28px !important;
    background: #fff;
    border-radius: 100%;
    box-shadow: none;
    text-align: left;
}

.product-share ul a:hover {
    background: #39434B;
    border: 1px solid #39434B;
    color: #fff;
}

.product-share ul a span {
    position: relative;
    top: 2px;
    line-height: 40px;
}

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

.product-share .print-page:hover svg path,
.product-share .print-page:active svg path,
.product-share .print-page:focus svg path {
    fill: #BD9965;
}

.product-share .print-page span,
.share-label {
    position: relative;
    top: 1px;
    margin: 0 15px 0 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #8A8F9D;
}

.product-share .print-page span:hover {
    color: #BD9965;
}

prod-availability {
    font-size: 13px;
}

.out-of-stock {
    background: #EFEFEF;
}

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

/*start custom image*/
.product-share .custom_images {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.product-share .print-page path {
    fill: #8a8f9d;
}

.product-share .custom_images a {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    background: #8A8F9D;
    border-radius: 100%;
    box-shadow: none;
    text-align: center;
    margin: 0 5px 0 0;
    line-height: 25px;
}

.product-share .custom_images a:hover {
    background: #BD9965;
}

.product-share .custom_images a span {
    position: relative;
    top: 2px;
    line-height: 40px;
}

/*end custom image*/

/* proizvod accordion */

.accordion-img {
    width: 50%;
    padding: 1%;
}

.accordion-img img {
    margin: 0 auto;
    display: block;
}

.accordion-wrapper {
    background: #F8F5ED;
}

.product-accordion {
    width: 50%;
    padding: 5%;
}

.product-accordion .btn-accordion {
    position: relative;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    padding: 18px 0;
    background: transparent;
    border-radius: 0;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}

.product-accordion .btn-accordion:after {
    content: '-';
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-accordion .btn-accordion.collapsed:after {
    content: '+';
}

.card-header {
    border-bottom: none;
    padding: 0;
    background: transparent;
    border-radius: 0;
}

.card-header:first-child,
.card {
    border-radius: 0;
}

.card {
    background: transparent;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #000000;
}

.card:first-of-type {
    border-top: none;
}

.card:last-of-type {
    border-bottom: none;
}

.card-body {
    padding: 0 0 30px 0;
    color: #656973;
    font-size: 18px;
}

.product-accordion h3 {
    font-size: 20px;
    margin: 20px 0 10px 0;
}

.prod-img-features {
    padding: 50px 15px;
}

.prod-img-features img,
.prod-img-features picture {
    display: block;
    margin: 0 auto;
}
/* end proizvod accordion */

.half-col {
    float: left;
    width: 50%;
    padding: 0 50px;
}

.half-col:first-of-type {
    padding-left: 0;
}

.half-col:last-of-type {
    padding-right: 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: 12px 15px;
}

.product-characteristic li:first-of-type {
    width: 200px;
    background: #EFF1F6;
    font-weight: 700;
}


/* 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: #BD9965;
    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 {
    background: #FCFCFC;
    min-height: 100vh;
}

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

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

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

.btn-basket-back:hover,
.btn-basket-back:focus,
.btn-basket-back:active {
    color: #BD9965;
}

.btn-cont-helper {
    margin-top: 25px;
}

.basket-products {
    margin-top: 50px;
    border-top: 1px solid #DBDBDB;
}

.basket-products .heading {
    display: table;
    width: 100%;
    border-bottom: 3px solid #E0E1E6;
    font-weight: 700;
    display: none;
}

.basket-products .heading div {
    display: table-cell;
    padding-bottom: 10px;
}

.basket-products .remove-wrap {
    width: 60px;
    text-align: right;
}

.remove-wrap a:hover {
    color: #EB4132;
}

.basket-products .item {
    border-bottom: 1px solid #DBDBDB;
    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: 110px;
    vertical-align: middle;
}

.basket-products .product-img img {
    max-width: 100%;
}

.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 {
    font-size: 10px;
    color: #E9003F;
}

.basket-products .product-title ul a {
    color: #000000;
    font-size: 21px;
    font-weight: 400;
    text-transform: uppercase;
}

.basket-products .product-title ul a:hover,
.basket-products .product-title ul a:focus,
.basket-products .product-title ul a:active {
    color: #BD9965;
}

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

.total-sum-wrapper ul {
    display: table;
    width: 100%;
    max-width: 680px;
    margin: 5px 0 0 auto;
    padding: 0;
    list-style: none;
}

.total-sum-wrapper ul li {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.total-sum-wrapper ul li:first-of-type {
    width: 60%;
    font-size: 14px;
    text-transform: uppercase;
    color: #939393;
}

.total-sum-wrapper .min-saving {
    color: #F36523;
}

.total-sum-wrapper .total-sum {
    font-size: 26px;
    margin: 0 0 0 20px;
    color: #000000;
}

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

.basket .promo-code-enter {
    width: 100%;
    margin-top: 20px;
}

.basket .promo-code-enter ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}

.basket .promo-code-enter ul li {
    display: inline-block;
}

.basket .promo-code-enter ul .promo-input input {
    padding: 7px 0;
    font-weight: 300;
}

.basket .promo-code-enter .btn {
    padding: 8px 10px;
    min-width: 110px;
}

.basket .promo-input {
    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;
}

.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: 16px;
    margin-bottom: 50px;
    color: #1F1F1F;
    font-weight: 300;
}

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

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

.steps li.active .step-wrapper::before {
    content: '';
    width: 33px;
    height: 33px;
    display: inline-block;
    background: url(../img/bean-bullet.png) 50% 50% no-repeat;
    background-size: 25px auto;
    margin-right: 5px;
    position: relative;
    top: 7px;
    -webkit-transform: rotate(-28deg);
    transform: rotate(-28deg);
}

.signins-wrapper h2 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
}

.single-signin-wrapper {
    position: relative;
    width: 33.33333%;
    padding: 10px 35px 0 35px;
}

.single-signin-wrapper .title-text-wrapper .form-error-message {
    text-align: left;
}

.single-signin-wrapper:first-of-type {
    padding: 10px 35px 0 0;
}

.single-signin-wrapper:last-of-type {
    padding: 10px 0 0 35px;
}


.single-signin-wrapper.new-customer-registration-wrapper::after,
.podaci.druga_adresa::after {
    display: none;
}


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

.basket-login .btn-holder .btn {
    width: 100%;
}

.inner-signin {
    height: 100%;
}


.login-form-wrapper,
.contact-form-wrapper {
    max-width: 480px;
    margin: 0 auto;
}

.login-button {
    width: 100%;
}

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

.no-account {
    font-size: 18px;
    margin: 0 0 50px 0;
    text-align: center;
}

.no-account a {
    font-weight: 700;
    position: relative;
}

.no-account a:hover {
    color: #BD9965;
}

.form-control {
    padding: 10px 0;
    height: auto;
    margin-top: 0;
    font-size: 16px;
    background: transparent;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow .5s ease-in-out;
    border: none;
    border-bottom: 1px solid #DBDBDB;
}

.form-control:focus,
.form-control:active {
    outline: none;
    border-bottom: 1px solid #454545;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid #000000;
}

.form-group .input-group-append {
    border-bottom: 1px solid #DBDBDB;
    -webkit-transition: border-color 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out;
}

.radio-wrapper {
    display: inline-block;
    margin-left: 40px;
}

.full-width {
    display: block;
}

.form-group,
.form-check {
    margin-bottom: 25px;
}

.company-data,
.shipping-form {
    display: none;
}

.shipping-form {
    padding-top: 25px;
}

.autocomplete-items {
    padding: 7px 0;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}

.autocomplete-items > div {
    cursor: pointer;
    padding: 3px 10px;
    -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;
}

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

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


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

.form-group {
    position: relative;
}

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

.form-group input,
.form-group textarea {
    position: relative;
    font-weight: 300;
    font-size: 18px;
}

.form-group.focused label {
    font-size: 11px;
    top: -5px;
    color: #000000;
}

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

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

.form-error-message {
    color: #EB4132;
    margin: 0 0 10px 0;
    display: inline-block;
    width: 100%;
    text-align: left;
}

.error-message {
    color: #ee2121;
}

.form-control:hover,
.form-control:hover ~ .input-group-append {
    border-bottom: 1px solid #454545;
}

.form-control:focus ~ .input-group-append {
    border-bottom: 1px solid #454545;
}

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

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

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

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

.terms-conditions a:hover {
    color: #11131E;
}

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

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

/*.btn-naruci,
.btn-naruci-note {
    margin-top: 30px;
}*/

.total-price {
    font-size: 18px;
    margin-top: 30px;
}

.total-price-num {
    font-weight: 700;
    color: #BD9965;
}

.total-price-label {
    font-weight: 600;
}


.btn-naruci-note .error-note {
    color: #2e2e2e;
    position: fixed;
    background: #ececec;
    left: 0;
    padding: 10px 15px;
    bottom: 0;
    font-size: 13px;
    max-width: 450px;
}

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

.purchase-details-item:first-child {
    margin-top: 0;
}

.purchase-details-item h4 {
    margin-bottom: 4px;
}

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

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

.title-text-wrapper p {
    font-weight: 300;
}


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

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

.new-customer-registration-wrapper ul li::before {
    content: '';
    width: 13px;
    height: 10px;
    display: inline-block;
    margin-left: -22px;
    margin-right: 10px;
    background: url(../img/check-mark-ico.svg) 50% 50% no-repeat;
    background-size: 13px auto;
}

.thank-you-wrapper {
    text-align: center;
    padding: 60px 0;
}

.thank-you-wrapper h1 {
    margin: 0 0 40px 0;
    line-height: 1.4;
}

.thank-you-wrapper img {
    margin: 70px 0 0 0;
}


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

.viewed-items .btn {
    padding: 12px 25px;
}


.wishlist-tabs .nav-link {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 300;
    padding: 10px 35px;
}

.wishlist-tabs .nav-link.active,
.wishlist-tabs .show > .nav-link {
    background: #BD9965;
    color: #ffffff;
}

.wishlist-tabs .nav-item {
    margin: 0 0 0 35px;
    display: inline-block;
}

.nav-link {
    background: #ffffff;
    box-shadow: 0 3px 20px rgba(0,0,0,.1);
}

.viewed-item {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #DBDBDB;
}

.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-info a {
    font-size: 18px;
}

.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: 200px;
    text-align: right;
    font-weight: 400;
    padding-right: 40px;
    font-size: 18px;
}

.viewed-item .item-cart-action {
    width: 230px;
    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 .favorite-trigger {
    right: 0;
}

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

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

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

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

.cookies .btn {
    padding: 5px 20px;
}

/* SUGGEST BOX */
.suggest-box {
    display: none;
    background: #ffffff;
    text-align: left;
    position: absolute;
    top: 270px;
    left: auto;
    right: auto;
    margin: 0 auto;
    max-width: 1160px;
    width: 100%;
    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: 5px;
    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;
    border-radius: 2px;
    padding: 14px 10px;
    line-height: 1;
    font-size: 13px;
}

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

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

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

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

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

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

.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 .tab-content {
    padding: 20px 10px 0 10px;
}

.swiper-container-horizontal > .swiper-scrollbar {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.carousel-gallery .swiper-pagination,
.home-news-wrapper .swiper-pagination {
    left: 0;
    right: 0;
    bottom: -15px;
}

.home-news-wrapper .swiper-pagination {
    bottom: 0;
}

.carousel-gallery .swiper-pagination {
    bottom: -40px;
}

.recently-viewed-inner .swiper-pagination-bullet,
.carousel-gallery .swiper-pagination-bullet,
.home-news-wrapper .swiper-pagination-bullet {
    position: relative;
    width: 30px;
    height: 5px;
    opacity: 1;
    background: transparent;
    margin: 0;
}

.recently-viewed-inner .swiper-pagination-bullet::after,
.carousel-gallery .swiper-pagination-bullet::after,
.home-news-wrapper .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 5px;
    left: 50%;
    top: 50%;
    background: #E8DED2;
    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;
}

.recently-viewed-inner .swiper-pagination-bullet:hover::after,
.carousel-gallery .swiper-pagination-bullet:hover::after,
.home-news-wrapper .swiper-pagination-bullet:hover::after {
    background: #BD9965;
}

.recently-viewed-inner .swiper-pagination-bullet-active::after,
.carousel-gallery .swiper-pagination-bullet-active::after,
.home-news-wrapper .swiper-pagination-bullet-active::after {
    background: #BD9965;
    width: 30px;
}

.recently-viewed-inner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.carousel-gallery .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.home-news-wrapper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}


.swiper-button-prev .arrow-left {
    -webkit-transform: translate(-3.364px, -23.159px);
    transform: translate(-3.364px, -23.159px);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.swiper-button-prev:hover .arrow-left {
    -webkit-transform: translate(-7.364px, -23.159px);
    transform: translate(-7.364px, -23.159px);
}

.swiper-button-next .arrow-right {
    -webkit-transform: translate(-12.364px, -23.159px);
    transform: translate(-12.364px, -23.159px);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.swiper-button-next:hover .arrow-right {
    -webkit-transform: translate(-7.364px, -23.159px);
    transform: translate(-7.364px, -23.159px);
}

.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: -100px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: -100px;
}

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


/* DOSTUPNOST */

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

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

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

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

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

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

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

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

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

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


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

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

.print .logo {
    float: none;
}

.print header {
    background: none;
    position: relative;
    box-shadow: none;
    padding: 0;
}

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

.print .path {
    margin-bottom: 15px;
    font-size: 10px;
    padding: 0;
}

.print .product-add {
    display: none;
}

.print .prod-features li,
.print .prod-features li:last-child {
    padding: 10px 13px 10px 0;
}

.print .prod-features {
    margin: 0;
}

.print .product {
    background: #ffffff;
}

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

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

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


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

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

.swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    width: 33px;
    height: 33px;
    left: 50%;
    top: 50%;
    background-color: #F7F1F1;
    border: none;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: background-color .5s cubic-bezier(0.21, 1.17, 0.73, 1.21);
}

.swiper-pagination-bullet:hover::after {
    opacity: 1;
}

.home-slider-list li {
    position: relative;
    font-weight: 700;
    color: #8A8F9D;
    cursor: pointer;
    margin: 20px 0;
    padding: 0 70px 0 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.home-slider-list li::after {
    content: '';
    position: absolute;
    width: 33px;
    height: 33px;
    right: 0;
    top: 50%;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: opacity .5s cubic-bezier(0.21, 1.17, 0.73, 1.21);
}

.home-slider-list li::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #F7F1F1;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 100%;
    right: 7px;
    top: 51%;
    z-index: 3;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: background-color .2s cubic-bezier(0.21, 1.17, 0.73, 1.21);
}

.home-slider-list .active,
.home-slider-list li:hover {
    color: #1A171B;
}

.home-slider-list .active::before {
    background-color: transparent;
}

.home-slider-list .active::after {
    width: 33px;
    height: 33px;
    display: block;
    background: url(../img/bean-bullet.png) 50% 50% no-repeat;
    background-size: 25px auto;
    opacity: 1;
}

.home-slider-list .bookmark1.active::after {
    background: url(../img/ribili-bullet.png) 50% 50% no-repeat;
    background-size: auto 34px;
    top: 27%;
}

.home-slider-list .bookmark3.active::after {
    background: url(../img/leaf-slider.png) 50% 50% no-repeat;
    background-size: 25px auto;
}

.home-slider-list .bookmark4.active::after {
    background: url(../img/choco-drop1.png) 50% 50% no-repeat;
    background-size: 25px auto;
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 25px 0;
}

.home-slider-bookmarks {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-slider-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: right;
}

/* 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;
    padding: 10px 15px;
}

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

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

.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,
.show-all-in-cat {
    display: none;
}


/* ACCORDIONS */
.accordions {
    margin-top: 50px;
}

.accordions .accordion-header {
    padding-left: 40px;
    font-weight: 700;
}

.accordions .accordion-header:before {
    content: '+';
    font-size: 27px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.accordions .accordion-header.active:before {
    content: '-';
}

.accordions ul {
    margin: 0;
    padding: 30px 0;
    list-style: none;
    border-bottom: 1px solid #D8D5D5;
}

.accordions ul li {
    display: block;
}

.accordions ul li:first-child {
    position: relative;
    cursor: pointer;
}

.accordions .accordion-hidden {
    display: none;
    margin-top: 16px;
}

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

.orderHistoryCols {
    display: table;
    margin: 0;
    padding: 20px;
    list-style: none;
    width: 100%;
}

.table-header {
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 20px;
}

.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: #efefef;
    cursor: pointer;
}

.orderItemHeading .orderHistoryCols {
    color: #3A2E2C;
}

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

.orderItemHeading .orderHistoryCols i {
    display: none;
}

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

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

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

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

.povijestNarudzbiHolder .grid-bottom {
    margin: 20px 0;
}

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

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


/* BLOG */
.blog-cats ul {
    margin: 0;
    padding: 16px 0 0 0;
    list-style: none;
    text-align: center;
}

.blog-cats ul li {
    display: inline-block;
    margin-left: 64px;
}

.blog-cats ul li:first-child {
    margin-left: 0;
}

.blog-cats ul li a {
    font-size: 18px;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
    color: #767676;
    padding-bottom: 4px;
}

.blog-cats ul li a:hover {
    color: #a6ce56;
}

.blog-cats ul li .active {
    border-bottom-color: #a6ce56;
}

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

.blog-entries {
    margin: 20px 0 0 0;
}

.blog-item {
    float: left;
    width: calc(25% - 40px);
    margin: 40px 20px 0 20px;
}

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

.blog-item ul li {
    display: block;
}

.blog-item-first {
    width: calc(50% - 40px);
}

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

.link-red,
.link-red:focus {
    color: #E41E26;
}

.link-red:hover {
    color: #13009D;
}


/* POGLEDANI PROIZVODI */

.recently-viewed {
    padding: 70px 0 50px 0;
}

.recently-viewed-inner {
    position: relative;
}

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

.send-inq-btn-katalog {
    border-radius: 5px;
    padding: 5px 10px 7px 10px;
    font-size: 15px;
}

.send-inq-btn-katalog:hover,
.send-inq-btn-katalog:focus {
    background: #dcdcdc;
}

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

.prod-item.catalogue-banner {
    padding: 0;
    border: none;
    width: 49%;
    height: auto;
}

.prod-item.catalogue-banner:hover {
    background: transparent;
    box-shadow: none;
}

.grid-comm a {
    position: relative;
    width: 100%;
    height: 100%;
    /*background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;*/
    display: block;
}

.prod-item.catalogue-banner img {
    width: 100%;
}

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

.lg-backdrop {
    background: #f1f1f1;
}

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

.error-content-wrapper {
    text-align: center;
}

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

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

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

.forgot-pass {
    margin: 20px 0 0 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #EB4132;
    font-weight: 600;
}

.basket-login .forgot-pass {
    position: absolute;
    bottom: -40px;
    left: 0;
    color: #1F1F1F;
    font-weight: 400;
    font-size: 14px;
}

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

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

.gd-logo {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px auto;
}

.icon-eye-open,
.icon-eye-close {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0;
    float: right;
}

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

.icon-eye-close {
    background: url(../img/eye-closed.svg) 100% 50% no-repeat;
    background-size: 20px auto;
}

.input-group-append .btn {
    border-color: #ced4da;
    padding: 0;
    width: 54px;
    background: transparent;
}

.input-group-append .btn:hover,
.input-group-append .btn:active,
.input-group-append .btn:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    background: transparent;
    outline: none;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

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

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

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


/*prikaz pakiranja/velicine proizvoda na stranici*/

.package-wrapper {
    margin: 10px 0 0 0;
}

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

.package-wrapper ul li {
    display: block;
    float: left;
    margin: 0 10px 10px 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: #ed135d;
    color: #ffffff;
}

.package-wrapper ul li a {
    display: block;
    color: #000000;
    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 + .product-add {
    margin: 10px 0 20px 0;
}

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


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


.floating1 {
    animation-name: floating1;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

.floating2 {
    animation-name: floating2;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.floating3 {
    animation-name: floating3;
    animation-duration: 12s;
    animation-iteration-count: infinite;
}

.floating4 {
    animation-name: floating4;
    animation-duration: 15s;
    animation-iteration-count: infinite;
}

@keyframes floating1 {
    50% {
        transform: translateY(30px);
    }
}

@keyframes floating2 {
    50% {
        transform: translate(20px, 30px);
    }
}

@keyframes floating3 {
    50% {
        transform: translate(-60px, 40px);
    }
}

@keyframes floating4 {
    50% {
        transform: translate(10px, -60px);
    }
}

.empty-basket-wrapper,
.error-page {
    text-align: center;
    background: url(../img/empty-basket-img.jpg) 50% 50% no-repeat;
    background-size: cover;
    height: 100vh;
    color: #4A8588;
    padding-top: 90px;
    margin: 135px 0 0 0;
}

.error-page h1,
.empty-basket-wrapper h1 {
    font-weight: 700;
    margin: 0 0 15px 0;
}

.error-txt {
    color: #000000;
}

.empty-basket-wrapper p {
    font-size: 18px;
    font-weight: 600;
}

.empty-basket {
    background: #BD9965;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    max-width: 420px;
    width: 100%;
    margin: 10px 0 0 0;
}

.main {
    margin: 135px 0 0 0;
}

.product-container.roza .product,
.product-container.roza .accordion-wrapper,
.product.roza .product-general {
    background: #ECE2E2;
}

.product-container.roza .product-add {
    background: #F4D9DA;
}

.product-container.roza .btn-action,
.product-container.roza .product-set-qty .change_qty {
    background: #EF6B6A;
}

.product-container.roza .product-set-qty .change_qty li .action-handle:hover,
.product-container.roza .btn-action:hover,
.product-container.roza .btn-action:focus,
.product-container.roza .btn-action:active,
.product-container.roza .btn-action-complete {
    background: #c5504f;
    color: #ffffff;
}

.product-container.plavozelena .product,
.product-container.plavozelena .accordion-wrapper,
.product.plavozelena .product-general {
    background: #E1E6DF;
}

.product-container.plavozelena .product-add {
    background: #C0C9B7;
}

.product-container.plavozelena .btn-action,
.product-container.plavozelena .product-set-qty .change_qty {
    background: #6D8E8F;
}

.product-container.plavozelena .product-set-qty .change_qty li .action-handle:hover,
.product-container.plavozelena .btn-action:hover,
.product-container.plavozelena .btn-action:focus,
.product-container.plavozelena .btn-action:active,
.product-container.plavozelena .btn-action-complete {
    background: #527677;
    color: #ffffff;
}

.form-wrapper-middle {
    max-width: 510px;
    margin: 0 auto;
}

.form-wrapper-middle .btn {
    width: 100%;
    max-width: 100%;
}

.form-wrapper-middle .basket-btns {
    margin: 10px 0 50px 0;
}

.form-wrapper-middle .btn-basket-back {
    display: inline-block;
    margin: 60px 0 0 0;
}

.btn-basket-back {
    font-weight: 600;
}

.basket h2 {
    font-weight: 400;
    font-size: 18px;
    margin: 0 0 20px 0;
}

.btn-basket-back svg {
    position: relative;
    margin: 0 15px 0 0;
    top: -2px;
}

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

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

/* Remove chrome autofill color from inputs */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000000s ease-in-out 0s;
}

.category-wrapper {
    display: inline-block;
    width: 100%;
    margin: 135px 0 0 0;
    background: #FCFCFC;
    padding: 0 60px 69px 60px;
}

.category-wrapper .bean-leaf-title {
    right: 0;
}

.category-container h1 {
    padding: 0 50px;
}

.category-container {
    max-width: 1800px;
    margin: 0 auto;
}

#basketcase,
.btn-basket-order {
    width: 100%;
    max-width: 420px;
}

.subcat-label {
    margin: 0 20px 0 0;
}

.subcats-carousel .swiper-container {
    padding: 60px 15px 20px 15px;
}

.subcats-carousel img {
    max-width: 40px;
}

.news-cat-carousel .swiper-container {
    padding: 20px 15px;
}

.subcats-carousel .swiper-slide a,
.news-cat-carousel .swiper-slide a {
    display: inline-block;
    font-weight: 300;
    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;
}

.news-cat-carousel .swiper-slide a {
    min-height: auto;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
}

.news-cat-carousel .swiper-slide a.active,
.news-cat-carousel .swiper-slide a:hover,
.news-cat-carousel .swiper-slide a:focus,
.news-cat-carousel .swiper-slide a:active {
    background: #BD9965;
    color: #ffffff;
}

.subcats-carousel .swiper-slide a:hover {
    background: #f9f9f9;
}

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

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

.subcats-carousel .swiper-slide,
.news-cat-carousel .swiper-slide {
    width: auto;
}

.swiper-scrollbar-drag {
    background: rgba(189, 153, 101, .6);
}

.swiper-container-horizontal > .swiper-scrollbar {
    height: 3px;
    left: 0;
    width: 99%;
    right: 0;
    margin: 0 auto;
}

.about-page .container {
    max-width: 1800px;
}

.about-content {
    padding: 60px 0 100px 0;
    font-size: 18px;
}

.about-left {
    width: 100%;
    padding: 0 60px 0 0;
}

.about-right {
    width: 87%;
    color: #656973;
}

.about-right img {
    margin: 50px 0 0 0;
    width: 85%;
}

.about-page .section-intro,
.news-content .featured-txt {
    font-size: 29px;
    color: #242424;
    max-width: 635px;
    font-weight: 600;
    line-height: 1.5;
}

.contact-form-wrapper {
    text-align: center;
}

.contact-intro {
    padding: 20px 0 40px 0;
    font-size: 18px;
    color: #656973;
}

.contact-form-wrapper h2 {
    font-size: 42px;
    font-weight: 900;
}

.news-list,
.news-content-wrapper {
    max-width: 880px;
    margin: 0 auto;
}

.news-list .news-item {
    margin: 0 0 60px 0;
}

.news-list .news-item:hover .home-news-content {
    background: #BD9965;
    color: #ffffff;
}

.news-list .home-news-content {
    max-width: 100%;
    -webkit-transform: none;
    transform: none;
}

.news-main-img {
    position: relative;
    z-index: 1;
    margin: 40px 0;
}

.news-tag {
    position: absolute;
    top: 25px;
    right: 35px;
    color: #ffffff;
    background: #BD9965;
    text-transform: uppercase;
    z-index: 2;
    padding: 10px 25px;
}

.news-detail h1 {
    margin: 10px 0;
}

.published {
    color: #656973;
}

.news-content {
    font-size: 18px;
    color: #656973;
}

.news-content .featured-txt {
    margin: 50px auto;
}

.carousel-gallery {
    margin: 50px 0 0 0;
    position: relative;
}

.carousel-gallery picture,
.carousel-gallery picture img {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 100%;
}

.carousel-gallery .swiper-slide .pic-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    background: rgba(39,38,38,.58);
    transition: all .5s ease-out;
}

.carousel-gallery .swiper-slide-active .pic-overlay {
    opacity: 0;
}

.carousel-gallery .swiper-slide-next .pic-overlay,
.carousel-gallery .swiper-slide-prev .pic-overlay {
    opacity: 1;
}

.carousel-gallery .swiper-slide {
    width: 45vw;
}

.carousel-gallery .swiper-button-prev,
.carousel-gallery .swiper-container-rtl .swiper-button-next {
    left: 60px;
    width: 25px;
    height: 25px;
    display: block;
    background: url(../img/white-arrow-right.svg) 50% 50% no-repeat;
    background-size: 13px auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.carousel-gallery .swiper-button-next,
.carousel-gallery .swiper-container-rtl .swiper-button-prev {
    right: 60px;
    width: 25px;
    height: 25px;
    display: block;
    background: url(../img/white-arrow-right.svg) 50% 50% no-repeat;
    background-size: 13px auto;
}

.news-detail {
    position: relative;
}

.news-detail .bean-left {
    top: 20%;
}

.news-detail .bean-right {
    bottom: 20%;
    top: auto;
}

.forms-wrapper {
    padding-top: 70px;
}


/* reviews */

.rate-this-product {
    margin: 15px 0 25px 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
}

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

.icon-star::before,
.rate-this-product .icon-star::before {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    background: url(../img/star-empty.svg) 50% 50% no-repeat;
    background-size: 18px auto;
}

.icon-star.full::before {
    background: url(../img/star-full.svg) 50% 50% no-repeat;
    background-size: 18px auto;
}

.rate-this-product .icon-star::before {
    width: 25px;
    height: 25px;
    background-size: 25px auto;
}

.rate-this-product li button {
    background: transparent;
    padding: 0 5px;
}

.rate-this-product li button:hover .icon-star::before,
.rate-this-product li button.active .icon-star::before {
    background: url(../img/star-full.svg) 50% 50% no-repeat;
    background-size: 25px auto;
}

.item-rating span {
    display: inline-block;
    margin: 0 2px;
}

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

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

.product-rating-item {
    position: relative;
    padding: 20px;
    border-radius: 5px;
    margin-top: 10px;
    background: rgba(255,255,255,.7);
}

.product-rating-item .text {
    margin: 10px 0 0 0;
}

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

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

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

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

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

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

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

.product-page-quick li a {
    text-decoration: underline;
}

.product-page-quick li a:hover,
.product-page-quick li a:focus,
.product-page-quick li a:active {
    color: #bd9965;
}

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

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

.modal-body {
    padding: 2rem;
}

.close {
    font-size: 2rem;
    font-weight: 400;
    position: absolute;
    top: 10px;
    right: 20px;
}

.modal-body .logo {
    display: block;
    text-align: center;
}

.modal-body .logo img {
    width: 70px;
    height: 93px;
}

.modal-body .rate-this-product {
    text-align: center;
}

.modal-title {
    font-size: 25px;
    text-align: center;
    margin: 20px 0;
}

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

.half-cols-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.half-cols-wrapper::before,
.pregled-kupovine-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    width: 1px;
    height: 100%;
    z-index: 1;
    background: #DBDBDB;
}

.item-code {
    color: #939393;
    font-size: 14px;
}

.basket .card {
    padding: 12px;
    border: 1px solid #DBDBDB;
    margin: 0 0 15px 0;
}

.basket .accordion > .card:not(:first-of-type),
.basket .accordion > .card:not(:last-of-type) {
    border-bottom: 1px solid #DBDBDB;
}

.basket .card-body {
    font-size: 14px;
    padding: 5px 0 0 0;
}

.basket .card-body {
    color: #000000;
}

.step-num {
    display: none;
}

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

.nacin-placanja {
    height: 232px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.istakniGrupu {
    font-weight: 700;
}

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

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

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

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

.pregled-podaci .basket-btns {
    margin-top: 30px;
}

.pregled-kupovine-wrapper {
    display: inline-block;
    width: 100%;
    position: relative;
}

.pregled-kupovine .btn-basket-order {
    margin: 10px 0 0 0;
}

.pregled-kupovine .basket-products .product-title {
    padding: 0 40px 0 0;
}

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

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

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

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

.pregled-kupovine-wrapper .bp-rabat.empty,
.pregled-kupovine-wrapper .bp-rabat-cell.empty {
    display: table-cell;
}

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

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

.purchase-details-item:first-child {
    margin-top: 0;
}

.purchase-details-item h4 {
    font-size: 16px;
}

.pregled-kupovine-wrapper .btn-basket-order {
    float: right;
}

.pregled-kupovine-wrapper .total-sum-wrapper .total-sum {
    font-size: 20px;
}

.clear-filters {
    color: #f72b2b;
    position: absolute;
    left: 15px;
    top: 30px;
    z-index: 10;
    font-size: 14px;
}

.about-content.faq {
    max-width: 1060px;
    margin: 0 auto;
}

.about-content.faq p {
    margin: 0;
}

.about-content.faq .accordions {
    margin: 0;
}

.show-wrapper {
    margin: 20px 0 0 0;
}

.review-register {
    text-align: center;
    margin: 10px 0 0 0;
}

.review-register a {
    font-weight: 700;
    position: relative;
}

.focused label.error,
label.error {
    top: auto;
    bottom: -22px;
    color: #EB4132;
    font-size: 13px;
}

.last-viewed-carousel {
    position: relative;
}

#msg {
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #E9003F;
}

#ocijeni-form-wrapper-message {
    text-align: center;
    color: #E9003F;
}

.best-selling {
    padding: 100px 0;
}

.best-selling h2 {
    font-weight: 900;
}

.best-selling .bean-leaf-title {
    right: -60px;
}

.best-selling  .show-arrow {
    margin: 10px 0 0 0;
}

.gdpr-accept.error span:last-child {
    color: #EB4132
}

.gdpr-accept.error span:first-child {
    border: 1px solid #EB4132;
}

#user_email.error {
    border: 1px solid #EB4132;
}

/*najniza cijena*/

.lowest-price {
    font-size: 12px;
    color: #8E8E8E;
    text-transform: none;
    font-weight: 400;
    margin: 20px 0 0 0;
    line-height: 1.2;
}

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

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

.anchor-price {
    margin: 5px 0 0 0;
}

.success-msg {
    text-align: center;
    margin: 0 0 20px 0;
}

.gd-logo {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 30px 0 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select,
    textarea,
    input {
        font-size: 16px;
    }
}
.tecaj_konverzije {
    text-align: center;
    font-size: 23px;
    padding: 25px 15px;
}

.tecaj_konverzije span {
    font-weight: bold;
    color: #656973;
}


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

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

.btn-newsletter {
    position: relative;
    padding: 20px 30px 20px 80px;
}

.btn-newsletter::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 35px;
    height: 35px;
    background: #fff url(../img/email-ico.svg) 50% 50% no-repeat;
    background-size: 20px auto;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
}

/* cookie */

.gdc-container-modal {
    max-height: 80vh;
}

.gdc-button {
    background: #bd9965;
    border-color: #bd9965;
    color: #fff;
}

.gdc-button:hover {
    background: #4F2C16;
    border-color: #4F2C16;
}

#gdc-accept-all {
    background: #bd9965;
    border-color: #bd9965;
    color: #fff;
}

#gdc-accept-all:hover {
    background: #4F2C16;
    border-color: #4F2C16;
}

.gdc-info-icon-bkg {
    fill: #4F2C16;
}

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

.povijestNarudzbiHolder .path {
    padding: 25px 60px 30px 60px;
}