.osp-item-promos .osp-elem.osp-empty > strong {
    display: none;
}

.croatiannotice{
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    background: #ffd0d0;
    border: 3px dashed #bd0909;
    color: #2d0202;
    border-radius: 10px;
    padding: 15px 10px;
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center;
}

p.tag-active {
	float: left;
    display: block;
    background: #d2f9d2;
    color: #203b20;
    width: fit-content;
    padding: 1px 8px;
    border: 1px solid #b9f5b9;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 13px;
    font-weight: 600;
}

p.tag-inactive {
	float: left;
    display: block;
    background: #959595;
    color: #ffffff;
    width: fit-content;
    padding: 1px 8px;
    border: 1px solid #9d9d9d;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 13px;
    font-weight: 600;
}

p.tag-expired {
    float: left;
    display: block;
    background: #ffc5c5;
    color: #511313;
    width: fit-content;
    padding: 1px 8px;
    border: 1px solid #f7b7b7;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 13px;
    font-weight: 600;
}

body.search .list-header .actions {
    margin-top: -40px;
}

body.search .list-header {
    margin-bottom: -20px;
}

.fast-info {
    font-family: monospace;
    color: #000000;
    size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    letter-spacing: -0.4px;
}

form[name="user-public-profile-search"] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin: 0 0 12px 0;
    width: 100%;
    background: #f6f6f6;
    padding: 20px;
    border-radius: 5px;
}

button#toggle-user-filter{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.user-extra{
    display: block;
    width: 100%;
    float: left;
    margin-top: 20px;
    font-style: italic;
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
    padding-bottom: 5px;
}

.user-extra.limited {
  max-height: 15em; /* Približno 50 vrstic (1.5em na vrstico) */
  overflow: hidden;
  position: relative;
}

.toggle-more {
  display: inline-block;
  margin-top: 0.5em;
  color: #007bff;
  cursor: pointer;
  text-decoration: underline;
}

.ad-970-home{
    min-height: 250px;
    min-width: 970px;
}
.ozadje-spr-white{
    margin-left: auto;
    margin-right: auto;
    max-width: 1050px;
    margin-bottom: 60px;
}

.spr-block h2 {
    text-align: center;
    font-size: 35px;
    margin-top: 35px;
    margin-bottom: 40px;
}
.spr-block p {
    text-align: center;
}

.admin-options span {
    margin: 0 0px 0 0;
    float: none;
}

.osp-h1 {
    display: none;
}

.flat-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Segoe UI', sans-serif;
  font-size: 16px;
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  overflow: hidden;
}

.flat-table thead {
  background-color: #f5f5f5;
}

.flat-table th,
.flat-table td {
  padding: 16px 20px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}

.flat-table th {
  font-weight: 600;
  color: #333;
  background-color: #f0f0f0;
}

.flat-table tbody tr:hover {
  background-color: #f9f9f9;
  transition: background-color 0.3s;
}

.flat-table td {
  color: #555;
}


#about-page .grid {
    margin: 0 auto 100px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    MAX-WIDTH: 1050PX;
}

#about-page .card {
    border-radius: 12px;
    overflow: hidden;
}

.card-content h3{
    margin-top: 10px;
    margin-bottom: 3px;
}

  .mySwiper-6 .swiper-wrapper {
    flex-wrap: nowrap !important;
  }

