body {
    font: 14px/18px 'Open Sans', Arial, Helvetica, sans-serif;
    background: #f4f7f8;
}

.font-black {
    color: black;
}

/* Standard Styles Starts */

a {
    color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Condensed', Helvetica, Times New Roman, sans-serif;
    color: #ffb400;
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

.old-price {
    font-size: 18px;
    color: #d0d0d0;
    text-decoration: line-through;
}

.new-price {
    font-size: 32px;
    color: #ffa500;
    font-weight: 600;
}

.product {
    padding: 7px;
}

.product-box-wrapper {
    padding: 7px;
}

.product-title {
    color: #000 !important;
    font-size: 18px;
    font-weight: 600;
}

.sidebox {
    padding: 7px 15px;
}

.sidebox-ad {
    height: 600px;
    margin: 7px 15px;
    border-radius: 8px;
    overflow: hidden;
}

.sidebox-inner {
    padding: 0px 29px 29px 29px;
    background: #ffffff;
    border-radius: 10px;
}

.sidebox-article {
    padding-top: 25px;
}

    .sidebox-article > a {
        transition: all 0.3s ease-in-out;
    }

        .sidebox-article > a:hover {
            opacity: 0.7;
        }

.sidebox-article-image {
    padding: 0px;
    max-width: 100%;
}

.sidebox-article-title {
    font-weight: 600;
    padding-top: 12px;
    font-size: 13px;
    line-height: 1.2;
}

.sidebox-article-description {
    font-weight: 500;
    padding-top: 12px;
}

.sidebox-article-footer {
    display: flex;
    padding-top: 12px;
}

.sidebox-article-footer-date-wrapper {
    width: 65%;
}

.sidebox-article-footer-date {
    font-size: 12px;
    color: #3e3e3e;
}

.sidebox-article-footer-link-wrapper {
    display: flex;
    flex-grow: 1;
    justify-content: end;
}

.sidebox-article-footer-link {
    font-size: 12px;
    color: #ffa500;
}

.ad-margin-top {
    margin-top: 57px;
}

.main-heading {
    font-size: 30px;
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 15px;
    line-height: normal;
}

    .main-heading span {
        font-size: 18px;
        color: #878a8c;
    }

.main-heading2 {
    font-size: 24px;
}

.main-heading2,
.sub-heading {
    text-transform: uppercase;
}

.sub-heading {
    font-size: 24px;
    padding: 10px 0;
}

.header-top li,
.header-top .btn-link,
#main-menu.navbar,
#search .input-group .form-control,
#cart .btn,
/*.dropdown-menu,*/
/*.product-head,*/
.product-col .caption h4,
.product-col .price,
.product-col .btn-cart,
.breadcrumb,
.side-heading,
.list-group-item,
.product-filter,
.pagination,
.product-info .product-details,
.tabs-panel .nav-tabs {
    font-family: 'Roboto Condensed', sans-serif;
}

hr {
    border: 1px solid #9a9ab0;
    opacity: 0.5;
    margin-top: 18px;
    margin-bottom: 18px;
}

/* Header Area Styles Starts */

#header-area {
    background: #000;
}

.header-top {
    background: #252a2f;
}

/* Header Links Styles Starts */

.header-links ul {
}

.header-links li {
    display: inline-block;
}

    .header-links li .fa {
        margin-right: 3px;
    }

    .header-links li,
    .header-links li a {
        color: #fff;
    }

        .header-links li a {
            padding: 12px 15px 12px 0;
        }

/* Currency & Languages Drop Down Styles Starts */

.header-top .btn-link {
    color: #fff;
    text-decoration: none;
    margin: 4px 0 0 0;
}

.header-top .open .btn-link {
    color: #ffb400;
}

.header-top .btn-link i.fa {
    margin-left: 5px;
}

/* Main Header & Search Styles Starts */

.content-row {
    padding-left: 122px;
    padding-right: 122px;
}

    .content-row.top-header {
        display: flex;
        min-height: 83px;
        justify-content: space-between;
        align-items: center;
    }

        .content-row.top-header::before,
        .content-row.top-header::after {
            display: none;
        }

.logo-container {
    display: flex;
    align-items: center;
    gap: 35px;
}

.content-row.bottom-header {
    min-height: 72px;
    padding-top: 15px;
}

#reservations-mobile {
    display: none;
    padding: 0px 0px 15px 0px;
}

#search-mobile {
    display: block;
}

/*.container.navigation {
    padding-top: 15px;
    padding-bottom: 15px;
}*/

.header-search {
    /*height: 50px;
    width: 450px;*/
    border: none;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    background-color: white;
    /*background-image: url('searchicon.png');
    background-position: 10px 10px;*/
    background-repeat: no-repeat;
    padding: 12px 40px 12px 20px;
}

.header-search-icon {
    float: right;
    margin-right: 6px;
    margin-top: -34px;
    position: relative;
    z-index: 2;
    font-size: 24px !important;
}

.header-message {
    background: #ff2d37;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    padding: 16px 15px;
    /*font-weight: bold;*/
}

#search {
    /*margin: 12px 0 0 0;*/
    /*margin: 0 15px;*/
}

#send-feedback,
#btn-quote,
#btn-pay,
#btn-order,
#btn-back,
#btn-continue {
    color: #ffffff;
    height: 40px;
    width: 175px;
    background: #ffa500;
    padding: 5px 15px;
    margin-top: 18px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    border: none;
}

#btn-order {
    margin-left: 10px;
}

    #btn-order:active,
    #btn-pay:active,
    #btn-quote:active {
        background: #ffb400;
    }

    #btn-order .button__text,
    #btn-pay .button__text,
    #btn-quote .button__text {
        color: #ffffff;
        transition: all 0.2s;
    }

    #btn-order.button--loading,
    #btn-pay.button--loading,
    #btn-quote.button--loading {
        background: #ccc;
    }

/*#btn-order.button--loading .button__text, #btn-pay.button--loading .button__text {
        visibility: hidden;
        opacity: 0;
    }*/

/*#btn-order.button--loading::after, #btn-pay.button--loading::after {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        top: 30px;
        right: 120px;
        margin: auto;
        border: 4px solid transparent;
        border-top-color: #ffffff;
        border-radius: 50%;
        animation: button-loading-spinner 1s ease infinite;
    }*/

#btn-quote {
    width: 49%;
    margin-top: 0px;
}

.search-row {
    margin-top: 10px;
}

.search-label {
    margin-top: 5px;
    font-size: 12px;
    color: #ffb400;
}

#search .input-group {
}

    #search .input-group .form-control {
        background: #252a2f;
        border: solid #525c66;
        border-width: 1px 0 1px 1px;
        color: #878a8c;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #search .input-group .btn {
        background: #ffb400;
        border: solid #525c66;
        border-width: 1px 1px 1px 0;
        color: #252a2f;
        height: 46px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.form-group .form-control {
    height: 40px;
    width: 100%;
    border: 1px solid #ffa500;
    border-radius: 8px;
    background: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

.form-group textarea.form-control {
    height: auto;
}

.quantity-input-group {
    clear: both;
    position: relative;
}

    .quantity-input-group input,
    .quantity-input-group textarea {
        border: none;
        box-sizing: border-box;
        margin: 0;
        outline: none;
        padding: 10px;
    }

        .quantity-input-group input::-webkit-outer-spin-button,
        .quantity-input-group input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

        .quantity-input-group input[type='button'] {
            -webkit-appearance: button;
            cursor: pointer;
            background-color: transparent;
            min-width: 38px;
            width: auto;
            transition: all 300ms ease;
        }

        .quantity-input-group input[type='number'] {
            -moz-appearance: textfield;
            -webkit-appearance: none;
            background-color: transparent;
        }

    .quantity-input-group .button-minus,
    .quantity-input-group .button-plus {
        font-weight: bold;
        height: 38px;
        padding: 0;
        width: 38px;
        position: relative;
    }

    .quantity-input-group .button-up,
    .quantity-input-group .button-down {
        font-weight: bold;
        height: 12px;
        padding: 0;
        width: 12px;
        position: relative;
        transform: rotate(270deg);
    }

    .quantity-input-group .quantity-field {
        position: relative;
        height: 38px;
        text-align: center;
        width: 38px;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        resize: vertical;
    }

/* Cart Style Starts */

.cart-total-price {
    font-size: 40px;
    font-weight: 600;
    color: #ffa500;
    line-height: 40px;
}

.cart-16-bold {
    font-size: 16px;
    font-weight: 600;
}

.cart-20-bold {
    font-size: 20px;
    font-weight: 600;
}

.cart-24-bold {
    font-size: 24px;
    font-weight: 600;
}

.cart-details-image-col {
    position: relative;
    text-align: center;
    align-content: center;
    background-color: #ffffff;
    padding: 15px;
    border: none;
    border-radius: 4px;
}

.cart-details-details-col {
    display: flex;
    flex-direction: column;
    height: 230px;
    padding-bottom: 15px;
}

#cart .btn {
    color: #fff;
    background: #22292e;
    text-align: left;
    padding: 0;
    margin: 12px 0 0 0;
    font-size: 16px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    #cart .btn .fa-shopping-cart {
        background: #fcb500;
        color: #22292e;
        line-height: unset;
        padding: 9px 8px;
        font-size: 25px;
        margin-right: 10px;
    }

    #cart .btn span#cart-total {
        color: #777d80;
        font-size: 15px;
        padding: 0 8px 0 5px;
        text-transform: uppercase;
    }

    #cart .btn i.fa-caret-down {
        color: #fab005;
        margin-left: 10px;
    }

#cart .dropdown-menu {
    min-width: 100%;
    margin-top: 10px;
    background: #22292e;
    color: #fff;
    border: none;
    z-index: 1001;
    padding: 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#cart .open > .dropdown-menu {
    display: block;
}

#cart .dropdown-menu table {
    margin-bottom: 10px;
}

    #cart .dropdown-menu table,
    #cart .dropdown-menu table td {
        background: none;
        border: none;
    }

        #cart .dropdown-menu table.hcart td,
        .line-bottom {
            border-bottom: 1px solid #54575b;
        }

.line-top,
.btn-block1 {
    border-top: 1px solid #54575b;
}

#cart .btn-block1 {
    padding: 20px 0 0;
}

    #cart .btn-block1 a {
        padding: 8px 12px;
        margin-left: 10px;
        text-transform: uppercase;
        font-size: 12px;
        text-decoration: none;
    }

        #cart .btn-block1 a:hover,
        #cart .btn-block1 a + a {
            background: #ffb400;
            color: #fff;
        }

            #cart .btn-block1 a,
            #cart .btn-block1 a + a:hover {
                background: #fff;
                color: #252a2f;
            }

#cart .dropdown-menu li > div {
    min-width: 427px;
    padding: 0 10px;
}

#cart .dropdown-menu li p {
    margin: 20px 0;
}

#cart .dropdown-menu table.total {
}

    #cart .dropdown-menu table.total td {
        padding: 2px 8px;
    }

#cart .dropdown-menu table td a {
    color: #ffb400;
}

    #cart .dropdown-menu table td a:hover {
        color: #fff;
    }

/* Main Menu Styles Starts */

#main-menu {
    background: #000000;
}

    #main-menu.navbar {
        margin: 0;
        padding: 0;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    #main-menu .navbar-nav > li {
    }

    #main-menu .navbar-nav > li {
        border: 1px solid #ffc600;
    }

        #main-menu .navbar-nav > li a {
            text-transform: uppercase;
            font-weight: bolder;
        }

        #main-menu .navbar-nav > li span {
            text-transform: uppercase;
            font-weight: bolder;
        }

        #main-menu .navbar-nav > li > a:hover,
        #main-menu .navbar-nav > li.open a,
        #main-menu .navbar-nav > li.active a {
            background: #ff9000;
        }

    #main-menu .dropdown-menu {
        background: #ff9000;
        border: none;
        padding: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        #main-menu .dropdown-menu li a {
            padding-top: 6px;
            padding-bottom: 6px;
        }

        #main-menu .dropdown-menu li span {
            padding-top: 6px;
            padding-bottom: 6px;
        }

        #main-menu .dropdown-menu li:hover a {
            background: #ff7e00;
            text-decoration: none;
        }

        #main-menu .dropdown-menu li:hover span {
            background: #ff7e00;
            text-decoration: none;
        }

    #main-menu .dropdown-inner {
        display: table;
        padding-bottom: 10px;
    }

        #main-menu .dropdown-inner ul {
            display: table-cell;
        }

        #main-menu .dropdown-inner .dropdown-header {
            font-size: 15px;
            text-transform: uppercase;
            color: #252a2f;
            padding: 15px 0 10px 15px;
        }

        #main-menu .dropdown-inner li a {
            min-width: 160px;
            display: block;
            padding: 3px 20px;
            clear: both;
        }

        #main-menu .dropdown-inner li span {
            min-width: 160px;
            display: block;
            padding: 3px 20px;
            clear: both;
        }

