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

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

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

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

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

strong {
    font-weight: 600;
}

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

button {
    border: 0;
    outline: none;
}

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

h1, h2, h3, h4, h5, h6 {
    font-family: 'Merriweather', Georgia, serif;
    margin: 0;
    font-weight: 300;
}

h1 {
    font-size: 36px;
    margin-bottom: 40px;
    margin-top: 10px;
}

#category-container h1 {
    margin-bottom: 10px;
    margin-top: 0;
}

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

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

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

.gray {
    color: #959595;
}

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

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

.textbox, textarea {
    background: #ebedef;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.textbox:focus, textarea:focus, .select-list:focus {
    background: #fff;
    border-color: #7e8289;
    box-shadow: 0 0 10px rgba(49,56,68,0.2);
}

.btn {
    display: inline-block;
    font-weight: 600;
    padding: 14px 30px 16px 30px;
    margin: 0;
    color: #000;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #000;
    text-transform: uppercase;
    background: #ffffff;
}

.btn-primary {
    background: #8FB5C6;
    border-color: #8FB5C6;
    color: #fff;
}

.btn:focus,
.btn:active,
.btn:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background: #E4A025;
    border-color: #E4A025;
    color: #ffffff;
    outline: none;
    box-shadow: none;
}

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

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

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

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

.btn-action {
    background: #E5A126;
    border-color: #E5A126;
    color: #fff;
}


.btn-action-white {
    background: #fff;
    border-color: #E4A025;
    color: #000000;
}

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

.white-btn {
    background: #ffffff;
    color: #000000;
}

.white-btn:hover,
.white-btn:focus,
.white-btn:active {
    background: #e4a025;
    color: #ffffff;
}

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

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

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

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, .56);
    z-index: 99;
}

.tablica-3-kolone {
    width: 100%;
}

.tablica-3-kolone td {
    width: 33.333%;
    padding-right: 40px;
    padding-top: 60px;
}

.tablica-3-kolone tr:first-of-type td {
    padding-top: 10px;
}

.tablica-podaci {
    border-spacing: 0;
    border-collapse: collapse;
    border-width: 1px;
}

.tablica-podaci tr td {
    padding: 8px 15px;
    border-top: 2px solid #fff;
    vertical-align: top;
}

.tablica-podaci tr td:first-child {
    background: #f2f2f2;
    color: #888888;
}


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

input[type=checkbox],
input[type=radio] {
    display: none;
}

input[type=checkbox] + label {
    padding: 0 0 0 35px;
    font-weight: 400;
}

input[type=checkbox] + label:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #ced4da;
    background: #fff;
    border-radius: 3px;
    font-family: 'icons';
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    margin-right: 12px;
    overflow: hidden;
}

input[type=checkbox]:checked + label:before {
    content: '\78';
    color: #e5a126;
    font-size: 12px;
}

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

.podaci-wrapper input[type=radio] + label {
    font-weight: 500;
}

input[type=radio] + label:before {
    content: '';
    position: relative;
    top: 5px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ced4da;
    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: 10px;
    width: 10px;
    height: 10px;
    background: #e4af4c;
    border-radius: 5px;
    text-align: center;
}


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

.bootstrap-select .btn {
    text-transform: none;
    padding: 7px 15px;
    text-shadow: none;
    background: #ffffff;
    border: 1px solid #CDCDCD;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.bootstrap-select .btn .filter-option {
    color: #000000;
    padding-right: 15px;
    line-height: 1;
}

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

.bootstrap-select .btn:hover {
    background: #f1f2f3;
}

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

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

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

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

.bootstrap-select.btn-group .dropdown-toggle .caret::before {
    display: inline-block;
    font-family: '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 .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;
}

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


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

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




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

.gd-selected {
    position: relative;
    background: #ffffff;
    border: 1px solid #CDCDCD;
    padding: 7px 16px 9px 16px;
    border-radius: 2px;
    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: 300;
}

.gd-selected::after,
.sort-results .bootstrap-select .btn::after,
.toggle-filters a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 6px;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../img/chevron-down-black.svg) 50% 50% no-repeat;
    background-size: 10px auto;
}

.sort-results .bootstrap-select .btn::after {
    border: none;
    right: 10px;
    top: 57%;
}

.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: 2px;
    font-size: 15px;
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3);
    z-index: 100;
    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: #E4A025;
}

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

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

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

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

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

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

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

.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: 8px;
    border: 1px solid #CDCDCD;
    border-radius: 2px;
}

.gd-checklist .item-check::after {
    display: none;
    position: absolute;
    left: 6px;
    top: -3px;
    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;
}

.filter-content li.checked .checked + a {
    font-weight: 700;
}

.filter-sidebar {
    width: 23%;
    float: left;
}


/* 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: #2b99c3;
}

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

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

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

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

header > .container {
    height: 90px;
}

header .logo {
    float: left;
    position: relative;
    margin-top: 26px;
}

header .logo img {
    width: 210px;
    height: 39px;
}

.search {
    position: relative;
    float: none;
    width: 435px;
    border-radius: 2px;
    margin: 0 auto;
    background: #F5F5F5;
    top: 20px;
}

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

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

.search .search-field input {
    display: block;
    width: 100%;
    padding: 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: 50px;
    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 .search-btn a {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    background: transparent;
    border-radius: 0 5px 5px 0;
}

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

.header-menu {
    position: relative;
    margin: 33px 0 0 0;
    padding: 0;
    list-style: none;
    float: right;
}

.header-menu li {
    position: relative;
    float: right;
    margin-left: 44px;
    line-height: 24px;
}

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

.header-menu li::after {
    content: '';
    position: absolute;
    right: -22px;
    top: -3px;
    width: 1px;
    height: 30px;
    display: block;
    background: #DDDDDD;
}

.header-menu .show-mini-bag::after {
    display: none;
}

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

.header-menu li a:hover {
    color: #E4A025;
}

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

.header-menu li a i {
    position: absolute;
    right: -19px;
    top: -13px;
    width: 27px;
    height: 27px;
    line-height: 17px;
    background: #E4A025;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    color: #ffffff;
    text-align: center;
    border-radius: 100%;
    border: 2px solid #ffffff;
    line-height: 23px;
}

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

.header-menu .show-mini-bag .cart-ico {
    width: 20px;
    height: 24px;
    display: block;
    background: url(../img/cart-ico.svg) 50% 50% no-repeat;
    background-size: contain;
}

.header-menu .fav-ico {
    width: 22px;
    height: 22px;
    display: block;
    background: url(../img/fav-ico.svg) 50% 50% no-repeat;
    background-size: 22px auto;
}

.header-menu .user-ico {
    position: relative;
    width: 25px;
    height: 24px;
    display: block;
    background: url(../img/user-ico.svg) 50% 50% no-repeat;
    background-size: 25px auto;
}

.header-menu .user-ico.loggedin::after {
    content: '';
    top: -6px;
    right: -1px;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    background: #19c7b4;
    z-index: 2;
    border-radius: 100%;
    border: 2px solid #ffffff;
}

.header-menu .mobile-menu-trigger a {
    width: 23px;
    height: 23px;
    display: block;
    background: url(../img/menu-ico.svg) 50% 50% no-repeat;
    background-size: 23px auto;
    position: relative;
    top: 1px;
}

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

.user-menu-title {
    position: relative;
    display: block;
    font-size: 18px;
    color: #000000;
    padding: 10px 30px;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-menu-title span {
    color: #E4A025;
}

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

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

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

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

.user-menu ul li::after {
    display: none;
}

.lang {
    position: relative;
    float: right;
    margin-top: 32px;
    margin-left: 30px;
}

.lang > span {
    font-weight: 700;
    transition: 0.3s all ease;
    cursor: pointer;
}

.lang > span::after {
    margin-left: 8px;
    font: 10px 'icons';
    content: 'a';
}

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

.lang ul {
    display: none;
    position: absolute;
    left: -30px;
    top: 40px;
    z-index: 1000;
    background: #fff;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
    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;
}

.lang ul li a:hover {
    color: #E4A025;
}

.section {
    padding: 80px 0 0 0;
}

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

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

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

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

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

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



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

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

.main-menu a {
    color: #1A1A1A;
    position: relative;
}

.main-menu a:hover,
.main-menu a:focus,
.main-menu a:active,
.main-menu a.active {
    color: #000000;
    text-shadow: 0 0 0.5px #000000;
}

.main-menu a:hover::after,
.main-menu a:focus::after,
.main-menu a:active::after,
.main-menu a.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    display: block;
    height: 2px;
    background: #E4A025;
    left: 0;
    width: 100%;
}

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

.main-menu > ul > li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 26px;
}

.main-menu > ul > li > a {
    display: block;
    font-weight: 600;
    background: transparent;
    padding: 20px 0;
}

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

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

.desktop-sub-title-menu {
    position: relative;
    z-index: 2;
    font-family: 'Merriweather', Georgia, serif;
    font-size: 27px;
    font-weight: 300;
    margin: 0 0 20px 0;
}

.show-all-in-cat {
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 2;
}

.show-all-in-cat a {
    text-decoration: underline;
}

.main-menu .sub-nav {
    display: none;
    position: absolute;
    z-index: 2;
    width: 1020px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 65px;
    background: #fff;
    border-bottom: 1px solid #A0A4B1;
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
    padding: 40px 0 70px 0;
    /*max-height: 500px;
    overflow-y: auto;*/
}

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

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

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

