*  {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}


.container {
	max-width: none;
	width: 80%;
}


.container ul {
    margin-left: 16px;
    margin-bottom: 1.5rem;
}

.container ul, .container ul li {
    list-style-type: disc;
}

a {
	color: #444849;
}



.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0px;
    top: 350px;
}


.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0px;
    top: 350px;
}



.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
}

.owl-theme .owl-controls .owl-buttons div {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0px;
    opacity: 0.5;
    padding: 20px 35px;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-theme .owl-controls {
    text-align: center;
    position: absolute;
    right: 20px;
}



header {
    position: fixed;
	z-index: 999;
	background: transparent url(images/header.png)  0 0 repeat;
	min-height: 135px;
	width: 100%;
}

header.normal-position {
    /*position: static;*/
}


#top-nav ul {
    padding-top: 3em;
    list-style-type: none;
}

#top-nav ul li {
    float: left;
    font-weight: regular;
    margin: 1rem 0 0 1.0rem;
    text-transform: lowercase;
    padding: 1rem .8rem;
    font-family: 'Roboto', sans-serif;
    list-style-type: none;
}

#top-nav li a {
	color: #fff;
}


#top-nav li.selected {
	background: transparent url(images/nav.png)  0 0 repeat;
}


#top-nav li.selected a {
    color: #ef2925;
    font-size: 16px;
}


#top-nav ul li ul {
    position: absolute;
    margin: 0;
    padding: 0;
    background-color: #fff;
    padding: 1em;
    z-index: 9999999;
    display: none;
}


#top-nav ul li ul li {
    float: none;
    display: block;
    margin: 0;
    padding: 0;
    text-transform: none !important;
    padding-bottom: 4px;
    margin-bottom: 4px;
    border-bottom: solid 1px #eee;
}

#top-nav ul li ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom-width: 0; 
}

#top-nav ul li ul li a {
    color: #000 !important;
}

#top-nav ul li ul li a:hover {
    color: #EF251B !important;
}

a.logo {
    display: block;
    padding-top: 48px;
}

.container-header {
	width: 78%;
    position: relative;
}


.carousel-description-wrapper {
    padding-top: 16vw;
    position: absolute;
    width: 100%;
    z-index: 999;
    text-align: center;
    font-family: 'Roboto', sans-serif;
   
}

.pointer {
 	pointer-events: none;
}

.carousel-title {
    color: #444849;
    font-size: 2.5em;
    font-weight: bold;
    line-height: 1.27em;
    margin-bottom: 0;
    background: transparent url(images/header.png)  0 0 repeat;
    display: inline;
    font-weight: 300;
    color: #fff;
    position: absolute;
    left: 1em;
    bottom: 1em;
    padding: 0.65em;
}


.carousel-title b, .carousel-title b {
	font-weight: 700;
}

.carousel-title em, .carousel-title i {
	font-size: .5em;
}


.carousel-description {
    color: #444849;
    font-size: 2.8em;
    font-weight: bold;
    line-height: 1.27em;
    margin-bottom: 0;
    background: transparent url(images/bijelo85.png)  0 0 repeat;
    display: inline;
    font-weight: 300;
    font-style: italic;
    padding: 0 0.5em;
}

.boxes {

}

.boxes img {
	width: 100%;
	display: block;
}


.boxes .row .col {
	padding: 0 !important;
	position: relative;
}


.home-group-title {
	position: absolute;
	z-index: 10;
	padding: .5em .25em;
	bottom: 0px;
	left: 0px;
	background: transparent url(images/header.png)  0 0 repeat;
	display: inline;
	color: #fff;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 0.90em;
	/*text-shadow: 0px 2px 6px rgba(150, 150, 150, 1);*/
    margin-right: .5em;
}


.light-bg img {
    width: 100%;
}


.light-bg {
    background-color: #FFF;
    padding-bottom: 2em;
    margin-bottom: 0;
}