/* Breadcrumb Styles Starts */

.breadcrumb {
    text-transform: uppercase;
    padding: 10px 18px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 15px;
    border: 2px solid;
    color: #ffb400;
    background-color: #000000;
}

    .breadcrumb > li + li::before {
        content: '\007C';
        color: #ffb400;
    }

/* Slider Section Styles Starts */

.slider {
    margin-bottom: 0px;
}

/* Three Column Banner Styles Starts */

.col3-banners {
    margin-bottom: 20px;
}

/* Custom dropdown starts */

/*the container must be positioned relative:*/
.custom-select {
    position: relative;
}

    .custom-select select {
        display: none; /*hide original SELECT element:*/
    }

/*.select-selected {
            background-color: #FFFFFF;
        }*/

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: '';
    top: 16px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #000 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #000 transparent;
    top: 9px;
}

/*Black background*/
/*.dimension-picker-box-select .select-selected {
            background-color: transparent;
        }*/

.dimension-picker-box-select .select-selected:after {
    border-color: #ffffff transparent transparent transparent;
}

.dimension-picker-box-select .select-selected.select-arrow-active:after {
    border-color: transparent transparent #ffffff transparent;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
    /*color: #ffffff;*/
    padding: 10px 16px;
    /*border: 1px solid transparent;
            border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;*/
    cursor: pointer;
    user-select: none;
}

/*style items (options):*/
.select-items {
    position: absolute;
    color: #000;
    background-color: #ffffff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    margin-top: 15px;
    border: 1px solid #ffa500;
    border-radius: 8px;
    height: 320px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    .select-items::-webkit-scrollbar {
        width: 8px;
        background: #f1f1f1;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .select-items::-webkit-scrollbar-track {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .select-items::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 4px;
    }

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

/* Custom dropdown ends */

/* Custom dropdown with search starts */

.dropdown-form .dropdown-form-group {
    position: relative;
}

.dropdown-form .dropdown {
    position: relative;
}

.dropdown-form .dropdown-select {
    height: 40px;
    width: 100%;
    border: 1px solid #ffa500;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 16px;
    cursor: pointer;
    user-select: none;
}

    /*style the arrow inside the select element:*/
    .dropdown-form .dropdown-select:after {
        position: absolute;
        content: '';
        top: 16px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #000 transparent transparent transparent;
    }

    /*point the arrow upwards when the select box is open (active):*/
    .dropdown-form .dropdown-select.active:after {
        border-color: transparent transparent #000 transparent;
        top: 9px;
    }

.dropdown-form .dropdown-menu {
    position: absolute;
    color: #000;
    background-color: #ffffff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    margin-top: 15px;
    border: 1px solid #ffa500;
    border-radius: 8px;
}

.dropdown-form .dropdown-menu-inner {
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    .dropdown-form .dropdown-menu-inner::-webkit-scrollbar {
        width: 8px;
        height: auto;
    }

    .dropdown-form .dropdown-menu-inner::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: #ccc;
    }

.dropdown-form .dropdown-menu-item {
    padding: 10px 16px;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    font-weight: 600;
}

    .dropdown-form .dropdown-menu-item:hover,
    .dropdown-menu-item.selected {
        background-color: rgba(0, 0, 0, 0.1);
    }

.dropdown-form .dropdown-menu-search {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 16px;
    border: none;
    outline: none;
    background-clip: padding-box;
}

/* Custom dropdown with search ends */

/* Products Box Styles Starts */

.product-details-col.horizontal {
    display: flex;
    flex-direction: column;
    padding-top: 0px;
    height: 375px;
}

.product-details-row {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    /*border-bottom: 1px solid #9A9AB0;*/
    padding-top: 13px;
    padding-bottom: 13px;
    overflow-y: hidden;
}

    .product-details-row:last-child {
        border-bottom: none;
    }

.product-details-row-title {
    font-weight: 600;
    color: #9a9ab0;
}

.product-details-row-content {
    font-weight: 600;
    color: #000;
}

.product-details-image-col {
    position: relative;
    text-align: center;
    align-content: center;
    background-color: #ffffff;
    /*height: 479px;*/
    padding: 15px;
    border: 1px solid #9a9ab0;
}

    .product-details-image-col.horizontal {
        /*height: 360px;*/
    }

.product-details-image {
    max-width: 100% !important;
    max-height: auto !important;
}

.product-details-price-col {
    display: flex;
    flex-direction: column;
    height: 494px;
    padding-top: 0px;
    padding-left: 0px;
}

    .product-details-price-col.horizontal {
        height: 310px;
    }

.product-details-details-col {
    padding-top: 0px;
    padding-right: 0px;
}

.product-details-price-old {
    font-size: 24px;
    font-weight: 400;
    color: #d0d0d0;
    text-decoration: line-through;
}

    .product-details-price-old.horizontal {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: -25px;
    }

.product-details-price-new {
    font-size: 40px;
    font-weight: 600;
    color: #ffa500;
}

.product-details-available-box {
    height: 68px;
    margin-top: auto;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
}

.product-details-available {
    font-size: 12px;
    font-weight: 600;
    padding-top: 13px;
    padding-bottom: 13px;
}

.product-details-main-price-label {
    font-size: 12px;
    font-weight: 600;
    padding-top: 13px;
    padding-left: 15px;
}

    .product-details-main-price-label.with-discount {
        margin-top: 65px;
    }

    .product-details-main-price-label.without-discount {
        margin-top: 47px;
    }

.product-details-financing {
    font-size: 10px;
    font-weight: 400;
    padding-top: 15px;
    padding-left: 15px;
}

.product-details-financing-price {
    font-size: 16px;
    font-weight: 600;
    color: #9a9ab0;
    padding-top: 15px;
}

.product-details-quantity-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    margin-top: auto;
}

.product-details-quantity {
    display: flex;
    flex-direction: column;
    width: 244px;
}

.product-details-quantity-info {
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    color: #12af35;
    padding-top: 10px;
    padding-bottom: 10px;
}

.product-details-fitting {
    font-size: 10px;
    font-weight: 400;
    /*padding-top: 13px;*/
    padding-left: 15px;
}

.products-list {
    margin-bottom: 15px;
    padding-left: 35px;
}

.product-wrapper {
    margin-bottom: 0;
}

.product-name {
    color: #000;
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 32px;
    font-weight: 600;
}

.product-details-price {
    font-size: 35px !important;
}

.product-info-details {
    font: 12px/14px 'Open Sans', Arial, Helvetica, sans-serif;
}

.product-horizontal-details-price {
    font-size: 20px !important;
}

.product-head {
    padding: 8px 0px;
    /*margin: 0 0 20px;*/
    font-size: 24px;
    font-weight: 600;
    /*background: #ffb400;*/
    color: #000;
    /*text-transform: uppercase;
    border-radius: 15px;*/
    border-bottom: 1px solid #000;
    line-height: normal;
}

.purchase {
    float: right;
    padding: 10px;
    color: #ffa500;
    cursor: pointer;
    font-size: 10px;
    background: #ffa50026;
    border-radius: 10px;
}

.flex-center {
    display: flex;
    align-items: center;
}

.purchase-vendor {
    float: left;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
}

.purchase-6140 {
    color: green; /* eurodam */
}

.purchase-6579 {
    color: blue; /* merkur */
}

.purchase-6883 {
    color: violet; /* pgtrade */
}

.purchase-2576 {
    color: red; /* pgtrade */
}

.purchase-2650 {
    color: yellow; /* nuic */
}

.purchase-7066,
.purchase-8375,
.purchase-8376 {
    color: orange; /* autostil */
}

.purchase-0 {
    color: white;
}

.delete-reservation {
    float: right;
    position: absolute;
    color: red;
    cursor: pointer;
    font-size: 16px;
    right: 25px;
}

.show-reservation {
    float: right;
    position: absolute;
    color: green;
    cursor: pointer;
    font-size: 16px;
    right: 22px;
    padding: 3px;
}

[data-current='true'] {
    border-top: 8px solid #ffb400 !important;
}

[data-limit='true'] {
    border-top: 8px solid red !important;
}

.image {
    position: relative;
}

@media (max-width: 1024px) {
    .image {
        padding-top: 25px;
    }
}

.image-right {
    padding-right: 10px;
}

.product-offer {
    position: absolute;
    padding-left: 210px;
}

@media (max-width: 1024px) {
    .product-offer {
        padding-left: 150px;
        width: 220px;
    }
}