.page-contact{
    background: linear-gradient(124deg, #173755, #247d91 75%) !important;
    margin: -15px;
    padding: 50px 0px 50px 0px;
    margin-bottom: -90px;
}

.mySwiper-6 .swiper-wrapper {
  flex-wrap: nowrap !important;
}

.card img{
    border-radius: 10px;
}

.page-contact .form-container-box{
    max-width: 700px !important;
    margin-left: auto;
    margin-right: auto;
    display: flow-root;
}

.contact-header h2 {
    font-size: 40px;
    color: white;
}

.contact-header p {
    margin-bottom: 50px;
    margin-top: 0px;
    color: #ffffffdb;
    font-size: 18px;
    font-weight: 300;
}

.page-contact .form-horizontal label {
    color: white;
    margin-bottom: 10px;
}

body .im-threads .im-title a {
    font-weight: 600;
    font-size: 14px;
    color: #245a91;
    text-decoration: none;
}	

body .im-profile-img {
    border-radius: 500px;
}

ul {
  margin-left: 30px;
  list-style-type: disc;
}

body.page div.breadcrumb {
    display: none;
}

li {
  margin-bottom: 5px;
}

.order-now {
    width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

.order-now-main a {
    background: #049357;
    color: white;
    padding: 25px 30px 25px 30px;
    font-size: 19px;
    border-radius: 50px;
    width: 450px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.order-now-second {
    width: 100%;
    float: left;
}

.order-now-second a {
    color: #4a4a4a;
    padding: 20px 30px 20px 30px;
    font-size: 17px;
    text-align: center;
    display: block;
}

.order-now-second a:hover {
    color: #000000;
    transition: 0.3s;
}

.element-ogl-glava {
    background-image: linear-gradient(320deg, #173755, #216175 75%) !important;
    display: flex;
    float: left;
    width: calc(100% + 30px);
    margin-top: -40px;
    margin-left: -15px;
    margin-bottom: 30px;
    padding: 40px 0px 40px 0px;
}

.element-subblock .element-ogl-glava h1 {
    font-size: 45px !important;
    font-weight: 500 !important;
}

.element-subblock .element-ogl-glava h2 {
    font-size: 20px !important;
    color: #f9fcff !important;
    letter-spacing: 0.1px;
    line-height: 33px;
    margin-top: 15px !important;
}

.element-ogl-glava-inside {
    width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

.paginate a, .paginate span {
    border: 2px solid #000000;
    color: #000000;
}

.paginate a:hover {
    background: #e9e9e9;
    border: 2px solid #000000;
}

.paginate span.searchPaginationSelected {
    background: #000000;
    border-color: #000000;
}

.element-card-big-bold {
    font-size: 40px !important;
    text-align: center;
    padding-top: 15px;
    color: black !important;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 15px !important;
}



.element-ogl-glava-inside-left {
    width: 50%;
    float: left;
}

.element-ogl-glava-inside-right {
    width: 50%;
    float: left;
}

.element-ogl-glava-inside-right img {
    margin-top: 15px;
}

.element-ogl-glava h1 {
    font-size: 20px !important;
    color: white !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px;
    margin-top: 100px;
    margin-bottom: 0 !important;
}

.element-ogl-glava h2 {
    font-size: 32px !important;
    line-height: 45px;
    color: white !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px;
    margin-top: 0 !important;
}

.element-cards-main-flex {
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.element-cards-main {
    display: inline-flex;
    width: 100%;
}

.element-card {
    margin: 10px;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    min-height: 180px;
}

.ozadje-ogl p {
    line-height: 26px;
    font-size: 15px;
    color: #8a8a8a;
    margin-bottom: 10px;
}

.element-card-bold {
    text-align: center;
    font-weight: 500;
    font-size: 22px !important;
    color: black !important;
    margin-top: 15px;
}

.element-card-normal {
    text-align: center;
}

h2.promo-page {
    text-align: center;
    font-size: 36px;
    margin-top: 80px;
    margin-bottom: 0px;
}

p.promo-page {
    text-align: center;
    font-size: 20px !important;
    margin-top: 20px;
    margin-bottom: 55px !important;
    color: #404952 !important;
}

.element-ogl {
    display: table;
    margin: 10px 0px 10px 0px;
    padding: 20px 0px 20px 0px;
    width: 1110px;
    margin-left: auto;
    margin-right: auto;
}

.element-ogl-levo {
    width: 40%;
    float: left;
    margin-right: 1.5%;
}

.element-ogl h2 {
    font-size: 35px;
	line-height: normal;
    margin-top: 180px;
    margin-bottom: 15px;
}

.element-ogl p {
    line-height: 28px;
    font-size: 15.85px;
    color: #2e2e2e;
    margin-bottom: 0px;
}

.element-ogl-desno {
    width: 55%;
    float: right;
    margin-left: 1.5%;
}

.element-ogl img {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 70%;
    margin-left: 10%;
    border-radius: 15px;
}


body.item.item-post  #osp-promos {
	display:none;
}

#moved_meta{
float: left;
    width: 100%;
    display: inline-grid
;
    background: linear-gradient(288deg, #123659, #5d8d6a);
    padding: 0px 15px 0px 15px;
    border-radius: 5px;
    color: white;
    margin-bottom: -30px;
    margin-top: 20px;
}

body.item #osp-promos {
    display: none;
}

body.item.item-post #main {
    width: 610px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 20px 30px;
}

p.empty{
    background: #f7f7f7;
    color: #000000;
    padding: 35px 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
}

.shop-button-side a{
    background: linear-gradient(288deg, #123659, #5d8d6a);
    color: white;
    padding: 10px 10px;
    width: 100%;
    float: left;
    text-align: center;
    border-radius: 500px;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: background 0.5s; /* dodaj transition tukaj */
}

.shop-button-side a:hover{
    background: linear-gradient(288deg, #1c5389, #6cab7d);
	text-decoration: none;
}

.contact-button {
    background: #000000;
    color: white !important;
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 10px;
    margin: 10px 0px 10px 0px;
    border-radius: 500px;
}

.read-only-fields{
    font-size: 15px;
    float: left;
    background: #f9f8f8;
    height: 50px;
    padding: 10px 10px;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 3px;
    border: 1px solid #ccc;
    width: 100%;
}

.osp-item-promos {
    box-shadow: none;
    border: none;
}

.osp-item-promos .osp-elem .osp-data {
	background: #ededed;
    color: #000000;
    justify-content: center;
    cursor: help;
    width: fit-content;
    border-radius: 4px;
    border: 0px !important;
}

.osp-item-promos .osp-elem .osp-name {
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
}

.osp-item-promos .osp-elem.osp-empty {
    font-style: normal;
    font-weight: 600;
}

.osp-item-promos .osp-options {
    border-radius: 4px;
    border: 1px solid #ccc;
}

.osp-item-promos .osp-elem:hover .osp-data {
    background: #ededed;
    border: none;
    border-radius: 4px;
}

.osp-item-promos .osp-elem .osp-extra {
    display: flex
;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    position: absolute;
    display: none;
    left: 0;
    top: calc(100% - 1px);
    border: 0px solid;
    border-color: var(--mb-color-primary, #dbdbdb);
    border-top: none;
    width: 100%;
    background: #fff;
    z-index: 4;
    border-radius: 0 0 4px 4px;
}

#osp-promos.osp-loc-user {
    background: #fff;
    box-shadow: none;
}

.osp-item-promos .osp-elem .osp-caret {
    display: none;
}

.osp-item-promos .osp-elem .osp-paid-label {
    display: none;
}

.osp-item-promos .osp-elem .osp-payment {
    display: none;
}

.osp-item-promos .osp-elem .osp-expire span {
    background: none;
    float: right;
}

.osp-options .osp-pinfo {
    display: inline !important;
}

.osp-options .osp-o-row {
    display: none !important;
}

footer {
    background: #000000;
}

footer .copy, footer .language {
    color: rgb(255 255 255 / 60%);
}

footer .copy a {
    color: rgb(255 255 255 / 60%);
    text-decoration: underline;
}

footer .box > a {
    color: rgb(255 255 255);
}

footer .language a {
    color: rgb(255 255 255);
}

footer .language a.active {
    font-weight: bold;
    text-decoration: underline;
}

footer .box > a:hover {
    color: rgb(181 181 181 / 90%);
}

.user-img-button .btn.btn-primary{
    background: #e7e7e7;
    color: black;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 10px;
    border-radius: 5px;
}

.user-sidebar-main {
    border-bottom: 1px solid #d1d1d1;
    float: left;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.user-sidebar-main a {
	float: left;
}

body.user #sidebar a{
	float: left;
}

#sidebar a.logout{
    color: #951010;
}

.user-buttons-custom{
    background: #e7e7e7;
    border-radius: 3px;
    color: black;
    padding: 5px 15px;
    margin-top: 5px;
    margin-right: 10px;
    display: flex;
    width: fit-content;
    font-size: 13px;
    float: left;
}

.user-buttons-custom:hover{
    background: #c3c3c3;
    color: black;
	text-decoration:none;
}

.user-img-button .btn.btn-primary:hover{
	background: #bfbfbf;
	color:black;
}

.user-img {
    margin: 15px 10px 10px 10px;
}



.user-img-button .btn.btn-secondary{
	border: none;
    font-weight: 500 !important;
    color: black;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 5px;
}


body.user .form-horizontal .controls textarea {
    width: 70%;
}

body.user .form-horizontal .control-group.bts {
    padding-left: 0;
}

.img-preview {
    width: 120px !important;
    height: 120px !important;
    border-radius: 500px;
}

.item-post .form-horizontal .control-group.img {
    padding-left: 0;
}

.item.item-post h1, .item.item-post h2, .item-post .pblbt, .form-horizontal .controls.recpt {
    padding-left: 0px;
}

.item.item-post .form-horizontal label {
    margin-bottom: 10px;
	float: left;
}

.form-horizontal .controls {
    float: left;
    width: 100%;
}

.form-horizontal label {
    float: left;
    width: 100%;
    text-align: left;
}

.item-post select, .item-post input[type="text"], .item-post ul.checkbox-list {
    width: 100%;
	margin-bottom:10px;
}

.item-post .form-horizontal .controls.checkbox {
    margin-left: 0;
    margin-bottom: 0px;
}

.item-post .meta select, .item-post .meta input {
    width: 100%;
}

input[type=text], input[type=url], input[type=password], input[type=email], input[type=date], input[type=time], input[type=week], input[type=month], input[type=color], input[type=datetime-local], input[type=tel], input[type=phone], input[type=number], select, textarea {
    border-radius: 3px;
    border: 1px solid #ccc;
}

body .qq-upload-button {
    padding: 35px 15px;
    color: #2c8f79;
    background: #d5e9e4;
    border: 1px dashed #2c8f79;
    border-radius: 3px;
}

body .qq-upload-button:hover {
    background: #bfd7d1;
}

input#price {
    width: 90%;
}

p.price-curr {
    display: initial;
    font-size: 30px;
    line-height: 50px;
    margin-left: 15px;
}

.home-brands-custom .swiper-slide img {
    height: 120px;
    object-fit: contain;
    background: #f3f3f3;
    padding: 20px;
    max-width: calc(100% - 40px);
    display: block;
    margin: 0 auto;
}

.listing-list .desc {
    font-size: 14px;
    color: #1e1e1e;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3.6em;
    line-height: 1.8em;
    float: left;
    width: 100%;
}

.admin-options a {
    font-size: 13px !important;
}

.swiper-trgovine .swiper-slide img {
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}

.home-brands-custom .simple-prod .img-wrap > a img {
    object-fit: contain;
    background: #f3f3f3;
    border: none !important;
    box-shadow: none !important;
    width: 100%;
    padding: 20px;
}

.premium-list li.listing-card, li.listing-card.premium {
    background-color: transparent;
}

.swiper-trgovine .swiper {
    padding: 10px;
}

.home-brands-custom .simple-prod .img-wrap > a img {
    object-fit: contain;
    background: #f3f3f3;
    border: none !important;
    box-shadow: none !important;
    width: 100%;
    padding: 20px;
}

.main-contact-button {
	background: #000000;
    color: white !important;
    width: 100%;
    float: left;
    text-align: center;
    padding: 12px 10px;
    border-radius: 500px;
    margin-top: 20px;
}

.row.details {
    font-family: monospace;
    color: #7c7c7c;
    font-size: 13px;
    float: left;
    margin-top: -10px;
    margin-bottom: 30px;
}

body.item #sidebar .widget-box, body.user-public-profile #sidebar .widget-box {
    border-radius: 5px;
    background-color: #f6f6f6;
}

.item-user-header {
    display: flex;
    align-items: center;
    margin: 0 0 12px 0;
}

#sidebar #contact p {
    margin: 0 0 5px 0;
}

#sidebar #contact p.user-img img {
    width: 90px;
    height: 90px;
    max-width: 90px;
    min-width: 90px;
    max-height: 90px;
    position: inherit;
    background: white;
    DISPLAY: block;
    BORDER-RADIUS: 300PX;
    padding: 15px;
    padding: 5px;
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
}