.footer-bg {
    background-color: #2b2b2b;
    padding: 2em;
    text-align: center;
    color: #B9B9B9;
    font-family: 'Roboto', sans-serif;
    padding: 2em 15em 6em 15em;
}

.footer-bg a {
    transition: all .2s;
}

.footer-bg a:hover {
    color: #ef2925;
}


.footer-bg img {
    width: auto;
}

.txt-box {
    background-color: #fff;
    padding: 6em !important;
    color: #879393;
}

.txt-box-onama {
    background-color: #2b2b2b;
    color: #bbbbbb;
}

.no-padding {
    padding: 0;
}


span.label {
    background-color: #ea0f00;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 .3em;
    display: inline-block;
}

span.date {
    color: #A4A4A4;
    font-style: normal;
    display: block;
    text-transform: uppercase;
    margin: .3em 0;
    font-size: 13px;
}


span.label-big {
	font-size: 1.6em;
	padding: 0 .8em;
}



h2 {
    font-size: 1.8rem;
    line-height: 2.316rem;
    margin: 1.78rem 0 1.424rem;
    font-weight: bold;
}

.txt-box-onama h2 {
    color: #fff;
}


h2.brand-title {
    color: #999;
}

.grid-multiply-content {
    background: transparent url("/site/templates/css/images/multiply.png") repeat scroll center center;
    color: #fff;
    display: none;
    margin-top: 0;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 100;
}

.mp {
    cursor: hand;
    cursor: pointer;

}


.btn-carousel {
    display: inline-block;
    margin: 1em 0;
    background-color: #f53333;
}

.btn-carousel:hover {
    background-color: #f36464;
}


.btn-upit {
    display: block;
    margin: 1em 0;
    background-color: #FF0000;
}

.btn-upit:hover {
    background-color: #f53333;
}

.btn-call {
    display: block;
    margin: 1em 0;
    background-color: #003b49;
}

.btn-call:hover {
    background-color: #1d4c57;
}


footer {
    text-transform: uppercase;
    color: #fff;
}

footer a {
    color: #B9B9B9;
    padding: .4em .7em;
    font-weight: 700;
    display: inline-block;
}


.footer-holder {
    overflow: hidden;
    width: 60%;
    margin: 0 auto;
}

.half {
    width: 50%;
    float: left;
}

.half p a, .half a {
    padding-left: 0;;
}

.newsletter {
    text-transform: uppercase !important;
}

.newsletter p {
    font-size: 30px !important;
    color: #fff;
}

.newsletter span {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
}

.newsletter a {
    display: block;
    color: black;
    margin: 15px 0;
    background-color: #ef2925;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 14px;
    max-width: 180px;
    text-align: center;
    transition: all .3s;
}


.newsletter a:hover {
    background-color: #000;
    color: white;
}

.follow {
    margin-top: 2em;
    font-weight: 700;
    font-size: 0.9em;
    text-transform: none;
    font-weight: normal;
    text-align: left;
}


.follow p {
    text-transform: uppercase;
    font-size: 1.3em;
    margin-bottom: 5px;
    padding-bottom: 0;
    font-weight: bold;
}


footer .follow p a {
    color: #fff;
    font-weight: bold;
}

footer .follow a {
	/*
    padding: 0;
    font-weight: normal;
    color: #E32724;
    */
}

.follow-icons {
    margin: 1.5em 0;
}


.phone {
	height: 35px; 
	color: #fff;
	float: right;
	font-weight: bold;
	margin-right: .3em;
}

.phone span {
	font-size: 1.8em;
	padding-left: .3em;
}

a.circle {
	border-radius: 50%;
	width: 35px;
	height: 35px; 
	border: solid 2px #fff;
	color: #fff;
}

a.circle:hover {
	border: solid 2px #3f5c9a;
}

a.circle:hover i {
	color: #3f5c9a;
}