@media (max-width: 767px) {
    iframe {
        max-width: 100vh;
        overflow: hidden;
    }

    section#same-size.products-list,
    section#same-category.products-list,
    section#random.products-list {
        padding-left: 0 !important;
    }

    .product-details-quantity-row
    .product-details-quantity > div:first-child > div:first-child {
        padding-left: 15px;
    }

    .product-details-quantity-row .product-details-quantity-info {
        display: flex;
        justify-content: start;
        padding-left: 15px;
        margin-bottom: 15px;
    }

    .product-details-quantity-row .product-details-quantity .add-to-cart {
        margin-left: 15px;
    }

    .product-details-quantity-row .product-details-quantity > div:first-child {
        flex-direction: column;
        align-items: start !important;
        justify-content: flex-start !important;
    }

    .product-details-quantity-row {
        align-items: start;
        padding-top: 15px;
    }

    .row.content-row.top-header {
        margin: auto;
    }

    .reservations-button-wrapper {
        display: none;
    }

    div#right-menu > #cart,
    button.mobileSearchButton {
        width: 35px !important;
        height: 29px !important;
        padding-right: 0 !important;
    }

    #right-menu {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 0 !important;
    }

    .right-menu-wrap {
        width: 100px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div#logo {
        max-width: 80px !important;
    }

    div#subgroup-results-filter-1,
    div#subgroup-results-filter-2 {
        padding: 0 7px !important;
    }

    .products-list {
        padding-left: 15px;
    }

    .shop-results-header .sidebox2 {
        padding: 10px 15px;
        border: 1px solid #ffa500;
        margin: 0 15px;
        border-radius: 8px;
        background: #fff;
    }

    div#subgroup-results-filter-1 {
        padding-top: 15px !important;
    }

    .firstSideBox {
        margin: 0 15px !important;
    }

    .product-offer {
        margin-left: 96px;
        width: 250px;
    }

    .gp-entry > div {
        border-radius: 0px !important;
        padding: 15px !important;
    }

        .gp-entry > div .row {
            margin-left: 0px !important;
            margin-right: 0px !important;
        }

    .gp-article-double-box {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .product-box-wrapper {
        padding: 15px;
    }

    .youtube-box {
        padding: 15px;
        background-color: #ffffff;
        height: auto;
        overflow-y: hidden;
    }

    html body .copyright img {
        height: 29.5px !important;
        width: auto !important;
    }

    .footer-links {
        padding: 35px 0 !important;
    }

        .footer-links .col-sm-6 {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
}

.group-product-offer {
    position: absolute;
    padding-left: 150px;
    width: 225px;
}

@media (max-width: 767px) {
    .group-product-offer {
        padding-left: 80px;
        width: 150px;
    }
}

@media (max-width: 1024px) {
    .group-product-offer {
        padding-left: 115px;
        width: 170px;
    }
}

@media (max-width: 480px) {
    .group-product-offer {
        padding-left: 80px;
        width: 150px;
    }
}

.product-installment {
    position: absolute;
    padding-left: 10px;
    padding-top: 190px;
}

@media (max-width: 767px) {
    .product-installment {
        position: absolute;
        padding-left: 10px;
        padding-top: 190px;
    }
}

@media (max-width: 480px) {
    .product-installment {
        position: absolute;
        padding-left: 10px;
        padding-top: 190px;
    }
}

@media (max-width: 1024px) {
    .product-installment {
        position: absolute;
        padding-left: 10px;
        padding-top: 140px;
    }
}

.group-product-installment {
    position: absolute;
    padding-right: 150px;
    width: 210px;
    padding-top: 90px;
}

@media (max-width: 767px) {
    .group-product-installment {
        position: absolute;
        margin-left: -155px;
        padding-right: 0px;
        width: 80px;
        padding-top: 90px;
    }
}

@media (max-width: 1024px) {
    .group-product-installment {
        position: absolute;
        padding-right: 150px;
        width: 210px;
        padding-top: 78px;
    }
}

@media (max-width: 480px) {
    .group-product-installment {
        position: absolute;
        margin-left: -155px;
        padding-right: 0px;
        width: 80px;
        padding-top: 90px;
    }

    .frontpage-gallery {
        display: none !important;
    }

    .frontpage-gellery-images {
        display: none !important;
    }
}

.product-installment-price {
    position: absolute;
    padding-left: 35px;
    width: 210px;
    padding-top: 240px;
    color: black;
    font-weight: bold;
    font-size: 13px;
}

@media (max-width: 1024px) {
    .product-installment-price {
        position: absolute;
        padding-left: 35px;
        width: 210px;
        padding-top: 192px;
        color: black;
        font-weight: bold;
        font-size: 13px;
    }
}

.group-product-installment-price {
    position: absolute;
    padding-left: 10px;
    width: 210px;
    padding-top: 116px;
    color: black;
    font-weight: bold;
    font-size: 10px;
}

@media (max-width: 767px) {
    .group-product-installment-price {
        position: absolute;
        margin-left: -226px;
        width: 210px;
        padding-top: 128px;
        color: black;
        font-weight: bold;
        font-size: 10px;
    }
}

@media (max-width: 1024px) {
    .group-product-installment-price {
        position: absolute;
        padding-left: 10px;
        width: 210px;
        padding-top: 105px;
        color: black;
        font-weight: bold;
        font-size: 10px;
    }
}

@media (max-width: 480px) {
    .group-product-installment-price {
        position: absolute;
        margin-left: -226px;
        width: 210px;
        padding-top: 128px;
        color: black;
        font-weight: bold;
        font-size: 10px;
    }
}

.product-col,
.product-col-news {
    padding: 15px 15px 10px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e8e8e8;
}

    .product-col.list .image {
        padding: 20px 30px 10px 0;
        float: left;
    }

    .product-col .caption {
        padding: 20px 0;
    }

    .product-col h4 {
        font-size: 16px;
        text-transform: uppercase;
    }

        .product-col h4,
        .product-col h4 a {
            color: #252a2f;
        }

    .product-col .description {
        padding: 5px 0;
        color: #8b8b8b;
        font-size: 12px;
        line-height: 18px;
        text-align: justify;
    }

    .product-col .description-wide-box {
        padding: 0px 0;
        color: black;
        font-size: 14px;
        line-height: 18px;
        text-align: justify;
    }

    .product-col .description-front-box {
        padding: 0px 0;
        color: black;
        font-size: 14px;
        line-height: 18px;
        text-align: justify;
        text-align: center;
    }

    .product-col .offer {
        margin: 5px 0 0 0;
    }

        .product-col .offer .label-offer {
            font-size: 80%;
        }

    .product-col.list .description {
        padding-right: 20px;
    }

    .product-col .price.delivery {
        padding: 0;
    }

    .product-col .price {
        padding: 10px 0;
    }

        .product-col .price .price-tax {
            font-size: 14px;
            color: #2f353b;
            text-transform: uppercase;
        }

        .product-col .price span.price-new {
            color: #2f353b;
            font-size: 30px;
            padding-right: 5px;
            padding-left: 15px;
        }

        .product-col .price span.price-old {
            font-size: 18px;
            color: #808080;
            text-decoration: line-through;
        }

    .product-col .cart-button {
        padding-top: 10px;
    }

        .product-col .cart-button .btn {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

    .product-col .btn-wishlist,
    .product-col .btn-compare {
        color: #fff;
        background: #2f353b;
        margin-right: 3px;
    }

    .product-col .btn-cart {
        font-size: 14px;
        color: #2f353b;
        background: #ffb400;
        text-transform: uppercase;
    }

        .product-col .btn-cart:hover {
            color: #fff;
            background: #2f353b;
        }

/* Two Column Banner Styles Starts */

.col2-banners {
    margin-bottom: 20px;
}

#divLoading {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(255, 255, 255, 0.5);
    display: none;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
}

    #divLoading img {
        margin-top: 200px;
        width: 200px;
    }

#btn-more-results img {
    display: none;
}

#btn-more-results span {
    display: inline;
}

#btn-more-results:disabled {
    opacity: 0.5;
}

    #btn-more-results:disabled img {
        display: inline;
    }

    #btn-more-results:disabled span {
        display: none;
    }

.show-loader {
    display: flex !important;
}

.shop-filters-wrap {
    padding-top: 45px;
}

.shop-filters-header {
    font-size: 24px;
    font-weight: 600;
}

.shop-filters-body {
    /*padding-left: 10px;*/
}

.shop-filters-button-wrap {
    margin-top: 3px;
    padding: 8px 10px;
    border-radius: 8px;
    color: #000;
    cursor: pointer;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
}

.shop-filters-dropdown {
    padding-left: 10px;
    display: none;
}

    .shop-filters-dropdown.expanded,
    .shop-search-filter-wrap.expanded,
    .shop-results-filter-wrap.expanded {
        display: block;
        animation: fade_in_show 0.5s;
    }

@keyframes fade_in_show {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    100% {
        opacity: 1;
        transform: translateY(1);
    }
}

.shop-filters-button {
    color: #000;
    cursor: pointer;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
}

.shop-results-title {
    color: #000;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    padding-bottom: 15px;
}

.shop-results-filter-wrap {
    padding: 0px;
}

.shop-results-filter {
    padding: 7px;
}

/* Shopping Cart Page Styles Starts */
.shopping-cart-table {
    margin-top: 30px;
    background: #ffffff;
    /*text-transform: uppercase;*/
}

    .shopping-cart-table thead > tr > td {
        font-size: 15px;
        font-weight: 600;
        border-bottom: none;
        color: #000;
    }

    .shopping-cart-table tbody > tr > td {
        font-size: 16px;
        color: #ffb400;
        font-weight: 600;
    }

        .shopping-cart-table tbody > tr > td a:hover {
            color: #ff7e00;
        }

/* Compare Page Styles Starts */

.compare-table {
    margin-top: 30px;
    background: #fff;
    text-transform: uppercase;
}

    .compare-table thead {
        background: #f9f9f9;
    }

        .compare-table thead > tr > td {
            font-size: 15px;
            font-weight: 600;
            border-bottom: none;
        }

    .compare-table tbody > tr > td {
        font-size: 14px;
    }

        .compare-table tbody > tr > td a:hover {
            color: #ff7e00;
        }

    .compare-table td {
        text-align: center;
    }

    .compare-table .rating .fa-star {
        color: #ffb400;
    }

/* Login & Registration Section Styles Starts */

.login-area {
    padding-top: 30px;
}

.registration-area {
    padding-top: 20px;
}

.panel-smart {
    padding: 20px;
    background: #ffffff;
    border-radius: 10px;
}

    .panel-smart .panel-heading {
        padding: 0px;
        color: #000;
    }

    .panel-smart h3.panel-title {
        font-size: 24px;
        font-weight: 600;
    }

    .panel-smart .panel-body {
        padding: 0px;
    }

.registration-area .inner {
    margin-top: 30px;
    margin-bottom: 20px;
}

.registration-area .registration-label {
    color: #000;
    font-weight: 600;
    text-align: right;
}

.registration-area .control-label {
    color: #ffb400;
    font-weight: 600;
}

.registration-area .form-control,
.registration-area .btn {
    border-radius: 0;
    background: none;
    border: 1px solid #9a9ab0;
}

.registration-area .dl-horizontal {
}

    .registration-area .dl-horizontal dt {
        font-weight: 600;
    }

    .registration-area .dl-horizontal dd {
        font-weight: 600;
    }

    .registration-area .dl-horizontal dt,
    .registration-area .dl-horizontal dd {
        margin-bottom: 5px;
    }

    .registration-area .dl-horizontal.total {
        color: #000;
        font-size: 18px;
        font-weight: 600;
    }

        .registration-area .dl-horizontal.total dt,
        .registration-area .dl-horizontal.total dd {
            margin-bottom: 0;
        }

.collapsible {
    background: none !important;
    color: #000;
    cursor: pointer;
    padding: 20px 0px 0px 0px !important;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    font-weight: 600;
}

    .collapsible.active,
    .collapsible:hover {
        background-color: transparent;
    }

    .collapsible:after {
        content: '\1F892'; /* Unicode character for "plus" sign (+) */
        font-size: 24px;
        color: #000;
        float: right;
        margin-left: 5px;
    }

    .collapsible.active:after {
        content: '\1F893'; /* Unicode character for "minus" sign (-) */
    }

.collapsible-content {
    padding: 0 18px;
    /*background-color: white;*/
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/* Main Container Styles Starts */

#main-container {
    margin-bottom: 35px;
}

/* Category Intro Content Styles Starts */

.cat-intro {
    padding-top: 10px;
}

    .cat-intro .img-thumbnail {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .cat-intro .cat-body {
        color: #8b8b8b;
        font-size: 13px;
        padding-left: 5px;
        text-align: justify;
    }

/* Product Filter Styles Starts */

.filter-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
}

.filter,
.search-filter {
    background: #ffa500;
    padding: 10px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    line-height: 1;
    margin: 2px;
    display: inline-block;
}

.filter-main {
    background: #ffa500;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
}

.button-header {
    padding: 15px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    width: 223px;
    height: 48px;
    text-align: center;
}

.button-header-flat {
    font-size: 16px;
    font-weight: 600;
    padding-left: 27px;
    color: #000;
    background: none;
    border: none;
}

    .button-header-flat.first {
        padding-left: 0px;
    }

    .button-header-flat.cart {
        position: absolute;
        line-height: 14px;
        margin-top: -20px;
        padding-left: 10px;
    }

    .button-header-flat.contact {
        padding-left: 10px;
    }

    .button-header-flat.badge {
        display: none;
        width: 24px;
        background-color: #ffa500;
        border-radius: 24px;
        color: #ffffff;
        padding: 5px;
        font-size: 14px;
        font-weight: 600;
        line-height: 14px;
        position: absolute; /* Position the badge within the relatively positioned button */
        top: -12px;
        right: 0;
    }

.button-header-flat-image {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 8px;
}

/* Dropdown Button */
/*.dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}*/

.navigation-row {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    align-items: start;
    padding-top: 15px;
    padding-bottom: 15px;
    min-width: 1400px;
    max-width: 1400px;
    width: 100%;
    overflow-x: auto;
}

.navigation-row-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

    .navigation-row-button:hover {
        opacity: 0.7;
    }

.category-menu-item {
    margin: 10px;
    text-align: center;
    scroll-snap-align: start;
}

@media (max-width: 768px) {
    .category-menu-item {
        margin-right: 15px; /* Veći razmak između stavki na mobilnim uređajima */
    }

    .category-menu {
        justify-content: left !important;
        margin-left: 15px;
    }
}

.menu-image {
    width: 50px; /* Set the desired width */
    object-fit: contain; /* Ensures the image fits within the given dimensions without distortion */
    max-width: 100px; /* Postavite željenu maksimalnu širinu slike */
    height: auto; /* Održava proporcije slike */
}

.category-name {
    margin-top: 5px;
    text-align: center;
}

.category-menu-item a {
    text-decoration: none; /* Remove underline from links */
    color: black; /* Inherit text color */
    display: inline-block;
    margin-right: 10px; /* Razmak između stavki */
    flex: 0 0 auto; /* Održava širinu stavki bez smanjivanja */
}

.navigation-row-button-text {
    color: #000;
    font-size: 14px;
    text-align: center;
    line-height: normal;
    padding-top: 5px;
}

/* The container <div> - needed to position the dropdown content */
.navigation-dropdown {
    position: relative;
    display: inline-block;
}

    .navigation-dropdown .navigation-button {
        border: none;
        background: none;
    }