.side-username h2 {
    font-weight: bold;
    font-size: 20px !important;
    margin: 0 0 2px 0 !important;
    color: #171717 !important;
    text-align: left !important;
    padding-left: 15px;
}

p.side-more a {
    color: #245a91 !important;
    padding-left: 15px;
    display: block;
    font-weight: 500;
    font-size: 14px;
}

.user-info-button {
	margin: 0px 0 10px 0;
    font-weight: 600;
    background: #dbdbdb99;
    padding: 2px 8px;
    border-radius: 8px;
    transition: 0.2s;
    width: fit-content;
    color: #000000 !important;
    float: left;
    margin-right: 10px;
}


.user-info-button a{
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}



.user-info-button:hover {
    text-decoration: none;
    background: #d3e1ee;
}

.item-hook, #custom_fields {
    margin: 0px 0 40px 0;
}

.lista {
    float: left;
    width: 100%;
}

#description h3{
    font-size: 20px;
    margin-bottom: 10px;
}

.eden {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 7px 10px;
    width: 100%;
    background: #f7f7f7;
    margin-bottom: 6px;
    border-radius: 5px;
}

.eden-light {
    width: 50%;
    float: none;
    display: inline;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 10px;
}

.eden-strong {
    width: 50%;
    float: right;
    display: inline;
    white-space: nowrap;
    overflow: hidden;
}



