:root {
    --main-color: #ea4444; 
    --alt-color: #8f2323;  
    --black-color: #31424c;
}



/* reset */
.theme-color {color: var(--main-color);}
a {transition: color .25s;}
.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-start {justify-content: flex-start;}
.flex-justify-end {justify-content: flex-end;}
.flex-justify-between {justify-content: space-between;}
.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);}
.navbar {border: none;}
header .solid-menus .no-bg li.active a {background: none;}
header .menu-cart a {position: relative; line-height: 0;}
header .menu-cart a:hover {color: var(--main-color);}
.one-product .product-img {border: none;}
.product-details .add-to-cart, .product-details .sp-plus, .product-details .sp-minus, .comments .btn, .hvr-sweep-to-right::before, .cat-title {background: var(--main-color);}
.product-details .go-to-checkout, .cart-checkout .okvir .editable {background: var(--alt-color); border-color: var(--alt-color);}
.addtofav.inline .fa-heart, .cart-checkout .okvir i, .cart-checkout .okvir h2 {color: var(--alt-color);}
.product-details .price, .product-details .price .salesprice, .user-details .if-registered, .search h1 span, .shop ul.filters .alert.alert-primary strong, #vertical-menu .active a.list-group-item, .one-product .price, .sidebar .active ul a > i
    {color: var(--main-color);}
