body:not([user-agent="o8oo"]) #content .logo img {
    height: 50px;
    border-radius: 17px;
}

body:not([user-agent="o8oo"]) #content .logo {
    /* font-size: 30px;
    margin-top: 82px; */
}

/* body[data-appname=""] .index-token-button {
    display: none;
} */

body:not([user-agent="o8oo"]) .index-token-button {
    display: none;
}

body:not([user-agent="o8oo"]) .categories {
    margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    list-style: none;
    margin-top: 0px;
    border-right: 1px solid rgba(0, 0, 0, .1);
    overflow-y: auto;
    position: absolute;
    top: 124px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 10px;
    padding-bottom: 30px;
    background-color: #fafafa;
    /* backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(250, 250, 250, 0.92);
    transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); */
}

body:not([user-agent="o8oo"]) .categories a {
    font-weight: 300;
    font-size: 14px;
    color: #000;
    /* transition: all .4s; */
}

body:not([user-agent="o8oo"]) .categories a:hover {
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 15px;
    text-decoration: none;
}

body:not([user-agent="o8oo"]) .sidebar .categories a.section {
    font-size: 14px;
}

body:not([user-agent="o8oo"]) #categories li.group {
    /* border-top: 1px solid rgba(0, 0, 0, .1); */
}

body:not([user-agent="o8oo"]) #categories li.index a ,
body:not([user-agent="o8oo"]) #categories li.group a {
    font-weight: bold;
}

body:not([user-agent="o8oo"]) .categories > .active > a {
    /* border: none; */
    border-radius: 15px;
    font-weight: bold;
    color: #000;
    background-color: #3284ff;
    background-color: #eee;
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(224, 236, 253, 0.92);
    transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    border: 1px solid rgba(0, 0, 0, .1);
}

body:not([user-agent="o8oo"]) .o8oo-sidebar-fix {
    height: 74px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

body:not([user-agent="o8oo"]) #content-container {
    padding-top: 95px;
}

body:not([user-agent="o8oo"]) .sidebar {
    height: 125px;
    border-bottom: none;
}

body:not([user-agent="o8oo"]) #footer {
    background-color: #fafafa;
    border-top: 1px solid rgba(0, 0, 0, .05);
    background: linear-gradient(140deg, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .05) 100%);
}

@media (min-width: 992px) {
    body:not([user-agent="o8oo"]) #content-container,
    body:not([user-agent="o8oo"]) #footer {
        margin-left: 250px;
    }
    
    body:not([user-agent="o8oo"]) #content-container {
        padding-bottom: 0px;
    }

    body:not([user-agent="o8oo"]) .sidebar {
        height: auto;
        bottom: 0px;
    }
}

body:not([user-agent="o8oo"]) #footer-border {
    /* border-top: 1px solid rgba(0, 0, 0, .05); */
    border-top: none;
    padding: 40px 45px 20px 45px;
}

body:not([user-agent="o8oo"]) #footer_kategorije {
    display: block;
    display: none;
}

body:not([user-agent="o8oo"]) #footer .footer-categories {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

body:not([user-agent="o8oo"]) .featured-row {
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 0px;
}

body:not([user-agent="o8oo"]) .atvImg-container.over {
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0 10px 10px -20px rgba(14,21,47,0.4), 0 16px 30px -6px rgba(14,21,47,0.4) !important;
}

body:not([user-agent="o8oo"])[data-section="section"] .item-wrapper.search,
body:not([user-agent="o8oo"])[data-section="search"] .item-wrapper.search {
    max-width: 700px;
    /* margin-left: 20px; */
}

body:not([user-agent="o8oo"]) .carousel-inner > .item .image.web {
    display: block;
}

body:not([user-agent="o8oo"]) .carousel-inner > .item .image.app {
    display: none;
}

body:not([user-agent="o8oo"]) #main_menu {
    display: none;
}

body:not([user-agent="o8oo"]) .item-wrapper.featured:hover .item-card {
    transform: scale(.98);
}

body:not([user-agent="o8oo"]) #apple-maps {
    display: none;
}

body:not([user-agent="o8oo"]) .item-wrapper.featured:last-of-type {
    margin-right: 16px;
}

body:not([user-agent="o8oo"]) #watermark {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    pointer-events: none;   
}

body:not([user-agent="o8oo"]) #prikazi-na-karti-gumb {
    display: none;
}

body:not([user-agent="o8oo"]) #search_terms .search-term[data-term="cijene goriva"] {
    display: none;
}