#item-content h1 {
    font-size: 28px;
    line-height: 35px;
    margin: 25px 0px 15px 00px;
}

.item-price{
    font-size: 20px;
    margin-bottom: 10px;
    color: #000000;
    font-weight: 600;
}

body.item .swiper-button-next, body.item .swiper-button-prev {
    position: absolute !important;
    width: 52px !important;
    height: 52px !important;
    text-align: center !important;
    border-radius: 100px !important;
    z-index: 2 !important;
    font-size: 20px !important;
    cursor: pointer !important;
    transition: 0.15s !important;
    background: rgba(0, 0, 0, 0.6) !important;
    color: #fff !important;
    text-align: center !important;
    margin: -24px 0 0 0 !important;
}


body.item .swiper-button-prev:after, body.item .swiper-container-rtl .swiper-button-next:after {
    font-size: 22px !important;
    font-weight: 900 !important;
}

body.item .swiper-button-next:after, body.item .swiper-container-rtl .swiper-button-prev:after {
    font-size: 22px !important;
    font-weight: 900 !important;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute !important;
    width: 30px !important;
    height: 30px !important;
    text-align: center !important;
    border-radius: 100px !important;
    z-index: 2 !important;
    font-size: 20px !important;
    cursor: pointer !important;
    transition: 0.15s !important;
    background: rgba(0, 0, 0, 0.6) !important;
    color: #fff !important;
    text-align: center !important;
}