a.lista-label {
    float: right;
    margin: 0 0 0 3em;
    position: relative;
}

a.lista-label span {
    position: absolute;
    z-index: 10;
    width: 29px;
    height: 29px;
    text-align: center;
    background-color: #A7A7A7;
    color: #333;
    line-height: normal;
    border-radius: 50%;
    right: -20px;
    font-weight: bold;
    padding-top: 5px;
}

a.yt:hover {
	border: solid 2px #b51b1f;
}

a.yt:hover i {
	color: #b51b1f;
}


a.circle i {
	display: inline-block;
	text-align: center;
	width: 30px;
	font-size: 20px;
	line-height: 0;
	padding-top: 15px;
}


footer a.circle i {
    padding-top: 13px;
    padding-left: 7px;
}


footer a.circle {
	width: 40px;
	height: 40px;
	margin: 0 4px;
}

/*
.follow-icons .circle {
	display: inline-block;
	margin: 0 .4em;
}

.follow-icons .circle a {
	color: #fff;
	margin-top: 6px;
}

.follow-icons .circle:hover, .circle:hover {
	border: solid 2px #3f5c9a;
}

.follow-icons .circle a:hover, .circle a:hover {
	color: #3f5c9a;
}
*/

.social {
	position: absolute;
	top: 1em;
	padding-right: 2em;
	display: none;
    width: 100%;
}

.social .circle {
	float: right;
	margin: 0 0 0 1em;
}


.social-2 {
	margin-top: 2em;
	/*padding-left: 4em;*/
}

.social-2 > a {
    margin-right: 10px;
    display: inline-block;
}

.social-2 .circle {
	width: 50px;
	height: 50px; 
	float: left;
	margin: 0 0 0 1em;
	border: solid 2px #c6cac9;
	color: #c6cac9;
}


.social-2 .circle:first-child {
    margin-left: 0;
}

.social-2 .circle i {
	width: 50px;
    font-size: 20px;
    text-align: center;
}




.select-controls-wrapper {
	display: none;
	/*position: absolute;*/
	z-index: 200;
	top: 180px;
}

.select-controls-wrapper-2 {

}

.select-wrapper input.select-dropdown {
	background: transparent url(images/bijelo60.png)  0 0 repeat;
}

.select-wrapper input.select-dropdown {
	font-weight: bold;
	padding-left: 1em;
	font-family: 'Roboto', sans-serif;
}

.select-wrapper .mdi-navigation-arrow-drop-down {
	font-size: 36px;
	line-height: 44px;
}


.select-container {
	width: 25%;
	float: left;
	padding: 0 1em;
    margin-bottom: 1em;
}

.dummy {
	width: 12.5%
}

.select-container-offset {
	width: 20%;
	float: left;
}


.product-basic-info {
	background-color: #fff;
	margin-top: -143px;
	z-index: 1;
	position: relative;
	min-height: 200px;

}

.product-basic-info-content {
	padding: 3em 4em 0.5em 4em !important;
}


.sub-info {
	text-transform: uppercase;
	color: #444849;
	letter-spacing: 1px;
	font-size: .85em;
	font-weight: bold;
    padding-bottom: 1em;
}

.sub-info-light {
	font-weight: normal;
}



.badge {
	position: absolute;
	right: 7px;
	top: 7px;
    z-index: 100;
}


h1 {
	font-weight: regular;
	color: #444849;
	line-height: .9em;
}

.old-price {
	text-decoration: line-through;
	font-weight: bold;
}

.price {
	font-size: 2em;
	font-weight: bold;
	color: #00d9d6;
}

.price-outlet {
    color: #ff1300 !important;
}


.price-upit {
    text-transform: none;
    font-size: 1.5em;
    color: #00d9d6;
}

.product-buttons-wrapper {
	text-align: center;
}

.owl-controls {
	/*display: none !important;*/
}

#owl-carousel {
	line-height: 0;
}

