﻿
body {
    overflow-x: hidden !important;
}

html {
    overflow-x: hidden !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}


.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mx-auto {
    margin-inline: auto !important;
}

.ps-0 {
    padding-left: 0px !important;
}

.pe-0 {
    padding-right: 0px !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 0.5rem !important;
}

.ps-4 {
    padding-left: 0.5rem !important;
}

.ps-5 {
    padding-left: 0.5rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 0.5rem !important;
}

.pe-4 {
    padding-right: 0.5rem !important;
}

.pe-5 {
    padding-right: 0.5rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 0.5rem !important;
}

.pt-4 {
    padding-top: 0.5rem !important;
}

.pt-5 {
    padding-top: 0.5rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 0.5rem !important;
}

.pb-4 {
    padding-bottom: 0.5rem !important;
}

.pb-5 {
    padding-bottom: 0.5rem !important;
}

.px-0 {
    padding-inline: 0 !important;
}

.pe-40 {
    padding-right: 40px !important
}

.d-flex {
    display: flex !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-start {
    justify-content: start !important;
}

.align-items-center {
    align-items: center !important;
}

.header_One {
    background-color: white !important;
}

    .header_One i {
        color: #004480 !important;
    }

.codex-menu-menu {
    position: relative; /* Set the parent container to relative positioning */
    display: inline-block; /* Make the container inline to wrap around the content */
    z-index: 3;
    margin-right: 10px;
    background-color: #f26e20;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    border-radius: 3px;
    white-space: nowrap; /* Prevent the text from wrapping and changing the container's width */
}

.codex-menu-bold {
    font-weight: bold;
    color: white;
}

.codex-menu-dropdown-menu {
    display: none;
    position: absolute; /* Absolute positioning within the relative parent container */
    left: 0; /* Align the left edge of the dropdown with the left edge of the parent container */
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    width: 100%; /* Set the width to match the parent container */
}

    .codex-menu-dropdown-menu a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        border-bottom: 1px solid #ddd; /* Bottom border line */
    }

        .codex-menu-dropdown-menu a:hover {
            background-color: #f1f1f1; /* Background color on hover */
            color: blue; /* Text color on hover */
        }


h4.price-on-request {
    color: #ec1b23;
    margin-top: 11px;
    padding: 0;
}

.price-on-request-box {
    border-top: 1px solid #e5e5e5;
    display: block;
}


a#table-view-products {
    position: relative;
    text-decoration: none;
    color: orange;
    padding-right: 10px; /* Adding some space for the line */
    margin-right: 5px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}



    a#table-view-products::after {
        content: "";
        position: absolute;
        top: 0;
        color: orange;
        right: 0px;
        width: 0px; /* Adjust the thickness of the line */
        height: 100%;
        background-color: black; /* Set the line color */
    }

.dark-blue {
    color: #004480 !important;
}

.dark-blue-bg {
    background-color: #004480 !important;
}

.blue-bg {
    background-color: #00BEFF !important;
}

.text-white {
    color: white
}

.w-110 {
    width: 110px !important;
}

.w-100 {
    width: 100% !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-30 {
    font-size: 30px;
}

.font-w-5 {
    font-weight: 500
}

.font-w-6 {
    font-weight: 600
}

.font-w-7 {
    font-weight: 700
}

.font-w-8 {
    font-weight: 800
}

.text-dark {
    color: black !important;
}

.btns {
    border: none !important;
    border-radius: 5px !important;
    padding: 8px 15px !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    display: inline-block;
    color: white !important;
    /*text-align: start !important;*/
}

.text-center {
    text-align: center !important;
}

.text-end {
    text-align: end !important;
}

.text-start {
    /*    text-align: start !important;*/
}

.line-32 {
    line-height: 32px !important
}

.rounden-5 {
    border-radius: 5px !important;
}

.position-r {
    position: relative !important;
}

.z-3 {
    z-index: 3 !important;
}

.text-gray {
    color: #666666 !important;
}

.text-upper {
    text-transform: uppercase !important;
}

.h-100 {
    height: 100% !important
}

.margin-0-auto {
    margin: 0 auto;
}
/*-------------uper-potion---globel---css----*/
.group-field {
    border-radius: 10px;
    background-color: white;
    padding: 5px;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15)) !important;
}

    .group-field input {
        box-shadow: none !important;
        color: #666666 !important;
        border: none !important;
        background-color: transparent !important;
    }

        .group-field input::placeholder {
            color: #666666 !important;
        }

    .group-field span {
        color: white !important;
        border-radius: 5px !important;
        padding: 5px 10px;
    }