.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    font-size: 22px !important;
    font-weight: 900 !important;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    font-size: 22px !important;
    font-weight: 900 !important;
}




















/* Puščice samo za Swiper-4 */
.swiper-button-next-4, .swiper-button-prev-4, .swiper-button-next-5, .swiper-button-prev-5 {
    position: absolute !important;
    top: 50% !important; /* Postavi jih na 50% višine */
    transform: translateY(-50%) !important; /* Pravilna centriranost */
    width: 40px !important;
    height: 40px !important;
    background: rgba(0, 0, 0, 0.6) !important;
    color: #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: 0.15s !important;
    z-index: 10 !important;
}

/* Pozicioniraj levo in desno */
.swiper-button-prev-4, .swiper-button-prev-5{
    left: 10px !important; /* Odmik od levega roba */
}

.swiper-button-next-4, .swiper-button-next-5{
    right: 10px !important; /* Odmik od desnega roba */
}

/* Poskrbi, da bo `swiper-slide` relativno postavljen samo za Swiper-4 */
.mySwiper-4 .swiper-slide, .mySwiper-5 .swiper-slide {
    position: relative !important;
}

/* Prepričaj se, da slike ne bodo imele neželenih marginov samo v Swiper-4 */
.mySwiper-4 .swiper-slide img, .mySwiper-5 .swiper-slide img {
    display: block !important;
    width: 100% !important;
    height: 200px;
}