.product-additional-info {
	padding: 2em 4em !important;
	color: #727272;
}

.top-1 {
	margin-top: 1.5em;
}

.brand-wrapper {
	background-color: #393939;
	text-align: center;
	padding-top: 5em;
	padding-bottom: 5em;
    margin-top: 30px;
}

.brand-wrapper img {
	width: auto;
}


.product-additional-info ul {
	margin-top: 0.5em;
}

.product-additional-info a {
	text-decoration: underline;
}


.marker {
    color: #8fb4c6;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 1.1em;
}

.container .row .brands {
    text-align: center;
    box-sizing: content-box !important;
    opacity: .6;
}

.container .row .brands img {
    width: 50%;
    display: inline-block;
    margin: 1em 0;
}

.super-top {
    /*padding-top: 135px;*/
}


h1 {
    font-size: 2em;
}

.super-top a {
    color: #d00;
}


.news-title {
    background-color: #fff;
    /*min-height: 300px;*/
    padding: 2em;
}



.news-title h1 {
    color: #444849;
    
    margin-top: 0;
    line-height: 1.2em;
}

.news-description {
    background-color: #fff;
    min-height: 300px;
    padding: 2em;
    color: #929495;
    padding-top: 0;
}





.content-title {
    background-color: #484a49;
    padding: 2em;
}


.content-title h1 {
    color: #fff;
    
    margin-top: 0;
    line-height: 1.1em;
}

.content-description {
    background-color: #fff;
    min-height: 300px;
    padding: 3em;
    color: #929495;
}







.some-margin {
    margin-top: 2em;
}

h2.news-item-heading a {
    color: #444849 !important;
    transition: all .2s;
}


h2.news-item-heading a:hover {
    color: #ef2925 !important;
}

.select-container-2 {
    width: 20%;
    float: left;
    padding: 0 1em;
    overflow: hidden;
}


.drop-zone {
    background: transparent url("images/bijelo70.png") repeat scroll 0 0;
    color: #444849;
    height: 45px;
    padding: 21px;
    border: solid 1px #ccc;
    line-height: 0;
    float: left;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*font-size: 13px;*/
}

.arrow {
    height: 45px;
    width: 15%;
    background: #9e9e9e url(images/arrow.png) center center no-repeat;
    text-align: center;
    float: left;
}

.options-wrapper {
    clear: both;
    padding: 21px;
    background-color: #fff;
    position: absolute;
    z-index: 99999;
    margin-top: 45px;
    display: none;
    -webkit-box-shadow: 3px 3px 31px -11px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 31px -11px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 31px -11px rgba(0,0,0,0.75);
}


.options-wrapper ul {
    line-height: normal;
}

.options-wrapper ul li a {
    color: rgba(0, 0, 0, 0.87);
}


.options-wrapper ul li {
    padding: 0.4em 0;
}

.options-wrapper ul li.selected a {
    font-weight: bold;
    color: #d00;
}

.drop-zone h1 {
    color: #444849;
    font-size: 15px;
    line-height: 0;
    font-weight: normal;
    margin: 0;
}


p.warning {
    color: #ccc;
    text-align: center;
    font-size: 1.3em;
    padding: 1em 0;
}


p {
	padding-bottom: 1em;
}



.carousel-title-kontakt {
    color: #444849;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.27em;
    margin-bottom: 0;
    background: transparent url(images/bijelo85.png)  0 0 repeat;
    display: inline;
    font-weight: 300;
}

.carousel-title-kontakt b, .carousel-title-kontakt b {
	font-weight: 700;
}

.carousel-title-kontakt em, .carousel-title-kontakt i {
	font-size: .5em;
}


.item img {
    width: 100%;
}

.row-brand {
    /*margin-bottom: 4em;*/
}

.row-brand .col { 
    margin-bottom: 2em;
}

.controls {
    position: absolute;
    /*width: 100%;*/
    top: 350px;
}