.kontakt .btn {background: var(--main-color);}
#noty_center_layout_container > li, #noty_topCenter_layout_container, #noty_topCenter_layout_container > li {background-color: var(--main-color)!important;}
footer ul li a:hover {font-weight: inherit; color: var(--main-color);}
footer ul li {opacity: 1;}
footer .details p.title {margin: 0; padding: 0;}
footer .details p.title::before {display: none;}
footer .signature {background-color: transparent; color: #333;}
footer .visa {height: 20px;  width: auto;}
.form-control:focus { border-color: inherit; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
body.compensate-for-scrollbar {margin-right: 0;}
.swiperTickerContainer, .xadmin-links, .swiper-container .swiper-pagination-bullet-active {background: var(--main-color);}
.news-template-short2 img:hover {transform: scale(1);}
.scrollToTop {background: var(--main-color);}
#vertical-menu ul.collapse li a.list-group-item::before {content: '';}
.category select, .brand select {border: none;}
.breadcrumb .back {margin-left: auto;}
.swiper-button-next, .swiper-button-prev {color: var(--main-color)!important;}
.user-login input[type=submit] {background: var(--alt-color);}
.theme-button:focus {color: #fff; text-decoration: none;}
.first-cta ul li a {background: var(--main-color)!important;}



body, html {padding: 0; margin: 0; font-family: "Circe", "Arial", sans-serif; font-weight: 300; font-size: 16px; color: #373d48; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6 {font-family: "Circe", "Arial", sans-serif; font-weight: 400;}
.m-t-a {margin-top: auto;}
h2.title {font-size: 30px; font-weight: 400; margin-bottom: 0; text-align: center;}
a.subtitle {color: var(--main-color); display: block; font-size: 15px; font-weight: 300; position: relative; text-decoration: none; white-space: nowrap; display: flex; align-items: center; justify-content: center; line-height: 3; 
            margin-bottom: 20px; max-width: fit-content; margin-left: auto; margin-right: auto;}
a.subtitle:after {align-items: center; color: #03a9f4; display: flex; justify-content: flex-end; font-family: "icomoon"; font-size: 12px; margin: auto 0; position: absolute; top: 0; right: 0; bottom: 0; height: 20px; width: 34px;}
a.subtitle svg, svg.icon-arrow {fill: var(--main-color); display: inline-block; width: 30px; min-width: 30px; height: 20px; margin-left: 10px;}
a {color: var(--main-color);}
a:focus, a:hover {color: var(--alt-color);}



header .middle {padding: 0;}
.headerfull {box-shadow: none;}
header .wsmenu {width: unset;}
header .wsmenu > .wsmenu-list > li {position: relative;}
header .wsmenu > .wsmenu-list > li > a.navtext {color: var(--black-color); font-size: 19px;}
header .wsmenu > .wsmenu-list > li > a.navtext > span {color: var(--black-color); font-size: 19px; text-align: right;}
header .wsmenu > .wsmenu-list > li > a.dropdown-toggle {display: flex;}
header .wsmenu > .wsmenu-list, .wsactive .wsmenu {background: #fff; z-index: 1000;}
header .wsmenu > .wsmenu-list > li:before, header .top .nav li:before {content: ''; width: 100%; height: 3px; background: var(--main-color); position: absolute; bottom: -3px; left: 0; -webkit-transition: bottom .2s; -o-transition: bottom .2s; transition: bottom .2s; opacity: 0;}
header .wsmenu > .wsmenu-list > li.active:before, header .wsmenu > .wsmenu-list > li:hover:before, header .top .nav li:hover:before, header .top .nav li.active:before {opacity: 1;}
header .wsmenu > .wsmenu-list > li:hover {background: transparent;}


header .wsmenu > .wsmenu-list > li > a .wsarrow:after {border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid; content: ""; float: right; right: 9px; height: 0;
                                                        margin: 0 0 0 14px; position: absolute; text-align: right; top: 38px; width: 0; }

header .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {padding: 12px;}
header .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a > i {margin-right: 2px; font-size: 13px; color: var(--main-color);}


header {z-index: 998; width: 100%; background: #fff; position: fixed; top: 0; transition: all .3s ease-in-out; border-bottom: 1px solid #dfdfdf;}

header .menu-cart > ul {display: flex; align-items: center; height: 100%; justify-content: flex-end;}
header .menu-cart > ul > li {width: 62px; margin-left: 10px;}
header .menu-cart > ul > li:last-child:has(.img-circle) {width: 56px;}
header .menu-cart > ul > li:last-child:has(.img-circle) a {height: 40px;}
    header .menu-cart > ul > li:last-child:has(.user-icon) {width: 49px;}
    header .menu-cart > ul > li:last-child:has(.user-icon) a.user-icon {background-position: right;}
header .menu-cart > ul > li .img-circle {width: 40px; height: 40px;}
header .menu-cart > ul > li > a {display: inline-block; vertical-align: top; width: 100%; height: 65px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 3;}
header .menu-cart .search-icon a {background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.2 30L37.5893 38.5178' stroke='%23FF6666' stroke-linecap='round'/%3E%3Ccircle cx='23.4143' cy='22.4143' r='8.95' stroke='%23FF6666'/%3E%3C/svg%3E");}
header .menu-cart .cart-container a {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-279 371 52 52' style='enable-background:new -279 371 52 52;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FF6666;%7D .st1%7Bfill:none;stroke:%23FF6666;%7D %3C/style%3E%3Cpath class='st0' d='M-242.6,405c0.3,0,0.5-0.2,0.5-0.5c0-0.3-0.2-0.5-0.5-0.5V405z M-242.2,400.6c0.3,0,0.5-0.2,0.5-0.5 s-0.2-0.5-0.5-0.5V400.6z M-242.6,404h-15.5v1h15.5V404z M-258.1,400.6h15.9v-1h-15.9V400.6z M-259.9,402.3c0-0.9,0.8-1.7,1.7-1.7 v-1c-1.5,0-2.7,1.2-2.7,2.7H-259.9z M-258.1,404c-0.9,0-1.7-0.8-1.7-1.7h-1c0,1.5,1.2,2.7,2.7,2.7V404z'/%3E%3Cpath class='st1' d='M-242.2,400.1l2.7-9.3h-22.1'/%3E%3Ccircle class='st1' cx='-247.1' cy='407.6' r='1.7'/%3E%3Ccircle class='st1' cx='-255.9' cy='407.6' r='1.7'/%3E%3Cpath class='st1' d='M-267,385.4c5.8,0,3.5,1.8,7.5,15.1'/%3E%3C/svg%3E");}
header .menu-cart a.wishlist-cart {background-size: 30px; background-position: center 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-heart' fill='%23FF6666' viewBox='178.6 -956.6 977.4 868.8'%3E%3Cpath d='M447.2-956.6c4.8,0,11.9,0,16.7,0c95.5,7.2,155.2,47.7,202.9,100.3c47.7-54.9,107.4-93.1,202.9-100.3c7.2,0,11.9,0,19.1,0 c0,2.4,0,2.4,2.4,2.4c124.1,9.5,200.5,74,241.1,162.3c47.7,102.6,16.7,238.7-33.4,324.6c-97.9,171.9-284,265-434.4,379.5 c-145.6-119.3-331.8-210.1-432-381.9c-47.7-83.5-76.4-222-31-324.6C244.3-885,325.5-944.6,447.2-956.6L447.2-956.6z M432.9-906.4 c-57.3,4.8-107.4,33.4-140.8,66.8c-33.4,31-62.1,81.2-66.8,138.4c-7.2,81.2,19.1,148,50.1,198.1c88.3,157.5,253,248.2,389.1,353.3 c93.1-71.6,198.1-128.9,284-214.8c81.2-78.8,171.9-183.8,157.5-338.9c-2.4-31-11.9-59.7-26.3-85.9 c-35.8-66.8-109.8-121.7-212.4-119.3c-100.3,2.4-155.2,62.1-200.5,131.3C619.1-846.8,559.4-916,432.9-906.4L432.9-906.4z'%3E%3C/path%3E%3C/svg%3E");}
header .menu-cart a.user-icon {background-size: 35px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-287.5 380.5 33 33' style='enable-background:new -287.5 380.5 33 33;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FF6666;%7D .st1%7Bfill:%23FF6666;%7D %3C/style%3E%3Ctitle%3ESlice 1%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1'%3E%3Cg id='Group' transform='translate(1.000000, 1.000000)'%3E%3Cg id='enter'%3E%3Ccircle id='Oval-2' class='st0' cx='-272' cy='396' r='16'/%3E%3Cg id='user' transform='translate(6.000000, 5.000000)'%3E%3Cpath id='path-2' class='st1' d='M-268.6,401.2c-0.3,0-0.5-0.2-0.5-0.5c0-4.9-4-8.9-8.9-8.9c-4.9,0-8.9,4-8.9,8.9 c0,0.3-0.2,0.5-0.5,0.5s-0.5-0.2-0.5-0.5c0-5.5,4.5-10,10-10c5.5,0,10,4.5,10,10C-268.1,401-268.3,401.2-268.6,401.2z'/%3E%3Cpath id='path-3' class='st1' d='M-278.1,391.4c-3.1,0-5.7-2.5-5.7-5.7c0-3.1,2.5-5.7,5.7-5.7c3.1,0,5.7,2.5,5.7,5.7 C-272.4,388.8-275,391.4-278.1,391.4z M-278.1,381c-2.6,0-4.7,2.1-4.7,4.7c0,2.6,2.1,4.7,4.7,4.7s4.7-2.1,4.7-4.7 C-273.5,383.1-275.5,381-278.1,381z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
header .menu-cart ul li ul.user-menu-dropdown {bottom: -87px; right: 4px;}
header .menu-cart ul li ul.user-menu-dropdown li {margin: 5px 0;}
header .menu-cart ul li ul.user-menu-dropdown li:first-child {margin: 0;}


header .menu-cart .search-icon a:hover {background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.2 30L37.5893 38.5178' stroke='%23373d48' stroke-linecap='round'/%3E%3Ccircle cx='23.4143' cy='22.4143' r='8.95' stroke='%23373d48'/%3E%3C/svg%3E");}
header .menu-cart .cart-container a:hover {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-279 371 52 52' style='enable-background:new -279 371 52 52;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23373d48;%7D .st1%7Bfill:none;stroke:%23373d48;%7D %3C/style%3E%3Cpath class='st0' d='M-242.6,405c0.3,0,0.5-0.2,0.5-0.5c0-0.3-0.2-0.5-0.5-0.5V405z M-242.2,400.6c0.3,0,0.5-0.2,0.5-0.5 s-0.2-0.5-0.5-0.5V400.6z M-242.6,404h-15.5v1h15.5V404z M-258.1,400.6h15.9v-1h-15.9V400.6z M-259.9,402.3c0-0.9,0.8-1.7,1.7-1.7 v-1c-1.5,0-2.7,1.2-2.7,2.7H-259.9z M-258.1,404c-0.9,0-1.7-0.8-1.7-1.7h-1c0,1.5,1.2,2.7,2.7,2.7V404z'/%3E%3Cpath class='st1' d='M-242.2,400.1l2.7-9.3h-22.1'/%3E%3Ccircle class='st1' cx='-247.1' cy='407.6' r='1.7'/%3E%3Ccircle class='st1' cx='-255.9' cy='407.6' r='1.7'/%3E%3Cpath class='st1' d='M-267,385.4c5.8,0,3.5,1.8,7.5,15.1'/%3E%3C/svg%3E");}
header .menu-cart a.wishlist-cart:hover {background-size: 30px; background-position: center 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-heart' fill='%23373d48' viewBox='178.6 -956.6 977.4 868.8'%3E%3Cpath d='M447.2-956.6c4.8,0,11.9,0,16.7,0c95.5,7.2,155.2,47.7,202.9,100.3c47.7-54.9,107.4-93.1,202.9-100.3c7.2,0,11.9,0,19.1,0 c0,2.4,0,2.4,2.4,2.4c124.1,9.5,200.5,74,241.1,162.3c47.7,102.6,16.7,238.7-33.4,324.6c-97.9,171.9-284,265-434.4,379.5 c-145.6-119.3-331.8-210.1-432-381.9c-47.7-83.5-76.4-222-31-324.6C244.3-885,325.5-944.6,447.2-956.6L447.2-956.6z M432.9-906.4 c-57.3,4.8-107.4,33.4-140.8,66.8c-33.4,31-62.1,81.2-66.8,138.4c-7.2,81.2,19.1,148,50.1,198.1c88.3,157.5,253,248.2,389.1,353.3 c93.1-71.6,198.1-128.9,284-214.8c81.2-78.8,171.9-183.8,157.5-338.9c-2.4-31-11.9-59.7-26.3-85.9 c-35.8-66.8-109.8-121.7-212.4-119.3c-100.3,2.4-155.2,62.1-200.5,131.3C619.1-846.8,559.4-916,432.9-906.4L432.9-906.4z'%3E%3C/path%3E%3C/svg%3E");}
header .menu-cart a.user-icon:hover {background-size: 35px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-287.5 380.5 33 33' style='enable-background:new -287.5 380.5 33 33;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23373d48;%7D .st1%7Bfill:%23373d48;%7D %3C/style%3E%3Ctitle%3ESlice 1%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1'%3E%3Cg id='Group' transform='translate(1.000000, 1.000000)'%3E%3Cg id='enter'%3E%3Ccircle id='Oval-2' class='st0' cx='-272' cy='396' r='16'/%3E%3Cg id='user' transform='translate(6.000000, 5.000000)'%3E%3Cpath id='path-2' class='st1' d='M-268.6,401.2c-0.3,0-0.5-0.2-0.5-0.5c0-4.9-4-8.9-8.9-8.9c-4.9,0-8.9,4-8.9,8.9 c0,0.3-0.2,0.5-0.5,0.5s-0.5-0.2-0.5-0.5c0-5.5,4.5-10,10-10c5.5,0,10,4.5,10,10C-268.1,401-268.3,401.2-268.6,401.2z'/%3E%3Cpath id='path-3' class='st1' d='M-278.1,391.4c-3.1,0-5.7-2.5-5.7-5.7c0-3.1,2.5-5.7,5.7-5.7c3.1,0,5.7,2.5,5.7,5.7 C-272.4,388.8-275,391.4-278.1,391.4z M-278.1,381c-2.6,0-4.7,2.1-4.7,4.7c0,2.6,2.1,4.7,4.7,4.7s4.7-2.1,4.7-4.7 C-273.5,383.1-275.5,381-278.1,381z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}

header .badge {position: absolute; right: 4px; top: 11px; background: #fff; font-size: 13px; padding: 3px 6px 2px 6px; font-weight: 400; color: var(--main-color); box-shadow: 0 0 3px #0000002e;}
header .menu-cart .img-circle {width: 50px; height: 50px; border: 1px solid var(--main-color);}

.hide-search-box {color: var(--main-color);}


body {padding-top: 116px;}
.nav-up {top: -116px;}
header.header-shadow {box-shadow: 0 5px 10px -5px #aaa;}



.main-content {margin-top: 40px; margin-bottom: 40px;}

.breadcrumb {margin-bottom: 30px;}


.category-menu {padding: 0 30px 25px;}
.category-menu ul {display: flex; list-style: none; margin: 0; padding: 0; justify-content: space-between; min-height: 95px; width: 100%; max-width: 100%; align-items: flex-start;}
.category-menu ul > li {display: inline-flex; position: relative;}
.category-menu ul > li > a {display: flex; flex-direction: column; text-align: center; align-items: center; width: 100%; font-family: "Circe", "Arial", sans-serif;}
.category-menu ul > li > a > .icon-wrap {align-items: center; background-color: #f3f3f3; border-radius: 50%; color: var(--black-color); display: flex; justify-content: center; margin: 0 auto 18px; transition: color .4s ease; height: 48px; width: 48px;}
.category-menu ul > li > a svg {height: 23px; width: 24px; transition: fill .1s ease; fill: var(--black-color);}
.category-menu ul > li.icon-sale > a svg {fill: red;}
.category-menu ul > li > a span {display: block; font-size: 14px; font-weight: 300; line-height: 1.07; text-align: center; transition: color .1s ease; max-width: 100px; color: #373d48;}
.category-menu ul > li > a:hover, .category-menu ul > li > a:hover span {color: var(--main-color);}
.category-menu ul > li > a:hover svg {fill: var(--main-color);}

.category-menu ul > li:nth-child(6):before, .category-menu ul > li:nth-child(9):before { width: 1px; left: -36px; top: 0; position: absolute; display: block; background: #ebebeb; height: 60%; z-index: 1; content: '';}




.intro .lp-stage .lp-stage-container h1 { margin-top: 0; }
.intro .text-s {font-size: 1.1rem; margin-bottom: 18px;}
.theme-button {display: inline-flex; align-items: center; justify-content: center; text-decoration: none; background: var(--main-color); border: 1px solid var(--main-color); color: #fff; cursor: pointer; font-weight: 600; padding: 0.4em 1.6em; 
            box-sizing: border-box; font-size: 14px; line-height: 1; border-radius: 100px; padding: 14px 22px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.theme-button svg {fill: #fff;}
.theme-button:hover {border: 1px solid #dfdfdf; color: var(--main-color)!important; background-color: transparent;}
.theme-button:hover svg {fill: var(--main-color);}



.one-product .follow-featured {text-shadow: 0px 0px 5px #00000026;}
.one-product input[type='checkbox']:checked.icon-checkbox + label .checked {color: #fff;}


.one-product .product-holder {border: 1px solid #dfdfdf; border-radius: 5px; text-align: center;}
.one-product .product-img a {border: none; position: relative; display: flex; justify-content: center;}
.one-product .product-img img {filter: brightness(1.08); transform: scale(0.8);  transition: transform .2s ease-out;}
.one-product .product-img a:before {content: ''; left: 0; top: 0; position: absolute; width: 100%; height: 100%; z-index: 1; background: radial-gradient(transparent, #dfdfdf85); transition: all 300ms ease 0s; opacity: .4;}
.one-product .product-holder:hover {border: 1px solid #bbb;}
.one-product .product-holder:hover .product-img img {transform: scale(1); }
/*.one-product .product-holder:hover .product-img a:before {background: radial-gradient(transparent, #dfdfdf00);}*/

.one-product .product-content {padding: 15px 20px; min-height: 250px;}
.one-product .product-holder a h2 {font-size: 20px; line-height: 28px; font-weight: 400; color: #373d48; overflow: unset; height: unset;}
.one-product .product-holder .sku {color: #838E94; font-size: 17px; font-weight: 300; line-height: 24px;}
.one-product .product-content > .m-t-a {min-height: 62px; position: relative;}
.one-product .product-content .content-price {max-width: 70%;}
.one-product .content-price .price {font-size: 22px; display: block; line-height: 1; font-weight: 500;}
.one-product .content-price .price .currency {text-transform: lowercase; font-size: 16px;}
.one-product .content-price .price-old-b2b {letter-spacing: -0.3px;}
.one-product .content-price .price-old {color: #bbb; font-size: 14px;}
.one-product .content-price .discountedprice {font-size: 19px; display: block; line-height: 1; font-weight: 500; color: var(--main-color); letter-spacing: -0.5px;}
.one-product .add-to-cart-short {position: absolute; right: 0; bottom: calc(50% - 31px); bottom: 0;}
.one-product .short-add-to-cart-input {display: none;}
.one-product .short-add-to-cart-btn {width: 62px; height: 62px; padding: 0; border: 0; display: flex; align-items: center; overflow: hidden; background: var(--main-color); border-radius: 50%; transition: all .2s;}
.one-product .short-add-to-cart-btn svg {width: 62px; height: 62px; margin: 0; left: 0; fill: #fff;}
.one-product .short-add-to-cart-btn span {color: #fff; width: 0; font-size: 15px; white-space: nowrap; font-weight: 400; transform: translateX(50px); transition: transform .3s;}
.one-product .short-add-to-cart-btn:hover {width: 130px; border-radius: 30px;}
.one-product .short-add-to-cart-btn:hover span {transform: translateX(0);}

.one-product span.currency {text-transform: lowercase;}

.exp-on-discount {background: #00acea;}
.exp-on-action {background: var(--main-color);}
.one-product .product-flags [class*='exp-on-'] {border-radius: 12px;}


.product .product-details h1 {margin: 0 0 30px; padding: 0px; font-size: 30px;}
.product .price-holder {border-top: 1px solid #dfdfdf; padding-top: 20px;}
.product .price {font-weight: 300; margin-bottom: 20px; margin-top: 10px;}
.product .price-old-b2b {color: #aaa; font-size: 15px; }
.product .discountedprice {font-size: 24px; font-weight: 400;}
.product .price-subtitle {margin-bottom: 20px;}
.product .product-brand {color: var(--main-color);}
.product .product-brand img {max-height: 40px;}

.product .buttons-wrap {border-top: 1px solid #dfdfdf; padding-top: 20px;}
.product .product-details .add-to-cart, .product-details .go-to-checkout {height: 62px; margin-left: 10px; padding: 0px 15px; justify-content: center;}
.product .product-details .add-to-cart svg {width: 56px; height: 62px; margin: 0;}
.product .product-details .add-to-cart span, .product-details .go-to-checkout span {font-size: 16px; font-weight: 400;}
.product .product-details .sp-input {position: unset;}
.product .product-details .sp-input label {display: none;}
.product .product-details .add-to-cart:hover svg {fill: var(--main-color);}
.product .product-details .sp-minus, .product .product-details .sp-plus {background: none!important; color: var(--main-color); height: 100%; align-items: center; display: flex;}
.product .product-details .sp-minus i, .product .product-details .sp-plus i {font-size: 20px;}
.product .product-configuration {display: none;}
.product .product-details .description-wrap {border-top: 1px solid #dfdfdf; margin-top: 20px; margin-bottom: 30px;}
.product .product-details .description {margin: 30px 0 16px;}
.product .product-details .pdf-info svg {width: 46px;}
.product .product-details .col-md-10 {padding-left: 0;}



.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: #fdf5ea;}
.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: -7px; left: calc(50% - 5px); width: 5px; height: 5px; display: block; width: 0; height: 0; 
                                                                            border-style: solid; border-width: 8px 10px 0 10px; border-color: var(--main-color) 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 .theme-button {color: #fff; text-shadow: none; margin-left: 26px;}
.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: #f1eaea;}
.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 .bettertabs a.toggler.tgNaslov:hover {background-color: #ea44440a;}
.product .bettertabs a.toggler.tgNaslov { font-weight: 600; }
.product .bettertabs a.toggler.tgNaslov.togglerSkriven { font-weight: 400; }


.cart-checkout input[type='radio']:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #d1d3d1; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } 
.cart-checkout input[type='radio']:checked:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: var(--main-color); content: ''; display: inline-block; visibility: visible; border: 2px solid white; }
.cart-checkout .okvir label {cursor: pointer;}


.one-news .blog-wrap {height: 100%; min-height: 400px; text-decoration: none; display: flex; flex-direction: column; border-radius: 5px;}
.one-news .blog-content {}
.one-news .blog-content h2 {color: var(--black-color); font-size: 21px; line-height: 34px; position: relative; z-index: 10; width: 80%; background: #fff; margin-top: -40px; line-height: 1.8571428571rem; text-transform: uppercase; 
                            padding: 1.4285714286rem 0.7142857143rem 0 0; height: 110px; overflow: hidden; transition: all .2s ease-in-out;     letter-spacing: -.2px;}
.one-news .blog-content p {color: #1A1B1C;}
.one-news .blog-info:after {display: block; content: ''; height: 0.1428571429rem; width: 10rem; margin-top: 10px; margin-bottom: 20px; background: var(--main-color); transition: all .2s ease-in-out;}
.one-news .blog-wrap:hover .blog-info:after {width: 17.1428571429rem;}
.one-news .blog-wrap .icon-arrow {transition: transform .2s;}
.one-news .blog-wrap:hover .icon-arrow {transform: translateX(5px);}
.one-news .blog-wrap:hover h2 {color: var(--main-color);}
.one-news .blog-info span {font-size: 12px; color: #767677; display: inline-block; text-transform: uppercase; font-weight: 400;}
.one-news .blog-info span:after {content: '•'; font-size: 16px; color: var(--main-color); margin: 0 10px;}
.one-news .blog-info span:last-child:after {display: none;}
.one-news .blog-content h6 {margin-top: 30px; font-size: 15px; font-weight: 600;}
.one-news .blog-wrap:hover h6 {color: var(--main-color);}
    
.one-news .imgdiv {position: relative; max-height: 250px; display: flex; background: none; height: 250px; margin-bottom: 0; transition: all .2s ease;}
.one-news .imgdiv:before {position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); 
                            background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.one-news .imgdiv img {object-fit: cover; object-position: center; transition: all .2s ease; transform: scale(1.1); filter: brightness(1.1);}
.one-news .blog-wrap:hover .imgdiv:before {-webkit-animation: shine 1s; animation: shine 1s;}
.one-news .blog-wrap:hover .imgdiv img {transform: scale(1);}
.news-template-short2 .imgdiv {width: 100%;}

.blog .one-news {margin-bottom: 50px;}

@-webkit-keyframes shine{from{left:-75%}to{left:125%}}@keyframes shine{from{left:-75%}to{left:125%}}


.services .one-service { padding: 0 0 2rem; height: 280px; padding: 0; color: #fff; overflow: hidden; display: block; position: relative; height: 280px; border-radius: 5px;}
.services .one-service:before { content: ""; position: absolute; left: 0; top: 0; background: #333; width: 100%; height: 100%; z-index: 2; opacity: .5; transition: .35s ease-in-out;}
.services .one-service .service-head {text-align: center; padding-top: 125px; width: 100%; transition: .35s ease-in-out; position: absolute; z-index: 2; height: 280px;}
.services .one-service .service-head > h3 {margin: 0; font-size: 20px; color: #fff; text-transform: uppercase; font-weight: 700; text-shadow: 0px 0px 8px #404040; max-width: 220px; display: inline-block; line-height: 1.6; transition: .45s ease-in-out;}
.services .one-service .service-img {height: 100%; width: 100%; box-shadow: none;}
.services .one-service .service-img .responsiveCenteredQ {height: 100%; width: 100%;}
.services .one-service .service-img .responsiveImageQ {display: inline-block; width: 100%; vertical-align: middle; min-height: 1px; min-width: 1px; height: 100%; display: flex; overflow: hidden;}
.services .one-service .service-img img {min-width: 100%; min-height: 100%; width: 100%; height: auto; object-fit: cover; object-position: center;}
.services .one-service .service-text { margin: 0; opacity: 0; padding: 25px; visibility: hidden; position: absolute; z-index: 2; top: 0; bottom: 0; transition: .35s ease-in-out; font-size: 15px; text-align: center; width: 100%;}
.services .one-service .service-text p { font-weight: 100; text-align: center; margin: 15px 0 0;}
.services .one-service .service-text > span {background-color: transparent; color: var(--main-color); padding: 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; display: block; margin-top: 10px; font-size: 14px; 
                                                display: flex; align-items: center; justify-content: center; flex-direction: column;}
.services .one-service .service-link { z-index: 3; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.services .one-service .service-link a { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.services .one-service .service-link>a>span { background-color: transparent; color: #00315f; padding: 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px;}
.services .one-service:hover .service-head { overflow: inherit; order: 1; z-index: 2; text-align: center; padding-top: 30px; transition: .35s ease-in-out;}
.services .one-service:hover .service-head > h3 {line-height: 1.2;}
.services .one-service:hover .service-text {margin: 0; opacity: 1; visibility: visible; top: 80px; bottom: auto; transition: .35s ease-in-out;}
.services .one-service:hover::before { background: #333; opacity: .85; transition: .35s ease-in-out;}



.intro.hager .lp-stage-container {padding: 4% 3% 4% 3%;}
.intro.hager h2 {text-align: left; margin-top: 0;}


.static h1, .shop h1 {border-bottom: 1px solid #dfdfdf; margin-bottom: 40px; padding: 15px 0; position: relative;}
.o-nama h1 {border-bottom-color: transparent;}


.o-nama .hero {background: url(/img/div_curved_gradient.svg) no-repeat bottom center; background-size: 100%; padding: 0 0 100px;}
.o-nama .hero p {font-size: 20px; font-weight: 400; line-height: 1.6; color: #061421; max-width: 800px; display: inline-block; margin: 10px 0;}

.o-nama p {color: #061421; margin: 20px 0;}
.o-nama .img-section {padding: 60px 0;}
.o-nama .img-section img {border-radius: 5px;}
.o-nama .img-section .img-box-left {padding-right: 60px;}
.o-nama .img-section .img-box-right {padding-left: 60px;}

.circle-wrapper {border-radius:51%; position:relative; } 
.circle-wrapper img {width: 100px;}
.circle { display:block; position:absolute; top:51%; left:51%; width:100px; height:100px; margin:-51px;  border-radius:51%;  box-shadow: 0 0px 40px #aaaaaa82; display: flex; justify-content: center; align-items: center;}
.circle > a {width: 100%; height: 100%; background: #fff; text-align:center; display: flex; justify-content: center; align-items: center; border-radius:51%;  transition: background .15s ease; z-index: 1;}
.circle svg {height: 42px; width: 42px; transition: fill .1s ease; fill: var(--main-color);}
.circle > span {position: absolute; top: 0; text-align: center; display: flex; justify-content: center; align-items: center; height: 100%; z-index: 0; opacity: 0; transition: all .25s ease; font-weight: 400; color: var(--main-color); font-size: 17px;}
.circle a:hover {background: var(--main-color);}
.circle a:hover svg {fill: #fff;}
.circle a:hover + span {transform: translateX(100px); opacity: 1;}

.deg-r {transform: rotate(-21deg) translate(151px) rotate(21deg);}
.deg-br {transform: rotate(51deg) translate(151px) rotate(-51deg);}
.deg-bl {transform:rotate(131deg) translate(151px) rotate(-131deg);}
.deg-l {transform:rotate(201deg) translate(151px) rotate(-201deg);}
.deg-t {transform: rotate(271deg) translate(151px) rotate(-271deg);}

.deg-t a:hover + span {transform: translate(0, -100px);}
.deg-l a:hover + span {transform: translate(-100px, 0);}
.deg-bl a:hover + span, .deg-br a:hover + span {transform: translate(0, 100px);}



.kontakt .contacts-left {padding-right: 40px;}
.kontakt .contacts-list-item span {display: block; font-size: 17px; font-weight: 300; line-height: 1.5; max-width: 255px; }
.kontakt .contacts-list-item a {color: var(--main-color); font-size: 17px; font-weight: 300; line-height: 1.5; text-decoration: none;}
.contacts-left h4 {font-weight: 300; margin-bottom: 25px;}
.kontakt .contacts-info {align-content: center; background-color: #fdf5ea; display: flex; flex-direction: column; justify-content: center; margin-bottom: 35px; min-height: 100px; flex-wrap: wrap;}
.kontakt .contacts-info p {font-size: 17px; line-height: 1.32; margin-bottom: 5px; text-align: center;}
.kontakt .contacts-info a {font-size: 26px; line-height: 1; text-align: center; color: inherit;}
.contacts-left form {border-bottom: 1px solid #dfdfdf; padding-bottom: 30px;}
.contacts-left .form-control {-webkit-appearance: none; padding: 14px 13px 14px; border: 1px solid #dfdfdf; border-radius: 10px; font-weight: 300; font-size: 17px; line-height: 1.5; color: #373d48; width: 100%; max-width: 100%;
                        background-color: transparent; position: relative; z-index: 2; box-shadow: none;}
.contacts-left textarea.form-control {min-height: 197px;}
.contacts-left .btn {-webkit-appearance: none; display: inline-block; text-align: center; border-radius: 100px; font-size: 17px; line-height: 1; padding: 18px 40px; color: #fff; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; 
                transition: all .3s; -webkit-box-shadow: none; box-shadow: none; outline: none; color: #fff; background-color: var(--main-color); border: 1px solid var(--main-color); font-weight: 300; margin-top: 16px;}
.kontakt .btn:hover {border: 1px solid #dfdfdf; color: var(--main-color); background-color: transparent;}

.kontakt .contacts-right {border-left: 1px solid #dfdfdf; padding: 0 0 30px 30px; }
.kontakt h3 {color: #929197; font-size: 13px; font-weight: 700; letter-spacing: 2px; line-height: 2.31; text-transform: uppercase;}
.kontakt .contacts-sector {border-bottom: 1px solid #dfdfdf; margin-bottom: 40px; padding-bottom: 25px;}
.kontakt .contacts-sector p { margin-bottom: 15px;}
.kontakt .contacts-sector a.contacts-sector-phone {}
.kontakt .contacts-sector a.contacts-sector-email {color: var(--main-color); width: fit-content;}
.kontakt .contacts-sector p, .kontakt .contacts-sector a {display: block; font-size: 17px; line-height: 1.5; width: fit-content; color: inherit;}
.kontakt .contacts-sector span {color: #838e94; font-size: 15px; font-weight: 300; line-height: 1.33;}


.static .contacts-left {border-top: 1px solid #dfdfdf; margin-top: 30px; padding-top: 30px;}
.static .contacts-left h4 {align-content: center; background-color: #fdf5ea; display: flex; flex-direction: column; justify-content: center; margin-bottom: 35px; min-height: 100px; flex-wrap: wrap;}
.static .contacts-left form {border-bottom: none; padding-bottom: 0;}
.static .contacts-left .btn {margin-top: 0;}


.social .row > .social-left {background: var(--alt-color); justify-content: flex-end}
.social .row > .social-right {background: var(--main-color);}
.social .row > [class^='col-'] {padding: 25px 50px; height: 80px;}
.social span {font-size: 24px; color: #fff; display: inline-block; font-weight: 400; line-height: 1; display: flex; align-items: center;}
.social span > a {line-height: 0; margin-left: 16px;}
.social span > a > svg {width: 26px; height: 26px; fill: #fff;}
.social span > a:hover > svg {fill: var(--alt-color);}


.pagination > .active > a {color: var(--main-color); font-weight: 400;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {margin: 1px; background: var(--main-color); color: #fff;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {background: var(--main-color); color: #fff;}



.shop .hideContent {margin-bottom: 40px;}
.shop .break-category {margin-bottom: 30px;}
.shop .subcat li > a {color: var(--black-color); line-height: 1.5;}
.shop .subcat li > a:hover {color: var(--main-color); font-weight: 400;}
.shop .subcat li > a > i {font-size: 12px; margin-right: 7px;}



.brand h1 {margin: 0;}
.brand .list-group-item>.badge {background: #fff; color: var(--main-color); border: 1px solid #dfdfdf; line-height: 1.3;}


.akcija .alert-warning {border-color: var(--main-color); background-color: #fdf5ea; background-image: none;}
.akcija .alert-warning h3 {color: var(--alt-color);}

form.orderby select {border: 0;}



.swiper-container.instaBanner {transform: translateX(-100px); overflow: unset;}
/*.instaBanner .swiper-slide a {padding: 40px;}
.instaBanner .swiper-slide:nth-child(even) {transform: translateY(-50px);}*/


.kamion-s-korpom .diagram img {max-width: 200px;}


.brochure .one-brochure {margin-bottom: 30px;}
.brochure-img {transition: transform .2s;}
.brochure-img:hover {transform: translate(-5px, -5px);}
.brochure .one-brochure h4 {font-size: 16px;}




footer {background: url(/img/primer/footer-back.webp) no-repeat center; position: relative; background-size: cover;}
footer:after {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.85);}
footer .details {background: transparent; z-index: 1; position: relative; color: #e9e9e9; border-bottom: 1px solid #424242; padding: 55px 0px 45px;}
footer .details a {color: #e9e9e9; line-height: 1; padding: 9px 0; display: inline-flex;}
footer ul li {line-height: 1.5;}
footer ul li a:hover:before {display: none;}
footer .details p.title {margin-bottom: 30px; color: #6c6c6c;}
footer .footer-contact {padding-left: 30px;}
footer .footer-contact:before {content: ''; width: 1px; position: absolute; left: 0; height: 100%; background: #424242; top: 0;}
footer .logo {margin: 0 30px 0 0; height: 65px; width: auto;}
footer .footer-contact ul {text-align: left;}
footer .footer-contact ul > li {display: inline-flex; margin-right: 16px; margin-bottom: 10px; font-size: 15px;}
footer .footer-contact ul > li svg {width: 20px; height: 20px; fill: var(--main-color); margin-left: 5px;}


footer .signature {color: #fff; z-index: 1; position: relative; font-size: 13px;}
footer .signature .tos ul > li {display: inline-block; line-height: 22px; padding-left: 10px;}
footer .signature .tos > ul > li > a {font-size: 13px;}
footer .credit-cards {text-align: center; }
footer .cc { height: 27px; width: auto; margin: 0 7px;}
footer .cc-wrap {background: #eee; z-index: 1; position: relative; padding: 16px 0;}


@media only screen and (min-width: 992px) {
    
    
    header .top {background: transparent; border-bottom: 1px solid rgba(0,0,0,.1);}
    header .top .content {padding-top: 0; padding-bottom: 0;}
    header .top ul > li {margin-right: 20px;}
    header .top ul > li:last-child {margin-right: 0;}
    header .top a {transition: all .15s; color: inherit; display: flex;}
    header .top svg {width: 20px; height: 20px; fill: #b1b1b1; transition: all .15s;}
    header .top a:hover svg {fill: var(--main-color);}
    header .top li:not(.top-menu-item) a:hover {color: var(--main-color);}
    header .top .top-menu-item {text-transform: uppercase; font-size: 14px; line-height: 1;}
    header .top .top-menu-item:first-child {margin-right: 0;}
    header .top .top-menu-item a { padding: 15px; }
    
    header .top .separator {position: relative;}
    header .top .separator:before { width: 2px; left: -11px; top: 5px; position: absolute; display: block; background: #ebebeb; height: 60%; z-index: 1; content: ''; }    
        
    
    
    header .bottom {padding: 0;}
    
    header .wsmenu > .wsmenu-list {display: flex;}
    header .wsmenu > .wsmenu-list > li > a.navtext {padding: 32px 15px; height: 100%; display: flex; align-items: center;}
    header .wsmenu > .wsmenu-list > li > ul.sub-menu {top: 83px; min-width: 300px;}
    header .wsmenu > .wsmenu-list > li:has(.sub-menu) > a.navtext {padding-right: 20px;}
    
    .intro picture img { width: 87%; margin-left: auto; display: block; max-width: 100%; max-height: 100%;}
    .intro .lp-stage-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; }
    .intro .lp-stage-container { max-width: 470px; padding: 8% 3% 8% 3%; background-color: #fff; width: 48%; box-shadow: rgb(100 100 111 / 9%) 0px 0px 25px 0px;}
    
    

}




@media only screen and (max-width: 991px) {
    
    header .mobile-menu {height: 60px;}
    header .wsmobileheader > .smllogo {width: auto; height: auto; display: flex; justify-content: center; padding: 7px 0 0;}
    header .smllogo img { height: auto; max-height: 46px; display: block; /*width: 100%;*/ }
    header .wsmenu > .wsmenu-list .dropdown > .dropdown-menu {position: static; float: none; max-width: 260px; box-shadow: none; border-radius: 0; border: 0; margin: 0; background: var(--main-color); padding: 10px 0;}
    header .wsmenu > .wsmenu-list .dropdown > .dropdown-menu a {white-space: pre-wrap; text-align: right; font-size: 16px; font-weight: 300; color: #fff;}
    header .wsmenu > .wsmenu-list > li:hover:before {opacity: 0;}
    header .wsmenu > .wsmenu-list > li:has(.sub-menu) > a.navtext {padding-right: 60px;}
    header .wsmenu > .wsmenu-list > li > .wsmenu-click > i {transition: transform .15s;}
    header .search-box {top: 60px;}
    
    
    
    header .menu-cart > ul {justify-content: center;}
    
    .category-menu ul {overflow-x: scroll; overflow-y: hidden;}
    .category-menu ul > li > a {min-width: 80px;}
    
    .intro .lp-stage-container, .intro.hager .lp-stage-container {padding: 30px 0;}
    
    .product .bettertabs {margin-top: 50px;}
    
}




@media only screen and (max-width: 767px) {
    
    .flex-xs {display: flex;}
    
    div.product-list-3 .one-product:nth-of-type(3n+1) {clear: none;}
    
    header .menu-cart > ul > li {width: 50px;}
    header .menu-cart > ul > li > a {height: 50px}
    header .menu-cart a.wishlist-cart {background-size: 25px; background-position: center 15px;}
    header .menu-cart a.user-icon {background-size: 30px;}
    header .menu-cart > ul > li .img-circle {width: 30px; height: 30px;}
    header .menu-cart > ul > li:last-child:has(.img-circle) {width: 36px;}
    header .menu-cart > ul > li:last-child:has(.img-circle) a {height: 30px;}
    header .menu-cart > ul > li:last-child:has(.user-icon) {}
    header .menu-cart > ul > li:last-child:has(.user-icon) a.user-icon {}
    
    
    .intro .lp-stage {padding-left: 0; padding-right: 0;}
    .intro .lp-stage-text {position: relative;}
    .intro .lp-stage-container, .intro.hager .lp-stage-container {padding: 30px 15px;}
    
    
    .services .one-service {margin-bottom: 30px;}
    .services .clearfix.m-b-20 {margin-bottom: 0!important;}
    
    
    .social span {font-size: 22px;}
    .social .row > [class^='col-'] {justify-content: center; height: 70px;}
    .social span > a > svg {width: 24px; height: 24px;}
    
    .o-nama .services {margin-bottom: 0!important;}
    .o-nama .img-section { padding: 30px 0; text-align: center; }
    .o-nama .img-section .row.flex {flex-direction: column;}
    .o-nama .img-section .img-box-right, .o-nama .img-section .img-box-left {padding-left: 0; padding-right: 0;}
    .o-nama .img-section-1 {margin-top: 10px;}
    .o-nama .img-section-1 .img-section-img {order: 1;}
    .o-nama .img-section-1 .img-section-text {order: 2;}
    .o-nama .circle-services {padding: 200px 0 120px;}
    
    
    .kontakt .contacts-left {padding-right: 15px;}
    .kontakt .contacts-right {padding: 0 15px;}
    .kontakt .contacts-list-item {margin-bottom: 25px;}
    .kontakt .contacts-info {padding: 20px;}
    
    .kamion-s-korpom .diagram {text-align: center; margin: 40px 0 0;}
    
    
    .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 .buttons-wrap {flex-direction: column;}
    .product .product-details .add-to-cart, .product-details .go-to-checkout {width: 300px; max-width: 90%; margin-left: 0; margin-top: 20px;}
    .product .product-details .pdf-info {text-align: center; padding: 30px 30px 0px;}
    
    .product .bettertabs .tab-content {padding: 36px 0 24px;}
    .product .bettertabs .nav-tabs {overflow-x: scroll; overflow-y: hidden; display: flex; align-items: center; justify-content: 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;}    
    
    
    .static .contacts-left h4 {padding: 10px 20px; text-align: center; line-height: 1.2;}
    .tos div {word-wrap: break-word; }
    
    footer .details.visible-xs {padding: 30px 0 20px 0;}
    footer .tgSadrzaj  ul {padding-top: 0;}
    footer .details a {display: block;}
    footer .footer-contact ul > li {display: block; text-align: center;}
    footer .details .tgNaslov {font-size: 16px; padding: 16px 0; text-transform: uppercase;}
    footer .logo {margin: 20px 0;}
    footer .signature .text-left {text-align: center;}
    footer .cc-wrap {text-align: center;}
    footer .footer-payment-info-title {margin-bottom: 16px; display: block;}
    footer .cc {margin: 0 7px 10px;}

}





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


@font-face {
	font-display: swap;
	font-family: 'Circe';
	src: url('/vendors/font/circe/Circe-Light.eot');
	src: url('/vendors/font/circe/Circe-Light.eot?#iefix') format('embedded-opentype'),
			url('/vendors/font/circe/Circe-Light.woff2') format('woff2'),
			url('/vendors/font/circe/Circe-Light.woff') format('woff'),
			url('/vendors/font/circe/Circe-Light.ttf') format('truetype'),
			url('/vendors/font/circe/Circe-Light.svg#Circe-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Circe';
	src: url('/vendors/font/circe/Circe-Regular.eot');
	src: url('/vendors/font/circe/Circe-Regular.eot?#iefix') format('embedded-opentype'),
			url('/vendors/font/circe/Circe-Regular.woff2') format('woff2'),
			url('/vendors/font/circe/Circe-Regular.woff') format('woff'),
			url('/vendors/font/circe/Circe-Regular.ttf') format('truetype'),
			url('/vendors/font/circe/Circe-Regular.svg#Circe-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Circe';
	src: url('/vendors/font/circe/Circe-Bold.eot');
	src: url('/vendors/font/circe/Circe-Bold.eot?#iefix') format('embedded-opentype'),
			url('/vendors/font/circe/Circe-Bold.woff2') format('woff2'),
			url('/vendors/font/circe/Circe-Bold.woff') format('woff'),
			url('/vendors/font/circe/Circe-Bold.ttf') format('truetype'),
			url('/vendors/font/circe/Circe-Bold.svg#Circe-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}