/* Dropdown Content (Hidden by Default) */
.navigation-dropdown-content {
    display: none;
    position: absolute;
    overflow: hidden;
    background-color: #f4f7f8;
    width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

    /* Links inside the dropdown */
    .navigation-dropdown-content a {
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .navigation-dropdown-content a:hover {
            background-color: #ddd;
        }

/* Show the dropdown menu on hover */
.navigation-dropdown:hover .navigation-dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
/*.dropdown:hover .navigation-button {
    background-color: #3e8e41;
}*/

.navigation-button {
    font-size: 18px;
    font-weight: 600;
    color: #9a9ab0;
    padding: 0px;
}

.navigation-link {
    font-size: 16px;
    font-weight: 600;
    color: #9a9ab0;
}

.navigation-button.first {
    font-weight: 600;
    color: #ffa500;
}

.navigation-button.selected {
    color: #000;
    font-weight: 600;
}

.navigation-separator {
    font-size: 14px;
    font-weight: 600;
    padding-left: 15px;
    padding-right: 15px;
    color: #9a9ab0;
}

.add-to-cart {
    background: #ffa500;
    padding: 15px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    width: 244px;
    cursor: pointer;
    line-height: 1;
    /*margin: 2px;*/
    display: inline-block;
}

.dimension-picker {
    height: 562.5px;
    background: #000;
}

.dimension-picker-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 10px 25px;
    gap: 25px;
}

.dimension-picker-title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    padding-left: 5px;
    margin-bottom: 2px;
}

#dimension-picker-tooltip {
    color: white;
    padding-right: 15px;
    cursor: pointer;
}

.dimension-picker-section {
    display: flex;
    align-items: center;
    width: 100%;
}

.dimension-picker-search {
    height: 40px;
    width: 100%;
    background: #ffa500;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    border: none;
}

.dimension-picker-row {
    display: flex;
    justify-content: space-evenly;
}

    .dimension-picker-row .dimension-picker-box-select {
        display: block;
    }

.dimension-picker-row-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
}

.dimension-picker-row-section {
    display: flex;
    align-items: center;
    height: 48px;
    width: 100%;
    margin-right: 4px;
}

.dimension-picker-row-search {
    height: 40px;
    width: 100%;
    background: #ffa500;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    border: none;
}

.dimension-picker-box {
    display: none;
    position: absolute;
    right: 200px;
    top: 80px;
    width: 320px;
    z-index: 1;
    background: #000;
    border-radius: 8px;
}

    .dimension-picker-box .dimension-picker-box-select {
        display: none;
    }

.dimension-picker-box-content {
    display: flex;
    flex-direction: column;
    padding: 30px;
}

.dimension-picker-box-title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
}

.dimension-picker-box-section {
    display: flex;
    align-items: center;
    margin-top: 30px;
    width: 100%;
}

.dimension-picker-box-select {
    height: 40px;
    /*width: 220px;*/
    width: 100%;
    border: 1px solid #ffa500;
    border-radius: 8px;
    background: #000;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

    .dimension-picker-box-select .dropdown-select {
        background: #000;
    }

        /*style the arrow inside the select element:*/
        .dimension-picker-box-select .dropdown-select:after {
            position: absolute;
            content: '';
            top: 16px;
            right: 10px;
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-color: #fff transparent transparent transparent;
        }

        /*point the arrow upwards when the select box is open (active):*/
        .dimension-picker-box-select .dropdown-select.active:after {
            border-color: transparent transparent #fff transparent;
            top: 9px;
        }

.dimension-picker-box-search {
    height: 40px;
    background: #ffa500;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    margin-top: 30px;
    border: none;
}

.filter-dropdown {
    height: 40px;
    width: 100%;
    border: 1px solid #ffa500;
    border-radius: 8px;
    /*margin-top: 30px;*/
    background: #ffffff;
    /*color: #FFFFFF;*/
    font-size: 14px;
    font-weight: 600;
}

#right-menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

#right-menu-responsive {
    display: none;
    float: right;
}

#burger-menu-toggle-container {
    transition: 0.4s;
    padding: 6px;
}

    #burger-menu-toggle-container:hover .bar {
        background-color: #ffa500;
    }

#burger-menu-toggle {
    margin: 0;
    display: block;
    position: absolute;
    width: 35px;
    height: 27px;
    opacity: 0;
    outline: none;
    -webkit-appearance: none;
    border: none;
    z-index: 100;
    cursor: pointer;
}

#bar1,
#bar2,
#bar3 {
    width: 32px;
    height: 4px;
    background-color: #9a9ab0;
    border-radius: 6px;
    margin: 6px 0;
    transition: 0.5s;
}

#burger-menu-toggle:checked ~ #bar1 {
    -webkit-transform: rotate(45deg) translate(-6px, 4px);
    transform: rotate(45deg) translate(6px, 6px);
}

#burger-menu-toggle:checked ~ #bar2 {
    opacity: 0;
}

#burger-menu-toggle:checked ~ #bar3 {
    -webkit-transform: rotate(-45deg) translate(-8px, -8px);
    transform: rotate(-45deg) translate(8px, -8px);
}

#burger-menu-toggle:checked ~ #burger-menu {
    max-height: 500px;
    transition: max-height 0.5s ease-in;
}

#burger-menu {
    background: #000;
    transition: 0.4s;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 73px;
    min-width: 250px;
    /*width: 50%;*/
    max-height: 0;
    overflow: hidden;
    z-index: 10;
}

#burger-menu-body {
    border-radius: 2px;
    display: grid;
    position: relative;
    margin: auto;
    padding: 15px 0px;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#burger-menu-links {
    display: grid;
    grid-template-rows: 1fr;
    color: #212529 !important;
    font-weight: bold;
    font-size: 18px;
}

.burger-menu-link {
    padding: 5px 30px 5px 18px;
}

    .burger-menu-link .button-header-flat {
        color: #ffffff;
    }

.breadcrumb-row {
    padding-bottom: 15px;
    line-height: normal;
}

.breadcrumb-wrapper {
    padding-top: 0px;
}

.breadcrumb-padding {
    padding-top: 30px;
}

.breadcrumb-home {
    font-size: 24px;
    font-weight: 400;
    color: #9a9ab0;
}

.breadcrumb-current {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.breadcrumb-delimiter {
    font-size: 24px;
    font-weight: 600;
    color: #9a9ab0;
    padding-left: 30px;
    padding-right: 30px;
}

#reservation {
    width: 1196px;
    background-color: #ffffff;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    padding: 60px;
}

.reservation-arrow {
    height: 17px;
    width: 8px;
    margin-bottom: 3px;
}

.reservation-navigation {
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
    color: #9a9ab0;
}

.reservation-title {
    color: #9a9ab0;
    font-size: 20px;
    font-weight: 600;
    padding-left: 34px;
    padding-right: 34px;
}

.reservation-item {
    border: 1px solid #ffb400;
    font-size: 12px;
    text-align: left;
    padding: 10px;
}

.reservation-comment {
    color: #000000;
    width: 100%;
    height: 305px;
}

.reservation-details {
    display: none;
    position: relative;
}

.reservation-input {
    margin-bottom: 30px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 17px;
    border: 1px solid #9a9ab0;
}

    .reservation-input::placeholder {
        color: #9a9ab0;
    }

.reservations-button-wrapper {
    display: none;
}

.reservations {
    display: flex;
    padding-top: 30px;
    margin-bottom: 35px;
}

.reservations-date {
    display: grid;
    align-content: center;
    margin: 3px;
    padding: 3px;
    color: #ffffff;
    background-color: #9a9ab0;
    font-size: 16px;
    font-weight: 600;
    width: 235px;
    height: 48px;
}

.reservations-free {
    display: grid;
    align-content: center;
    margin: 3px;
    padding: 3px;
    color: #9a9ab0;
    border: 1px solid #9a9ab0;
    font-weight: 600;
    font-size: 16px;
    width: 235px;
    height: 48px;
}

.reservations-blocked {
    display: grid;
    align-content: center;
    margin: 3px;
    padding: 3px;
    background-color: #ff2d37;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    width: 235px;
    height: 48px;
}

.interval {
    display: grid;
    position: relative;
    align-content: center;
    margin: 3px;
    padding: 3px;
    cursor: pointer;
    color: #9a9ab0;
    border: 1px solid #9a9ab0;
    font-size: 16px;
    font-weight: 600;
    width: 235px;
    height: 48px;
}

#interval-header {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 30px;
    color: #ffa500;
    position: absolute;
    left: 60px;
    top: 60px;
}

.date-picker {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .date-picker .text-left,
    .date-picker .text-right {
        padding-top: 0px;
    }

#map-marker {
    position: absolute;
    top: 40%;
    left: 55%;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    color: #ffa500;
}

.continental-approved {
    margin-top: 100px;
    background: #ffa500;
    color: #000;
}

.continental-approved-row {
    position: relative;
    width: 100%;
    height: 131px;
}

.continental-approved-image {
    position: absolute;
    left: 180px;
    bottom: 70px;
}

.continental-approved-text {
    padding-left: 400px;
    padding-right: 180px;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    display: flex;
    align-items: center;
    height: 100%;
}

.free-delivery-seal {
    display: block;
    width: 90px;
}

.free-delivery-seal-small {
    display: none;
    background: #ffa500;
    height: 31px;
    padding: 8px;
    border-radius: 8px;
}

.tire-dot-seal {
    display: block;
    width: 54px;
}

.tire-dot-seal-small {
    display: none;
    background: #12af35;
    height: 31px;
    padding: 8px;
    border-radius: 8px;
}

#tire-dot-popup .mfp-close {
    right: -5px;
    top: 15px;
    color: orange;
}

#tire-dot-popup .tire-dot-popup-content {
    padding: 30px;
    background-color: black;
    color: orange;
    border-radius: 8px;
    max-width: 600px;
    font-size: 20px;
    font-weight: 600;
}

.discount-seal {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ff2d37;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    width: 48px;
    height: 48px;
    border-radius: 48px;
}

.continental-seal {
    width: 84px;
    border-radius: 4px;
}
/*
.ad-3-rows {
    display: block !important;
}

.ad-2_1-rows, .ad-2_2-rows, .ad-1-rows, .ad-mobile {
    display: none !important;
}
*/

.product-list-ad-4 {
    display: block !important;
}

.product-list-ad-3 {
    display: none !important;
}

#cart {
    display: block;
    padding-top: 0px;
    padding-right: 40px;
}

#flyer .mfp-close {
    right: 0;
    top: 0;
    padding: 15px 15px 20px 20px;
}

.sidebarHeading {
    font-size: 18px;
    font-weight: 600;
}

.sidebox-search-bar {
    padding-top: 20px;
}

.firstSideBox {
    margin-top: 50px;
}

div#prices-range {
    margin: 0 7px;
}

.shop-search-header,
.shop-results-header {
    cursor: pointer;
    display: none;
}

.shop-search-filter-wrap,
.shop-results-filter-wrap {
    display: block;
}

.disabledDiv {
    pointer-events: none;
    opacity: 0.4;
}

.hidden {
    display: none;
}

@media (max-width: 1469px) {
    .content-row {
        padding-left: 100px;
        padding-right: 100px;
    }

    .navigation-row {
        min-width: 1140px;
        max-width: 1140px;
    }

    .navigation-separator {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .navigation-button {
        font-size: 16px;
        font-weight: 500;
    }

        .navigation-button.first {
            font-weight: 600;
        }

    .navigation-link {
        font-size: 14px;
        font-weight: 500;
    }

    .dimension-picker {
        height: 455px;
    }

    .dimension-picker-box {
        right: 150px;
        top: 50px;
    }

    .dimension-picker-box-section {
        margin-top: 20px;
    }

    .reservations-date,
    .reservations-free,
    .reservations-blocked,
    .interval {
        width: 188px;
    }

    #reservation {
        width: 1100px;
        font-size: 18px;
    }

    #interval-header {
        font-size: 26px;
    }

    .product-details-price-old {
        font-size: 20px;
    }

        .product-details-price-old.horizontal {
            margin-top: -22px;
        }

    .product-details-price-new {
        font-size: 32px;
    }

    .product-details-financing,
    .product-details-financing-price {
        padding-top: 5px;
    }

    .continental-approved-text {
        padding-left: 288px;
        padding-right: 68px;
    }

    .continental-approved-image {
        left: 68px;
    }

    /*.ad-2_1-rows {
        display: block !important;
    }

    .ad-3-rows, .ad-2_2-rows, .ad-1-rows, .ad-mobile {
        display: none !important;
    }*/

    .product-list-ad-4 {
        display: none !important;
    }

    .product-list-ad-3 {
        display: block !important;
    }
}