.controls div {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0;
    opacity: 0.5;
    padding: 20px 35px;

}

.prev {
    left: 0;
}

.next {
    right: 0;
    position: absolute;
}

.thumbs-wrapper {
    overflow: hidden;
}

.thumb {
    float: left;
    position: relative;
}

.owl-theme .owl-controls .owl-page span {
	border-radius: 0;
	background-color: #fff;
	border: solid 3px #ccc;
	height: 20px;
	width: 20px;
	opacity: .9;
	margin-bottom: 20px;

}

.owl-pagination {
	margin-top: -55px;
}


.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	opacity: .9;
	border: solid 3px #d00;
}


.button-collapse {
    display: block;
    float: right;
    font-size: 2.5rem;
    color: #fff;
}

#mobile-nav {
    padding-top: 10px;
    background-color: #333;
}


#mobile-nav ul li {
	font-weight: bold;
    display: block;
    float: none;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}

#mobile-nav ul li a {
    color: #fff;
    font-size: 20px;
}


#mobile-nav ul li:hover {
    background-color: #ff3b3b;
}

#mobile-nav ul li.selected a {
    color: #ff3b3b;
}


#mobile-nav ul li.selected:hover a {
    color: #fff;
}



#mobile-nav ul li ul {
    /*border-top:  solid 1px #666;*/
    padding:  20px 0;
}


#mobile-nav ul li ul li {
    padding: 5px 0;
}

#mobile-nav ul li ul li a { 
    font-size: 14px;
    color: #999 !important;
}

.side-nav a {
    height: auto;
    line-height: normal;
    display: block;
    padding: 0 15px;
}


#top-nav {
    margin-top: 2em;
}

ul.designers {
    list-style-type: none;
    display: inline;
}


ul.designers li {
    display: inline;
    margin-right: 1em;
    font-weight: bold;
}


.carousel-wrapper-product {
    width: 75%; 
    margin: 0 auto;
}


.desc {
    padding: 2em 2em 0 2em;
    color: #888;
}

.desc img {
    width: auto;
    display: block;
    margin-bottom: .5em;
}


.disabled-selector {
    opacity: 0.35;
}


.radio-wrapper {

}


.radio-wrapper p {
    display: inline;
}

.company-holder {
    display: none;
}


.btn  {
    background-color: #003b49;
}


p.special-title {
    color: #fff;
    background-color: #0eedea;
    font-size: 3em;
    font-weight: bold;
    padding: 0.5em 0.3em;
    line-height: 0;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
}


.submenu {
    display: none;
}



.submenu ul {
    list-style-type: none
}

.submenu ul li {
    float: left;
    font-family: "Roboto",sans-serif;
    font-weight: bold;
    margin: 0 0 0 1rem;
    padding: 1em 0.8rem;
    text-transform: uppercase;
}

.submenu ul li a {
    color: #fff;
}

.submenu ul li.selected {
    background-color: #ff3b3b;
}

.submenu-wrapper {
    background-color:rgba(0, 0, 0, 0.75);
    position: absolute;
}


.row-header {
    margin-bottom: 0px;
}


.header-image {

}


.header-image img {
    width: 100%;
}

/*ff3b3b*/


#list-submenu {
	
}


.close {
    color: #999;
    cursor: pointer;
    font-size: 3rem;
    line-height: 0;
    margin-bottom: 1rem;
    padding: 0 3rem;
}

.close i:hover {
    color: #ff3b3b;
}

.right-align {
    text-align: right;
}


div.pass {
	padding: 7px;
}


div.pass > div {
    position: relative;
}


.circle a {
    color: #fff;
}

footer .author {
    font-size: .8rem;
    color: #777;
    text-align: left;
    text-transform: none;
}

footer .author a {
    color: #777;
}


.opis-grupe {
    text-align: left;
    margin-bottom: 0rem;
    margin-top: 4rem;
}