.banner-menu {
    position: relative;
    display: inline-block;
    width: 64%;
    z-index: 2;
}

.banner-menu a {
    display: inline-block;
}

.banner-menu img {
    width: 100%;
}

.main-menu .banner-menu a:hover::after,
.main-menu .banner-menu a:focus::after,
.main-menu .banner-menu a:active::after,
.main-menu .banner-menu a.active::after {
    display: none;
}

.banner-menu-tag {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: #F4F4F5;
    text-transform: uppercase;
    font-weight: 600;
    color: #3B3B3B;
    line-height: 1;
    padding: 15px 30px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.banner-menu:hover .banner-menu-tag,
.banner-menu:focus .banner-menu-tag,
.banner-menu:active .banner-menu-tag {
    background: #e19914;
    color: #ffffff;
    font-weight: 600;
}

.sub-nav-col {
    position: relative;
    display: inline-block;
    padding: 0 30px 10px 40px;
    float: left;
    width: 36%;
    clear: both;
}

.sub-nav-col::before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 18px;
    height: 1px;
    display: block;
    background: #707070;
}

.sub-nav-col ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.sub-nav-col ul li {
    display: block;
    padding: 4px 0 0 0;
}

.sub-nav-col ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.sub-nav-col ul li {
    display: block;
    padding: 4px 0 0 0;
}

.sub-nav a,
.sub-nav-col ul li a {
    color: #000000;
}

.sub-nav-col ul li a:hover {
    color: #E4A025;
}

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