.gray-bg {
    color: #F4F7F7 !important;
}

.fire-btn {
    padding: 12px 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    border-radius: 5px !important;
}

.main-menu li {
    display: inline-block;
    margin: 0 !important;
    position: relative;
    padding: 0px 10px !important;
    transition: all 0.3s ease 0s;
    border-left: none !important;
}

    .main-menu li a {
        color: white !important;
    }

.oprema {
    border-right: none !important;
    border-bottom: none !important;
}

    .oprema:hover::before {
        background-color: transparent !important;
    }

    .oprema::before {
        top: 27%;
        /* bottom: 1px; */
        display: inline-block;
        background-color: #b33d95;
        height: 30px;
        width: 6px;
        border-radius: 2px;
        content: '';
        position: absolute;
        left: 0;
    }

.zast-med-op {
    border-bottom: none !important;
}

    .zast-med-op:hover::before {
        background-color: transparent !important;
    }

    .zast-med-op::before {
        top: 27%;
        /* bottom: 1px; */
        display: inline-block;
        background-color: #46c1be;
        height: 30px;
        width: 6px;
        border-radius: 2px;
        content: '';
        position: absolute;
        left: 0;
    }


.lupa-pretraga {
    cursor: pointer;
}

.clean {
    border-bottom: none !important;
    border-bottom: none !important;
}

    .clean:hover::before {
        background-color: transparent !important;
    }

    .clean::before {
        top: 27%;
        /* bottom: 1px; */
        display: inline-block;
        background-color: #00ADEE;
        height: 30px;
        width: 6px;
        border-radius: 2px;
        content: '';
        position: absolute;
        left: 0;
    }

.promo {
    border-bottom: none !important;
}

    .promo:hover::before {
        background-color: transparent !important;
    }

    .promo::before {
        top: 27%;
        /* bottom: 1px; */
        display: inline-block;
        background-color: #f26e20;
        height: 30px;
        width: 6px;
        border-radius: 2px;
        content: '';
        position: absolute;
        left: 0;
    }

.namjestaj {
    border-bottom: none !important;
}

    .namjestaj:hover::before {
        background-color: transparent !important;
    }

    .namjestaj::before {
        top: 27%;
        /* bottom: 1px; */
        display: inline-block;
        background-color: #8bc53e;
        height: 30px;
        width: 6px;
        border-radius: 2px;
        content: '';
        position: absolute;
        left: 0;
    }

.office {
    border-bottom: none !important;
}

    .office:hover::before {
        background-color: transparent !important;
        display: none;
    }

    .office::before {
        top: 27%;
        /* bottom: 1px; */
        display: inline-block;
        background-color: #ec1b23;
        height: 30px;
        width: 6px;
        border-radius: 2px;
        content: '';
        position: absolute;
        left: 0;
    }

.text-end {
    text-align: end !important;
}

.productBtn {
    padding-top: 0px !important;
    padding-bottom: 25px !important;
    border-radius: 5px;
}

    .productBtn img {
        width: 90px !important;
        height: 90px !important;
    }

    .productBtn > div {
        background: #d9d9d93b !important;
        padding: 15px 0px !important;
        margin-bottom: 15px !important;
    }

.font-16 {
    font-size: 16px !important;
}

/* vertical grid alignment */
.grid-container {
    display: grid;
    align-items: center;
    height: 300px;
}

.grid-item {
    width: 100%;
}