@media (max-width: 1199px) {
    .content-row {
        padding-left: 80px;
        padding-right: 80px;
    }

    .navigation-separator {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .navigation-button {
        font-size: 14px;
        font-weight: 400;
    }

        .navigation-button.first {
            font-weight: 500;
        }

    .navigation-link {
        font-size: 12px;
        font-weight: 400;
    }

    .dimension-picker {
        height: 375px;
    }

    .dimension-picker-title {
        font-size: 16px;
    }

    .dimension-picker-box {
        right: 100px;
        top: 15px;
    }

    .dimension-picker-box-content {
        padding-top: 20px;
    }

    .dimension-picker-box-search {
        margin-top: 20px;
    }

    .reservations-date,
    .reservations-free,
    .reservations-blocked,
    .interval {
        width: 156px;
    }

    #reservation {
        width: 950px;
        font-size: 16px;
    }

    #interval-header {
        font-size: 24px;
    }

    #map-marker {
        font-size: 16px;
    }

        #map-marker i {
            font-size: 40px !important;
        }

    /*.product-details-image-col {
        height: 413px;
    }

        .product-details-image-col.horizontal {
            height: 324px;
        }*/

    .product-details-image {
        height: 383px !important;
    }

        .product-details-image.horizontal {
            height: 265px !important;
        }

    .product-details-price-col {
        height: 428px;
    }

    .product-details-row {
        font-size: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .product-details-price-old {
        font-size: 16px;
    }

        .product-details-price-old.horizontal {
            margin-top: -13px;
        }

    .product-details-price-new {
        font-size: 24px;
    }

    .product-details-price-old,
    .product-details-price-new {
        padding-top: 10px;
    }

    .product-details-col {
        padding-left: 0px;
    }

        .product-details-col.horizontal {
            height: 339px;
        }

    .product-details-price-col {
        padding-right: 0px;
    }

    .product-details-financing {
        padding-top: 5px;
    }

    .product-details-financing-price {
        font-size: 14px;
        padding-top: 5px;
    }

    .product-details-fitting {
        padding-top: 5px;
    }

    .add-to-cart {
        width: 188px;
    }

    .product-details-quantity {
        width: 188px;
    }

    .product-details-quantity-info {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .product-details-main-price-label.with-discount {
        margin-top: 50px;
    }

    .product-details-main-price-label.without-discount {
        margin-top: 32px;
    }

    .continental-approved-text {
        padding-left: 204px;
        padding-right: 0px;
    }

    .continental-approved-image {
        left: 0px;
    }

    /*.ad-2_2-rows {
        display: block !important;
    }

    .ad-3-rows, .ad-2_1-rows, .ad-1-rows, .ad-mobile {
        display: none !important;
    }*/
}

@media (max-width: 991px) {
    .content-row {
        padding-left: 60px;
        padding-right: 60px;
    }

        .content-row.top-header {
            padding-left: 15px;
            padding-right: 15px;
        }

        .content-row.bottom-header {
            padding-left: 15px;
        }

    .navigation-separator {
        font-size: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .navigation-button {
        font-size: 10px;
        font-weight: 400;
    }

        .navigation-button.first {
            font-weight: 500;
        }

    .dimension-picker {
        height: 287px;
    }

    .dimension-picker-content {
        padding: 10px 15px;
    }

    .dimension-picker-title {
        font-size: 14px;
    }

    .dimension-picker-search {
        font-size: 14px;
        height: 32px;
    }

    .dimension-picker-box {
        font-size: 14px;
        right: 50px;
        top: 10px;
        width: 220px;
    }

    .dimension-picker-box-content {
        padding: 15px 20px;
    }

    .dimension-picker-box-title {
        font-size: 16px;
    }

    .dimension-picker-box-section {
        margin-top: 10px;
    }

    .dimension-picker-box-select {
        font-size: 12px;
        height: 32px;
        /*width: 140px;*/
    }

        .dimension-picker-box-select .select-items div,
        .dimension-picker-box-select .select-selected {
            padding: 6px 14px;
        }

            .dimension-picker-box-select .select-selected:after {
                top: 12px;
            }

            .dimension-picker-box-select .select-selected.select-arrow-active:after {
                top: 5px;
            }

        .dimension-picker-box-select .select-items {
            margin-top: 8px;
        }

    .dimension-picker-row-section {
        height: 40px;
    }

    .dimension-picker-row-title {
        font-size: 14px;
    }

    .dimension-picker-row-search {
        font-size: 12px;
        height: 32px;
    }

    .top-header .button-header {
        font-size: 14px;
        padding: 11px;
        height: 40px;
        width: 175px;
    }

    .header-message {
        font-size: 14px;
    }

    .reservations-date,
    .reservations-free,
    .reservations-blocked,
    .interval {
        width: 120px;
        font-size: 14px;
        height: 40px;
    }

    .reservation-navigation,
    .reservation-title {
        font-size: 16px;
    }

    .reservation-arrow {
        height: 13px;
    }

    .breadcrumb-home,
    .breadcrumb-delimiter,
    .breadcrumb-current {
        font-size: 20px;
    }

    .breadcrumb-delimiter,
    .reservation-title {
        padding-left: 20px;
        padding-right: 20px;
    }

    #reservation {
        width: 730px;
        font-size: 14px;
    }

    #interval-header {
        font-size: 22px;
    }

    /*.product-details-image-col {
        height: 479px;
    }

        .product-details-image-col.horizontal {
            height: 360px;
        }*/

    .product-details-image {
        height: 449px !important;
    }

        .product-details-image.horizontal {
            height: 330px !important;
        }

    .product-details-price-col {
        height: 443px;
        padding-top: 15px;
    }

    .product-details-details-col {
        padding-top: 15px;
        /*padding-right: 15px;*/
    }

    /*#btn-continue-shopping {
        float: right !important;
    }*/

    .continental-approved-text {
        font-size: 14px;
    }

    .cart-total-price {
        font-size: 32px !important;
        line-height: 32px !important;
    }

    /*.ad-1-rows {
        display: block !important;
    }

    .ad-3-rows, .ad-2_1-rows, .ad-2_2-rows, .ad-mobile {
        display: none !important;
    }*/
}

.mobileSearchButton {
    display: none;
}

@media (max-width: 767px) {
    .mfp-bg.mfp-ready {
        height: 100vh !important;
        overflow: auto;
        position: fixed !important;
    }

    .mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-ready {
        position: fixed !important;
        top: 0 !important;
        height: 100vh !important;
        overflow: auto;
    }

    .homeProductContainer {
        padding-left: 0px !important;
    }

    div#productResults {
        padding-top: 20px;
    }

    .shop-results-title {
        font-size: 20px;
        line-height: 1.2;
        margin: 15px 0;
    }

    .productBoxTitleContainer {
        height: auto !important;
    }

    div#right-menu {
        gap: 15px;
    }

    .mobileSearchButton {
        display: block;
        border: 0;
        box-shadow: none;
        background: none;
        padding: 0;
        margin: 0;
    }

    .logo-container {
        justify-content: space-between;
        align-items: center;
    }

    .navigation-row-button-image {
        height: 65px;
        width: 65px;
    }

    .navigation-row-button-text {
        font-size: 12px;
    }

    .navigation-row {
        min-width: 900px;
    }

    .content-row {
        padding-left: 15px;
        padding-right: 15px;
    }

    #main-message.container {
        padding: 0px;
    }

    .slider .container {
        display: flex;
        flex-direction: column;
        padding: 0px;
    }

    .dimension-picker {
        height: 100% !important;
        padding: 25px 0;
    }

    .dimension-picker-row {
        display: none;
    }

        .dimension-picker-row .dimension-picker-box-select {
            display: none;
        }

    .dimension-picker-box {
        display: block;
        position: relative;
        width: auto;
        margin-top: 20px;
        margin-bottom: 20px;
        right: 0px;
        top: 0px;
    }

        .dimension-picker-box .dimension-picker-box-select {
            display: block;
        }

    /*.dimension-picker-box-select {
        width: 80%;
    }*/

    .top-header .button-header-flat {
        /*font-size: 14px;*/
        padding-left: 0px;
    }

    .top-header .button-header {
        width: 175px;
    }

    .bottom-header .button-header-flat {
        font-size: 14px;
        padding-left: 12px;
    }

    .button-header-flat.badge {
        padding-left: 6px;
    }

    /*#right-menu, #quick-links {
        display: none;
    }*/

    #right-menu #search,
    #right-menu #contact {
        display: none;
    }

    #reservations-mobile {
        display: block;
    }

    #search-mobile {
        display: none;
    }

    #right-menu-responsive {
        display: flex;
        float: right;
    }

    .date-picker {
        padding: 30px 0px;
    }

        .date-picker .text-right {
            text-align: center;
            padding-top: 30px;
        }

        .date-picker .text-left {
            padding-left: 0px;
            padding-right: 0px;
        }

    .reservations {
        display: block;
    }

    #reservations-column {
        width: 100%;
        padding-bottom: 15px;
    }

    .reservations-date,
    .reservations-free,
    .reservations-blocked,
    .interval {
        width: 100%;
        font-size: 12px;
        height: 32px;
    }

    .reservation-navigation,
    .reservation-title {
        font-size: 14px;
    }

    .reservation-arrow {
        height: 11px;
    }

    .breadcrumb-home,
    .breadcrumb-delimiter,
    .breadcrumb-current {
        font-size: 16px;
    }

    .breadcrumb-delimiter,
    .reservation-title {
        padding-left: 10px;
        padding-right: 10px;
    }

    #reservation {
        width: 100%;
        padding: 30px;
    }

    #interval-header {
        font-size: 16px;
        left: 30px;
        top: 30px;
    }

    .mfp-close {
        right: 30px;
        top: 30px;
    }

    #flyer .mfp-close {
        font-size: 30px;
        right: 0;
        top: 0;
        padding: 5px 5px 20px 20px;
    }

    #map-marker {
        font-size: 12px;
        top: 42%;
        left: 55%;
    }

        #map-marker i {
            font-size: 32px !important;
        }

    .product-details-image {
        height: auto !important;
        max-height: 449px !important;
    }

        .product-details-image.horizontal {
            height: auto !important;
            max-height: 330px !important;
        }

    .navigation-dropdown-content {
        width: 120px;
    }

    /*#btn-continue-shopping {
        float: left !important;
    }*/

    #feedback-form .flex-center,
    .form-horizontal.buyer-form .flex-center {
        display: block;
    }

    .continental-approved-image {
        left: 30px;
    }

    .product-title {
        font-size: 16px;
    }

    .discount-seal {
        font-size: 10px;
        width: 38px;
        height: 38px;
    }

    .ad-margin-top {
        margin-top: 0px;
    }

    /*.ad-mobile {
        display: block !important;
    }

    .ad-3-rows, .ad-2_1-rows, .ad-2_2-rows, .ad-1-rows {
        display: none !important;
    }*/

    .shop-most-popular {
        display: none;
    }

    .sidebox-search-header {
        display: none;
    }

    .sidebox-search-bar {
        padding-top: 0px;
    }

    .shop-search-header,
    .shop-results-header {
        display: block;
    }

    .shop-search-filter-wrap,
    .shop-results-filter-wrap {
        display: none;
    }

    /*.powered-by-continental {
        display: none;
    }*/

    .reservations-button-wrapper {
        display: none;
    }

    #cart {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 14px;
        padding-right: 7px;
    }

    .product-head {
        font-size: 20px;
    }

    div#right-menu > #cart {
        padding-right: 20px !important;
    }

    #tire-dot-popup {
        margin-left: 30px;
        margin-right: 30px;
    }

        #tire-dot-popup .mfp-close {
            right: 25px;
        }

        #tire-dot-popup .tire-dot-popup-content {
            max-width: auto;
        }
}

@media (max-width: 576px) {
    #map-marker {
        left: 58%;
    }

    .product-details-price-col,
    .product-details-details-col {
        width: 100%;
        height: auto !important;
    }

    /*.product-details-details-col {
        padding-left: 0px;
        padding-right: 0px;
    }*/

    .product-details-available {
        padding-top: 10px;
        padding-left: 15px;
    }

    .product-details-row.horizontal {
        margin-left: 15px;
    }

    .continental-approved-text {
        font-size: 12px;
        padding-left: 120px;
    }

    .continental-approved-image {
        bottom: 100px;
    }

        .continental-approved-image img {
            width: 64px;
            height: 61px;
        }

    .cart-total-price {
        font-size: 24px !important;
        line-height: 24px !important;
    }

    .cart-16-bold {
        font-size: 12px;
    }

    .cart-20-bold {
        font-size: 16px;
    }

    .cart-24-bold {
        font-size: 20px;
    }

    .cart.custom-select.filter-dropdown {
        font-size: 10px;
    }

    .form-group .form-control {
        font-size: 12px;
    }

    .cart-details-image-col,
    .cart-details-details-col {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 448px) {
    /* #btn-continue-shopping {
        float: right !important;
    }*/

    #btn-quote {
        width: 100%;
    }
}