.master-menu {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

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

.master-menu a {
    color: #2A2B2C;
}

.master-menu a:hover {
    color: #E4A025;
}

.master-menu > ul {
    width: auto;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.master-menu > ul > li {
    float: left;
    padding: 18px 46px;
    font-weight: 700;
}


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

.master-menu > ul {
    width: auto;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.master-menu > ul > li {
    float: left;
    padding: 18px 46px;
    font-weight: 700;
}

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

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

.path {
    padding: 20px 0;
}

.home-slider {
    position: relative;
}

.home-slider .slide-overlay::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 2;
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}

.home-slider a,
.home-slider picture {
    display: inline-block;
}

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

.home-slider .slide-content {
    position: absolute;
    bottom: 120px;
    left: 160px;
    color: #ffffff;
    z-index: 3;
}

.home-slider .slide-content h3 {
    font-size: 22px;
    margin: 0 0 8px 0;
}

.home-slider .slide-content h2 {
    font-size: 46px;
}

.home-slider .white-btn {
    font-size: 18px;
    padding: 15px 30px;
    margin: 20px 0 0 0;
}

.home-slider .swiper-button-next {
    right: 30px;
    bottom: auto;
    top: 50%;
}

.home-slider .swiper-button-prev {
    left: 30px;
    bottom: auto;
    top: 50%;
}
/* HOME CATEGORIES */
.home-categories {
    margin: 40px 0 0 0;
}

.home-categories h2,
.featured-products h2 {
    margin: 0 0 20px 0;
    font-size: 27px;
}

.cat-link,
.furniture-cats a {
    display: block;
    text-align: center;
    padding: 17px 30px 20px 30px;
    background: #F4F4F5;
    border-radius: 2px;
    font-size: 18px;
    line-height: 1;
}

.cat-link:hover,
.furniture-cats a:hover {
    background: #C7C7CB;
    color: #000000;
}

.home-categories .swiper-slide,
.furniture-cats .swiper-slide {
    width: auto;
}
/* TABS */
.nav-tabs {
    border-bottom: none;
    text-align: center;
}

.nav-tabs > li {
    float: none;
    display: inline-block;
    background: #F2F2F2;
    width: 25%;
}

.nav-tabs > li > a,
.nav-tabs .nav-link {
    display: block;
    margin-right: 0;
    margin-bottom: 0;
    font-weight: 400;
    color: #000000;
    border: 0;
    border-radius: 0;
    padding: 13px 30px 15px 30px;
    text-transform: uppercase;
    font-size: 15px;
}

.nav-tabs > li > a.active,
.nav-tabs > li > a.active:hover,
.nav-tabs > li > a.active:focus,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border: 0;
    color: #ffffff;
    background: #8FB5C6;
    font-weight: 700;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:active {
    border-color: transparent;
    background: #e4e4e4;
}

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

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


.actions {
    padding: 60px 0 10px 0;
}

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

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

.actions h2 {
    padding: 15px 25px;
    text-align: center;
}

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

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

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

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

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

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


/* PRODUCT GRID ITEM */

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

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

.prod-item .item-pic {
    position: relative;
    display: block;
    z-index: 1;
    border: 1px solid #b3b3b3;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.prod-item .item-pic:hover {
    border: 1px solid #ebebeb;
}

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

.prod-item .item-pic img {
    position: relative;
    display: block;
    z-index: 1;
    margin: 0 auto;
}

.prod-item .item-title {
    display: block;
    word-break: break-all;
    word-break: break-word;
    line-height: 1.2;
    margin: 15px 0 10px 0;
}

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

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

.prod-item .item-price {
    display: inline-block;
    margin-top: 5px;
    color: #000000;
}

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

.prod-item .item-price .price-before {
    text-decoration: line-through;
    color: #525252;
    margin-left: 12px;
}

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

.price-before-wrapper {
    display: inline-block;
}

.product-price .price-before-wrapper .price-before {
    font-size: 18px;
    position: relative;
    top: -4px;
}

.prod-item .favorite-trigger {
    position: absolute;
    left: 8px;
    top: 4px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #AEB1BB;
    cursor: pointer;
    z-index: 3;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.prod-item .favorite-trigger:hover {
    color: #E4A025;
}

.prod-item .favorite-trigger.liked {
    color: #E4A025;
}

.prod-item .favorite-trigger.liked:hover {
    color: #A0A4B1;
}

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


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

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

.item-badges li span,
.item-badges li a {
    position: relative;
    display: block;
    color: #fff;
    text-align: center;
    width: 85px;
    height: 40px;
    font-size: 15px;
    line-height: 12px;
    text-transform: uppercase;
    font-weight: 600;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.item-badges li span > i,
.item-badges li a > i {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    font-style: normal;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.item-badges li span.badge-discount {
    background: #DE554A;
    font-size: 12px;
}

.item-badges li span.badge-new {
    background: #EFAC32;
}



/* NEWSLETTER SIGNUP */

.newsletter-section {
    background: #FFBB4B;
    padding: 80px 0;
}

.newsletter-section ::-webkit-input-placeholder {
    color: #000000;
}

.newsletter-section ::placeholder {
    color: #000000;
}

.newsletter-signup-inner {
    position: relative;
    max-width: 80%;
    margin: 0 auto;
}

.newsletter-signup-content {
    position: relative;
    max-width: 50%;
}

.newsletter-signup-content h2 {
    margin: 0 0 15px 0;
    font-size: 28px;
    line-height: 1.4;
}

.newsletter-form {
    width: 45%;
}

.newsletter-form .form-control {
    background: transparent;
    border: 1px solid #000000;
    border-radius: 2px 0 0 2px;
    color: #000;
}

.newsletter-form .form-control:focus {
    color: #000000;
    border-color: #000000;
    box-shadow: 0 1px 5px rgba(0,0,0,.5);
}

.newsletter-form .nl-name {
    width: 35%;
    background: #fff;
    padding: 0 15px;
    border-left: 1px solid #D4D4D4;
}

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

.newsletter-form .btn {
    text-align: center;
    max-width: 180px;
    width: 100%;
    margin-left: -1px;
    border-radius: 0 2px 2px 0;
    border: 1px solid #000000;
}

.newsletter-form .btn:hover {
    background: #434343;
    border: 1px solid #434343;
}

.gdpr-accept {
    margin-top: 15px;
}

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

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

.newsletter-signup .gdpr-accept a:hover {
    color: #11131E;
}

/* custom checkbox */
.newsletter-section .inp-cbx,
.newsletter-modal .inp-cbx {
    display: none;
}

.newsletter-section input[type=checkbox] + label:before,
.newsletter-modal input[type=checkbox] + label:before  {
    display: none;
}

.newsletter-section .cbx,
.newsletter-modal .cbx {
    margin: auto;
    padding: 0;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 100%;
}

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

.newsletter-section .cbx span:first-child,
.newsletter-modal .cbx span:first-child {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #000000;
    background: transparent;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.newsletter-modal .cbx span:first-child {
    top: 1px;
}

.newsletter-section .cbx span:first-child svg,
.newsletter-modal .cbx span:first-child svg {
    position: absolute;
    top: 2px;
    left: 1px;
    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);
}

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

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

.newsletter-section .cbx:hover span:first-child,
.newsletter-modal .cbx:hover span:first-child {
    border-color: #000000;
}

.newsletter-section .inp-cbx:checked + .cbx span:first-child,
.newsletter-modal .inp-cbx:checked + .cbx span:first-child {
    background: #000000;
    border-color: #000000;
}

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

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

/* end custom checkbox */
/* HIGHLIGHTS */
.highlights h2,
.furniture-section h2,
.home-blog h2,
.reference-section h2 {
    margin: 0 0 40px 0;
    font-size: 36px;
}

.highlights-inner a {
    position: relative;
    display: inline-block;
    width: 100%;
}

.highlights-inner a img {
    width: 100%;
    border: 1px solid #F5F5F5;
}

.highlights-inner .cat-tag {
    position: absolute;
    top: 20px;
    left: 1px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #2B99C3;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px 30px;
}

.highlights .middle-banner {
    margin: 0 10px;
}

.left-side-banner {
    max-width: 970px;
    margin: 0 30px 0 0;
}

.left-side-inner {
    height: 100%;
}

.right-side-banners {
    width: 62.8%;
    max-width: 601px;
}

.right-side-banners a:first-of-type {
    margin: 0 0 30px 0;
}

/* BRANDS */
.brands {
    padding: 60px 0;
    margin: 0 0 60px 0;
    background: #1D1D1D;
}

.brands-carousel {
    position: relative;
}

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

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

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

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

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

.new-product-carousel,
.related-products-carousel {
    position: relative;
}


/* BENEFITS */
.benefits {
    margin: 50px 0 0 0;
}

.benefits-wrapper {
    background: #F5F5F5;
    border-radius: 2px;
    padding: 35px;
}

.benefits .benefits-item {
    padding: 0 30px;
    display: block;
}

.benefits .benefit-icon img {
    width: 39px;
    max-height: 34px;
}

.benefits .benefit-text {
    display: block;
    margin: 10px 0 0 15px;
}

.benefits .benefit-text h2 {
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 16px;
    margin: 0 0 10px 0;
    font-weight: 700;
    text-transform: uppercase;
}

.benefits .benefit-text h3 {
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}



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

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

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

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

.news-date {
    position: relative;
    font-size: 12px;
    color: #A0A4B1;
    margin-bottom: 10px;
}

.news-date span {
    position: absolute;
    right: 0;
    color: #F36523;
}

.news-title {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0 0 0;
}

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

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

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



/* FOOTER */
footer {
    background: #F5F5F5;
    padding: 50px 0 50px 0;
}

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

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

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

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

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

footer .link-group-title {
    font-family: 'Merriweather', Georgia, serif;
    font-weight: 400;
    margin: 0 0 20px 0;
}

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

.product-share ul li {
    display: inline-block;
    margin-right: 8px;
}

.product-share ul a {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(15,19,30,0.1);
    text-align: center;
}

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

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

.product-share ul .fb {
    color: #3B5999;
}

.product-share ul .tw {
    color: #00ACED;
}

.product-share ul .li {
    color: #0080B2;
}

.product-share ul .mail-share {
    color: #393939;
}
/*start custom image*/
.product-share .custom_images {
    margin: 25px 0 0 0;
    padding: 0;
    list-style: none;
}

.product-share .custom_images a {
    display: inline-block;
    margin-right: 8px;
}

.product-share .custom_images a {
    display: inline-block;
    position: relative;
    width: 40px !important;
    height: 40px !important;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(15,19,30,0.1);
    text-align: center;
}

.product-share .custom_images a:hover {
    background: #39434B;
    color: #fff;
}

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

.product-share .custom_images .fb {
    color: #3B5999;
}

.product-share .custom_images .tw {
    color: #00ACED;
}

.product-share .custom_images .pi {
    color: #C8232C;
}

.product-share .custom_images .mail {
    color: #666;
}

.product-share .custom_images a {
    color: #0080B2;
}
/*end custom image*/

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

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

footer .cards li a {
    display: block;
}

footer .cards img {
    max-width: 65px;
    max-height: 30px;
}

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

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

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

footer .social a {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    font-size: 16px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(15,19,30,0.1);
    text-align: center;
}

footer .social a:hover {
    background: #39434B;
    color: #fff;
}

footer .social a span {
    position: relative;
    top: 2px;
    line-height: 40px;
}

footer .social .fb {
    color: #3B5999;
}

footer .social .tw {
    color: #00ACED;
}

footer .social .inst {
    color: #517fa4;
    font-size: 17px;
}

footer .social .pi {
    color: #cb2027;
}

footer .social .yt {
    color: #bb0000;
    font-size: 21px;
}

footer .social .li {
    color: #0e76a8;
}



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

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

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

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

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

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

.breadcrumbs a {
    color: #3e3e3e;
}

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


.main {
    padding-bottom: 25px;
}

.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%;
    overflow-x: hidden;
}

.page-content-inner,
.pass-reset,
.thank-you-wrapper,
.povijestNarudzbiHolder {
    padding: 0 0 60px 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: 23%;
}

/*.super-cat {
    position: relative;
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}

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

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

.menu-left ul li span {
    position: absolute;
    right: 0;
    top: 18px;
    font-weight: 500;
    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;
}*/






.super-cat {
    position: relative;
    padding: 20px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
}

.menu-left .super-cat {
    border: 1px solid #F5F5F5;
    padding: 20px;
}

.menu-left .super-cat.active {
    background: #e19914;
    color: #ffffff;
    border: 1px solid #e19914;
}

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

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

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

.menu-left ul li:last-child {
    border-bottom: none;
}

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

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

.menu-left ul li span {
    position: absolute;
    right: 0;
    top: 18px;
    line-height: 1;
    font-size: 11px;
    font-weight: 400;
    padding: 9px 0 9px 9px;
    color: #8e929e;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-left a.active {
    color: #e19914;
    font-weight: 600;
}

.menu-left ul > li > a.active + ul li .last-level {
    display: block;
}

.menu-left ul li a {
    padding: 4px 0;
    font-weight: 600;
    line-height: 1.4;
}

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

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

.menu-left ul ul ul li {
    font-size: 16px;
}

.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: 600;
    color: #1a1a1a;
}

.menu-left ul ul li ul li a {
    font-weight: 400;
}

.menu-left ul ul {
    display: none;
}

.menu-left ul > li > a.active + ul {
    display: block;
    background: #F5F5F5;
}

.ml-expand {
    display: none;
}

.ml-expand:before {
    content: "\72";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ml-expand.active:before {
    content: "\70";
}

.menu-left ul ul > li .ml-expand:before {
    content: "\61";
}

.menu-left ul ul > li .ml-expand.active:before {
    content: "\64";
}





.page-main {
    float: right;
    width: 77%;
    margin: 0 -20px;
}

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

.filters {
    position: relative;
}

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

.filter,
.toggle-filters {
    float: left;
    width: calc(20% - 1.6%);
    margin: 20px 2% 0 0;
}

.hidden-filters .filter:nth-of-type(5n+5) {
    margin: 20px 0 0 0;
}

.toggle-filters {
    margin: 20px 0 0 0;
}

.toggle-filters a {
    position: relative;
    display: block;
    background: #ffffff;
    color: #000000;
    font-weight: 600;
    border: 1px solid #CDCDCD;
    padding: 7px 16px 9px 16px;
}

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



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

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

.selected-filters ul li.selected-filters-label {
    margin-left: 0;
    background: transparent;
    color: #000000;
    padding: 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 {
    display: inline-block;
    color: #000000;
}

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

.grid-heading {
    position: relative;
    margin: 30px 0;
}

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

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

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

.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: #E4A025;
    font-weight: 700;
}

.sort-results {
    float: right;
}

.sort-label {
    display: inline-block;
    color: #B2B2B2;
    margin: 0 10px 0 0;
}

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

.sort-results .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
}

.sort-results .bootstrap-select .btn {
    padding: 8px 12px;
}

.sort-results {
    float: right;
}

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

.sort-results .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
}

.sort-results .bootstrap-select .btn {
    padding: 9px 12px;
    font-weight: 400;
}

.product-grid .prod-item {
    width: calc(33.33333% - 40px);
    margin: 0 20px 50px;
    height: auto;
}

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

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



/* LANDING PAGES */
.collage-top {
    margin-bottom: 40px;
}

.collage-top .large-img {
    float: left;
    width: 700px;
    overflow: hidden;
}

.collage-top-inner {
    float: left;
    width: 320px;
    margin-left: 20px;
}

.collage-top .small-img {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.collage-top .small-img:first-of-type {
    margin-top: 0;
}

.collage-top img {
    width: 100% !important;
}



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

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

.change_qty .prod_qty {
    width: 33.333%;
    height: 40px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 700;
}

.change_qty li .action-handle {
    display: block;
    height: 40px;
    color: #5C5C5C;
    text-align: center;
    font-family: 'icons';
    font-size: 9px;
    border: 1px solid transparent;
    background: #EFDCBB;
}

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

.change_qty li .action-handle:hover {
    text-decoration: none;
    color: #fff;
    background: #2A2B2C;
    border-color: #e0e0e0;
}

.change_qty li .action-handle.sub {
    border-right: 0;
    border-radius: 2px 0 0 2px;
}

.change_qty li .action-handle.add {
    border-left: 0;
    border-radius: 0 2px 2px 0;
}

.change_qty li input {
    display: block;
    color: #232323;
    width: 100%;
    border: 0;
    background: none;
    height: 40px;
    line-height: 40px;
    padding: 0 0 2px 0;
    text-align: center;
}

.change_qty li.skladiste-stock {
    width: 100%;
}

.basket-products .b2b-user .bp-rabat {
    width: 80px;
    text-align: right;
    line-height: 40px;
}

.bp-rabat-cell {
    width: 110px;
    text-align: right;
    line-height: 40px;
}

/* PRODUCT PAGE */
.product-pic {
    float: left;
    width: 460px;
    border: 1px solid #E6E7EC;
    border-radius: 5px;
    padding: 30px;
}

.product-name {
    margin: 0;
    word-break: break-all;
}

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

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

.product-price .price-before {
    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 {
    color: #CD1113;
}

.product-info-sheet {
    margin-top: 40px;
}

.product-info {
    list-style-type: none;
    padding: 0;
    margin: 20px 0;
}

.product-info li {
    padding: 0 0 10px 0;
}

.product-info.note li {
    padding: 0;
}

.product-info.note li:last-child {
    padding: 20px 0 0 0;
}

.product-info-label {
    font-weight: 700;
    text-transform: uppercase;
}

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

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

.product-info .available {
    color: #E4A025;
}

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

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

.product-set-qty {
    position: relative;
    float: left;
    width: 180px;
    margin: 0 20px 0 0;
}

.mj-jedinica {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 11px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #505050;
}

.product-set-qty .change_qty {
    position: relative;
    z-index: 2;
    max-width: 180px;
    line-height: 50px;
    margin-right: 20px;
}

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

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

.product-set-qty .change_qty li input {
    height: 50px;
    line-height: 50px;
}

.product-set-qty .change_qty li .action-handle {
    height: 50px;
}

.product-set-qty .change_qty li .action-handle.sub {
    border-right: 0;
    border-radius: 2px 0 0 2px;
}

.product-set-qty .change_qty li .action-handle.add {
    border-left: 0;
    border-radius: 0 2px 2px 0;
}

.product-add {
    margin-top: 20px;
    margin-bottom: 20px;
}

.product-add .btn {
    float: left;
    margin-left: 30px;
    width: 275px;
    padding: 12px 10px;
}

.product-add .btn-action, .product-add .btn-favorites, .product-add .btn-action-white {
    margin-left: 0;
}

.product-add .btn-action + .btn-favorites, .product-add .btn-action-white + .btn-favorites {
    margin-left: 15px
}

.product-info .availability a {
    color: #000000;
    font-weight: 700;
}


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

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

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

.product-add .btn-favorites:hover {
    background: none;
    color: #11131E;
}

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

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

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

.product-benefits {
    margin-bottom: 20px;
    border: 1px solid #E0E1E6;
    border-radius: 2px;
    padding: 15px 20px;
}

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

.product .product-pic {
    float: left;
    width: 42%;
    border: 0;
    padding: 0;
}

.product .product-pic-inner {
    position: relative;
    float: left;
    width: 100%;
}

.product .product-pic-carousel {
    position: relative;
    padding: 20px;
    z-index: 1;
    border: 1px solid #ebebeb;
}

.product .product-pic-carousel img {
    display: block;
    margin: 0 auto;
    aspect-ratio: 658 / 484;
}

.product .product-thumbs {
    display: inline-block;
    width: 100%;
    margin: 10px 0 0 0;
}

.product .product-thumbs button {
    display: block;
    width: 90px;
    height: 90px;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #E6E7EC;
    overflow: hidden;
}

.product .product-thumbs button:first-child {
    margin-top: 0;
}

.product .product-thumbs button img {
    display: inline-block;
    vertical-align: middle;
}

.product .product-thumbs button:hover {
    border-color: #e1e2e3;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.product .product-thumbs button.active {
    border-color: #E4A025;
}

/*.product-thumbs .swiper-slide {
    width: 80px;
}*/

.product-thumbs img {
    border: 1px solid #b3b3b3;
    padding: 5px;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

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

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

.product .item-badges li span {
    font-size: 13px;
}

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

.product .product-general {
    float: left;
    width: calc(50% - 80px);
    margin-left: 80px;
}

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

.product-share .share-label {
    margin-right: 20px;
    position: relative;
    top: 2px;
}

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

.product-share a {
    display: inline-block;
    position: relative;
    margin: 0 15px 0 0;
}

.product-share a path {
    fill: #1B1B1B;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.product-share a:hover path {
    fill: #E5A126;
}

.product-share .print-page > span {
    position: relative;
    top: 4px;
    font-size: 20px;
}

.product-share .print-page i {
    font-style: normal;
    margin-left: 10px;
}
/*.prod-availability {  margin-top: 15px; font-size: 13px;}*/
prod-availability {
    font-size: 13px;
}

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

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

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

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

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

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

.product-share .custom_images a {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #E0E1E6;
    border-radius: 50%;
    box-shadow: none;
    text-align: center;
}

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

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

.product-share .custom_images .fb {
    color: #3B5999;
}

.product-share .custom_images .tw {
    color: #00ACED;
}

.product-share .custom_images .pi {
    color: #C8232C
}

.product-share .custom_images .in {
    color: #8A49A1;
}
/*end custom image*/

.half-col {
    float: left;
    width: 47%;
    margin-left: 40px;
}

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

.product-description {
    max-width: 1080px;
    margin: 50px auto 0 auto;
}

.product-description .nav-tabs {
    margin-bottom: 15px;
}

.product-description .tab-content {
    border: 2px solid #EDEDED;
    padding: 40px;
}

.product-description .tab-content h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
}

.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 ul {
    padding: 0;
    list-style-type: none;
}

.product-sheet pre {
    overflow: auto;
    margin: 0;
    white-space: normal;
}

.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: #E4A025;
    font-weight: 700;
}

.product-sheet-movie {
    padding: 60px 0;
}

.product-sheet-text {
    margin: 20px 0;
}

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



/* KOSARICA */
.basket header {
    position: relative;
    width: 100%;
    background: #EFF1F6;
    height: 80px;
    margin: 0 0 30px 0;
}

.del_reminder {
    background: #F5F5F5;
    font-size: 14px;
    margin-top: 10px;
    padding: 15px 30px;
    border-radius: 5px;
    text-align: right;
}

.del_reminder a {
    font-weight: 700;
    text-decoration: underline;
}

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

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

.basket header ul li a {
    font-weight: 700;
    color: #000000;
}

.basket header ul li a:hover,
.basket header ul li a:focus,
.basket header ul li a:active {
    color: #e19914;
}

.basket header .logo,
.basket .nav-down.nav-down-topbar .logo {
    margin: 10px 0;
}

.basket header .logo img,
.basket .nav-down.nav-down-topbar .logo img,
.basket .nav-down .logo img {
    width: 140px;
    height: 60px;
}


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

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

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

.btn-basket-back {
    position: relative;
    float: left;
    background: #F4F4F5;
    color: #000000;
    border: 1px solid #F4F4F5;
    text-transform: none;
    font-weight: 400;
}

.btn-basket-back svg {
    position: relative;
    top: -1px;
    margin: 0 10px 0 0;
}

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

.btn-basket-back:hover path {
    fill: #ffffff;
}

.vrati-me {
    position: relative;
}

.vrati-me::before {
    content: '';
    position: relative;
    top: 1px;
    display: inline-block;
    width: 7px;
    height: 13px;
    background: url(../img/arrow-left-white.svg) 50% 50% no-repeat;
    background-size: 8px auto;
    margin: 0 15px 0 0;
}

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

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

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

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

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

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

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

.basket-products .item {
    border-bottom: 1px solid #E0E1E6;
    padding: 10px 0;
}

.basket-products .basket-row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.basket-products .basket-row > div {
    display: table-cell;
    vertical-align: middle;
}

.basket-products .mobile-title {
    display: none;
}

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

.basket-products .product-img {
    display: table-cell;
    width: 60px;
    vertical-align: middle;
}

.basket-products .product-img img {
    width: 60px;
}

.basket-products .product-title {
    display: table-cell;
    vertical-align: middle;
    padding-left: 40px;
    padding-right: 40px;
}

.basket-products .product-title ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.basket-products .cijena-kom-wrapper {
    width: 580px;
}

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

.basket-products .cijena-wrapper,
.basket-products .kom-ukupno {
    display: table-cell;
    width: 190px;
    text-align: right;
    vertical-align: middle;
    line-height: 22px;
}

.basket-products .b2b-user .cijena-wrapper {
    width: 100px;
}

.bp-rabat + .basket-products .kom-ukupno {
    width: 90px;
}

.bp-rabat.empty + .basket-products .kom-ukupno {
    width: 140px;
}

.basket-products .kom-wrapper {
    display: table-cell;
    width: 200px;
    vertical-align: middle;
    padding-left: 40px;
    text-align: center;
}

.basket-products .b2b-user .kom-wrapper {
    width: 185px;
    padding-right: 24px;
}

.basket-products .b2b-user .kom-ukupno {
    width: 110px;
}

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

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

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

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

.total-sum-wrapper ul li {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    white-space: nowrap;
}

.total-sum-wrapper ul li:first-of-type {
    width: 60%;
    padding-right: 10px;
}

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

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

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

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

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

.basket .promo-code-enter ul li {
    display: table-cell;
    vertical-align: middle;
}

.basket .promo-code-enter ul .promo-input input {
    width: 100%;
    padding: 7px 15px 9px 15px;
}

.basket .promo-code-enter ul .promo-btn .btn {
    width: 100%;
    font-size: 14px;
    padding: 9px 15px 10px 15px;
}

.basket .promo-code-enter input {
    margin-top: 0;
}

.basket .promo-code-enter .btn {
    margin-left: 10px;
}

.basket .order-overview .headings {
    display: table;
    margin: 0 0 0 auto;
}

.basket .order-overview .headings > div {
    display: table-cell;
}

.basket .order-overview .headings .selected-quantity {
    padding-right: 0;
}

.basket .order-overview .headings {
    width: 50%;
    margin-right: 0;
}

.order-overview .cijena-kom-wrapper {
    width: 50%;
}

.order-overview .selected-pdv,
.order-overview .selected-pdv-rate {
    vertical-align: middle;
    display: table-cell;
}

.order-overview .selected-quantity {
    width: 20%;
    text-align: center;
}

.order-overview .selected-price-per-piece,
.order-overview .selected-pdv,
.order-overview .selected-price-total {
    width: 20%;
}

.order-overview .selected-pdv-rate {
    width: 20%;
    text-align: center;
}

.order-overview .selected-pdv {
    text-align: right;
}

.podaci-uplata {
    margin-top: 40px;
}

.podaci-uplata ul {
    margin: -1px 0 0 0;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
    max-width: 640px;
    border: 1px solid #d5d5d5;
}

.podaci-uplata ul li {
    display: table-cell;
    vertical-align: top;
    padding: 8px 16px;
}

.podaci-uplata ul li:first-child {
    width: 160px;
    background: #eaeaea;
}

.steps {
    list-style-type: none;
    padding: 0;
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px;
}

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

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

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

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

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

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

.signins-wrapper .item {
    position: relative;
    float: left;
    width: 33.3333%;
    border-left: 1px solid #d5d5d5;
    padding: 0 60px 80px 60px;
}

.signins-wrapper .item:first-of-type {
    border-left: 0;
    padding-left: 0;
}

.signins-wrapper .item.last {
    padding-right: 0;
}

.signins-wrapper .btn-holder {
    position: absolute;
    left: 60px;
    bottom: 0;
}

.signins-wrapper .item:first-of-type .btn-holder {
    left: 0;
}

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

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

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

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

.form-control {
    padding: 14px 15px;
    height: auto;
    margin-top: 0;
    font-size: 16px;
    border-radius: 2px;
}

.form-control:focus {
    border-color: #e5a126;
    box-shadow: 0 0 0 0.2rem rgba(229, 161, 38, 0.24);
}

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

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

.form-group {
    position: relative;
}

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

.form-group input {
    position: relative;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

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

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

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

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

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

.radio-wrapper {
    margin-left: 0;
}

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

.terms {
    position: relative;
}

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

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

.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 {
    margin-top: 30px;
}

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

.del_reminder {
    margin: 10px 0 0 0;
}

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

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

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

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

.rabat-pregled,
.rabat-pregled-td {
    text-align: right;
}

.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-family: 'Barlow', Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #888888;
    letter-spacing: 1px;
}

.purchase-details-item.napomena h4 {
    font-family: 'Merriweather',Georgia,serif;
    font-size: 16px;
    color: #000;
    text-transform: none;
    letter-spacing: 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 .btn-basket-order {
    margin: 10px 0 0 0;
}

.pregled-kupovine .basket-products .product-title {
    padding: 0 40px 0 0;
}

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

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

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

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

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

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

.new-customer-registration-wrapper ul li::before {
    display: inline-block;
    font-family: 'icons';
    font-size: 11px;
    content: "\68";
    color: #434343;
    margin-left: -22px;
    margin-right: 10px;
}

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


/* VIEWED ITEMS TABLE */
.viewed-item {
    display: table;
    width: 100%;
    max-width: 1160px;
    table-layout: fixed;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #d5d5d5;
    line-height: 20px;
}

.viewed-item:first-of-type {
    border-top: 0;
}

.viewed-item > div {
    display: table-cell;
    vertical-align: middle;
    padding-top: 24px;
    padding-bottom: 24px;
}

.viewed-item .item-fav {
    width: 60px;
    padding-right: 30px;
    font-size: 22px;
}

.viewed-item .item-fav a {
    color: #d8d8d8;
}

.viewed-item .item-fav a.is-a-favorite,
.viewed-item .item-fav a:hover {
    color: #E4A025;
}

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

.viewed-item .item-info i {
    color: #555;
    font-style: normal;
}
/*#posalji-upit-btn-velika-kolicina {
    display:none;
}*/
.viewed-item .item-info span {
    display: block;
    font-weight: 700;
    color: #232323;
}

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

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

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

.prod-qty .mj-jedinica {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 11px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    color: #505050;
}
.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%;
}



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

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

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

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

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

.cookies .btn:hover {
    background: #000000;
}

/* SUGGEST BOX */
.suggest-box {
    display: none;
    background: #ffffff;
    text-align: left;
    position: absolute;
    top: 65px;
    left: auto;
    right: auto;
    margin: 0 auto;
    width: 800px;
    z-index: 101;
    -webkit-transition: visibility 0s linear 300ms, opacity 300ms ease;
    -moz-transition: visibility 0s linear 300ms, opacity 300ms ease;
    -o-transition: visibility 0s linear 300ms, opacity 300ms ease;
    transition: visibility 0s linear 300ms, opacity 300ms ease;
    opacity: 1;
    visibility: visible;
    border-radius: 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;
    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;
}

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

.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-wrapper {
    margin: 60px 0;
}

.contact-form {
    max-width: 1000px;
}

.contact-form .form-group {
    width: 49%;
}

.contact-form .form-group.txt-area {
    width: 100%;
}

.contact-form .form-group.txt-area textarea {
    padding: 20px 15px;
}

.contact-form-wrapper h2 {
    margin: 0 0 30px 0;
}

.success-mail,
.error-mail {
    margin: 0 0 40px 0;
    color: #ffffff;
    background: #e19914;
    padding: 20px;
    font-size: 18px;
    display: inline-block;
    width: 100%;
}

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

.furniture .tab-carousel-wrapper {
    position: relative;
}

.furniture .tab-content {
    padding: 0;
}

.furniture .nav-tabs {
    border: none;
    margin: 0 0 40px 0;
}

.furniture .nav-tabs > li {
    width: auto;
    margin: 0 30px 0 0;
}

.furniture .nav-tabs > li > a,
.furniture .nav-tabs .nav-link {
    text-transform: none;
    border-radius: 2px;
}

.furniture .nav-tabs > li > a.active,
.furniture .nav-tabs > li > a.active:hover,
.furniture .nav-tabs > li > a.active:focus,
.furniture .nav-tabs .nav-link.active,
.furniture .nav-tabs .nav-item.show .nav-link {
    background: #e4a025;
    font-weight: 400;
}

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

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


/* LOADING */

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

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

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

.loader:before {
    left: -15px;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 15px;
}

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 30px;
    }

    40% {
        box-shadow: 0 -2em;
        height: 40px;
    }
}

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 30px;
    }

    40% {
        box-shadow: 0 -2em;
        height: 40px;
    }
}

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