#selector1 {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
    float: left;
    border-radius: 8px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* IM messenger */

body .im-threads .im-title a.im-block-thread {
    display: none !important;
}

div.im-col-2.c4{
    display: none !important;
}

.im-flag-no{
    display: none !important;
}

.im-col-2 {
    width: 12.33333%;
}

.im-block{
    display: none !important;
}

a {
    color: rgba(30, 87, 153, 1);
}

header .nav a {
    color: black;
    font-weight: 600;
	border: none !important;
}

header .nav a.publish:hover {
    box-shadow: none;
    border-color: #000;
    background: #292929;
}

.swiper-general-header-left h3{
    margin-bottom: 15px;
}

body.item #main, body.user-public-profile #main {
    width: calc(100% - 340px);
    float: left;
}

header .nav a:hover {
    background: #efefef;
    border: none !important;
}

.see_by ul {
    border: transparent;
    border-top: none;
    background: #f7f7f7;
    border-radius: 10px;
    margin-top: 1px;
}

.manrope-<uniquifier> {
  font-family: "Manrope", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body {
    font-family: "Inter", serif;
}

h1, h2.h1 {
    font-family: "Inter", serif;
    font-weight: 600;
	font-size: 32px;
}

body.search h1 {
    font-size: 28px;
    line-height: unset;
	float: left;
}

.see_by ul a {
    color: #000000;
}

#sidebar h3 {
    font-size: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 10px;
}

.btn.btn-primary.upr {
	width: 70%;
    margin-top: 20px;
    margin-bottom: 10px;
	float:left;
}

.btn.btn-primary.pbl {
	width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.btn.btn-primary {
    background: #000000;
    border-color: #000000;
    color: #fff;
    border-radius: 500px;
	border: none;
}

.btn.btn-primary:hover {
    background: #333333;
    border: #333333;
}

.btn.btn-secondary {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #000000;
    border-radius: 500px;
}

.btn.btn-secondary:hover {
border-color: #777777;
    color: black;
}

#sidebar .plugin-hooks h6 {
    display: none;
}

#sidebar button, #sidebar .btn {
    width: 100%;
}

#sidebar a {
    color: black;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
}

#sidebar input[type="text"], #sidebar input[type="date"], #sidebar input[type="number"], #sidebar select {
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

.counter-search {
    font-size: 17px;
    color: black;
    margin-top: -10px;
}

#sidebar .filters {
    background: #f7f7f7;
    padding: 20px 25px;
    border-radius: 3px;
}

.doublebutton {
    display: none;
}

body.search #main h2 {
    display: none;
}

.listing-list .listing-card .currency-value {
    font-size: 18px;
    color: #cb0c0c;
}

.osp-item-promos .osp-elem {
	width: fit-content;
}

.osp-item-promos .osp-elem .osp-info {
    display: none;
}

#osp-promos .osp-promo-head {
    display: none;
}

.listing-list a {
    font-size: 18px;
    font-weight: 600;
    color: black;
}

.listing-card .listing-thumb img {
    width: 200px;
    height: 165px;
    object-fit: cover;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.osp-item-promos .osp-elem.osp-empty {
    color: #ffffff;
    background: black;
    border: none;
    cursor: pointer;
    width: fit-content;
    padding: 0px 10px;
}

.osp-item-promos .osp-elem.osp-empty:hover {
    background: #373737;
}


.osp-item-promos .osp-options-wrap {
    margin-top: 5px;
}

.osp-item-promos .osp-elem .osp-extra-data {
    padding: 15PX 10PX;
    background: #ffffff;
    border-radius: 10px;
    MARGIN-TOP: 5PX;
    BORDER: none;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    min-width: 500px;
    float: left;
}

.osp-item-promos .osp-promo-btn {
    display: none;
}

#osp-promos.osp-loc-user .osp-item-promos {
    border: none;
}

.osp-item-promos .osp-elem em {
    display: none;
}

.osp-options .osp-pinfo {
    background: #226f282e;
    color: #114015;
    border: 1px solid rgb(15 45 26 / 26%);
}