.footer-link-title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    text-align: left;
    display: block;
}

.footer-link-list {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.footer-link {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 7px;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

    .footer-link:hover {
        opacity: 0.7;
    }

.reservations-meni {
    border: 4px solid;
    background-color: red;
    font-size: 12px;
    float: left;
}

.filter-main-subgroup {
    background: #808080;
    padding: 10px;
    border-radius: 10px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1;
    margin: 4px;
    display: inline-block;
}
/*
.filter:hover, .add-to-cart:hover {
    background-color: #333333;
}*/

.filter-active {
    opacity: 0.65;
}

.product-filter {
    margin: 30px 0;
    padding: 8px 0;
    border: solid #d0d0d0;
    border-width: 1px 0;
}

    .product-filter .display {
        padding-top: 5px;
    }

        .product-filter .display a {
            color: #2f353b;
            font-size: 24px;
            margin-right: 6px;
            cursor: pointer;
        }

            .product-filter .display a.active {
                color: #ffb400;
            }

    .product-filter .control-label {
        padding-top: 5px;
        font-size: 18px;
        font-weight: normal;
    }

    .product-filter .form-control {
        height: 30px;
        padding: 3px 6px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

/* Product Page Styles Starts */

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    border-width: thin;
}

.product-info {
    padding-top: 10px;
}

    .product-info .images-block {
    }

        .product-info .images-block .thumbnail {
            padding: 10px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

    .product-info.full .images-block .list-inline {
        margin-left: -5px;
    }

        .product-info.full .images-block .list-inline li {
            padding-left: 5px;
            padding-right: 5px;
        }

    .product-info .images-block .list-inline {
        margin-left: -2px;
    }

        .product-info .images-block .list-inline li {
            padding-left: 2px;
            padding-right: 2px;
        }

        .product-info .images-block .list-inline .thumbnail {
            padding: 5px;
        }

    .product-info .product-details {
    }

        .product-info .product-details h2 {
            margin-top: 0;
            font-size: 24px;
        }

        .product-info .product-details h3 {
            font-size: 22px;
        }

        .product-info .product-details h2,
        .product-info .product-details h3 {
            text-transform: uppercase;
        }

        .product-info .product-details .manufacturer {
            color: #808080;
            text-transform: uppercase;
        }

            .product-info .product-details .manufacturer span {
                min-width: 130px;
                display: inline-block;
                color: #2f353b;
            }

        .product-info .product-details .price {
        }

        .product-info .product-details .price-head {
            padding-right: 10px;
            font-size: 24px;
            color: #2f353b;
            text-transform: uppercase;
        }

        .product-info .product-details .price-tax {
            padding-top: 5px;
            font-size: 14px;
            color: #2f353b;
            text-transform: uppercase;
        }

        .product-info .product-details .price-new {
            color: #2f353b;
            font-size: 30px;
            padding-right: 5px;
            padding-left: 15px;
        }

        .product-info .product-details .price-old {
            font-size: 18px;
            color: #808080;
            text-decoration: line-through;
        }

        .product-info .product-details .options {
        }

            .product-info .product-details .options h3 {
                margin-bottom: 20px;
            }

            .product-info .product-details .options h6 {
                font-weight: 600;
            }

        .product-info .product-details .cart-button {
        }

            .product-info .product-details .cart-button .btn {
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
            }

        .product-info .product-details .btn-wishlist,
        .product-info .product-details .btn-compare {
            color: #fff;
            background: #2f353b;
            margin-right: 3px;
        }

        .product-info .product-details .btn-cart {
            font-size: 14px;
            color: #2f353b;
            background: #ffb400;
            text-transform: uppercase;
        }

            .product-info .product-details .btn-cart:hover {
                color: #fff;
                background: #2f353b;
            }

.btn-top-margin {
    position: absolute;
    left: 25px;
    bottom: 45px;
}

.product-info-box {
    padding-top: 10px;
}

    .product-info-box + .product-info-box {
        padding-top: 30px;
    }

    .product-info-box .heading {
        padding: 13px 20px;
        font-size: 18px;
        color: #2f353b;
        text-transform: uppercase;
        background: #fff;
        border-top: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
        border-bottom: 4px solid #ffb400;
        border-left: 1px solid #e8e8e8;
    }

    .product-info-box .content {
        color: #8b8b8b;
        font-size: 13px;
    }

/* Tabs Styles Starts */

.tabs-panel {
    margin-top: 20px;
}

    .tabs-panel.panel-smart {
        padding: 0;
    }

    .tabs-panel .nav-tabs {
        text-transform: uppercase;
        font-size: 16px;
        border-bottom: 4px solid #ffb400;
    }

        .tabs-panel .nav-tabs > li {
            margin-bottom: 0;
        }

            .tabs-panel .nav-tabs > li > a {
                color: #2f353b;
                margin: 0;
            }

            .tabs-panel .nav-tabs > li > a,
            .tabs-panel .btn,
            .tabs-panel .form-control {
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
            }

            .tabs-panel .nav-tabs > li.active > a,
            .tabs-panel .nav-tabs > li.active > a:hover,
            .tabs-panel .nav-tabs > li.active > a:focus,
            .tabs-panel .nav > li > a:hover,
            .tabs-panel .nav > li > a:focus {
                background: none;
            }

                .tabs-panel .nav-tabs > li > a,
                .tabs-panel .nav-tabs > li.active > a,
                .tabs-panel .nav-tabs > li.active > a:hover,
                .tabs-panel .nav-tabs > li.active > a:focus,
                .tabs-panel .nav-tabs > li > a:hover {
                    border: none;
                }

            .tabs-panel .nav-tabs > li.active,
            .tabs-panel .nav-tabs > li.active > a {
                background: #ffb400;
                color: #fff;
            }

            .tabs-panel .nav-tabs > li > a:hover {
                background: #f4f4f4;
            }

    .tabs-panel .tab-content {
        padding: 20px;
        font-size: 13px;
    }

    .tabs-panel label.control-label {
        text-transform: uppercase;
        font-weight: normal;
    }

        .tabs-panel label.control-label.ratings {
            padding-top: 1px;
        }

    .tabs-panel .btn {
        margin-left: -10px;
    }

.control-label {
    padding-top: 15px !important;
}

/* Pagination Styles Starts */

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

    .pagination > li > a {
        color: #444c53;
        cursor: pointer;
    }

    .pagination > li:first-child > a,
    .pagination > li:first-child > span,
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        background: #ffb400;
        border-color: #ffb400;
    }

.results {
    padding-top: 10px;
    text-align: right;
}

/* Page Content Styles Starts */

.page-box {
    color: #8b8b8b;
    font-size: 13px;
    margin-bottom: 40px;
}

    .page-box h3 {
        margin: 0;
        font-size: 24px;
        color: #252a2f;
    }

    .page-box h3,
    .page-box h4 {
        text-transform: uppercase;
    }

    .page-box h4 {
        margin: 5px 0 15px;
        color: #808080;
        font-size: 18px;
    }

    .page-box .sm-links {
        margin-bottom: 20px;
    }

        .page-box .sm-links li {
            background: #ffb400;
            width: 34px;
            text-align: center;
            padding: 5px 0 4px;
            margin: 0 0 0 4px;
        }

            .page-box .sm-links li a .fa {
                color: #fff;
                font-size: 24px;
            }

/* Content Box Styles Starts */

.content-box {
    border: 1px solid #e9e9e9;
    background: #fff;
    margin-top: 20px;
    padding: 30px;
}

    .content-box .special-heading {
        font-size: 100px;
        color: #e60707;
        margin-top: 0;
        margin-bottom: 30px;
    }

/* Map Wrapper Styles Starts */

#map-wrapper {
    border: 1px solid #feffff;
    margin: 20px 0;
    height: 250px;
}

#footer-map {
    height: 400px;
    width: auto;
    background: url('../images/best-drive-mapa.webp'), no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

    #footer-map:hover {
        opacity: 0.7;
    }

/* Sidebar Styles Stars */
.side-heading {
    margin-top: 0;
    padding: 12px 20px;
    font-size: 18px;
    text-transform: uppercase;
    color: #ffb400;
    background: #252a2f;
}

.list-group,
.list-group-item:first-child,
.list-group-item:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.list-group-item {
    color: #252a2f;
    font-size: 14px;
    text-transform: uppercase;
}

    .list-group-item .fa {
        font-size: 12px;
        padding-right: 6px;
    }

.filter-group {
    margin-left: 20px;
}

/* Blockquote Styles Starts */

.panel-smart blockquote {
    margin: 0;
    padding: 5px 15px;
    color: #8b8b8b;
    font-size: 13px;
    border: none;
}

    .panel-smart blockquote footer {
        padding-top: 10px;
        color: #252a2f;
        font-size: 14px;
    }

/* Contact Details Box Styles Starts */

.contact-details li + li {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.contact-details li .fa {
    color: #000;
    padding: 5px 10px 0 0;
    font-size: 24px;
}

/* Footer Links Styles Starts */
#footer-area {
    background: #000;
}

.footer-links {
    padding: 87px 0 87px;
}

    .footer-links h5 {
        text-transform: uppercase;
        margin-bottom: 20px;
        color: #ffffff;
    }

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

    .footer-links li {
        font-size: 12px;
        padding: 2px 0;
    }

    /*.footer-links li, .footer-links li a, .footer-links .last h4.lead {
            color: #ffb400;
        }

            .footer-links li a:hover, .footer-links .last li a {
                color: #333;
            }*/

    .footer-links .last h4.lead {
        font-size: 24px;
        margin-bottom: 0;
    }

/*.footer-links .last h4.lead span {
            color: #151515;
        }*/

/* Copyright Styles Starts */

.copyright {
    background: #000000;
    padding: 18px 0 8px;
    font-size: 13px;
}

    .copyright,
    .copyright a {
        color: #ffb400;
    }

        .copyright p {
            padding-top: 4px;
        }

/* Group Styles Starts*/

.scroll-pane {
    overflow: auto;
}

.grid-products-name {
    padding: 10px;
    text-align: center;
}

.product-box {
    border-radius: 10px;
    padding: 0px;
    background-color: #ffffff;
}

.product-horizontal-box {
    padding: 15px;
    margin: 15px;
    border-radius: 10px;
    background: #ffffff;
}

    .product-horizontal-box:hover {
        /*background: antiquewhite;*/
    }

.product-horizontal-title {
    color: #000;
    padding: 2px;
    margin: 0 0 0 15px;
    font-weight: 600;
}

.product-horizontal-row {
    /*display: flex;*/
    padding: 15px;
    margin: 20px;
    margin-bottom: 10px;
}

/*.product-box:hover {
    background-color: #333333;
}*/

.product-box-image {
    position: relative;
    text-align: center;
    align-content: center;
    background-color: white;
    height: 190px;
    padding: 5px;
    border: 1px solid #9a9ab0;
    border-radius: 8px;
}

.responsive-image {
    max-height: 180px;
    max-width: 100%;
    padding: 20px;
}

.product-box-prices {
    display: flex;
    flex-direction: column;
    padding-top: 0px;
    padding-right: 0px;
}

.product-box-price-old {
    font-size: 16px;
    font-weight: 400;
    color: #d0d0d0;
    text-decoration: line-through;
}

.product-box-price-new {
    font-size: 20px;
    font-weight: 600;
    color: #ffa500;
}

.product-box-financing-price {
    font-size: 16px;
    font-weight: 600;
    color: #9a9ab0;
    padding-top: 10px;
}

.product-box-quantity-info {
    font-size: 12px;
    font-weight: 400;
    width: 50%;
    align-self: center;
}

.news-box-image {
    position: relative;
    text-align: center;
    background-color: white;
    height: 160px;
}

.news-item-image {
    position: relative;
    text-align: center;
    padding: 15px 0px;
    border: 1px solid #9a9ab0;
    background-color: #ffffff;
}

.product-price {
    font-size: 22px;
    font-weight: bold;
    color: #ffb400;
}

.price-price {
    color: #ffa500;
}