.success-message {
    color: #ffffff;
    font-weight: 400;
    background: #e19914;
    padding: 10px 15px;
    margin: 0 0 20px 0;
}

.error-message {
    background: #ffe2e2;
    padding: 10px 15px;
    margin: 0 0 20px 0;
}

/* DOSTUPNOST - kopirano sa bitprometa */
.availability-table .dostupno,
.availability-table .na-upit {
    text-align: center;
}

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

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

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

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

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

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

.price-rate-tooltip {
    background: #E4A025;
    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: #E4A025;
}

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


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

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

.print header {
    background: none;
}

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

.print .path {
    margin-bottom: 30px;
    font-size: 10px;
    line-height: 18px;
    padding-top: 0;
}

.print .product-pic {
    width: 100%;
}

.print .product .product-general {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
}

.print .product-pic-inner {
    width: 100%;
}

.print .product-pic-inner img {
    margin-left: auto;
    margin-right: auto;
}

.print .product-name,
.print .product-price {
    font-size: 20px;
    line-height: 28px;
}

.print .product-price {
    margin-top: 30px;
}

.print .prod-availability {
    font-size: 12px;
    line-height: 18px;
}

.print .out-of-stock {
    max-width: 100% !important;
    border: 1px solid #ccc;
    margin-bottom: 0 !important;
    margin-top: -1px;
    padding: 0 15px 15px 15px !important;
}