.hp-promo-first-field {
    height: 315px;
    /*background-image: url(/Content/Upload/Img/second-field-bg.svg) !important;*/
    background-image: url(/Content/Upload/Img/home-ris-office-book-a.png) !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.hp-promo-second-field {
    /*background-image: url(/Content/Upload/Img/second-field-bg.svg) !important;
    background-size: cover;
    background-repeat: no-repeat;*/
    padding: 30px 90px 30px 50px !important;
    height: 315px;
}

    .hp-promo-second-field > div {
        /*background-color: white !important;*/
        border-radius: 5px !important;
        padding: 6px !important;
    }
/*
.newsletter-section .title-1, .title-2 {
    color: white !important;
}*/

.subcribe input {
    border-radius: 0 !important;
    border: none !important;
}

.subcribe .submit-btn-2 {
    background: #004480 !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15) !important;
    border-radius: 5px !important;
    width: auto !important;
    display: flex !important;
    height: auto !important;
    padding: 12px 15px !important;
    align-items: center !important;
    text-transform: capitalize !important;
    font-weight: 600 !important;
    color: white !important;
}

.subcribe input {
    height: auto !important;
    width: 100% !important;
}

.subcribe {
    height: 50px !important;
    border: 1px solid #dedede;
}

.bannar-images {
    z-index: 3 !important;
    height: 100% !important;
    position: relative !important;
    padding: 25px 60px 25px 0px !important;
}

.banner-img {
    position: relative !important;
}

.banner-item .bg-banner1 {
    position: absolute;
    height: 100% !important;
    z-index: 1;
    right: -12px !important;
}

.bannar-images2 {
    z-index: 3 !important;
    height: 100% !important;
    position: relative !important;
    padding: 25px 0px 25px 60px !important;
}


.banner-item .bg-banner2 {
    position: absolute;
    height: 100% !important;
    z-index: 1;
    left: -12px !important;
}

.banner-2::before {
    z-index: 4 !important;
}

.banner-2::before {
    display: none !important
}

.banner-2 .banner-button {
    bottom: 12px !important;
    /* position: relative !important; */
    z-index: 99;
    width: 100%;
    text-align: center;
}

.banner-2 .banner-button-right {
    left: 20px;
}

.position-r .company-logo {
    position: absolute;
    width: 30% !important;
    top: -50px;
    left: -23px !important;
    z-index: 4 !important;
}

.position-r .video-img1 {
    position: relative;
    bottom: 61px;
    left: 20px;
}

.position-r .video-img2 {
    position: relative;
    left: 31px;
    top: 15px;
    z-index: 5 !important;
}

.position-r .video-img3 {
    position: absolute;
    bottom: 125px;
    right: 0px;
    z-index: 7 !important;
}

.blog-title-2 {
    text-align: start !important;
}

.footer-bg {
    background-image: url(/Content/assets/Themes/RisTheme/images/bg/fotterBG.png) !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    /*bottom: 75px;*/
}

.inner-section-text {
    position: absolute;
    top: 50%;
    left: 12px;
    right: 12px;
    z-index: 10 !important;
}

.second-last-imag {
    position: relative
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.rsb-logo {
    position: absolute;
    bottom: 30px;
    left: 45%;
}

#form-language a {
    cursor: pointer;
}

.hover-yellow-color:hover {
    color: yellow;
}

.hover-white-color:hover {
    color: white;
}

.hover-background-orange:hover {
    background-color: #F16E21 !important;
}

.hover-background-light-blue:hover {
    background-color: #00ADEE !important;
}

.logout-button {
    color: white !important;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 10px !important;
    background-color: #00BEFF !important;
    border-radius: 3px;
    padding: 4px 10px;
}


.templates-button {
    color: white !important;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 10px !important;
    background-color: #EC874B !important;
    border-radius: 3px;
    padding: 4px 10px;
}



/*------Fotter---section-*/
.Footer-li div li a {
    color: white !important;
}

.Footer-li hr {
    height: 2px;
    opacity: 1 !important;
    border-radius: 9px;
    background-color: #00BEFF !important;
    border-bottom: none !important;
}

.cards-bg {
    /*  background-image: url('/Content/assets/Themes/RisTheme/images/bg/cards-bg.png') !important;
    background-position: top;
    background-repeat: no-repeat;*/
}

.vide_bg {
    background-image: url('/Content/assets/Themes/RisTheme/images/bg/video-bg.png') !important;
    background-position: bottom !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-color: #F4F7F7 !important;
}

.shipping-baner {
    background: linear-gradient(0deg, rgba(237,241,241,1) 43%, rgba(255,255,255,1) 62%) !important;
}

.address-section {
    background-image: url('/Content/assets/Themes/RisTheme/images/bg/addres-bg.png') !important;
    background-position: bottom !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.second-last-section {
    transform: translate(0px, 90px);
    z-index: 99 !important;
}

.footer-top {
    background: none !important;
}

.single-footer {
    margin-bottom: 20px;
}

.flag {
    margin-bottom: 2px;
}


.home-text-style {
    letter-spacing: 0.4px;
    font-size: 1.3em;
    line-height: 1.3em;
}

.main-search-container {
    top: 50px;
    left: 0;
}



/* 2023 */


.product-details.v2 .plus-minus-pro-action .btnShop {
    width: auto;
    float: right;
    padding: 1px 25px;
}

/*---------MEDIA----QUERIES---------*/
@media(min-width:992px) {
    .ml-lg-70 {
        margin-left: 70px !important;
    }

    .justify-content-lg-start {
        justify-content: start !important;
    }
}

@media(min-width:769px) {
    .me-50 {
        margin-right: 50px !important;
    }

    .ms-50 {
        margin-left: 50px !important;
    }
}

@media(max-width:1040px) {
    .position-r .video-img3 {
        bottom: 170px;
    }
}

@media(max-width:992px) {
    .justify-content-all-center {
        justify-content: center !important;
    }
}

@media(min-width:577px) {
    .inner-section-text > div {
        justify-content: space-between !important
    }
}

@media(max-width:768px) {

    #table-view-products {
        display: none;
    }

    .pe-40 {
        padding-right: 0px !important;
    }

    .newsletter-section {
        height: auto !important;
    }

    .second-last-imag {
        display: none !important;
    }

    .inner-section-text {
        position: relative;
        top: 0%;
        left: 0px;
        right: 0px;
    }

    .rsb-logo {
        margin-top: 30px !important;
        position: relative;
        bottom: 0px;
        left: 0px;
    }

    .second-last-section {
        transform: translate(0px, 0px) !important;
        background-image: url(/Content/assets/Themes/RisTheme/images/bg/second-last-img.png) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        text-align: center;
        padding: 130px 0px;
    }

    .footer-bg {
        background: none !important;
        background-color: #004480 !important;
    }

    .d-none-max-768 {
        display: none !important;
    }

    .mean-container a.meanmenu-reveal {
        position: absolute !important;
        top: 0%;
    }

    .mean-container .mean-nav {
        width: 100%;
    }

    .justfy-content-786 {
        justify-content: center !important;
    }
}

@media(max-width:577px) {



    .second-last-section {
        padding: 55px 0px;
    }

    .inner-section-text > div {
        justify-content: center !important
    }

        .inner-section-text > div a {
            margin-top: 20px !important;
        }

    .bannar-images2 {
        padding: 25px 0px 25px 40px !important;
    }

    .bannar-images {
        padding: 25px 40px 25px 0px !important;
    }

    .banner-item .bg-banner2 {
        left: 0px !important;
    }

    .banner-item .bg-banner {
        right: 0px !important;
    }

    .position-r .video-img3 {
        right: -35px !important;
    }
}

@media(max-width:470px) {
    .ms-auto {
        margin-left: 0 !important;
    }

    .group-field input {
        width: 300px !important;
    }

    .bannar-images2 {
        padding: 20px 0px 20px 25px !important;
    }

    .bannar-images {
        padding: 20px 40px 20px 25px !important;
    }

    .position-r .video-img1 {
        position: relative;
        bottom: 0px;
        left: 0px;
    }

    .position-r .video-img2 {
        position: relative;
        top: 0 !important;
        left: 0px !important;
    }

    .position-r .video-img3 {
        position: relative;
        bottom: 0px !important;
        left: 0px;
    }

    .position-r .company-logo {
        display: none !important;
    }

    .d-center-468 {
        justify-content: center !important;
    }

    .video-sec-btn button {
        margin-top: 12px !important;
        margin-left: 0px !important;
    }

    .vide_bg {
        padding-top: 50px !important;
    }

    .hp-promo-second-field {
        margin-top: 50px;
    }
}



@media(max-width:375px) {
    .ms-max-375 {
        margin-left: 0 !important;
    }

    .group-field input {
        width: 270px !important;
    }
}

@media(max-width:321px) {
    .group-field input {
        width: 220px !important;
    }
}

/*

.grid-product-details {
    height: 210px;
}

.grid-product-details-logged{
    height: 165px;
}
    */

.grid-item-v2 .product-details {
    display: inline-flex;
    width: 100%;
}

.grid-item-v2 .product-info {
    display: flex;
    flex-direction: column;
    /*height: 210px;*/
    justify-content: space-between;
    flex-grow: 1;
}


.slick-initialized .slick-slide {
    display: block;
}

.p-c a.active img {
    border-color: #999;
}

.featured-product-section h2 {
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-align: left;
}

.product-ribon-container {
    position: relative;
}

.ribbons {
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 100;
}

.ribbon-wrap {
    margin-bottom: 5px;
    width: max-content;
}

.ribbon {
    display: inline-block;
    padding: 5px 10px;
    /*  font-weight: bold;*/
}

.attr_novo_css {
    color: #fff;
    background-color: #B33D95;
}

.attr_snizeno_css {
    color: #fff;
    background-color: #00ADEE;
}

.attr_zalihe_css {
    color: #fff;
    background-color: #46C1BE;
}

.attr-sale-price {
    background-color: #da3030;
}

    .attr-sale-price span {
        color: #fefefe;
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

.product-sort-option {
    font-size: 15px !important;
    font-weight: bold;
    text-transform: uppercase;
}

#breadCrumbs {
    font-weight: bold;
    padding-top: 14px;
    background-color: #f4f7f7;
    border: 1px solid #d3dada;
    border-radius: 2px;
    padding-left: 20px;
    box-shadow: 0 0 4px rgba(0,0,0,.1);
    color: #999;
    font-size: 12px;
    width: 100%;
    /* height: 56px;*/
    padding-bottom: 10px;
}

@media screen and (min-width: 768px) {
    .modal {
        text-align: center;
        padding: 0 !important;
    }

        .modal:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px; /* Adjusts for spacing */
        }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    img.video-img1.rounden-5 {
        max-width: 211px;
        border: 1px solid #dedede;
    }

    img.video-img2.rounden-5 {
        max-width: 211px;
        border: 1px solid #dedede;
    }

    img.video-img3.rounden-5 {
        max-width: 211px;
        border: 1px solid #dedede;
    }
}