.bottom-right {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.bottom-left {
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.top-right {
    position: absolute;
    top: 5px;
    right: 5px;
}

.top-left {
    position: absolute;
    top: 5px;
    left: 5px;
}

.installments {
    background-color: #ffb400;
    color: #000000;
    font-size: 12px;
    margin: 15px;
}

.last-update {
    color: #d0d0d0;
    font-size: 12px;
}

.product-box-important {
    /*box-shadow: 0 0 20px 20px #FFB400;*/
    margin: 20px;
    background-color: white;
    border-radius: 5px;
}

.product-details {
    margin: 10px;
}

.product-details-wide {
    margin-left: 1px;
    margin-right: 1px;
}

.product-details-box {
    padding: 0px;
    color: #000;
}

    .product-details-box.inner {
        padding: 4px;
    }

    .product-details-box.title {
        padding: 4px;
        font-weight: 600;
    }

    .product-details-box.content {
        padding: 4px;
        color: #9a9ab0;
        font-weight: 600;
    }

.product-details-box-important {
    color: red;
    font-weight: bolder;
    font-size: 12pt;
}

.product-details-box-normal {
    color: #ffb400;
    font-weight: bold;
    font-size: 12pt;
}

.product-details-main-box {
    background-color: #000000;
    border: 1px solid #ffb400;
    border-radius: 10px;
    margin: 10px;
    padding: 15px;
}

.product-price-high {
    font-size: 22px;
    font-weight: bold;
    color: #d0d0d0;
    text-decoration-line: line-through;
}

.product-price-horizontal-high {
    font-size: 16px;
    font-weight: bold;
    color: #ffb400;
    text-decoration-line: line-through;
}

.filter-title {
    line-height: 34px;
}

    .filter-title button .fa-caret-down,
    .filter-title button .fa-caret-up {
        padding-right: 0px;
        padding-left: 6px;
    }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #ff9000 !important;
    border-color: rgb(221, 221, 221) !important;
}

.label-offer {
    vertical-align: super;
    font-size: 100%;
    font-weight: normal;
}

#slider {
    margin: 10px 0 10px 0;
}

/* News Styles Starts */

#news-row h3 {
    margin-top: auto;
}

#news-row .news-img {
    padding: 0 20px 10px 0;
}

/* Other Styles Starts */

.field-validation-error {
    color: red;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error {
    border: 2px solid #ff2d37 !important;
}

input[type='checkbox'].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: red;
}

.validation-summary-valid {
    display: none;
}

.phone-padd-left12 {
    padding-left: 12px;
}

.tool-tip-product,
.tool-tip-price {
    cursor: pointer;
}

.price .tooltip-inner {
    max-width: 300px;
}

.search-header label {
    color: white;
}

select.smaller {
    padding: 6px 0;
    font-size: 14px;
    font-weight: bold;
}

ul.delivery {
    display: inline;
    line-height: 3;
}

.product-info .product-details .manufacturer span.delivery {
    min-width: 0;
}

ul.delivery span {
    color: #2f353b;
    text-transform: uppercase;
}

.frontpage-news {
    width: 100%;
    border-top: solid;
    border-bottom: solid;
    border-color: #ffb400;
    text-align: center;
    color: #ffb400;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.frontpage-gallery {
    width: 100%;
    border-top: solid;
    border-bottom: solid;
    border-color: #ffb400;
    text-align: center;
    color: #ffb400;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.panel-title-black {
    color: black !important;
    margin-top: 6px !important;
}

.online-reservations {
    text-transform: uppercase;
    font-size: 14pt;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #ffb400;
}

.loader {
    height: 100%;
    width: 100%;
    opacity: 0.7;
    background-color: white;
    z-index: 99999;
    position: fixed;
    color: white;
    display: none;
}

.rotate {
    animation: rotation 1s infinite linear;
    position: absolute;
    height: 100px;
    width: 100px;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.internal-reservation-comment {
    color: #ffffff;
    background-color: #000000;
    width: 100%;
    border: 1px solid #ffb400;
    margin-top: 3px;
}

.reservation-entry {
    display: inline-block;
}
/*
.reservations-legend {
    padding: 20px;
    padding-top: 0px;
}
*/

.interval:hover {
    font-weight: bold;
}

.interval-info {
    border: 1px solid red;
    padding: 15px;
    font-size: 14px;
}

.active {
    color: #000;
    background: #ffa500;
    font-weight: bold;
}

.border {
    border: 1px solid #000;
}

.child {
    padding: 15px;
}

.check {
    padding-right: 5px;
}

.check-active {
    color: #ffb400;
    padding-right: 5px;
}

.invalid-input {
    border: 1px solid red;
}

.pointer {
    cursor: pointer;
}

.blocked {
    cursor: not-allowed;
    color: #ffffff;
    background-color: #ff2d37;
    border: none;
}

.passed {
    cursor: not-allowed;
    color: #ffffff;
    background: #d0d0d0 !important;
    border: none;
}

.blocked-partially {
    background: linear-gradient(to right, #ff2d37 50%, transparent 50%);
    color: #ffffff !important;
    text-shadow: -1px 0 #9a9ab0, 0 1px #9a9ab0, 1px 0 #9a9ab0, 0 -1px #9a9ab0;
}

.details {
    display: none;
}

.customer {
    padding: 25px;
}

    .customer input {
        color: #000000;
        width: 100%;
    }

.confirm-reservation {
    float: right;
    background-color: #ffb400;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    padding: 15px;
    /*margin: 16px 0px 0px 0px;*/
    width: 224px;
}

    .confirm-reservation:active {
        background: #ffb400;
    }

    .confirm-reservation .button__text {
        color: #ffffff;
        transition: all 0.2s;
    }

    .confirm-reservation.button--loading .button__text {
        visibility: hidden;
        opacity: 0;
    }

    .confirm-reservation.button--loading::after {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        top: 30px;
        right: 120px;
        margin: auto;
        border: 4px solid transparent;
        border-top-color: #ffffff;
        border-radius: 50%;
        animation: button-loading-spinner 1s ease infinite;
    }

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

.reservations-label {
    font-weight: normal;
}

.reservations-dropdown {
    color: #000000;
    width: 100%;
}

.main-service {
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 15px;
}

.child-service {
    padding: 5px;
}

.variants {
    display: none;
}

.ui-autocomplete {
    z-index: 999999;
}

.ui-widget-header {
    background: #ffb400;
}

.price-filter-label {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

#prices-filter {
    margin: 0px 20px;
}

/* JQuery UI dialog styling */
.no-close .ui-dialog-titlebar-close {
    display: none;
}

/* Magazin */
.category-image {
    max-width: 105%;
}

.category-menu {
    display: flex;
    justify-content: center; /* Center the menu items */
    overflow-x: auto; /* Omogućava horizontalno skrolanje */
    -webkit-overflow-scrolling: touch; /* Poboljšava performanse skrolanja na mobilnim uređajima */
    white-space: nowrap; /* Sprečava prelazak u novi red */
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none; /* Sakriva skrol bar na Internet Explorer i Edge */
    scrollbar-width: none; /* Sakriva skrol bar na Firefoxu */
}

    /* Sakrivanje skrol bara za različite pretraživače */
    .category-menu::-webkit-scrollbar {
        display: none; /* Sakriva skrol bar na WebKit pretraživačima (Chrome, Safari) */
    }

.magazin-section-title {
    background-color: #ffa500;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 10px 0px 10px 0px;
}

/* Article */
.article-box {
    padding: 10px;
    background-color: #ffffff;
    height: 350px;
    overflow-y: hidden;
    border-right: 5px solid #f4f7f8;
    border-bottom: 5px solid #f4f7f8;
}

    .article-box a {
        color: #000000 !important;
    }

.tag {
    background: gray;
    padding: 5px;
    border-radius: 10px;
    color: white;
    line-height: 2.5;
    white-space: nowrap;
}

.gp-article-double-box {
    height: 350px;
    overflow-y: hidden;
}

.gp-article-box {
    padding: 10px;
    height: 245px;
    overflow-y: hidden;
}

    .gp-article-box a {
        color: #000000 !important;
    }

.article-image {
    padding: 0px;
    max-width: 100%;
}

@media (min-width: 767px) {
    .gp-entry {
        border-right: 15px #f4f7f8 solid;
        border-left: 15px #f4f7f8 solid;
    }
}

@media (max-width: 992px) {
    .article-box,
    .gp-article-box,
    .gp-article-double-box {
        height: auto !important;
    }

    .article-image {
        min-height: 85px;
    }
}

.article-box-title {
    font-size: 14px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2em;
    max-height: 4.5em;
    transition: all 0.3s ease-in-out;
}

.article-box-image:hover {
    opacity: 0.7;
}

.article-title {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: uppercase;
    line-height: normal;
}

.article-description {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: uppercase;
    line-height: normal;
}

.article-date {
    position: absolute;
    bottom: 5px;
    left: 15px;
    font-size: 12px;
    font-weight: 400;
    color: darkgray;
}

.article-continental {
    position: absolute;
    bottom: 5px;
    right: 15px;
}

.article-continental-double-box {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 99999;
    backdrop-filter: drop-shadow(2px 4px 6px black);
    text-transform: uppercase;
}

    .article-continental-double-box img {
        max-width: 70px;
        backdrop-filter: drop-shadow(2px 4px 6px black);
    }

.article-title-double-box {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: start;
    align-items: end;
    background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100% );
    padding: 15px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
}

@media (min-width: 1200px) {
    .article-title-double-box {
        bottom: 35px;
    }

    .gp-article-box {
        height: 275px;
    }
}

@media (min-width: 1470px) {
    .article-title-double-box {
        bottom: 125px;
    }

    .gp-article-box {
        height: 320px;
    }
}

.article-continental img {
    max-width: 70px;
}

.article-content {
    font-size: 1.5rem;
    line-height: normal;
}

    .article-content a {
        color: red !important;
        text-decoration: underline;
    }

    .article-content img {
        width: 100%;
        height: auto;
        padding: 20px 5px 20px 5px;
    }

    .article-content iframe {
        width: 100%;
        height: 450px;
    }

@media (max-width: 992px) {
    .article-date {
        left: 35% !important;
    }
}

.article-category-title-double-box {
    position: absolute;
    top: 5px;
    left: 5px;
    color: #ffffff !important;
    font-size: 14px !important;
    z-index: 999999;
    font-weight: 600;
}

.youtube-box {
    padding: 15px;
    background-color: #ffffff;
    height: auto;
    overflow-y: hidden;
}

/* categories styles (TODO: think of having this as a configuration in the cms if it gets worth it */

.article-category-title {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.aktuelnosti {
    color: #359c46;
}

.gume {
    color: #000;
}

.noviteti {
    color: #495069;
}

.ev {
    color: #0085eb;
}

.trziste {
    color: #a5459d;
}

.dvotockasi {
    color: #d936cb;
}

.vremeplov {
    color: #e70d0d;
}

.savjeti {
    color: #abe2b2;
}

.tuning {
    color: #816565;
}

.kolumna {
    color: #abe2b2;
}

.product-box-pills {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: start;
    gap: 10px;
}

    .product-box-pills img {
        height: 22px;
        width: auto;
    }

.copyright img {
    height: 44.5px !important;
    width: auto !important;
}

.gp-article-box-image {
    display: block;
    transition: all 0.3s ease-in-out;
}

    .gp-article-box-image:hover {
        opacity: 0.7;
    }

.gp-article-box-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 15px;
    row-gap: 25px;
    padding: 15px;
}

.sidebox-article-description {
    display: none;
}

.sidebox-article {
    padding-top: 0px;
    position: relative;
    padding-bottom: 30px;
}

.sidebox-article-footer {
    display: flex;
    padding-top: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

span.sidebox-article-category-pill {
    position: absolute;
    top: 0;
    left: 0;
    background: #ffa500;
    white-space: nowrap;
    font-size: 9px;
    padding: 2px 6px;
    font-weight: 700;
}

/*div#divLoading {
  display: none !important;
} */

a.left.carousel-control {
    display: flex;
    align-items: center;
    opacity: 100%;
}

a.right.carousel-control {
    display: flex;
    align-items: center;
    opacity: 100%;
    justify-content: flex-end;
}

.searchPopup {
    position: fixed;
    background: #000;
    width: 100%;
    height: 0px;
    top: 0;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: end;
    padding: 25px;
    opacity: 0;
    transition: height 0.3s ease-in-out;
    visibility: hidden;
}

    .searchPopup * {
        transition: all 0.3s ease-in-out;
        opacity: 0;
    }

    .searchPopup.active {
        opacity: 1;
        visibility: visible;
        height: 200px;
    }

        .searchPopup.active * {
            opacity: 1;
        }

.searchPopupCloseButton {
    border: none;
    background: none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

input#search-bar::placeholder,
input#search-bar {
    font-weight: 500 !important;
}

.youtube-box h3 {
    font-size: 14px;
    color: #000;
    font-family: 'Open Sans';
    font-weight: 600;
    line-height: 1.2;
    margin-top: 10px;
}

.row.youtube-section-container {
    margin: 0 !important;
}

.btn-primary {
    border-color: #ffa500;
    background: #ffa500;
}

    .btn-primary:hover {
        border-color: #ffa500;
        background: #ffa500;
        color: #fff;
        opacity: 0.7;
    }

.btn {
    outline: none;
    transition: all 0.3s ease-in-out;
}

div#shop-carousel .left svg {
    margin-left: 15px;
}

div#shop-carousel .right svg {
    margin-right: 15px;
}