.opis-grupe a {
    color: #ef2925;
}


.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}



#cookie-wrapper {
    background: #2e2e2e none repeat scroll 0 0;
    bottom: 0;
    color: #B9B9B9;
    display: none;
    font-size: 13px;
    height: auto;
    left: 0;
    position: fixed;
    text-align: left;
    width: 100%;
    z-index: 50;
}



#cookie-wrapper-inner {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 30px;
    position: relative;
    text-align: center;
    width: 100%;
}


#cookie-wrapper-inner span a, #cookie-wrapper-inner a {
    color: #ef2925;
    font-weight: bold;
    padding-left: 10px;
    text-decoration: none;
}

#cookie-wrapper-inner a {
    padding: 0;
}


.no-width {
    width: auto !important;
}

ul.artikli-brand {
    list-style-type: none;
    display: inline;
}

ul.artikli-brand li {
    display: inline-block;
    margin-right: 10px;
}

ul.artikli-brand li a {
    color: #E3000F;
}

.brand-item {
    padding: 30px !important;
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
}

.brand-item:nth-child(even) {
    border-right-width: 0;
}

.artikli-u-ponudi {
    font-size: 13px;
    color: #666;
}


.float-wrapper {
    position: absolute;
    z-index: 999;
    top: -500px;
    width: 100%;
    text-align: center;
    z-index: 999999;
    cursor: pointer;
}

.float-wrapper img {
    max-width: 100%;
}


.modal.modal-fixed-footer {
    height: 80%;
}


.modal {
    max-height: 80%;
}




/* Lista upita: */
/* ************************************** */


.lista {

    min-height: 100vh;
    display: flex;
    width: 100%;
}


.lista-main {
    flex: 0 0 60%;
}


.lista-side {
    flex: 0 0 40%;
    padding: 3rem 6rem;
    background-color: #B8B8B820;
}

.lista-side ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #888;
    opacity: 1; /* Firefox */
  }
  
  .lista-side :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #888;
  }
  
  .lista-side ::-ms-input-placeholder { /* Microsoft Edge */
    color: #888;
  }



.lista-side button {
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    padding: 20px;
    margin-top: 0;
    border: solid 2px #64D158;
    text-transform: uppercase;
}


.lista-side .agree-wrapper label {
    font-size: 13px;
    color: black;
}

.lista-controls {
    display: flex;
    margin-bottom: 30px;
    flex-direction: column;
}

.lista-controls > div:first-child {
    text-align: left;
    flex: 0 0 50%;
    margin-bottom: 1rem;
}

.lista-controls > div:last-child {
    flex: 0 0 50%;
}


.lista-controls > div:first-child a {
    font-size: 12px;
    position: relative;
    margin-left: 30px;
    height: 30px;
    display: inline-block;
    line-height: 33px;
}

.lista-controls > div:first-child a::before {
    position: absolute;
    content: "";
    left: -30px;
    height: 20px;
    width: 26px;
    background: url("../images/lista-arrow.svg") no-repeat top left; 
    top: 6px;
}

.lista-controls > div:last-child span, div.icon-upit span {
    font-size: 20px;
    position: relative;
}

.lista-controls > div:last-child span {
    font-size: 30px;
    font-weight: bold;
}

.lista-controls > div:last-child span::before, div.icon-upit span::before {
    position: absolute;
    content: "";
    left: -45px;
    height: 37px;
    width: 37px;
    background: url("../images/lista.svg") no-repeat top left; 
    top: 0;
}

.list-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.list-item-img {
    flex: 0 0 20%;
}

.list-item-img img {
    width: 100%;
}


.list-item-name {
    flex: 0 0 20%;
    padding: 20px;
    text-transform: uppercase;
}

.list-item-name p {
    font-size: 11px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.list-item-name span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-transform: none;
}




.list-item-comment {
    flex: 0 0 40%;
}