@media only screen and (max-width: 768px) {
    .grid-item-v2 .product-details {
        display: table !important;
    }

    .product-details.grid-product-details {
        display: table !important;
    }

    .header-contact-info {
        display: none;
    }

    .hide-mobile {
        display: none !important;
    }

    .mean-container .mean-bar {
        background: 0 0;
        /* float: left; */
        min-height: 42px;
        /* padding: 4px 0 10px; */
        position: relative;
        width: 100%;
        z-index: 999;
    }

    .logo {
        padding: 10px 10px 10px 0px;
    }

    .hp-promo-first-field {
        height: 410px;
        background-image: none !important;
        background-color: #004480;
    }

    .cataloge-link a img {
        margin-right: 30px;
    }

    .newsletter-section .title-1 {
        line-height: 1.2;
    }

    .hp-promo-second-field {
        padding: 3px 1px 15px 15px !important;
        height: 149px;
        margin-top: 20px;
    }

    .sale.fire-btn.dark-blue {
        margin-right: 10px;
    }

    img.video-img1.rounden-5 {
        width: 100%;
        margin-top: 10px;
    }

    img.video-img2.rounden-5 {
        width: 100%;
        margin-top: 10px;
    }

    img.video-img3.rounden-5 {
        width: 100%;
        margin-top: 10px;
    }

    .text-start {
        font-size: 20px;
        margin-top: 20px;
    }

    .menu-left-side {
        display: inline-block;
        float: left;
    }

    .menu-right-side {
        display: inline-block;
        float: right;
    }

    .mobile-header-container {
        width: 90%;
    }

        .mobile-header-container > ul {
            width: 100%;
        }

    h4.text-blue.font-w-7 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    h3.dark-blue.font-30.font-w-6.text-upper {
        line-height: initial;
    }

    .pro-thumbnail-info {
        width: 99%;
        padding-left: 0;
    }

    .cart-tab li {
        display: table-cell;
    }
}