.listing-list .listing-card .listing-detail {
    margin-left: 220px;
}

.wrapper {
    width: 1050px;
}

h3 {
    font-size: 23px;
    line-height: 30px;
}

body.home #main {
    width: 100%;
}

.swiper {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    margin-bottom: 30px;
}

.swiper-wrapper {
    display: flex !important;
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0px;
    background: transparent;
    border-radius: 10px;
    margin-bottom: 30px;
}
.swiper-slide img {
    width: 100%;
    border-radius: 5px;
    height: 200px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.home-brands-custom .swiper-slide img {
	box-shadow: none;
}

body.item .swiper-slide img {
    height: 100% !important;
}

.swiper-general{
    width: 100%;
    overflow: hidden;
}

.swiper-general-header-left{
    float: left;
}

.swiper-general-header-right {
    margin-bottom: 0px;
    text-align: end;
	text-decoration: underline;
	font-weight:600;
}

.swiper-general-header-right a{
	color:black;
}

.swiper-slide-title-bold {
    font-weight: 700;
    font-size: 16px;
    margin-top: 10px;
    float: left;
    width: 100%;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: black !important;
}

.swiper-slide-title-regular {
    font-weight: 500;
    font-size: 15px;
    float: left;
    width: 100%;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: black !important;
}

.top-oglas {
    float: left;
    position: absolute;
    background: linear-gradient(135deg, #ff0000, #ef458e);
    color: #ffffff !important;
    width: fit-content;
    font-size: 10px !important;
    margin-left: 5px !important;
    margin-top: 5px !important;
    padding: 5px 6px 5px 6px;
    border-radius: 5px;
    line-height: initial;
}

.swiper-slide-title-solo {
    float: left;
    color: black;
}

.listing-grid .listing-card {
    border: none;
}

.listing-grid .listing-data {
    padding: 10px 0px;
}

.listing-grid .listing-basicinfo a {
    color: black;
}

.listing-grid .listing-card img {
    border-radius: 5px !important;
}



.hero-section {
    position: relative;
    width: 100%;
    height: 400px;
    background: url(https://kolesarnica.eu/oc-content/themes/zeta_child/images/home-search-bg.jpg) no-repeat center center / cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    border-radius: 10px;
    margin-bottom: 40px;
}

.hero-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00000080;
    margin-bottom: -30px;
    border-radius: 10px;
}

.hero-content {
    z-index: 2;
    width: 90%;
    max-width: 950px;
}

.hero-content h1 {
    font-size: 2rem;
    margin-bottom: 20px;
    color: white;
}

.search-bar {
    display: flex;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    background: white;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.search-input {
    flex: 1;
    padding: 12px 15px;
    border: none;
    outline: none;
    font-size: 1rem;
}

.search-bar {
    max-width: 100%;
    background: transparent;
    border-radius: 10px;
    box-shadow: none !important;
}


body.home input#query.search-input{
    border-radius: 10px;
    border: none !important;
}

body.home button.search-button{
    background: transparent;
    color: #393939;
    font-size: 22px;
    border: transparent;
    border-bottom-color: transparent;
    box-shadow: none;
    margin: -10px 10px 10px -50px;
}

body.search #main, 
body.user #main {
    float: left;
    width: calc(100% - 340px);
}

body.search #sidebar, body.user #sidebar {
    float: right;
    width: 300px;
}

body.home header, body.home section.home-search, body.home section.header-ad {
    background-color: #ffffff;
}

.mobile-only {
	display:none;
    }
.desktop-only {
	display:block;
    }

@media only screen and (max-width: 1140px){
.wrapper {
    width: 100% !important;
}

.ad-970-home{
    min-height: 100%;
    min-width: 100%;
}

.element-subblock .element-ogl-glava h1 {
    margin-top: 10%;
}

.element-ogl-glava-inside {
    width: 100%;
    padding: 20px;
}
.element-ogl {
    width: 100%;
}

.element-ogl-levo {
	width: 48%;
    float: left;
    margin-right: 0%;
}
.element-ogl-desno {
    width: 45%;
    float: right;
    margin-left: 0%;
}
.element-ogl img {
    width: 100%;
    margin-left: 0%;
}

.element-ogl h2 {
    margin-top: 35%;
}

}