.print .product-info-sheet {
    overflow: hidden;
}

.print .product-info {
    float: left;
    width: 48%;
    margin-left: 4%;
}

.print .product-info:first-of-type {
    margin-top: 0;
    border-top: 1px solid #E3E6EC;
}

.print .product-info:first-of-type li {
    padding-top: 8px;
}

.print .product-info:nth-child(2n+1) {
    margin-left: 0;
}

.print .product-info li {
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
}

.print .product-info li:first-of-type {
    width: 50%;
}

.print .product-description {
    margin-top: 20px;
}

.print .half-col {
    margin-left: 0;
}

.print .product-characteristic {
    margin: 2px 0 0 0;
}

.print .product-characteristic li {
    padding: 8px 10px;
}

.print footer {
    margin-top: 30px;
    border-top: 2px solid #ccc;
    text-align: center;
    line-height: 18px;
    padding: 0 0 20px 0;
}

.print footer .container div {
    margin-top: 20px;
}

.print footer .container ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

.print footer .container ul li {
    display: inline-block;
    margin-left: 30px;
}

.print footer .container ul li:first-of-type {
    margin-left: 0;
}

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

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

.swiper-button-prev,
.swiper-button-next {
    bottom: 0;
    top: calc(50% - 70px);
    width: 45px;
    height: 45px;
    color: #ffffff;
    background: #222222;
    border-radius: 100%;
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    content: '';
    display: block;
    width: 45px;
    height: 45px;
    background: url(../img/chevron-left-white.svg) 46% 50% no-repeat;
    background-size: 8px auto;
}