.pretragaDropdown {
    padding: 10px 15px;
    border: 1px solid #ffa500;
    margin: 0 15px;
    border-radius: 8px;
    background: #fff;
}

.homeProductContainer > .products-list {
    padding-left: 15px !important;
}

.btn-more-results {
    display: none;
}

.productListContainer .slick-next {
    position: absolute;
    right: 10px;
    top: 50%;
    border: none;
    background: none;
    font-size: 24px;
    z-index: 50;
    transform: translateY(-50%);
    padding: 24px;
}

.basicSliderMobileOnly .slick-next {
    position: absolute;
    right: 0px;
    top: 50%;
    border: none;
    background: none;
    font-size: 24px;
    z-index: 50;
    transform: translateY(-50%);
    padding: 24px;
}

.productListContainer .slick-prev {
    position: absolute;
    left: 10px;
    top: 50%;
    border: none;
    background: none;
    font-size: 24px;
    z-index: 50;
    transform: translateY(-50%);
    padding: 24px;
}

.basicSliderMobileOnly .slick-prev {
    position: absolute;
    left: 0px;
    top: 50%;
    border: none;
    background: none;
    font-size: 24px;
    z-index: 50;
    transform: translateY(-50%);
    padding: 24px;
}

.productListContainer ul.slick-dots {
    margin-top: 5px;
}

.basicSliderMobileOnly ul.slick-dots,
.googleReviewsSlider ul.slick-dots {
    margin-top: 10px !important;
}

.productListContainer > .slick-track > div,
.basicSliderMobileOnly > .slick-track > div {
    min-height: 470px !important;
}

.productListContainer ul.slick-dots li,
.basicSliderMobileOnly ul.slick-dots li,
.googleReviewsSlider ul.slick-dots li {
    background: #c3c3c3;
    border: 1px solid #c3c3c3;
}

    .productListContainer ul.slick-dots li.slick-active,
    .basicSliderMobileOnly ul.slick-dots li.slick-active,
    .googleReviewsSlider ul.slick-dots li.slick-active {
        background: #ffa500;
        border-color: #ffa500;
    }

ul.slick-dots {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    display: flex !important;
    width: 100%;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

    ul.slick-dots li {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: transparent;
        border: 1px solid #fff;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
    }

        ul.slick-dots li.slick-active {
            background: #ffa500;
            border-color: #ffa500;
        }

        ul.slick-dots li button {
            display: none;
        }

.basicSlider .slick-next {
    position: absolute;
    right: 10px;
    top: 50%;
    border: none;
    background: none;
    font-size: 24px;
    z-index: 50;
    transform: translateY(-50%);
    padding: 24px;
}

.basicSlider .slick-prev {
    position: absolute;
    left: 10px;
    top: 50%;
    border: none;
    background: none;
    font-size: 24px;
    z-index: 50;
    transform: translateY(-50%);
    padding: 24px;
}

.basicArrows .slick-next {
    position: absolute;
    right: 10px;
    top: 50%;
    border: none;
    background: none;
    font-size: 24px;
    z-index: 50;
    transform: translateY(-50%);
    padding: 24px;
}

.basicArrows .slick-prev {
    position: absolute;
    left: 10px;
    top: 50%;
    border: none;
    background: none;
    font-size: 24px;
    z-index: 50;
    transform: translateY(-50%);
    padding: 24px;
}

.basicSlider .slick-arrow i {
    color: #fff;
}

.gp-article-double-box .basicSlider .slick-dots {
    margin-top: 15px !important;
}

    .gp-article-double-box .basicSlider .slick-dots li.slick-active {
        background: #fff;
    }

    .gp-article-double-box .basicSlider .slick-dots li {
        background: transparent;
        border: 1px solid #fff;
    }

#heroSection .basicSlider .slick-dots {
    position: absolute;
    z-index: 70;
    bottom: 15px;
}

.slick-track {
    display: flex;
    align-items: center;
}

a.gp-article-box-image {
    height: 221px;
    object-fit: cover;
}

    a.gp-article-box-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

img.sidebox-article-image {
    width: 100%;
    height: 90px;
    object-fit: cover;
}

a.article-title-double-box {
    height: 230px;
    width: 100%;
    object-fit: cover;
}

.basicSlider img.article-image {
    height: 230px;
    object-fit: cover;
    width: 100%;
}

p.googleReviewText {
    font-size: 16px;
    line-height: 1.15;
}

.googleReviewAuthor {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.googleReviewsWrapper {
    padding: 15px;
    margin: 15px 3px 15px 35px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    border: 0;
    position: relative;
    background: #fff;
}

.googleReviewsSlider {
    margin-left: -35px;
}

.googleReviewAuthorName {
    font-size: 14px;
    font-weight: 600;
}

.googleReviewsSlider .slick-track {
    display: flex !important;
    align-items: stretch !important;
}

.googleReview.slick-slide {
    height: inherit !important;
    margin: 0 0 15px 0;
}

.googleReviewIcon {
    position: absolute;
    right: 15px;
    top: 15px;
}

@media screen and (min-width: 990px) {
    .googleReviewsSlider .slick-next {
        right: -25px !important;
    }
}

@media screen and (max-width: 990px) {
    .googleReviewsSlider .slick-prev {
        left: 35px !important;
    }
}

.mainCarouselItem {
    position: relative;
}

.mainCarouselItemLabel {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 35px;
    background: #ffa500ab;
    max-width: 75%;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    color: white;
}

    .mainCarouselItemLabel .mainCarouselItemText {
        font-size: 24px;
        line-height: 24px;
        font-weight: 700;
        padding-left: 35px;
    }

    .mainCarouselItemLabel .mainCarouselItemCheck {
        height: 65px;
        padding: 5px;
    }

@media screen and (max-width: 767px) {
    .mainCarouselItemLabel .mainCarouselItemText {
        font-size: 16px;
        line-height: 16px;
        padding-left: 15px;
    }

    .mainCarouselItemLabel .mainCarouselItemCheck {
        height: 50px;
    }
}

@media screen and (max-width: 500px) {
    .mainCarouselItemLabel .mainCarouselItemText {
        font-size: 14px;
        font-weight: 600;
        line-height: 14px;
    }

    .mainCarouselItemLabel .mainCarouselItemCheck {
        height: 40px;
    }
}

.mob-ui .col-xs-12.col-sm-12.col-md-6.col-lg-6.col-xl-4.product-box-wrapper {
    width: 100%;
    max-width: 100%;
    margin-bottom: 16px;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.mob-ui .product-box {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    padding: 0;
}

/* Top section with badges */
.mob-ui .product-box-pills {
    display: flex;
    justify-content: space-between;
    padding: 12px 12px 0 12px;
    margin: 0;
}

.mob-ui .free-delivery-seal,
.mob-ui .tire-dot-seal {
    height: 22px;
}

/* Title section */
.mob-ui .productBoxTitleContainer {
    padding: 12px;
    height: 72px;
    /*max-height: 80px;*/
    margin: 0;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
}

.mob-ui .product-title {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #1a1a1a;
    /*line-height: 1.4;*/
    text-decoration: none;
    /*display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
    overflow: hidden;
    min-height: 55px;
}

/* Image and pricing section */
.mob-ui .col-xs-12 > .col-xs-5.product-box-image {
    width: 100%;
    float: none;
    background-color: transparent;
    padding: 0px;
    text-align: center;
    position: relative;
    border: 0;
    height: 140px;
}

.mob-ui .col-xs-12 > .col-xs-7.product-box-prices {
    width: 100%;
    float: none;
    padding: 12px 0 0 0;
    margin: 0;
}

/* Image styling */
.mob-ui .responsive-image {
    max-width: 100%;
    max-height: 140px;
    object-fit: contain;
    padding: 0;
}

.mob-ui .col-xs-12 > .col-xs-5.product-box-image a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mob-ui .bottom-left {
    position: absolute;
    bottom: 12px;
    left: 12px;
    z-index: 1;
}

.mob-ui .continental-seal {
    height: 20px;
    width: auto;
    position: absolute;
    top: -130px;
    left: 0;
}

.mob-ui .bottom-right {
    position: absolute;
    top: 0px;
    right: 12px;
    z-index: 1;
}

.mob-ui .discount-seal {
    background-color: #ff4d4d;
    color: white;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    box-shadow: 0 2px 8px rgba(255, 77, 77, 0.3);
}

/* Price styling */
.mob-ui .product-box-price-old {
    color: #999;
    text-decoration: line-through;
    font-size: 16px !important;
    font-weight: 400;
}

.mob-ui .product-box-price-new {
    color: #f9a825;
    font-size: 24px !important;
    font-weight: 700;
    margin: 4px 0;
}

.mob-ui .other-payment-methods-price {
    margin-top: 8px;
    padding-top: 4px;
    border-top: 1px solid #f5f5f5;
}

.mob-ui .product-box-financing-price {
    padding-top: 0;
    font-weight: 500;
    font-size: 12px;
}

/* Delivery and installation section */
.mob-ui .product-box-delivery-wrap {
    display: flex;
    flex-direction: row;
    height: 89px;
    border-top: 1px solid #f5f5f5;
    padding: 10px 12px 6px 12px;
    margin: 0;
}

/* Stock and purchase section */
.mob-ui .product-box-quantity-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 15px;
    border-top: 1px solid #f5f5f5;
    padding: 10px 12px;
    margin: 0;
}

.mob-ui .product-box .col-xs-12:nth-child(3) {
    padding-left: 12px;
    padding-right: 12px;
}

/* Quantity control */
.mob-ui .quantity-input-group {
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    display: none;
}

.mob-ui .button-minus,
.mob-ui .button-plus {
    width: 32px !important;
    height: 32px;
    min-width: 32px !important;
    background: white;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.mob-ui .quantity-field {
    width: 40px;
    height: 32px;
    border: none;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    text-align: center;
    padding: 0;
}

/* Add to cart button */
.mob-ui .add-to-cart {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    background-color: #f9a825;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mob-ui .add-to-cart img {
        width: 20px !important;
        height: 20px !important;
        padding: 0 !important;
    }

/* Status colors */
.mob-ui [style*='color: #12AF35'] {
    color: #12af35 !important;
    font-weight: 700;
}

.mob-ui [style*='color: #FF2D37'] {
    color: #ff2d37 !important;
    font-weight: 700;
}

.mob-ui [style*='color: #FFA500'] {
    color: #ffa500 !important;
    font-weight: 700;
}

.mob-ui .other-payment-methods-price {
    margin-top: 0px;
    padding-top: 4px;
    border-top: 1px solid #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .mob-ui .other-payment-methods-price:nth-child(4) {
        margin-top: 5px;
    }

.sidebox-inner.gp-article-box-container > div:nth-child(9) {
    display: none;
}

.productListContainer ul.slick-dots li {
    width: 100%;
    border-radius: 0;
    height: 3px;
}

.productListContainer ul.slick-dots {
    margin-top: 5px;
    padding: 0 15px !important;
    gap: 0;
}

div#heroSection {
    margin-bottom: 0 !important;
}

@media screen and (min-width: 767px) {
    #search-results .shop-results-title,
    #search-results .shop-results-filter-wrap {
        margin-left: -36%;
        width: calc(100% + 36%);
        display: flex;
        justify-content: center;
        align-items: center;
        clear: both;
    }

    div#productResults {
        display: block;
        clear: both;
    }

    div#subgroup-search-filter {
        margin-top: 130px;
    }

    div#productResults > div:nth-child(1),
    div#productResults > div:nth-child(2) {
        margin-top: 30px;
    }
}

@media screen and (min-width: 992px) {
    div#productResults > div:nth-child(3) {
        margin-top: 30px;
    }
}

@media screen and (min-width: 1470px) {
    div#productResults > div:nth-child(4) {
        margin-top: 30px;
    }
}