@media only screen and (max-width: 768px){
	.element-ogl-glava-inside-left {
    width: 100%;
    float: left;
}

    body.search .list-header .actions {
        margin-top: 30px;
    }


body.search .list-header {
    margin-bottom: 0px;
}

body.search .btn.btn-secondary {
    font-weight: normal;
}

.see_by label {
    font-size: 16px;
    color: black;
font-weight: normal;
}

.counter-search {
    font-size: 15px;
    margin-top: -10px !important;
}

  .flat-table th, .flat-table td {
    padding: 12px 10px;
    font-size: 14px;
  }

.element-subblock .element-ogl-glava h2 {
    text-align: center;
}

h2.promo-page {
    line-height: normal;
}

.contact-header h2 {
    line-height: normal;
}

.element-ogl-glava-inside-right {
    width: 80%;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.element-subblock .element-ogl-glava h1 {
    margin-top: 0%;
    text-align: center;
}
.element-ogl h2 {
    margin-top: 0%;
}	
    .element-ogl-levo {
        width: 100%;
    }
    .element-ogl-desno {
        width: 80%;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
	.element-ogl h2 {
    text-align: center;
}
.element-ogl p {
    text-align: center;
}

.page-contact .form-container-box {
    max-width: 100% !important;
    padding: 20px;
}

	    .hero-section {
        height: 300px;
    }

.admin-options a {
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
}

.osp-item-promos .osp-elem.osp-empty {
    text-align: center;
}

    header .nav a, header .nav a.active, body.user #sidebar a {
        border-bottom: 1px solid #d7d7d7 !important;
    }

body.item .btn.btn-secondary {
    width: 100%;
    margin-bottom: 15px;
}

body.item .osp-item-promos .osp-elem .osp-data {
    display: none;
}

.mobile-only {
	display:block;
    }
.desktop-only {
	display:none;
    }
.osp-item-promos .osp-elem .osp-extra-data {
    min-width: 100%;
}

.osp-item-promos .osp-elem {
    width: 100%;
}

body.item .osp-item-promos .osp-elem {
    display:none;
}

.osp-item-promos .osp-elem.osp-empty {
    width: 100%;
}

.osp-item-promos .osp-elem .osp-data {
    width: 100%;
}

body.user .form-horizontal .controls input[type="text"], body.user .form-horizontal .controls input[type="password"], body.user .form-horizontal .controls input[type="email"], body.user .form-horizontal .controls select {
    width: 100%;
    margin: 0;
}

body.user .form-horizontal .controls textarea {
    width: 100%;
}

.btn.btn-primary.upr {
    width: 100%;
}

.user-sidebar-main {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border: none !important;
}

    body.item {
        padding-top: 40px;
    }

.hero-overlay {
    margin-bottom: 0px;
}	

div.breadcrumb {
    display: none;
}

#item-content h1 {
        line-height: 37px;
        margin: 10px 0px 10px 0px;
    }

body.item .osp-item-promos .osp-elem.osp-empty {
    width: 100%;
    border-radius: 500px;
}

body.item .similar_ads .listing-card .listing-thumb img {
    width: 100% !important;
}

.similar_ads .listing-grid .listing-thumb {
    border-bottom: none !important;
}

body.search #sidebar, body.user #sidebar {
    float: right;
    width: 100%;
    padding: 0px;
}

body.item #main, body.user-public-profile #main {
    width: 100%;
    float: left;
}

body.search #main, body.user #main {
    width: 100%;
}

    .hero-content h1 {
        font-size: 1.5rem;
    }
    
    .search-bar {
        max-width: 100%;
    }
	
    .swiper-general-header-right {
        margin-bottom: 20px;
        margin-top: -10px;
        width: 100%;
        display: inline-flex;
    }
	
}

@media only screen and (max-width: 490px){
    .see_by.btn.btn-secondary {
        width: 100%;
        float: left;
        display: grid;
    }
	
	    .element-ogl-desno {
        width: 100%;
    }
	
	.listing-list .desc {
    display: none;
	}
}