.swiper-button-next:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #bbbbbb;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: 1;
    background: #e4a025;
    border-color: #e4a025;
}

.swiper-button-prev {
    left: -25px;
}

.swiper-button-next {
    right: -25px;
}

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

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

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

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

.swiper-pagination-bullet-active::after {
    background: #b2e945;
    border: 1px solid #b1b1b1;
    opacity: 1;
}

/* nova paginacija */

.pagination {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}


.pagination > li > a,
.pagination > li > span {
    position: relative;
    padding: 0;
    text-decoration: none;
    color: #484848;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 2px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    margin: 0 3px;
    font-weight: 600;
    font-size: 13px;
}

.page-link:hover,
.page-link:focus,
.page-link:active {
    color: #13009D;
    background-color: transparent;
}

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

.next-page a,
.prev-page a {
    display: block;
    background: url(../img/arrow-right.svg) 50% 50% no-repeat;
    background-size: 20px auto;
    width: 20px;
    height: 34px;
    padding: 0;
}

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

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    color: #484848;
}

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

.page-item.active .page-link {
    border-color: #E5E6EA;
    background: transparent;
    color: #000000;
}

.pagination-mobile {
    display: none;
}


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

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

.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: 12px 20px;
    list-style: none;
    width: 100%;
    color: #e19914;
}

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

.orderHistoryCols .orderID {
    width: 18%;
}

.orderHistoryCols .orderTime {
    width: 16%;
}

.orderHistoryCols .orderStatus {
    width: 20%;
}

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

.orderItem {
    margin-top: 8px;
}

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

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

.orderItemHeading .orderHistoryCols .orderID {
    font-size: 28px;
    font-weight: 100;
    line-height: 28px;
}

.orderItemHeading .orderHistoryCols i {
    display: none;
}

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

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

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

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

.orderItemRecord .orderItemRecordID {
    width: 22%;
}

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

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

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

.orderBtns .btn {
    font-size: 14px;
    padding: 10px 25px;
}

.orders-nav .page-item span {
    line-height: 38px;
    padding: 0 10px;
    font-weight: 400;
    font-size: 16px;
    width: auto;
}
/* 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;
}

.category-desc {
    margin: 0 0 30px 0;
}


/* BLOG */
.home-blog {
    padding: 0 0 20px 0;
}

.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,
.featured-blog-entry h3:hover,
.blog-entries .article-title:hover {
    color: #E4A025;
}

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

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

.blog-wrapper img {
    border: 1px solid #F5F5F5;
}

.featured-blog-entry {
    width: 45%;
}

.featured-blog-entry img {
    width: 100%;
}

.featured-blog-entry .article-title {
    font-family: 'Merriweather', Georgia, serif;
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0 0 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.featured-blog-entry .blog-category-link {
    margin: 20px 0 10px 0;
}

.blog-entries {
    width: 53%;
}

.blog-item {
    width: 48.5%;
    margin: 0 0 30px 0;
}

.blog-item-pic a {
    /*display: inline-block;*/
    margin: 0 0 15px 0;
}

.blog-category-link {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #E4A025;
    text-decoration: underline;
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    letter-spacing: 0.5px;
}

.blog-category-link:hover {
    color: #E4A025;
}

.blog-entries .article-title {
    display: inline-block;
    font-family: 'Merriweather', Georgia, serif;
    width: 100%;
    font-weight: 700;
    line-height: 1.2;
    color: #242424;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

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

/* BLOG */


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

.recently-viewed > .btn,
.recently-viewed > .btn:focus {
    position: relative;
    z-index: 600;
    background: #1D1D1D;
    border-color: #1D1D1D;
    border-radius: 2px 2px 0 0;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    text-transform: none;
}

.recently-viewed.opened > .btn {
    background: #fff;
    border-color: transparent;
    color: black;
}

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

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

.nav-down,
.basket .nav-down.nav-down-topbar{
    top: 0;
}

.nav-down.nav-down-topbar {
    top: 56px;
}

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

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

.icon-heart:before {
    color: #E4A025;
}

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

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


.invalid_attr {
    color: cornflowerblue !important;
}

.prod-item.catalogue-banner {
    padding: 0;
    border: none;
}

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

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

.topbar {
    position: relative;
    z-index: 101;
    background: #1D1D1D;
    font-size: 16px;
    padding: 15px 0;
}

.topbar a {
    color: #ffffff;
}

.topbar a:hover,
.topbar a:focus,
.topbar a:active {
    color: #e4a025;
}

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

.topbar ul li {
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
}

.topbar .topbar-menu li:first-child {
    padding: 0 15px;
}

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

/*.topbar ul li::after {
    content: '';
    position: absolute;
    right: -15px;
    top: 50%;
    display: block;
    background: #F5F5F5;
    height: 15px;
    width: 1px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}*/

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

.topbar .topbar-menu li:first-child::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: -15px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e4a025;
    height: 57px;
}

.topbar .topbar-menu li:first-child a {
    position: relative;
    z-index: 2;
}

.topbar .topbar-menu li:first-child a:hover {
    color: #000;
}

.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 a {
    display: block;
    color: #000000;
    width: auto;
    border-radius: 100%;
    text-align: center;
    background: #ffffff;
    font-size: 13px;
    font-weight: 400;
    border: 0px solid #e6e6e6;
    text-transform: uppercase;
}

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

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


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

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

.product-colours > li a {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100%;
    line-height: 0;
}

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

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

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

.product-colours li a img {
    width: 27px;
    height: 27px;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #dcdcdc;
    padding: 2px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.product-colours li.active a img,
.product-colours li a:hover img,
.product-colours li a:focus img,
.product-colours li a:active img {
    border: 2px solid #e19914;
}


.product-colours > li a > .size {
    border: 2px solid #dcdcdc;
    border-radius: 50px;
    min-height: 35px;
    min-width: 35px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 5px 10px;
    margin: 3px;
    font-weight: 500;
    color: #000000;
}

.product-colours > li a > .size:hover {
    background-color: #e5a126;
    color: #fff;
}

.product-colours > li.active > a > .size {
    background-color: #e5a126;
    color: #fff;
}


.package-wrapper ul li.package-label {
    float: none;
}

.modal-header {
    background: #F2F2F2;
    padding: 50px 10px;
    border: none;
}

.modal-content {
    background: #FAF9F8;
    border: none;
    padding: 0;
    border-radius: 0;
}

.modal-title,
.basket .modal-title {
    font-family: 'Merriweather', Georgia, serif;
    text-align: center;
    font-size: 36px;
    margin: 0;
    width: 100%;
    font-weight: 300;
    line-height: 1.3;
}

.modal-body {
    padding: 40px 80px 40px 180px;
}

.close-modal {
    position: absolute;
    right: -15px;
    z-index: 20;
    top: -20px;
    background: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    box-shadow: 0 1px 10px rgba(0,0,0,.2);
}

.close-modal::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/close-ico.svg) 50% 50% no-repeat;
    background-size: 15px auto;
}