body:not([user-agent="o8oo"]) #search_menu {
    display: block;
    display: none;
    position: fixed;
    top: 16px;
    left: 270px;
    width: 40%;
    z-index: 9999999;
}

body > #search_menu {
    position: relative !important;
    top: 40px !important;
    margin-left: 20px;
    margin-right: 20px;
    z-index: 9999999;
    margin-top: 50px;
    width: auto !important;
    left: 0px !important;
    display: none;
}

body[data-section="index"] > #search_menu,
body[data-section="group"] > #search_menu,
body[data-section="section"] > #search_menu,
body[data-section="search"] > #search_menu {
    display: block;
}

body[data-section=""] > #search_menu {
    display: none;
}

body:not([user-agent="o8oo"]) #search_menu input {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100% !important;
    background-color: rgba(0, 0, 0, .05);
    font-size: 16px;
    padding: 20px 42px;
    border-radius: 100px;
}

body:not([user-agent="o8oo"]):not([data-url$="/search"]) #search_menu input:hover {
    background-color: rgba(0, 0, 0, .07);
    cursor: pointer;
}

body:not([user-agent="o8oo"])[data-url$="/search"] #content .logo {
    display: block !important;
}

body:not([user-agent="o8oo"]) #search_menu .search-icon {
    top: 14px;
    left: 14px;
    font-size: 16px;
}

body:not([user-agent="o8oo"]) #search_menu .search-clear-icon,
body:not([user-agent="o8oo"]) #search_menu .search-loading-icon {
    position: absolute;
    display: block;
    top: 0px;
    right: 0px;
    font-size: 16px;
    padding: 14px;
    opacity: 0.0;
    transition: all .4s;
    right: 0px !important;
}

.search-loading-icon,
body:not([user-agent="o8oo"]) #search_menu .search-loading-icon {
    left: auto;
    opacity: 1.0;
    display: none;
}

body:not([user-agent="o8oo"]) #search_menu .search-button,
body:not([user-agent="o8oo"]) #search_menu .close-button {
    display: none !important;
}

body:not([user-agent="o8oo"]) .carousel {
    -webkit-box-reflect: none;
}

body:not([user-agent="o8oo"]) .row-section[data-category-name="vozila"], 
body:not([user-agent="o8oo"]) .row-section[data-category-name="goriva"], 
body:not([user-agent="o8oo"]) .row-section[data-category-name="financije"], 
body:not([user-agent="o8oo"]) .row-section[data-category-name="nautika"], 
body:not([user-agent="o8oo"]) .row-section[data-category-name="podrska.fond"] {
    display: block;
}

body:not([user-agent="o8oo"]) #categories li[data-category="int_tel_tv"],
body:not([user-agent="o8oo"]) #categories li[data-category="int_tel"],
body:not([user-agent="o8oo"]) #categories li[data-category="int_tv"] {
    display: none;
}

body:not([user-agent="o8oo"]) .show-item-company {
    top: 34px;
    color: rgba(0, 0, 0, .03);
}

body:not([user-agent="o8oo"]) .details-text-gray a {
    color: #3284ff;
    pointer-events: all;
}

body:not([user-agent="o8oo"]) .show-item-button,
body:not([user-agent="o8oo"]) .show-item-button.green {
    position: relative;
    display: inline-block;
    border: 1px solid #3284ff;
    border-radius: 100px;
    padding: 2px 8px 3px 8px;
    color: #3284ff;
    text-decoration: none;
    margin-left: 20px;
    background-color: #3284ff;
    transition: all 0.2s;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4), 0px 20px 30px -10px rgba(0, 0, 0, 1);
    color: #fff !important;
    text-decoration: none;
}

body:not([user-agent="o8oo"]) #action-button-main {
    display: none;
}

body:not([user-agent="o8oo"]) .show-item {
    padding-left: 10px;
}

body:not([user-agent="o8oo"]) .show-item .item-h1-name {
    font-size: 34px;
    margin-top: 10px;
}

body:not([user-agent="o8oo"]) .rating {
    display: none;
}

body:not([user-agent="o8oo"]) .item-image-column {
    text-align: center;
}

body:not([user-agent="o8oo"]) #content {
    font-size: 0.86em;
}

.modal-link {
    cursor: pointer;
}

body:not([user-agent="o8oo"]) .search-term {
    cursor: pointer;
}

body:not([user-agent="o8oo"]) #prevPage {
    display: none !important;
}

