:root {/*--swiper-navigation-size: 16px!important;*/
        --main-color: #cc0228;
        --alt-color: #e4002a; /*svetlija*/
        --light-grey: #f3f3f3;
}


/* reset */
.noselect, img {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
*:focus {outline: none!important;}
.relative {position: relative;}
.icon-svg {display: block; font-size: 0;}
.flex-justify-end {justify-content: flex-end;}
.grid {display: grid;}
::-moz-selection {color: #fff; background-color: var(--main-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
::selection {color: #fff; background-color: var(--main-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
.list-style-no {list-style: none; padding: 0; margin: 0;}
a.c-button, a.c-button:hover {background-color: var(--main-color); box-shadow: none;}
.underline {text-decoration: underline;}
header .search-box .input .button input {color: var(--main-color);}
.product-details .add-to-cart, .product-details .sp-plus, .product-details .sp-minus {background: var(--main-color);}
.product-details .price, .product-details .price .salesprice {color: var(--main-color);}
.kontakt .btn {background: var(--main-color);}
#noty_center_layout_container > li {background-color: var(--main-color)!important;}
footer ul li {opacity: 1;}
footer .signature {background-color: transparent;}
.form-control:focus {border-color: inherit; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
body.compensate-for-scrollbar {margin-right: 0;}
.search h1 span {color: var(--main-color);}
.search .border p {text-align: inherit;}
.breadcrumb .back {margin-left: auto;}
.user-login input[type=submit] {background: var(--alt-color);}
.theme-button:focus {color: #fff;}
.search select {border: none;}



body {font-family: 'Noto Sans', sans-serif; font-size: 1.6rem; color: #000; font-weight: 400; line-height: 1.4; padding-top: 124px;}
h1, h2, h3, h4, h5, h6 {/*font-family: 'Inter', sans-serif;*/ font-family: 'Noto Sans', sans-serif; font-weight: 600;}
h1, h2 {letter-spacing: -2px; font-weight: 700;}
a:focus, a:active {outline: none;}
a {color: #000;}
a:focus, a:hover {color: var(--main-color);}
h1 {font-size: 40px;}
h2.heading-title {font-size: 36px; line-height: 1.2;}
h2.h40 {font-size: 40px;}
.heading-300 {max-width: 300px;}
h4 {font-weight: 400;}
.border p {text-align: justify;}
.theme-color {color: var(--alt-color)!important;}
a {transition: all .2s ease;}

.icon-svg {display: block; font-size: 0; fill: currentColor;}

header {background: #fff; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000;}
header .top {background: var(--light-grey); color: #000; padding: 5px 0;}
header .top ul {height: 100%; list-style: none; margin: 0; padding: 0;}
header .top ul > li {border-right: 1px solid #0000001f; margin-right: 15px; padding-right: 15px; align-items: center; display: flex;}
header .top ul > li:last-child {border-right: none; padding-right: 0;}
header .top ul > li:last-child > a:nth-of-type(2) {margin-left: 10px;}
header .top ul > li > a {color: #000; font-size: 14px;}
header .top .text-right ul > li > a {text-transform: uppercase; font-weight: 600;}
header .top .text-left ul > li > span {font-weight: 300; margin-right: 5px;}
header .top .text-left ul > li > a {font-weight: 500;}
header .top ul > li > a svg {height: 1.8rem; width: 1.8rem; /*fill: #0A66C2*/; fill: #fff; filter: drop-shadow(3px 2px 2px rgb(0 0 0 / 0.4));}
header .top ul > li > a:hover {color: var(--main-color);}
header .top .badge {background-color: var(--main-color); padding: 2px 5px 3px 4px; font-size: 10px;}
header .top .search-icon > a > svg {margin-left: 5px; fill: var(--main-color); height: 1.5rem; width: 1.5rem; filter: drop-shadow(3px 2px 2px rgb(0 0 0 / 0.1));}


header .bottom:after {content: ''; width: 100%; height: 5px; background-color: #0000001A; position: absolute; left: 0; bottom: -5px;}

.static header .bottom {border-bottom: 1px solid #f1f1f1;}
body:not(.homepage, .kontakt) .border:not(:has(.mysimpleParallax)) {padding-top: 40px;}


header .logo img {height: 40px;}
header #nav-section {padding: 0;}
header ul.navbar-nav {align-items: center; justify-content: flex-end;}
header #nav-section {margin-bottom: 0; border-bottom: none;}
header #nav-section nav ul {list-style: none;}
header #nav-section nav .navbar-nav > li:not(:last-child) {margin-right: 2rem;}
header #nav-section nav .navbar-nav > li {height: 100%;}
header #nav-section nav .navbar-nav > li > a {padding: 30px 15px;}
header #nav-section nav .navbar-nav li a {font-size: 1.8rem; height: 100%; color: #2f3138; display: flex; align-items: center; white-space: pre-wrap; font-weight: 700;}
header #nav-section nav .navbar-nav > li.active > a {background: none; white-space: nowrap;}
header #nav-section .solid-menus nav .navbar-nav > li:after {background: #e4002a; bottom: 0px; content: ""; height: 0.5rem; left: 0; opacity: 0; position: absolute; transition: opacity .2s ease-in-out; width: 100%; cursor: pointer;}
header #nav-section .solid-menus nav .navbar-nav > li.active:after, header #nav-section .solid-menus nav .navbar-nav > li:hover:after {opacity: 1;}
header #nav-section .navbar-nav > li > .dropdown-menu {margin-top: 1px;}
header #nav-section nav .navbar-nav  li  a > svg:not(.category-icons) {width: 12px; height: 12px; fill: var(--main-color); transform: rotate(90deg); margin-left: 10px;transition: transform .2s ease-in-out;}
header #nav-section .solid-menus nav .navbar-nav > li:hover svg.main-nav-chevron {transform: rotate(270deg);}
header #nav-section .navbar-default .navbar-nav > li > a {text-align: center;}
#nav-section .navbar-default .navbar-nav > li > a > span {white-space: nowrap;}

header .solid-menus .dropdown-menu > li > a {min-width: unset;}
header #nav-section .solid-menus .navbar-nav .dropdown-menu-container {/*background: #fff; border-right: 1px solid #dfdfdf; flex-shrink: 0; padding: 2rem 0; width: 26rem;*/}
header #nav-section .solid-menus .navbar-nav .dropdown-menu-container .dropdown-menu {padding: 0; background: #fff; border-right: 1px solid #dfdfdf; flex-shrink: 0; padding: 2rem 0; width: 30rem; box-shadow: none; border-bottom: none; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf;}
header #nav-section .solid-menus .navbar-nav .dropdown-menu-container > .dropdown-menu > li {position: unset;}
header #nav-section .solid-menus .navbar-nav .dropdown-menu-container .dropdown-menu li > a {display: block; font-size: 1.3rem;  padding: 1rem 2rem; color: #2f3138; position: relative; display: flex;}
header #nav-section .solid-menus .navbar-nav .dropdown-menu-container .dropdown-menu li > a embed {width: 2.3rem; height: 2.3rem; display: inline-flex;}
header #nav-section .solid-menus .navbar-nav .dropdown-menu-container .dropdown-menu li > a svg.category-icons, header #nav-section .solid-menus .navbar-nav .dropdown-menu-container .dropdown-menu li > a .category-icons svg {width: 2.3rem; height: 2.3rem; margin-right: 0.8rem; color: #b11117;}
header #nav-section .solid-menus .navbar-nav .dropdown-menu-container .dropdown-menu li > a svg.category-icons.molekularna-dijagnostika {height: 3.2rem;}
header #nav-section .solid-menus .navbar-nav .dropdown-menu-container .dropdown-menu li > a svg.category-icons.opsta-laboratorijska-oprema {height: 2.8rem;}
header #nav-section .solid-menus .navbar-nav .dropdown-menu-container .dropdown-menu li > a:after {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' fill='%23cc0228' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='94 -4 800 800' xml:space='preserve'%3E%3Cpath d='M334.8,784.8l-70.6-70.6l318.2-318.2L264.2,77.9l70.7-70.7l388.9,388.9L334.8,784.8z'/%3E%3C/svg%3E%0A");
                                                                                                content: ''; width: 12px; height: 12px; display: inline-block; position: absolute; right: 10px; top: calc(50% - 4px); background-repeat: no-repeat; 
                                                                                                background-size: 12px 12px;}
header #nav-section .solid-menus .navbar-nav .o-nama .dropdown-menu-container .dropdown-menu li > a:after {display: none;}
header #nav-section .solid-menus .navbar-nav .o-nama .dropdown-menu-container .dropdown-menu {width: 20rem;}
header #nav-section .solid-menus .navbar-nav .dropdown-menu-container .dropdown-menu li > a > span {max-width: 80%;}                            

header .dropdown-menu li > a:focus, header .dropdown-menu li:hover > a {background: #f4f4f4;}
header #nav-section .solid-menus .navbar-nav .dropdown-menu-container > ul.dropdown-menu > li > div.dropdown-menu {/*top: -20px!important;*/}

header #nav-section .solid-menus .navbar-nav .dropdown-menu-container > ul.dropdown-menu > li > div.dropdown-submenu {top: -1px!important;}
header #nav-section .solid-menus .navbar-nav .dropdown-menu-container > ul.dropdown-menu > li > div.dropdown-submenu ul > li {background: #fff;}
header #nav-section .solid-menus .navbar-nav .dropdown-menu-container > ul.dropdown-menu > li > div.dropdown-submenu ul > li a {font-size: 14px; padding-right: 25px;}
header #nav-section .solid-menus .navbar-nav .dropdown-menu-container > ul.dropdown-menu > li > div.dropdown-submenu ul > li a:after {display: none; background-image: none;}

header #nav-section .nav-partners {margin: 0 25px 0 0; display: inline-flex; flex-direction: row; align-items: center; border-right: 1px solid #e9e9e9; padding-right: 15px;}
header #nav-section .nav-partners li a {padding: 10px;}
header #nav-section .nav-partners li a > img {max-width: 70px; width: auto;}
header #nav-section .nav-partners li.active a {background: #f6f6f7c4;}


.heading-background {-webkit-text-fill-color: transparent; text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; text-shadow: 0 0 transparent; line-height: 1.2;}
.heading-lr {background-image: linear-gradient(-95deg, var(--main-color) 50%, rgb(87, 87, 86) 96%);}
.heading-td {background-image: linear-gradient(7deg, var(--main-color) 20%, rgb(87, 87, 86) 99.1%);}
.heading-tl {background-image: linear-gradient(297deg, var(--main-color) 22%, #363636 100%);}



.home-banner .swiper-slide > div {width: 100%;}
/*.home-banner .swiper-slide > div:after {content: ''; width: 100%; height: 100%; display: block; position: absolute; left: -100%; top: 0; right: 19px; background: #0000008c; z-index: 1;}*/
.home-banner .swiper-slide .description {color: #fff; z-index: 2;}
.home-banner .swiper-slide .description h2 {line-height: 1.4em; text-shadow: 1px 1px 1px #000000c7;}
.home-banner .swiper-slide .description p {max-width: 80%; line-height: 1.6em; text-shadow: 1px 1px 1px #00000054;}


.c-boxes {overflow: hidden; padding-bottom: 50px;}
.c-boxes:before {background: #194233; border-radius: 50%; content: ""; width: 250px; height: 250px; position: absolute; left: -150px; top: 250px; opacity: .1;}
.c-boxes:after {background: var(--main-color); border-radius: 50%; content: ""; width: 250px; height: 250px; position: absolute; right: -150px; top: 90px; opacity: .1;}
.c-boxes h2 {font-size: 44px; max-width: 500px;}
.c-boxes .swiper-wrapper {box-shadow: 0 0.3rem 2rem rgb(0 0 0 / 10%); background-color: #fff;}
.c-boxes .c-boxes-item {border: 1px solid #d9d9d9; margin-bottom: -1px; padding: 3.2rem 2.4rem 2.4rem;}
.c-boxes .c-boxes-item:not(:first-child):before {content: ''; position: absolute; top: calc(50% - 10px); left: -4px; width: 5px; height: 5px; display: block; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e4002a;}
.c-boxes .c-boxes-item:not(:last-child) {border-right: none;}
.c-boxes .c-boxes-item a {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.c-boxes .c-boxes-item .c-box > span {display: block; font-size: 1.6rem; margin-bottom: -1.2rem;}
.c-boxes .c-boxes-item .c-box > figure {margin-bottom: 6.3rem;}
.c-boxes .c-boxes-item .c-box > figure > img {width: 6.3rem; height: 6.3rem; transition: transform 0.15s ease-out;}
.c-boxes .c-boxes-item .c-box > h3 {font-size: 2rem; font-weight: 600;  margin: 0 0 1.2rem;}
.c-boxes .c-boxes-item .c-box-conent {color: #4a4a4a; font-size: 1.4rem;}
.c-boxes .c-boxes-item .c-box-conent p {text-align: left;}
.c-boxes .c-boxes-item:hover .c-box > h3 {color: var(--main-color);}
.c-boxes .c-boxes-item:hover .c-box > figure > img {transform: scale(1.2); filter: invert(0.6) sepia(.8) saturate(80) hue-rotate(349deg) brightness(0.9);}


:is(.color-box-left, .color-box-right) .theme-button {margin-top: 40px;}
.color-boxes > div {flex: 1 1 0%;}
.color-box-left {padding-right: 110px; padding-top: 90px; padding-bottom: 110px;}
.color-box-left .float-box {float: right; width: 100%; height: 100%; position: relative;}
.color-box-right {padding: 90px 40px 110px 110px;}
.color-box-left-2 {padding-top: 85px; padding-bottom: 80px;}
.color-box-content {max-width: 550px; height: 100%;}
.color-box-content h2 {margin-bottom: 30px;}
.color-box-content p {line-height: 1.6em; letter-spacing: -0.3px;}
.color-box-content .dots {color: var(--main-color); font-size: 36px; line-height: 10px;}
.color-box-grey {background-color: var(--light-grey);}
.color-box-white {background: linear-gradient(0deg, #e9e9e961, #ffffff00);}
.color-box-dark-grey {background-color: #666; color: #fff;}


.o-nama ul.theme-list > li {margin-bottom: 10px;}


.categories .category {margin-bottom: 15px;}
.categories h2 {font-size: 36px; max-width: 300px; line-height: 1.3em;}
.categories a {display: block; position: relative; height: 100%; padding: 20px 30px; background: #fff; color: #000; overflow: hidden; min-height: 200px; box-shadow: 0 0 7px 4px #00000005;}
.categories a:after {background: var(--boxColor); bottom: 0; content: ""; height: 0.5rem; left: 0; position: absolute; width: 100%; z-index: 4; display: block;}
.categories figure {align-items: center; display: flex; height: 12rem; justify-content: center; position: absolute; right: 0; top: 0; transition: transform .2s ease-in-out,background .2s ease-in-out;
                        width: 12rem; z-index: 1;}
.categories figure:after {background: var(--boxColor); border-radius: 50%; content: ""; height: 360px; position: absolute; right: -20rem; top: -18rem; width: 360px; opacity: .1;}
.categories img {max-height: 70px; position: relative; z-index: 2;}
.categories span {left: 3.6rem; position: absolute; top: 3.6rem;}
.categories .fly-box {height: 100%; left: 0; padding: 0 30px 20px; position: absolute; top: 0; transform: translateY(calc(100% - 105px)); transition: transform .2s ease-in-out,background .2s ease-in-out; width: 100%; z-index: 5;}
.categories .fly-box h3 {font-size: 2rem; font-weight: 400; text-align: left; max-width: 80%; display: flex; height: 70px; align-items: flex-end;}

.categories .fly-content-link {background: var(--boxColor); bottom: 0; color: #fff; left: 0; padding: 1.2rem 2rem; position: absolute; width: 100%;}
.categories .fly-content-link span {position: relative; left: unset; top: unset; text-align: center;}
.categories .fly-content-link span:after {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='94 -4 800 800' xml:space='preserve'%3E%3Cpath d='M334.8,784.8l-70.6-70.6l318.2-318.2L264.2,77.9l70.7-70.7l388.9,388.9L334.8,784.8z'/%3E%3C/svg%3E%0A");
                                            content: ''; width: 15px; height: 15px; display: inline-block; background-repeat: no-repeat; background-size: 12px 18px; margin-left: 5px;}
.categories a:hover .fly-box {background: #fff; transform: translateY(0);}
.categories a:hover figure {transform: translate(100%,-50%);}


.category-box-1 {--boxColor:#428fde}
.category-box-2 {--boxColor:#821E35}
.category-box-3 {--boxColor:#FFB81C}
.category-box-4 {--boxColor:#59315f}
.category-box-5 {--boxColor:#c1a42d}
.category-box-6 {--boxColor:#017A53}
.category-box-7 {--boxColor:#e4002a}
.category-box-8 {--boxColor:#194233}
.category-box-9 {--boxColor:#bb4c99}


.brands {clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%); background: #f3f3f3;}
.brands h2 {font-size: 40px; margin-top: 0;}
.brands p {width: 80%;}
.brands .grid {grid-template-columns: repeat(3, 1fr);}
.brands .swiperProductBrand2 {padding: 1px 1px 30px;}
.brands .swiper-wrapper {flex-direction: row!important;}
.brands .swiper-pagination-bullets {bottom: 0!important;}
.brands .grid:before, .brands .grid:after {content: none;}
.brands .brand a {display: block; padding: 34px; border: 1px solid #ddd; margin-right: -1px; margin-bottom: -1px;}
.brands .brand img {transform: scale(0.9); transition: all 0.1s ease-in;}
.brands .brand a:hover img {transform: scale(1);}


.product-slide h2 {font-size: 36px; margin-top: 0; max-width: 250px;}


.one-product .product-img {border: none; background: #fff;}
.one-product .product-img img {padding: 20px; transform: scale(.9); transition-duration: .1s;}
.one-product .product-img img:hover {transform: scale(1);}
.one-product .product-holder {margin-bottom: 0; overflow: initial; min-height: 460px; display: flex; flex-direction: column;}
.one-product .product-holder:hover .product-img img {transform: scale(1);}
.one-product .product-holder a h2 {height: unset; line-height: 22px;color: #000; font-size: 17px; font-weight: 400; letter-spacing: normal;}
.one-product .product-holder .category h4 {text-transform: uppercase; font-size: 12px; color: var(--main-color); font-weight: 400;}
.one-product .product-holder .category h4:hover {font-weight: 600;}
.one-product .product-holder .brand-img img {aspect-ratio: unset; transition: all 0.1s ease-in; max-width: 92px; max-height: 46px;}
.one-product .product-content {padding: 30px 15px 12px; flex: 1 1 0%; background: #f8f8f9;}
.one-product .product-content .brand-img {justify-self: flex-end;  margin-top: auto; align-items: center; display: flex; position: absolute; top: -23px; left: 0; z-index: 99;}
.one-product .product-content > span {margin-top: auto;}
.one-product .follow-featured {right: 7px; bottom: 16px; top: unset; left: unset; text-shadow: none;}
.one-product input[type="checkbox"]:checked.icon-checkbox + label .checked {color: var(--main-color);}
.one-product input[type="checkbox"].icon-checkbox + label .unchecked {color: #e3e3e3;}
.one-product .promo-text {padding: 10px 10px; background: #fdfdfd; color: #2f3138; font-weight: 500; overflow: hidden; position: relative; box-shadow: 0 0 17px #aaaaaa2b;}
.one-product .promo-text:before {background: #194233; border-radius: 50%; content: ""; width: 50px; height: 50px; position: absolute; left: -38px; top: 2px; opacity: .1;}
.one-product .promo-text:after {background: var(--main-color); border-radius: 50%; content: ""; width: 70px; height: 70px; position: absolute; right: -49px; bottom: -38px; opacity: .1;}
.c-boxes:after {background: var(--main-color); border-radius: 50%; content: ""; width: 250px; height: 250px; position: absolute; right: -150px; top: 90px; opacity: .1;}

.circle-back {position: relative; overflow: hidden;}
.circle-back:before {background: #194233; border-radius: 50%; content: ""; width: 250px; height: 250px; position: absolute; left: -150px; bottom: 30%; opacity: .1;}
.circle-back:after {background: var(--main-color); border-radius: 50%; content: ""; width: 250px; height: 250px; position: absolute; right: -150px; top: 90px; opacity: .1;}

.swiper-button-next, .swiper-button-prev {color: var(--main-color)!important;}


.product-flags {position: absolute; left: -6px; top: -8px; z-index: 1; overflow: hidden; width: 105%!important; height: 80px; text-align: right; pointer-events: none; z-index: 99;}
.product-flags [class^='exp-on-'] {font-size: 10px; color: #fff; text-transform: uppercase; text-align: center; line-height: 20px; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
                                    width: 100px; display: block; background: #2196f3; position: absolute;}
.product-flags [class^='exp-on-']:before {content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #0c7cd5; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #0c7cd5;}
.product-flags [class^='exp-on-']:after {content: ""; position: absolute; right: 0; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #0c7cd5; border-bottom: 3px solid transparent; border-top: 3px solid #0c7cd5;} 

.product-flags .exp-on-action {background: var(--alt-color); top: 19px; left: -21px;}
.product-flags .exp-on-action:before, .product-flags .exp-on-action:after {}
.product-flags .exp-on-action:before {border-left-color: var(--main-color); border-top-color: var(--main-color);}
.product-flags .exp-on-action:after {border-right-color: var(--main-color); border-top-color: var(--main-color);}
.product-flags .exp-on-new {right: -21px; top: 19px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.one-product .product-holder:has([class^='exp-on-']) {box-shadow: 0px -2px 4px #eeeeee38;}
.swiperProducts {padding: 8px!important;}


.about-top .title-wrapper {padding: 10px 30px 20px;}
.about-top h1 {line-height: 1.13; color: var(--main-color);}
.about-top p {max-width: 905px; margin-bottom: 20px; margin-right: 30px; font-size: 20px; color: #000; line-height: 1.5;}

.about-more {background-color: var(--light-grey);}
.about-more p {max-width: 80%; line-height: 1.5; font-size: 17px; margin-bottom: 15px;}
.about-more .color-box-90 p {max-width: 90%;}
.about-more img {width: 100%; height: 100%; object-fit: cover; max-height: 740px;}
.about-more .color-box-right {background: linear-gradient(0deg, #f1f1f1, #fff);}

.about-bottom {padding: 40px 0;}
.about-bottom h2 {margin-bottom: 30px;}

.sertifikati .iso {}
.sertifikati .iso > div {padding: 80px 30px 30px;}
.sertifikati .iso > div:nth-child(1) {background: linear-gradient(270deg, #f1f1f1, #fff);}
.sertifikati .iso > div:nth-child(2) {padding-left: 50px; padding-right: 50px;}
.sertifikati .iso > div:nth-child(3) {background: linear-gradient(90deg, #f1f1f1, #fff);}
.sertifikati .iso h2 {margin-bottom: 30px;}
.sertifikati .iso img {max-width: 300px; margin-bottom: 30px;}
.sertifikati .iso p {margin-bottom: 15px; line-height: 1.5; letter-spacing: -0.2px;}
.sertifikati .iso .iso-icon-box {width: 100px; height: 100px; background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 10%); display: flex; align-items: center; justify-content: center; border-radius: 100px; position: absolute; left: 50%;
                                    transform: translateX(-50%); top: -50px;}
.sertifikati .iso .iso-icon-box a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.sertifikati .iso .iso-icon-box img {max-width: 56px; margin: 0; transform:scale(0.8); transition: transform .1s ease-in;}
.sertifikati .iso .iso-icon-box:hover img {transform:scale(1);}



.proizvodi .border {background: url(https://b2b.vicor.rs/fajlovi/banner/bigbanner-893.jpg) no-repeat center center; background-size: cover; position: relative;}
.proizvodi .border:after {position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ''; display: block; background: #3333338a; z-index: 0;}
.categories {z-index: 1; position: relative;}
.proizvodi h2 {color: #fff;}




.kontakt .contact-form {background-color: #e9e9e97a; margin-top: 3px;}
.kontakt .contact-form .contact-form-list > li {display: flex; margin-bottom: 30px;}
.kontakt .contact-form ul > li > a {font-size: 18px; line-height: 26px;}
.kontakt .contact-form ul > li > a:hover {color: var(--main-color);}
.kontakt .contact-form .contact-form-list > li svg {width: 32px; height: 40px; color: var(--main-color); margin-right: 14px;}
.kontakt .contact-form .contact-form-list > li ul {}
.kontakt .form-control {max-width: 100%; padding: 12px 15px; border-color: #F4F4F4!important; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 22%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 22%);}
.kontakt .contact-form .form-control:focus {border-color: var(--main-color)!important;}
.kontakt .form-control::-webkit-input-placeholder {color: #686868; font-size: 13px; font-weight: 300;}
.kontakt .form-control:focus::-webkit-input-placeholder {color: #fff;}



.product .breadcrumb {padding-left: 0;}
.breadcrumb > li + li:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' fill='%23cc0228' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='94 -4 800 800' xml:space='preserve'%3E%3Cpath d='M334.8,784.8l-70.6-70.6l318.2-318.2L264.2,77.9l70.7-70.7l388.9,388.9L334.8,784.8z'/%3E%3C/svg%3E%0A"); 
                                content: ''; width: 9px; height: 9px; display: inline-block; background-repeat: no-repeat; background-size: 9px 9px; visibility: inherit; background-color: transparent; transform: inherit; margin: 0 7px;}
.breadcrumb > li + li:last-child:before {display: none;}
.product .product-details h1 {font-weight: 400; letter-spacing: normal;}
.product-details .price-description {color: var(--main-color); margin-bottom: 20px;}
.product .productbrand {border-bottom: 1px solid #dfdfdf; margin-bottom: 20px; padding-bottom: 15px;}
.product .productbrand.bottom { border-bottom: 0px solid #dfdfdf; margin-bottom: 60px; padding-bottom: 5px;}
.product .slider-banner-image img, .product .slider-nav .slick-slide.thumbnail-image .thumbImg img {float: right;}
.product .slider-banner-image {margin-right: 45px;}
.product .slider-banner-image > a {display: inline-block; padding: 20px;}
.product .slider-banner-image img {width: 100%!important; height: 100%!important;}
.product .product-brand img {max-height: 50px;}
.product .product-details .description {margin: 0px 0 40px; font-size: 16px; break-inside: avoid;}
.product-details .price, .product-details .price .salesprice {margin: 0;}
.product .product-configuration {display: none;}

.bettertabs {background: none; color: #2F3138;}
.bettertabs-header {border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; box-shadow: 0 10px 10px rgb(0 0 0 / 6%); z-index: 1; position: relative;}
.bettertabs .bettertabs-header .nav-tabs > li > a {text-transform: inherit; font-size: 18px; color: #000;}
.bettertabs .bettertabs-header :is(.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover) {background: transparent; color: var(--main-color); text-shadow: 0px 0px 1px var(--main-color);}
.product .bettertabs .bettertabs-header li.first > a {padding-left: 0;}
.bettertabs .tab-content-wrap {background: #f5f9fd;}
.bettertabs .tab-content {padding: 60px 0 50px;}
.bettertabs :is(.nav-tabs>li>a, .tab-content, .tab-content a) {color: inherit;}
.bettertabs .bettertabs-header .nav-tabs > li.active > a:after {content: ''; position: absolute; bottom: -11px; left: calc(50% - 5px); width: 5px; height: 5px; display: block; width: 0; height: 0; 
                                                                            border-style: solid; border-width: 12px 10px 0 10px; border-color: #e4002a transparent transparent transparent; z-index: 1;}
.product .bettertabs .bettertabs-header .nav-tabs > li.first.active > a:after {left: calc(50% - 25px);}
.product .bettertabs .tab-content table {width: 100%;}
.product .bettertabs .tab-content table tr:nth-child(odd), .product .bettertabs .tab-content .attachment:nth-child(odd) {background: #eaedf1;}
.product .bettertabs .tab-content table tr td:first-child {width: 40%!important;}
.product .bettertabs .tab-content table tr td, .product .bettertabs .tab-content .attachment {padding: 1.4rem 2.4rem;}
.product .bettertabs .tab-content .attachment a:hover {color: var(--main-color);}
.product .bettertabs .tab-content .attachment:before {background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23cc0228'%3E%3Cpath fill='%23cc0228' fill-rule='evenodd' d='M11 2a1 1 0 10-2 0v7.74L5.173 6.26a1 1 0 10-1.346 1.48l5.5 5a1 1 0 001.346 0l5.5-5a1 1 0 00-1.346-1.48L11 9.74V2zm-7.895 9.204A1 1 0 001.5 12v3.867a2.018 2.018 0 002.227 2.002c1.424-.147 3.96-.369 6.273-.369 2.386 0 5.248.236 6.795.383a2.013 2.013 0 002.205-2V12a1 1 0 10-2 0v3.884l-13.895-4.68zm0 0L2.5 11l.605.204zm0 0l13.892 4.683a.019.019 0 01-.007.005h-.006c-1.558-.148-4.499-.392-6.984-.392-2.416 0-5.034.23-6.478.38h-.009a.026.026 0 01-.013-.011V12a.998.998 0 00-.394-.796z'/%3E%3C/svg%3E");
                                                        background-repeat: none; content: ''; display: inline-block; margin-right: 10px; width: 20px; height: 20px; background-size: 20px;}

.product .social-circle li > a > i {font-size: 25px;}
.product .last-viewed h2 {}


.category .cat-title {background-image: linear-gradient(297deg, var(--main-color) 22%, #363636 100%);}
.category #vertical-menu ul {padding: 0!important;}
.category #vertical-menu ul li a.list-group-item::before {content: "";}
.category #vertical-menu .list-group > li > a {color: #2F3138;}
.category #vertical-menu ul.list-group > li a.list-group-item:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' fill='%23cc0228' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='94 -4 800 800' xml:space='preserve'%3E%3Cpath d='M334.8,784.8l-70.6-70.6l318.2-318.2L264.2,77.9l70.7-70.7l388.9,388.9L334.8,784.8z'/%3E%3C/svg%3E%0A"); 
                                                                        content: ''; width: 9px; height: 9px; display: inline-block; background-repeat: no-repeat; background-size: 9px 9px; visibility: inherit; 
                                                                        background-color: transparent; transform: inherit; margin: 0 7px;}
.category #vertical-menu ul.list-group ul {padding: 0!important;}
.category #vertical-menu ul.list-group ul > li > a  {color: #555!important; padding: 10px 30px!important;}
.category .breadcrumb, .brand .breadcrumb {margin-bottom: 20px;}
.category .cat-img {position: absolute; right: 0; width: 300px; opacity: .1; z-index: -1;}
.category h1 {margin-bottom: 32px;}
.category .productcategory-holder li {line-height: 1.8; position: relative; padding-left: 0; width: fit-content; transition: all 0.2s ease-in-out; font-size: 26px;}
.category .productcategory-holder li:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' fill='%23cc0228' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='94 -4 800 800' xml:space='preserve'%3E%3Cpath d='M334.8,784.8l-70.6-70.6l318.2-318.2L264.2,77.9l70.7-70.7l388.9,388.9L334.8,784.8z'/%3E%3C/svg%3E%0A"); 
                                             content: ''; width: 14px; height: 14px; display: inline-block; position: absolute; left: 0; top: calc(50% - 7px); background-repeat: no-repeat; background-size: 14px 14px; visibility: inherit; 
                                             background-color: transparent; transform: inherit; opacity: 0; transition: all 0.1s ease-in-out;}
.category .productcategory-holder li {padding-left: 25px;}
.category .productcategory-holder li:before {opacity: 1; transition: all 0.3s ease-in-out;}

.category .productcategory-holder li img {width: 30px; height: 30px; margin-right: 10px; opacity: 0; transition: all 0.2s ease-in-out;}
.category .productcategory-holder li:hover img {opacity: .4;}




.brand .sidebar .badge {background: var(--main-color);}
.brand .sidebar #vertical-menu .list-group-item {color: #2F3138;}




.team .bettertabs .tab-content-wrap {background: none;}
.team .bettertabs .tab-content {padding: 0;}
.team .bettertabs .bettertabs-header :is(.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover) {background: #f5f9fd; opacity: 1; text-shadow: none; border-left-color: var(--main-color)!important;}
.team .bettertabs .bettertabs-header :is(.nav-tabs>li:nth-child(2).active>a, .nav-tabs>li:nth-child(2).active>a:focus, .nav-tabs>li:nth-child(2)>a:hover) {border-left-color: #004066!important;} 
.team .bettertabs .bettertabs-header {border: none; box-shadow: -3px 10px 10px rgb(0 0 0 / 6%);}
.team .bettertabs .bettertabs-header a {display: flex; flex-direction: column; align-items: center; opacity: 0.8; transition: all 0.1s ease-in; padding-top: 40px; padding-bottom: 40px; border-left: 2px solid transparent!important;}
.team .bettertabs .bettertabs-header a > span {font-size: 2rem; font-weight: 600; text-align: center; margin-top: 5px;}
.team .bettertabs .bettertabs-header .nav-tabs > li.active > a:after {border-width: 10px 0 10px 12px; border-color: transparent transparent transparent #e4002a; left: auto; right: -12px; top: calc(50% - 8px);}
.team .bettertabs .bettertabs-header a > img {max-width: 80px;  transition: all 0.1s ease-in;} 
.team .bettertabs .bettertabs-header a:hover > img {} 
.team .bettertabs .bettertabs-header :is(.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover) > img {filter: invert(0.6) sepia(.8) saturate(80) hue-rotate(349deg) brightness(0.8);}





.team h2 > img, .team h3 > img {width: 50px; filter: invert(0.6) sepia(.8) saturate(80) hue-rotate(349deg) brightness(0.8); margin-left: 7px;}
.team h3.subtitle {text-align: center; font-weight: 700;}
.team .team-img {display: block; text-align: right;}
.team .team-img img {width: 65%; transition: all 0.1s ease-in;}
.team .team-item:hover img {transform: scale(1.2);}
.team .team-info h3 {display: inline-block; text-align: right; font-size: 22px;}
.team .middle-support-list {background: #f3f3f3; overflow: hidden;}
/*.team .last-support-list .product-list-5 {display: flex; justify-content: flex-end;}*/
.middle-support-list:after { background: var(--main-color); border-radius: 50%; content: ""; width: 190px; height: 190px; position: absolute; right: -132px; top: 20%; opacity: .1; }
.middle-support-list:before { background: #194233; border-radius: 50%; content: ""; width: 166px; height: 166px; position: absolute; left: -99px; bottom: 23%; opacity: .1; }


.team .team-item .team-info ul {}
.team .team-item .team-info ul > li {display: flex; align-items: center; justify-content: flex-end; line-height: 1.7; text-align: right;}
.team .team-item .team-info ul > li svg {display: inline-block; height: 16px; width: 16px; fill: var(--main-color); margin-left: 5px;}
.team-info ul li:nth-child(2) {border-bottom: 1px solid var(--main-color); margin-bottom: 5px; font-weight: 500; align-self: flex-end;}


.search .one-product {margin-bottom: 20px;}
.search .one-product.category .product-holder {min-height: 200px; border: 1px solid #d9d9d9; display: flex; align-items: center; justify-content: center; padding: 20px;}
.search .one-product.category .product-holder:hover {border-color: var(--main-color);}
.search .one-product.category img {position: absolute; bottom: 0; right: 0; width: 50px; max-height: 50px; opacity: .3;}


@media only screen and (min-width: 768px) {
    .about-top .title-wrapper {padding: 10px 0 40px;}
    .about-top h1 {font-size: 50px; line-height: 1.13; color: var(--main-color); margin-bottom: 30px;}
}










footer .newsletter-form {background: #f1f1f1; padding: 50px 0;}
footer .details {padding: 55px 0 30px 0;}
footer .details ul li {opacity: 1; font-size: 15px; font-weight: 500;} 
footer .details h2 {margin-top: 8px; margin-bottom: 28px; font-weight: 700;  font-size: 27px; /*letter-spacing: -0.4px;line-height: 1.1; border-bottom: 1px solid #3c3c3c;*/ padding-bottom: 0px;}
footer .details h2 > span {color: var(--main-color);}
footer :is(.details, .footer-bottom, .signature) {background: var(--light-grey); color: #000; font-size: 14px;}
footer .details a:not(.social-link, .toggler) {padding: 7px 0; line-height: normal; display: inline-block; padding-left: 20px; transition: all 0.2s ease-in-out; color: #000; font-weight: 500;}
footer .details .about ul {columns: 2; -webkit-columns: 2; -moz-columns: 2;}

footer .details .contact li:first-child {}
footer .details .contact li span {color: #00000040; font-weight: 700;}
footer .details ul li a:not(.social-link):hover {padding-left: 30px;}
footer ul li a:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' fill='%23cc0228' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='94 -4 800 800' xml:space='preserve'%3E%3Cpath d='M334.8,784.8l-70.6-70.6l318.2-318.2L264.2,77.9l70.7-70.7l388.9,388.9L334.8,784.8z'/%3E%3C/svg%3E%0A");
                        content: ''; width: 9px; height: 9px; display: inline-block; position: absolute; left: 0; top: calc(50% - 4px); background-repeat: no-repeat; background-size: 9px 9px; visibility: inherit; background-color: transparent; transform: inherit;}
footer ul li a:hover:before {transform: rotate(90deg);}
footer .details .contact a {padding-left: 0; color: var(--alt-color); padding: 0;}
footer .details .contact a:before {display: none;}
footer .details .contact ul li a:hover {padding-left: 0;}



footer ul.social-circle {margin: 25px 0 5px 0;}
footer .social-circle li {display: flex;}
footer .social-circle a {font-size: 14px; background: none repeat scroll 0 0 var(--main-color); border-radius: 50%; height: 35px; padding: 4px 0; text-align: center; width: 35px; display: block;
                        -webkit-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s; transition: all 250ms ease-in-out 0s; margin-right: 10px; display: flex; align-items: center; justify-content: center;}
footer .social-circle a > i {color: var(--light-grey)!important}
footer .social-circle a:before {display: none; content: '';}
footer .social-circle a:hover {background-color: var(--main-color);}
.social-circle li a:hover i {transform: none; color: #fff!important;}
footer .logo {height: 45px; width: auto; margin: 5px 0 25px 0;}

footer .details p.title {font-size: 26px; line-height: 40px; color: #000; margin-bottom: 10px; font-weight: 600; letter-spacing: -1px;}
footer .details p.title::before {display: none; content: '';}


footer .footer-bottom > div { color: #000; font-size: 15px; line-height: 23px; padding: 0 0 25px 0; font-weight: 400;}
footer .signature {color: #ffffffa3; background: #3c3d40; padding: 22px 0;}
footer .signature .tos a:before {content: ''; display: none;}
footer .signature .tos a:hover {font-weight: inherit;}
footer .signature a:not(:has(img)) {margin-left: 25px; color: #ffffffa3; font-size: 15px;}
footer .signature li:first-child a:not(:has(img)) {margin-left: 0;}
footer .signature a:not(:has(img)):hover {color: #fff}

.scrollToTop {right: 0; border-radius: 0; z-index: 100; background-color: var(--main-color); border-color: var(--main-color); width: 38px; height: 38px; line-height: 38px; bottom: 40px; display: flex; border: 1px solid #e9e9e9;}
.scrollToTop svg {fill: #fff; width: 12px; height: 12px; transform: rotate(270deg);}
.scrollToTop:hover {background-color: #fff; border-color: var(--main-color);}
.scrollToTop:hover svg {fill: var(--main-color);}

.xadmin-links {background: var(--main-color);}





@media (max-width: 991px) {
    
    
    
    .team .team-item:hover img {transform: scale(1.1);}
    .team .team-img {text-align: center;}
    .team .team-item .team-info ul > li {justify-content: center; text-align: center; align-self: center;}
    
    .color-box-right, .color-box-left {padding: 80px 44px 80px 44px;}
    
    div.product-list-3 .one-product:nth-of-type(3n+1) {clear: none;}
    div.product-list-3 .one-product:nth-of-type(2n+1) {clear: both;}
    
    .brands > .container > .row {flex-direction: column;}
    .brands p {width: auto;}
    .brands .theme-button {margin-bottom: 40px;}
    
    .sertifikati .iso {flex-direction: column;}
    .sertifikati :is(.iso > div:nth-child(1), .iso > div:nth-child(3)) {background: #f1f1f18a;}
    .sertifikati .iso > div:nth-child(2) {padding-left: 30px; padding-right: 30px;}
    .sertifikati .iso > div:nth-child(3) {margin-bottom: 40px;}
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    header .top ul {justify-content: center;}
    header .top .col-md-6.text-left {margin-bottom: 10px;}

    header #nav-section nav .navbar-nav > li > a {padding: 30px 10px;}

    
    
    
    footer .signature .row {flex-direction: column;}
}



@media only screen and (max-width: 767px) {
    body {padding-top: 90px;}
    body:not(.homepage, .kontakt) .border:not(:has(.mysimpleParallax)) {padding-top: 20px;}
    h1 {font-size: 34px;}
    h2, h2.heading-title {text-align: center; font-size: 30px;}
    .flex-xs {display: flex;}
    
    .border p {text-align: center;}
    
    header .top ul {display: flex!important;}
    header .top ul {justify-content: center;}
    header #nav-section .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: transparent;}
    header .navbar-toggle .icon-bar {border-radius: 0;}
    header #nav-section nav .navbar-nav > li:not(:last-child) {margin-right: 0;}
    header #nav-section nav .navbar-nav li a {font-weight: 600;}
    header #nav-section .navbar-default .navbar-nav > li > a.dropdown-toggle {background: transparent;}
    header #nav-section .navbar-default .navbar-nav > li > a {font-size: 1.6rem;}
    header #nav-section .solid-menus nav .navbar-nav > li:after {width: 5px; height: calc(100% - 10px); bottom: unset; top: 5px;}
    header #nav-section .solid-menus .navbar-nav .dropdown-menu-container .dropdown-menu {width: 100%; border: none; padding: 0;}
    header #nav-section .solid-menus .navbar-nav .dropdown-menu-container .dropdown-menu li > a {padding-left: 30px;}


    header .solid-menus .navbar.no-bg .navbar-toggle {position: absolute; left: 0;}
    header .solid-menus .navbar-brand.navbar-brand-center {position: relative; width: 100%; text-align: center; margin: 0 auto; left: unset; display: flex!important; justify-content: center; align-items: center; padding: 0;}
    header .solid-menus .navbar-brand > img {margin-top: 0;}
    header .solid-menus .navbar-pos-search {display: flex!important; top: 0; right: 0;}
    header .solid-menus .navbar-pos-search a {position: relative; top: unset; width: 100%; height: 100%; right: unset;}
    header .solid-menus .navbar-pos-search a:nth-child(1) {}
    header .solid-menus .navbar-pos-search a:nth-child(2) {align-items: center; justify-content: center; top: 0px; right: 0px;}
    
    header #nav-section .nav-partners {margin: 0; padding: 0; border-right: none; text-align: center; display: flex; border-bottom: 1px solid #e9e9e9; padding-bottom: 7.5px; margin-bottom: 10px;}
    
    .home-banner .swiper-slide > div {height: calc(100vh - 110px);}
    .home-banner .swiper-slide .description h2 {font-size: 26px; text-align: center;}
    .home-banner .swiper-slide .description p {text-align: center; margin: 50px auto;}
    
    .color-box-content {max-width: unset;}
    
    .color-box-left, .color-box-right {padding: 3.2rem; text-align: center;}
    .color-box-left .float-box {float: none;}
    .c-boxes .c-boxes-item {box-shadow: 3px 3px 20px rgb(0 0 0 / 5%); flex-shrink: 0; margin: 9px; border: none;}
    .c-boxes .c-boxes-item:not(:first-child):before {left: -13px;}
    .c-boxes h2 {font-size: 30px; max-width: 70%; margin: 20px auto 10px;}
    .c-boxes .swiper-wrapper {margin: 0; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; box-shadow: none; padding-bottom: 20px;}
    .c-boxex .c-box {display: flex;}
    .c-boxes .c-boxes-item .c-box > span {margin-bottom: 1.2rem;}
    .c-boxes .c-boxes-item .c-box > figure {margin-bottom: 4.3rem;}
    .c-boxes .c-boxes-item .c-box-conent {white-space: unset;}
    .c-boxes .c-boxes-item .c-box-conent p {white-space: break-spaces;}
    .c-boxes ::-webkit-scrollbar {height: 4px;}
    .c-boxes ::-webkit-scrollbar-track {background: #f1f1f1;}
    .c-boxes ::-webkit-scrollbar-thumb {background: var(--main-color);}
    
    .col-md-5ths {width: 50%;}
    
    .categories {padding-top: 50px!important;}
    .categories h2 {font-size: 30px; margin: 20px auto 10px;}
    
    .brands {clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%); background: #f3f3f3;}
    .brands h2 {font-size: 30px; margin: 0 auto 10px;}
    .brands .col-md-5 {text-align: center;}
    .brands p {width: 100%;}
    .brands .grid {grid-template-columns: repeat(2, 1fr); margin-top: 40px;}
    
    .product-slide {padding-bottom: 50px!important;}
    .product-slide h2 {font-size: 30px; max-width: unset; text-align: center;}
    .product-slide .one-product .product-holder {height: auto;}
    .product-slide .one-product .product-content {display: flex;}
    
    .one-product .product-holder {max-height: unset; min-height: unset;}
    
    
    .about-top h1 {font-size: 32px; margin-bottom: 30px;}
    .about-top p {font-size: 17px; margin-right: 0;}
    .about-top .title-wrapper {text-align: center;}
    .about-more :is(p, .color-box-left-2 p) {max-width: 100%; font-size: 15px;}
    
    .about-more ul.theme-list > li {text-align: left;}
    
    
    .sertifikati .iso img {max-width: 250px;}
    
    .kontakt .contact-info h1 {max-width: 100%; font-size: 32px; margin-bottom: 30px;}
    .kontakt .color-boxes > .row {flex-direction: column;}
    .kontakt .color-boxes .contact-info {order: 2;}
    .kontakt .color-boxes .contact-form {order: 1;}
    .kontakt .contact-form h1 {max-width: initial;}
    .kontakt .contact-info h4 {margin-top: 0!important; margin-bottom: 20px;}
    .kontakt .contact-form .contact-form-list > li {justify-content: center;}
    .kontakt .contact-form ul > li > a {font-size: 17px;}
    
    .product .border p {text-align: left;}
    .product .breadcrumb {display: flex; align-items: center; line-height: 0;}
    .product .breadcrumb > li.responsive-center {font-weight: 600; font-size: 12px;}
    .product .mobile-slideshow {margin-top: 30px;}
    .product .bettertabs .tab-content {padding: 36px 0 24px;}
    .product .bettertabs .nav-tabs {overflow-x: scroll; overflow-y: hidden; display: flex; align-items: center;}
    .product .bettertabs .bettertabs-header li.first > a {padding-left: 20px;}
    .product .bettertabs .bettertabs-header .nav-tabs > li > a {font-size: 16px;}
    .product .bettertabs .bettertabs-header .nav-tabs > li.active > a:after {display: none;}
    .product .bettertabs  iframe {height: 42rem;}
    .product .bettertabs .tab-content table tr td, .product .bettertabs .tab-content .attachment {padding: 1.2rem;}
    .product .bettertabs .tab-content table {font-size: 14px;}
    .product-details .price-description {margin-bottom: 20px;}
    
    
    .category .productcategory-holder li img {display: none;}
    .category .cat-img {width: 200px; opacity: .05; bottom: 0;}
    .category .productcategory-holder li {font-size: 20px; line-height: 2;}
    
    
    .team .bettertabs ul.nav-tabs {display: flex;}
    .team .bettertabs .bettertabs-header .nav-tabs > li.active > a:after {left: calc(50% - 5px); right: auto; top: auto; border-width: 12px 10px 0 10px; border-color: #e4002a transparent transparent transparent;}
    .team .bettertabs .tab-content {padding-top: 50px;}
    .team .bettertabs .bettertabs-header a {border-left: 0 solid transparent!important; border-top: 2px solid transparent!important;}
    .team .bettertabs .bettertabs-header .nav-tabs > li > a {text-align: center; padding: 15px 20px;}
    .team .bettertabs .bettertabs-header :is(.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover) {border-top-color: var(--main-color)!important;}
    .team .bettertabs .bettertabs-header a > img {max-width: 60px; margin-bottom: 5px;}
    
    .team .team-item img {width: 50%;}
    
    
    footer .details .tgNaslov {font-size: 15px; text-transform: uppercase; font-weight: 700;}
    footer ul {padding-top: 0;}
    footer .contact ul {padding-top: 30px;}
    footer ul.social-circle {margin: 30px 0; padding: 0;}
    footer ul.social-circle li {justify-content: center; margin-right: 0;}
    footer .credit-cards {background: inherit; margin: 0; overflow-x: scroll; overflow-y: hidden; white-space: nowrap;}
    footer .logo {margin: 20px 0;}
    footer .footer-bottom > div {padding: 30px; color: #505050;}
    footer .signature .col-md-6:nth-child(2) {padding: 20px 0; text-align: center;}
    footer .signature .col-md-6:nth-child(2) a {display: block; margin-top: 10px;}
    footer .signature a:not(:has(img)) {font-size: 14px; font-weight: 500; text-transform: uppercase; margin-left: 0;}
    footer .signature .col-md-6:nth-child(2) a {text-transform: unset; color: inherit;}
    
    
}

@media only screen and (min-width: 500px) and (max-width: 767px){
    .distribucija .color-boxes > .row, .edukacija .color-boxes > .row {display: flex;}
    .about-more img {max-height: 400px;}
    
}   

 @media only screen and (max-width: 499px) {
     .distribucija .color-boxes > .row, .edukacija .color-boxes > .row {display: flex;}
     .distribucija .color-boxes > .row, .edukacija .color-boxes > .row {flex-direction: column;}
     .distribucija .color-boxes > .row > .col-xs-6, .edukacija .color-boxes > .row > .col-xs-6 {width: 100%;}
     .distribucija .color-boxes > .row > .col-xs-6:has(img), .edukacija .color-boxes > .row > .col-xs-6:has(img) {order:2;}
     .about-more img {max-height: 240px;}
 }   

 @media only screen and (max-width: 400px) {
    .product .bettertabs iframe {height: 22rem!important;}
    
    

}


.theme-button {background-color: var(--main-color); position: relative; padding: 14px 40px; box-shadow: 0 1px 3px #c3c3c3; color: #fff;}
.theme-button .theme-button-text {margin-right: 53px; color: #fff; position: relative; z-index: 4;}
.theme-button:before {content: ''; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='94 -4 800 800' xml:space='preserve'%3E%3Cpath d='M334.8,784.8l-70.6-70.6l318.2-318.2L264.2,77.9l70.7-70.7l388.9,388.9L334.8,784.8z'/%3E%3C/svg%3E%0A");
                        position: absolute; width: 58px; right: 0; top: 0; height: 100%; background-repeat: no-repeat; background-size: 14px 14px; background-position: center center; display: flex; align-items: center; justify-content: center;  z-index: 3;}
.theme-button:after {content: ''; width: 58px; position: absolute; right: 0; top: 0; height: 100%; background-color: var(--alt-color); text-align: center; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; 
                        border-radius: 0 3px 3px 0; -webkit-transition: all .3s cubic-bezier(0,0,.2,1); -moz-transition: all .3s cubic-bezier(0,0,.2,1); transition: all .3s cubic-bezier(0,0,.2,1);}
.theme-button:hover:after {width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.theme-button.dark-back {box-shadow: 0 1px 3px #4c4c4c;}


ul.theme-list, .product .bettertabs .tab-content ul {list-style: none; padding: 0;}
ul.theme-list > li, .product .bettertabs .tab-content ul > li {position: relative; padding-left: 20px; line-height: 1.5;}
ul.theme-list > li:before, .product .bettertabs .tab-content ul > li:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' fill='%23cc0228' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='94 -4 800 800' xml:space='preserve'%3E%3Cpath d='M334.8,784.8l-70.6-70.6l318.2-318.2L264.2,77.9l70.7-70.7l388.9,388.9L334.8,784.8z'/%3E%3C/svg%3E%0A"); 
                            content: ''; width: 12px; height: 12px; display: inline-block; position: absolute; left: 0; top: 6px; background-repeat: no-repeat; background-size: 11px 11px; visibility: inherit; background-color: transparent; 
                            transform: inherit;}


.pagination {display: flex; justify-content: center; align-items: center;}




.banner-combo2 .insider-left {background: #333;color: #fff; margin-left: -180px;padding: 15px 35px; position: relative;z-index: 2;}
.banner-combo2 p.big-text {font-size: 33pt; line-height: 50px; text-transform: uppercase; margin: 30px 0 40px 0;}
.banner-combo2 .col-md-8 {overflow: hidden;}
@media only screen and (max-width: 767px) {
    .banner-combo2 .insider-left {margin-left: 0px; margin-top: -250px;}
}


.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%;}
.col-xs-5ths {width: 20%; float: left;}


@media (max-width: 767px) {
    .col-sm-5ths {width: 50%;}
}
@media (min-width: 768px) {
    .col-sm-5ths {width: 20%; float: left;}
    .col-lg-5ths {width: 50%;}
    .col-lg-5ths:nth-of-type(5n+1) {clear: none;}
    .col-lg-5ths:nth-of-type(4n+1) {clear: none;}
    .col-lg-5ths:nth-of-type(3n+1) {clear: none;}
    .col-lg-5ths:nth-of-type(2n+1) {clear: both;}
} 
@media (min-width: 992px) {
    .col-md-5ths {width: 20%; float: left;}
    .col-lg-5ths {width: 33%;}
    .col-lg-5ths:nth-of-type(5n+1) {clear: none;}
    .col-lg-5ths:nth-of-type(4n+1) {clear: none;}
    .col-lg-5ths:nth-of-type(3n+1) {clear: both;}
    .col-lg-5ths:nth-of-type(2n+1) {clear: none;}
} 
@media (min-width: 1200px) {.col-lg-5ths {width: 20%; float: left;} 
    
    .col-lg-5ths:nth-of-type(5n+1) {clear: both;}
    .col-lg-5ths:nth-of-type(4n+1) {clear: none;}
    .col-lg-5ths:nth-of-type(3n+1) {clear: none;}
    .col-lg-5ths:nth-of-type(2n+1) {clear: none;}
}






.AboutUs_containerCircles__wbbXh{position:relative;text-align:center;width:100%;display:flex;align-items:center;justify-content:center;z-index:10;padding-top:135px}@media (max-width:1300px){.AboutUs_containerCircles__wbbXh{-webkit-transform:scale(.8);transform:scale(.8)}}@media (max-width:1180px){.AboutUs_containerCircles__wbbXh{-webkit-transform:scale(.6);transform:scale(.6);padding-top:105px}}@media (max-width:900px){.AboutUs_containerCircles__wbbXh{display:none}}.AboutUs_centralCircle__5gdlg{background-color:transparent;border-radius:100%;width:320px;height:320px;border:20px solid #e3e3e3;-webkit-filter:drop-shadow(-5px 4px 5px rgba(50,50,0,.15));filter:drop-shadow(-5px 4px 5px rgba(50,50,0,.15))}.AboutUs_centralCircle__5gdlg .AboutUs_textContainer__V7C3i{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 40px;height:100%}.AboutUs_centralCircle__5gdlg .AboutUs_textContainer__V7C3i h3,.AboutUs_centralCircle__5gdlg .AboutUs_textContainer__V7C3i h3 p{font-size:6rem;font-weight:600;color:#a6a6a6;line-height:6rem;margin-top:-.8rem}.AboutUs_centralCircle__5gdlg .AboutUs_textContainer__V7C3i h4,.AboutUs_centralCircle__5gdlg .AboutUs_textContainer__V7C3i h4 p{color:var(--main-color);font-weight:600;font-size:17.6px;text-align:left;display:-webkit-box;line-clamp:1;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.AboutUs_centralCircle__5gdlg .AboutUs_textContainer__V7C3i p{color:#a6a6a6;font-weight:300;font-size: 16px;text-align:left;display:-webkit-box;line-clamp:2;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.AboutUs_orbit__NPiEZ{border-radius:100%;width:320px;height:320px;border-width:20px;display:flex;align-items:center;justify-content:center}.AboutUs_circle1__OOgIp,.AboutUs_orbit__NPiEZ{position:absolute;background-color:transparent}.AboutUs_circle1__OOgIp{width:162px;top:-127px;bottom:-127px;-webkit-animation:AboutUs_rotateClockwise1__z5vFd 40s linear infinite;animation:AboutUs_rotateClockwise1__z5vFd 40s linear infinite}.AboutUs_circle1__OOgIp:before{content:"";display:block;border-radius:100%;border:12px solid #a3a3a3;width:162px;box-sizing:border-box;height:162px;top:-36px;position:absolute}.AboutUs_circle1__OOgIp .AboutUs_textContainer__V7C3i{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 46px;-webkit-animation:AboutUs_rotateCounterClockwise1__BfruP 40s linear infinite;animation:AboutUs_rotateCounterClockwise1__BfruP 40s linear infinite}.AboutUs_circle1__OOgIp .AboutUs_textContainer__V7C3i h3,.AboutUs_circle1__OOgIp .AboutUs_textContainer__V7C3i h3 p{font-size: 60px;font-weight:600;color:#a6a6a6;line-height:1.1em;margin-top:-3px;margin-bottom:3px}.AboutUs_circle1__OOgIp .AboutUs_textContainer__V7C3i h4,.AboutUs_circle1__OOgIp .AboutUs_textContainer__V7C3i h4 p{color:var(--main-color);font-weight:600;font-size: 16px;text-align:left;display:-webkit-box;line-clamp:1;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.AboutUs_circle1__OOgIp .AboutUs_textContainer__V7C3i p{color:#a6a6a6;font-weight:400;font-size:.73rem;text-align:left;display:-webkit-box;line-clamp:2;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.AboutUs_circle2__zYVHD{background-color:transparent;width:153px;top:-112px;bottom:-112px;margin:auto;position:absolute;-webkit-animation:AboutUs_rotateClockwise2__LkXPn 40s ease-in-out infinite;animation:AboutUs_rotateClockwise2__LkXPn 40s ease-in-out infinite}.AboutUs_circle2__zYVHD:before{content:"";display:block;border-radius:100%;border:8px solid #c1c1c1;width:153px;height:153px;box-sizing:border-box;top:-41px;position:absolute}.AboutUs_circle2__zYVHD .AboutUs_textContainer__V7C3i{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 35px;-webkit-animation:AboutUs_rotateCounterClockwise2__LljOe 40s ease-in-out infinite;animation:AboutUs_rotateCounterClockwise2__LljOe 40s ease-in-out infinite}.AboutUs_circle2__zYVHD .AboutUs_textContainer__V7C3i h3,.AboutUs_circle2__zYVHD .AboutUs_textContainer__V7C3i h3 p{font-size: 43px;font-weight:600;color:#a6a6a6;line-height:38.4px;margin-top:-4px}.AboutUs_circle2__zYVHD .AboutUs_textContainer__V7C3i h4,.AboutUs_circle2__zYVHD .AboutUs_textContainer__V7C3i h4 p{color:var(--main-color);font-weight:600;font-size: 16px;text-align:left;display:-webkit-box;line-clamp:1;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.AboutUs_circle2__zYVHD .AboutUs_textContainer__V7C3i p{color:#a6a6a6;font-weight:400;font-size:.67rem;text-align:left;display:-webkit-box;line-clamp:2;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.AboutUs_circle3__YyDWA{background-color:transparent;width:185px;top:-136px;bottom:-136px;margin:auto;position:absolute;-webkit-animation:AboutUs_rotateClockwise3__ZNtCC 40s linear infinite;animation:AboutUs_rotateClockwise3__ZNtCC 40s linear infinite}.AboutUs_circle3__YyDWA:before{content:"";display:block;border-radius:100%;border:11px solid #b4b4b4;width:185px;height:185px;box-sizing:border-box;top:-49px;left:0;position:absolute}.AboutUs_circle3__YyDWA .AboutUs_textContainer__V7C3i{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 35px;-webkit-animation:AboutUs_rotateCounterClockwise3__JTj6h 40s linear infinite;animation:AboutUs_rotateCounterClockwise3__JTj6h 40s linear infinite}
.AboutUs_circle3__YyDWA .AboutUs_textContainer__V7C3i h3,.AboutUs_circle3__YyDWA .AboutUs_textContainer__V7C3i h3 p{font-size: 48px;font-weight:600;color:#a6a6a6;
line-height:48px;margin-top:-4px}.AboutUs_circle3__YyDWA .AboutUs_textContainer__V7C3i h4,.AboutUs_circle3__YyDWA .AboutUs_textContainer__V7C3i h4 p{color:var(--main-color);font-weight:600;font-size: 16px;text-align:left;display:-webkit-box;line-clamp:1;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.AboutUs_circle3__YyDWA .AboutUs_textContainer__V7C3i p{color:#a6a6a6;font-weight:400;font-size:.7rem;text-align:left;display:-webkit-box;line-clamp:2;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}@-webkit-keyframes AboutUs_rotateClockwise1__z5vFd{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes AboutUs_rotateClockwise1__z5vFd{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes AboutUs_rotateCounterClockwise1__BfruP{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes AboutUs_rotateCounterClockwise1__BfruP{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@-webkit-keyframes AboutUs_rotateClockwise3__ZNtCC{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes AboutUs_rotateClockwise3__ZNtCC{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@-webkit-keyframes AboutUs_rotateCounterClockwise3__JTj6h{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(-450deg);transform:rotate(-450deg)}}@keyframes AboutUs_rotateCounterClockwise3__JTj6h{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(-450deg);transform:rotate(-450deg)}}@-webkit-keyframes AboutUs_rotateClockwise2__LkXPn{0%{-webkit-transform:rotate(160deg);transform:rotate(160deg)}to{-webkit-transform:rotate(520deg);transform:rotate(520deg)}}@keyframes AboutUs_rotateClockwise2__LkXPn{0%{-webkit-transform:rotate(210deg);transform:rotate(210deg)}to{-webkit-transform:rotate(570deg);transform:rotate(570deg)}}@-webkit-keyframes AboutUs_rotateCounterClockwise2__LljOe{0%{-webkit-transform:rotate(-210deg);transform:rotate(-210deg)}to{-webkit-transform:rotate(-570deg);transform:rotate(-570deg)}}@keyframes AboutUs_rotateCounterClockwise2__LljOe{0%{-webkit-transform:rotate(-210deg);transform:rotate(-210deg)}to{-webkit-transform:rotate(-570deg);transform:rotate(-570deg)}}@media (max-width:800px){.AboutUs_circle1__OOgIp,.AboutUs_circle1__OOgIp .AboutUs_textContainer__V7C3i,.AboutUs_circle2__zYVHD,.AboutUs_circle2__zYVHD .AboutUs_textContainer__V7C3i,.AboutUs_circle3__YyDWA,.AboutUs_circle3__YyDWA .AboutUs_textContainer__V7C3i{-webkit-animation:none;animation:none}.AboutUs_circle1__OOgIp{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.AboutUs_circle1__OOgIp .AboutUs_textContainer__V7C3i{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}.AboutUs_circle2__zYVHD{-webkit-transform:rotate(140deg);transform:rotate(140deg)}.AboutUs_circle2__zYVHD .AboutUs_textContainer__V7C3i{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}.AboutUs_circle3__YyDWA{-webkit-transform:rotate(220deg);transform:rotate(220deg)}.AboutUs_circle3__YyDWA .AboutUs_textContainer__V7C3i{-webkit-transform:rotate(-220deg);transform:rotate(-220deg)}}.Categories_categoriesContainer__AgaFi{margin-top:220px;background-image:url(/_next/static/media/bgCategories3.4d260571.webp);background-size:cover;-webkit-clip-path:polygon(0 0,100% 50px,100% calc(100% - 50px),0 100%);clip-path:polygon(0 0,100% 50px,100% calc(100% - 50px),0 100%);background-attachment:fixed;padding-top:170px!important;padding-bottom:200px!important}@media (max-width:800px){.Categories_categoriesContainer__AgaFi{background-attachment:unset;margin-top:80px}}.Categories_categoriesTitle__yF7FS{color:#fff;padding-bottom:20px!important}.Categories_categoriesCointainerLimit__4a7W4 h2{max-width:480px;color:#fff;padding-bottom:5px;margin-top:16px}.Categories_itemGrid__o7TpZ:first-child{padding-right:16px!important}.Categories_itemGrid__o7TpZ:last-child{padding-left:16px!important}@media (max-width:899px){.Categories_itemGrid__o7TpZ:first-child{padding-right:0!important}.Categories_itemGrid__o7TpZ:last-child{padding-left:0!important}}@media (max-width:714px){.Categories_categoriesCointainerLimit__4a7W4 h2{line-height:41px}}.Categories_categoriesCointainerLimit__4a7W4 h2 p{margin:0}.Categories_optionsWrapper__ywO1I{margin-top:35px}.Categories_optionItemText__OqUG1 svg{width:20px;height:20px}.Categories_optionItem__nlZ2j{display:flex;margin:18px 0;transition:all .5s ease}