.list-item-comment textarea {
    background-color: white;
    border: solid 1px #ddd;
    width: 100%;
    height: 135px;
    padding: 20px;
    color: black;
}


.list-item-comment ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #444;
    opacity: 1; /* Firefox */
}
  
.list-item-comment :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #444;
}
  
.list-item-comment ::-ms-input-placeholder { /* Microsoft Edge */
    color: #444;
}



.list-item-remove {
    flex: 0 0 20%;
    text-align: center;
    cursor: pointer;
}


.list-item-remove img {
    width: 30px;
}



button:disabled, button[disabled] {
    opacity: .4;
}



.mobile-lista-label {
    width: 100%;
    background-color: red;
    text-align: center;
    display: block;
    padding: 5px 0;
    color: white;
    border-bottom: solid 2px white;
    position: absolute;
    display: none;
}

.container-header-extra {
    padding-top: 14px;
}

.kn {
    margin-left: .5rem;
    font-weight: bold;
}

.tecaj {
    font-size: 11px;
}

.lowest-price {
    font-size: 11px;
    font-style: italic;
}

.err {
    color: red;
    font-size: 12px;
}


.news-archive {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: center;
}

.news-item {
    flex: 0 0 30%;
    border: solid 1px #e2e2e2;
    margin-bottom: 2rem;
}

.news-item  p {
    color: #9da9b3;
}

.news-item img {
    width: 100%;
}

.news-item-img {
    display: block;
    margin-bottom: 2rem;
}

.news-item > div {

}

.news-item > div > div {
    padding: 0 2rem;
}

.news-item .date {
    margin-bottom: .5rem;
}


.news-item h2 {
    margin-top: 0;
}

/*
.arhiva-title {
    color: #94B6C8;
    text-transform: uppercase;
    text-align: center;

    
}
*/

.arhiva-title {
    width: 100%; 
    text-align: center; 
    border-bottom: 1px solid #dddddd; 
    line-height: 0.1em;
    margin: 3rem 0;
    font-size: 1.25rem;
    font-weight: bold;
    color: #94B6C8;
    text-transform: uppercase;
 } 
 
 .arhiva-title span { 
     background:#fff; 
     padding:0 3rem; 
 }




 .aktualno-title {
    width: 100%; 
    text-align: center; 
    border-bottom: 1px solid #dddddd; 
    line-height: 0.1em;
    margin: 3rem 0;
    font-size: 1.25rem;
    font-weight: bold;
    color: #94B6C8;
    text-transform: uppercase;
 } 
 
 .aktualno-title span { 
     background:#EF2925; 
     color: #fff;
     padding: .5rem 1rem; 
     letter-spacing: 1px;
     border-inline: solid 2rem white;
 }


 .aktualno-home-item a {
    transition: all .2s;
 }

 .aktualno-home-item a:hover {
    color: #EF2925;
 }


 .product-list-details {
    padding: 1rem;
    color: #646464;
    z-index: 200;
    background-color: white;
 }

 .product-list-details p {
    margin-bottom: 0;
    padding-bottom: 0;
 }

 .product-list-details-special {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.55px;
    padding-bottom: .5rem;
 }

 .product-list-details-price {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.55px;
    margin-bottom: .5rem !important;
 }

 .product-list-details-price span {
    color: #3de2e1;
    font-size: 25px;
    font-weight: bold;
 }

 .product-list-details-lowest {
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
 }

 .show-more {
    cursor: pointer;
    transition: color .2s;
    font-weight: bold;
    color: #444;
 }

 .show-more:hover {
    cursor: pointer;
    color: #ef2925;
 }

 .show-more > span {
    color: #ef2925;
 }

 .opis-grupe-clump {
    position: relative;
 }

 .opis-grupe-clump::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    height: 55px;
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
 }



 .opis-grupe p {
    display: none;
 }

 .opis-grupe p:first-child {
    display: block;
 }