body:not([user-agent="o8oo"]) #footer a, 
body:not([user-agent="o8oo"]) #footer a.hover, 
body:not([user-agent="o8oo"]) #footer a.active, 
body:not([user-agent="o8oo"]) #footer a.visited {
    color: #888;
    font-weight: 300;
}

body:not([user-agent="o8oo"]) #footer_o8oo a, 
body:not([user-agent="o8oo"]) #footer_o8oo a.hover, 
body:not([user-agent="o8oo"]) #footer_o8oo a.active, 
body:not([user-agent="o8oo"]) #footer_o8oo a.visited {
    color: #000;
    font-weight: 500;
}

body:not([user-agent="o8oo"]) .items-row {
    margin-left: 0px;
    margin-right: 0px;
}

body:not([user-agent="o8oo"]) #footer_kategorije li.active a, 
body:not([user-agent="o8oo"]) #footer_kategorije li.active a.hover, 
body:not([user-agent="o8oo"]) #footer_kategorije li.active a.active, 
body:not([user-agent="o8oo"]) #footer_kategorije li.active a.visited {
    color: #000;
    font-weight: 500;
}

body:not([user-agent="o8oo"]) .section-title.large {
    font-size: 50px;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    font-weight: bold;
}

/* body:not([user-agent="o8oo"]) #form_search:focus {
    border-color: #3284ff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0px 4px rgba(224, 236, 253, 0.92) !important;
} */

body:not([user-agent="o8oo"]):not([data-url$="/search"]) #form_search:focus {
    border-color: transparent !important;
    box-shadow: none !important;
}

body:not([user-agent="o8oo"]) #download_links {
    display: block;
    position: fixed;
    right: 20px;
    top: 16px;
    z-index: 9999999;
}

body:not([user-agent="o8oo"]) #download_links .box-image {
    height: 40px;
    width: auto;
}

body:not([user-agent="o8oo"]) #content {
    max-width: none;
}

body:not([user-agent="o8oo"]) .carousel {
    max-width: 1058px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 4px 15px -6px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    z-index: 1;
}

body:not([user-agent="o8oo"]) .child-category-title {
    max-width: 1050px;
}

body:not([user-agent="o8oo"]) .show-item {
    max-width: 1000px;
}

#web-forma {
    width: 100%;
    max-width: 1058px;
    height: 380px;
    border: none;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 6px 20px -6px rgba(0, 0, 0, 0.6) !important;
    border-radius: 50px;
    /* transition: height .4s; */
}

.before-menu-visible {
    transform: none !important;
    opacity: 1.0 !important;
}

@media (max-width: 767px) {

    body:not([user-agent="o8oo"]) .featured-row {
        margin-right: -20px;
    }

    body:not([user-agent="o8oo"]) .items-row {
        margin-left: -20px;
        margin-right: -20px;
    }

    body:not([user-agent="o8oo"]) .show-item-button {
        position: absolute !important;
        bottom: 12px;
        left: -7px;
        width: auto;
        padding: 2px 20px !important;
        font-size: 14px !important;
    }

    body:not([user-agent="o8oo"]) .show-item {
        padding-left: 0px;
    }

}

.semi-footer .knowhow {
    font-size: 20px;
    font-weight: 100;
}

.semi-footer .partneri {
    display: inline-block !important;
}

#app_download_part2 {
    display: inline-block !important;
}

body:not([user-agent="o8oo"]) #copyright {
    display: block;
    text-align: center;
    font-weight: 200;
    margin: 30px;
    margin-bottom: 20px;
    font-size: 12px;
}

body:not([user-agent="o8oo"]) #footer_app_download {
    display: block;
    text-align: center;
    margin-top: 20px;
}

body:not([user-agent="o8oo"]) #footer_app_download .store {
    height: 30px;
}

body:not([user-agent="o8oo"])[data-url="/about"] .row.block {
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-top: 80px;
    padding-bottom: 80px;
}

body:not([user-agent="o8oo"])[data-url="/about"] .row.block:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, .0);
}

body:not([user-agent="o8oo"])[data-url="/about"] .row.block.no-padding-bottom {
    padding-bottom: 80px !important;
}

body:not([user-agent="o8oo"])[data-url="/about"]  .section-title.large,
body:not([user-agent="o8oo"])[data-url="/about"]  .breakable-text {
    max-width: 600px;
    margin: auto;
}

[data-category="vozila"],
[data-category-name="vozila"],
[data-category="nova_vozila"],
[data-category="rabljena_vozila"],
[data-category="servisi"],
[data-category="dijelovi"],
[data-category="rentacar"] {
    display: none !important;
}