.close-modal:hover,
.close-modal:focus,
.close-modal:active {
    color: #E5A126;
}

.modal-btn {
    width: 100%;
    background: #E5A126;
    color: #ffffff;
    padding: 9px 20px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 2px;
}

.modal-btn:hover,
.modal-btn:focus,
.modal-btn:active {
    background: #1D1D1D;
    color: #ffffff;
}

.modal-big-img {
    box-shadow: 0 0 50px rgba(232,222,210,0.8);
}

.modal {
    padding: 0 !important;
}

.login-modal .modal-content {
    background: #FFFFFF;
}

.login-modal .modal-body {
    padding: 40px 80px;
}

.login-modal .modal-header {
    padding: 30px 10px;
    display: block;
    text-align: center;
}

.no-account {
    margin: 20px 0 0 0;
    font-weight: 600;
}

.login-modal .forgot-pass {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 20px 0 0 0;
    font-weight: 600;
    font-size: 16px;
}


/*KOPIRANO S TALANA -> ZA MAJU*/


/* FEATURED CATS */
.advices-inner {
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

.advices {
    box-sizing: border-box;
    position: relative;
    margin-top: 80px;
    z-index: 10;
}

.advices:before,
.advices:after {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
}

.advices:before {
    content: "";
    height: 80px;
    transform: skewY(-2deg);
    top: -40px;
}

.advices:after {
    content: "";
    height: 80px;
    transform: skewY(2deg);
    bottom: -40px;
}

.advices .section-content {
    margin-top: 20px;
}

.advices .advice-big {
    float: left;
    width: 680px;
    margin-top: 40px;
}

.advices .advices-small {
    float: left;
    width: 680px;
    margin-left: 40px;
    margin-top: 40px;
}

.advices .advice-small {
    float: left;
    width: 320px;
    margin-left: 40px;
}

.advices .advice-small:first-child {
    margin-left: 0;
}

.advices img {
    border-radius: 8px;
    transition: 0.3s all ease;
}

.advices a:hover img {
    box-shadow: 0 0 30px rgba(0,0,0,0.2);
}

.advices ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

.advices ul li {
    display: block;
}

.advices .advice-type {
    font-size: 14px;
    text-transform: uppercase;
}

.advices .advice-big .advice-title {
    font-size: 25px;
    font-weight: 800;
    line-height: 30px;
    margin-top: 10px;
    color: #2A2D2E;
}

.advices .advice-small .advice-title {
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
    margin-top: 5px;
    color: #2A2D2E;
}

.advices .advice-big .advice-title:hover {
    color: #00958F;
}

.advices .advice-small .advice-title:hover {
    color: #00958F;
}

.advices .advice-lead {
    line-height: 22px;
    margin-top: 10px;
}

.advices .section-bottom {
    margin-bottom: 60px;
}

.mayoko-sign-wrapper {
    text-align: center;
    margin: 60px 0;
    display: inline-block;
    width: 100%;
}

.mayoko-sign img {
    width: 120px;
    height: 51px;
    margin: 0 auto;
}

.mayoko-slogan {
    margin: 20px 0 0 0;
    display: block;
    text-transform: uppercase;
    font-weight: 300;
}

.swiper-scrollbar-drag {
    background: #0D0D0D;
}

.swiper-container-horizontal > .swiper-scrollbar {
    height: 4px;
    border-radius: 6px;
    position: relative;
    left: auto;
    bottom: 0;
    margin: 30px 0 0 0;
}

.swiper-scrollbar {
    background: #F1ECEC;
}

.furniture-section {
    background: #FCFCFC;
    padding: 60px 0;
}

.lg-backdrop {
    background-color: #ffffff;
}

.lg-toolbar {
    background-color: rgba(0, 0, 0, 0.15);
}

.about-us-section {
    background: #FCFCFC;
    padding: 60px 0;
}

.about-us-wrapper {
    max-width: 660px;
    width: 100%;
    margin: 0 0 0 60px;
}

.about-us-wrapper h2 {
    font-size: 36px;
}

.about-us-wrapper .about-txt {
    padding: 20px 0 25px 0;
}

.about-us-wrapper .btn {
    text-transform: none;
    font-size: 18px;
    font-weight: 400;
}

.copy {
    padding: 20px 0 40px 0;
    text-align: center;
}

.copy .logo-footer {
    display: block;
}

.copy .logo-footer img {
    width: 160px;
    margin: 0 0 20px 0;
}

.copy .copy-txt {
    color: #797979;
}

.cards-label {
    font-family: 'Merriweather', Georgia, serif;
    font-size: 18px;
}

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

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

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

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

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

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

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

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

.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 .item-rating span {
    padding: 0;
    margin: 0;
}

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

.product-description .btn {
    width: 275px;
    display: block;
    margin: 55px auto 0 auto;
}

.reviews-link a {
    font-weight: 700;
    color: #598797;
    text-decoration: underline;
}

.collection-hero {
    margin: 0 0 30px 0;
}

.section-img-right,
.section-img-left {
    margin: 80px 0 0 0;
}

.section-img-right picture,
.section-img-left picture {
    width: 100%;
}

.section-img-right .section-txt {
    padding: 0 210px 0 0;
}

.section-img-left .section-txt {
    padding: 0 0 0 160px;
}

.video-section,
.featured-products.inner {
    margin: 80px 0 0 0;
}


.page-content.blog-detail {
    padding: 0;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: #222222;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    padding: 0;
    font-size: 17px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.lg-actions .lg-next:before {
    font-family: swiper-icons;
    content: 'next';
}

.lg-actions .lg-prev:after {
    font-family: swiper-icons;
    content: 'prev';
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #FFF;
    background: #E5A126;
}

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

.pass-reset-inner h2 {
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 20px;
}

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

.pass-reset-inner .form-group-btn {
    margin: 20px 0 0 0;
    display: inline-block;
}

.select-poslovnice {
    display: block;
    margin: 10px 0 0 0;
}

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

.podaci-wrapper .podaci {
    padding: 0 30px;
}

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

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

.podaci-wrapper h2 {
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 20px;
    margin: 0 0 15px 0;
    font-weight: 500;
}

.basket h1 {
    text-align: center;
}

.card:first-of-type {
    border-top: 1px solid #D9D9D9;
}

.delivery-payment .card {
    border: 1px solid #eaeaea;
    background: #fbfbfb;
    border-radius: 2px;
    margin-bottom: 15px;
}

.delivery-type h2 {
    margin: 0 0 15px 0;
}

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

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

.podaci-wrapper .card-header label {
    width: 100%;
}

.podaci-wrapper .card-body {
    padding: 0 20px 20px 20px;
    font-weight: 300;
}

.delivery-payment .select-title {
    font-weight: 700;
    margin: 10px 0;
    display: inline-block;
}

.related-products {
    margin: 0 0 40px 0;
}

.related-products h2 {
    margin: 0 0 40px 0;
}

.no-items-basket h2 {
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 25px;
}

/*forma za slanje upita za proizvod*/
.sign-in-up {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 95%;
    max-width: 640px;
    text-align: center;
    padding: 60px;
    background: #fff;
    overflow-y: auto;
    max-height: 94%;
    box-shadow: 0 15px 25px rgba(0,0,0,.15);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.sign-in-up-inner {
    overflow-y: auto;
}

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

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

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

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

.sign-in-up .form-wrapper {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
}

.form-field input {
    display: block;
    width: 100%;
    border: 1px solid #aeb1bb;
    background: none;
    padding: 12px 16px;
    height: 50px;
    z-index: 1;
    position: relative;
    padding-top: 20px;
    padding-bottom: 6px;
    font-size: 16px;
}

.form-field input.error,
.form-field textarea.error {
    border: 1px solid #ed1c24;
}

.form-group, .form-field {
    position: relative;
}

.form-field label {
    position: absolute;
    left: 16px;
    z-index: 2;
    font-weight: 400;
    pointer-events: none;
    font-size: 12px;
    top: 2px;
}

.adria {
    color: #003a68;
    font-size: 20px;
}

.send-inq-btn {
    font-size: 13px;
    font-weight: 400;
    padding: 5px 7px;
    position: absolute;
    right: 0;
    top: -3px;
    background: #f5f0ea;
    color: #84654a;
}

.send-inq-btn:hover,
.send-inq-btn:focus,
.send-inq-btn:active {
    background: #f9e7d2;
}

.form-button {
    margin: 20px 0 0 0;
}

.error {
    margin: 10px 0 0 0;
    color: #ed1c24;
}


.color-form-wrapper .error {
    text-align: left;
    display: inline-block;
    margin: 0;
    width: 100%;
    font-size: 14px;
}

.form-field {
    margin: 0 0 10px 0;
}

.form-field textarea {
    width: 100%;
    padding: 20px 8px 10px 8px;
    border: 1px solid #aeb1bb;
    background: none;
}

.form-field label {
    position: absolute;
    left: 8px;
    z-index: 2;
    font-weight: 400;
    pointer-events: none;
    font-size: 12px;
    top: 5px;
}

.form-field input {
    display: block;
    width: 100%;
    border: 1px solid #aeb1bb;
    background: none;
    padding: 12px 8px;
    height: 50px;
    z-index: 1;
    position: relative;
    padding-top: 20px;
    padding-bottom: 6px;
    font-size: 16px;
}

/*pitanja i odgovori*/

.qa-item {
    margin-top: 40px;
    padding-left: 50px;
    font-size: 15px;
}

.qa-item-question {
    font-weight: 700;
}

.qa-item-question span {
    display: block;
    color: #8E9395;
    font-weight: 400;
}

.qa-item-reply {
    position: relative;
    margin-top: 20px;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    padding: 0 30px 0 80px;
}

.qa-item-reply .doctor-thn {
    position: absolute;
    width: 100px;
    height: 100px;
    left: -50px;
    top: 15px;
    border-radius: 100%;
}

.qa-item-reply .doctor-thn img {
    width: 100%;
    border: 1px solid #DFDFDF;
    border-radius: 100%;
}

.qa-item-reply .doctor-reply {
    display: table;
    width: 100%;
}

.qa-item-reply .doctor-reply > div {
    display: table-cell;
    padding: 15px 0;
    vertical-align: middle;
}

.qa-item-reply .doctor-reply .reply ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.qa-item-reply .doctor-reply .reply ul li {
    color: #8E9395;
    display: block;
}

.qa-item-reply .doctor-reply .reply ul .text {
    color: #2A2D2E;
    margin: 0 0 10px 0;
}

.qa-item-reply .doctor-reply .useful {
    width: 1px;
    text-align: center;
    padding-left: 30px;
}

.qa-item-reply .doctor-reply .useful a {
    display: inline-block;
    color: #8E9395;
    font-size: 13px;
    white-space: nowrap;
    line-height: 18px;
}

.qa-item-reply .doctor-reply .useful a span:not(.korisno) {
    font-size: 30px;
    display: block;
    line-height: 30px;
}

.qa-item-reply .doctor-reply .useful a:hover {
    color: #2A2D2E;
}

.qa-item-reply .doctor-reply .useful a.active {
    color: #0DB0F1;
}

.product-description .nav-tabs {
    display: none;
}

.brand-desc {
    margin: 10px 0 0 0;
}

.brand-desc p {
    margin: 0;
}

.ponuda-btn {
    margin: 10px auto;
    display: block;
    width: 295px;
}

.show-all-blog-desktop,
.show-all-reference-desktop {
    position: absolute;
    right: 15px;
    top: 0;
}

.btn.blog-btn {
    padding: 9px 20px;
    text-transform: none;
    font-weight: 400;
}

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

.blog-subpage .blog-item {
    width: calc(25% - 20px);
    margin: 0 20px 30px 0;
}

.blog-subpage .blog-entries .blog-item-pic {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.blog-item-pic a {
    margin: 0 0 10px 0;
}

.logo-footer-gd {
    display: inline-block;
    margin: 20px 0;
}

.basket-products .heading .bp-rabat.empty,
.bp-rabat-cell.empty {
    display: none;
}

.showroom-wrapper {
    padding: 50px 0;
    background: #1A171B;
    color: #ffffff;
}

.showroom-intro {
    margin: 0 0 40px 0;
}

.showroom-wrapper a {
    width: 25%;
    padding: 5px;
    opacity: 1;
}

.showroom-wrapper a:hover,
.showroom-wrapper a:focus,
.showroom-wrapper a:active {
    opacity: .6;
}

.showroom {
    margin: 0 -5px;
}

.error-page {
    padding: 7% 0;
}

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

.docs-title {
    font-weight: 700;
    text-transform: uppercase;
}

.docs-list li {
    position: relative;
    display: block;
    padding: 0 0 10px 30px;
}

.docs-list li:first-child {
    padding: 0 0 10px 0;
}

.docs-list li:first-child::before {
    display: none;
}

.docs-list li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 21px;
    background: url(../img/pdf-ico.svg) 50% 50% no-repeat;
    background-size: 17px auto;
    z-index: 1;
}

/*najniza cijena*/

.lowest-price {
    font-size: 11px;
    color: #8E8E8E;
    text-transform: none;
    font-weight: 400;
}

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

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


.error-nl {
    margin: 15px 0 0 0;
    background: #fff;
    padding: 10px;
    border-radius: 2px;
}

.error-nl:empty {
    display: none;
}

.newsletter-modal .modal-body {
    padding: 40px;
}

.newsletter-modal .form-control {
    border-radius: 2px 0 0 2px;
}

.newsletter-modal .btn {
    border-radius: 0 2px 2px 0;
}

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

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

.success-nl {
    text-align: center;
    font-size: 18px;
}

.sufinanciranje {
    text-align: center;
    font-size: 14px;
    padding: 20px 10px;
    line-height: 1.2;
}

.projekti-wrapper {
    margin: 0 0 15px 0;
}

.projekti-wrapper img {
    margin: 0 10px;
}

.custom-badge {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}

.custom-badge .custom-badge-inner {
    background: #FF904B;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 2px;
}

.product .custom-badge {
    font-size: 13px;
}

.reference-section {
    background: #F8F8F8;
    padding: 80px 0;
}

.reference-item h3 {
    font-weight: 700;
    font-size: 20px;
    margin: 20px 0 10px 0;
}

.reference-section .swiper-button-next {
    right: -5px;
}

.reference-section .swiper-button-prev {
    left: -5px;
}


.masonry-page-wrapper {
    min-height: 80vh;
}

.masonry-gallery {
    position: relative;
    height: 100%;
    margin: 50px 0;
}

.masonry-gallery a {
    position: absolute;
    /*max-width: 31%;
    width: 100%;*/
}

.masonry-gallery a picture {
    display: inline-block;
}

.reference-products {
    position: relative;
    margin: 0 0 40px 0;
}

.reference-list .reference-item {
    width: 30%;
    margin: 0 3% 3% 0;
}

/* cookie */

.gdc-button, #gdc-accept-all {
    border-color: #1D1D1D;
    background-color: #1D1D1D;
    color: #fff;
}

.gdc-button:hover, #gdc-accept-all:hover {
    color: #fff;
    background-color: #e4a025;
    border-color: #e4a025;
}

.gdc-description a {
    color: #e4a025;
}

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

.gdc-info-icon-bkg {
    fill: #1D1D1D;
}


.gdc-options input[type=checkbox][disabled]:checked + label:before {
    color: #ccc;
}

.gdc-options .gdc-checkbox:checked + label:after {
    top:7px;
}

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



.reminder-wrapper {
    padding: 25px;
    background: #f5f5f5;
    border-radius: 3px;
    margin: 20px 0 0 0;
}

.reminder-wrapper h4 {
    margin: 0 0 20px 0;
}

.reminder-wrapper .form-group {
    width: 55%;
    margin: 0;
}

.reminder-wrapper .form-control {
    background: #fff;
    border: 1px solid #ccc;
}

.reminder-wrapper .btn-action {
    width: 40%;
    padding: 14px 20px;
}

.reminder-success:empty {
    display: none;
}

.reminder-success {
    background: #E5A126;
    padding: 10px 15px;
    margin: 10px 0;
    color: #fff;
    border-radius: 3px;
    line-height: 1.3;
}

.newsletter-form-modal .acymailing_form.d-flex {
    justify-content: center;
}

.test1234 {
    display:none;
}

.katalog_stranica img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.katalog_stranica h3 {
    padding-bottom: 20px;
}

.katalog_stranica h2 {
    padding-bottom: 30px;
}

.katalog_stranica h4 {
    padding-top: 20px;
}

.katalog_stranica .filter-sidebar {
    width:23%
}

.katalog_stranica .katalozi_wrapper {
    width: 77%;
    display:flex;
    flex-wrap: wrap;
}

.katalog_stranica .grid-bottom {
    margin-bottom: 30px;
    margin-top: 30px;
}

.custom-badge .custom-badge-inner {
    color: #fff;
}

/* end */