.mo-menu-btn {
  font: normal .875rem Oswald;
  background-color: black;
  color: #ffd800;
}
.mo-menu-btn:hover {
  background-color: #fe9;
  color: black;
}
.mo-menu-btn:active, .mo-menu-btn:focus, .mo-menu-btn:target, .mo-menu-btn:active:focus {
  background-color: #ffa;
  color: #a00;
}

.mo-menu-btn-a, .mo-menu-btn-a:hover, .mo-menu-btn-a:active, .mo-menu-btn-a:focus, .mo-menu-btn-a:target, .mo-menu-btn-a:active:focus {
  font: normal .875rem Oswald;
  background-color: #ffd800;
  color: black;
}

.mo-findSel {
  padding-top: 4px !important;
  border-color: #dfdfdf !important;
}

a.mo-cat-super, a.mo-cat {
  background-color: #FFF;
  border: 1px solid #FDB;
}
a:hover.mo-cat-super, a:hover.mo-cat {
  background-color: #FFE;
  border: 1px solid #333;
}

a:active.mo-cat-super, a:active.mo-cat, a:focus.mo-cat-super, a:focus.mo-cat, a:target.mo-cat-super, a:target.mo-cat, a:active:focus.mo-cat-super, a:active:focus.mo-cat {
  border: 1px solid #900;
}

a .mo-cat-super-ttl {
  background-color: #DE1;
  color: #030;
}

a .mo-cat-ttl {
  background-color: #FFC;
  color: #333;
}
a:hover .mo-cat-super-ttl, a:hover .mo-cat-ttl {
  background-color: #333;
  color: white;
}

a:active .mo-cat-super-ttl, a:active .mo-cat-ttl, a:focus .mo-cat-super-ttl, a:focus .mo-cat-ttl, a:target .mo-cat-super-ttl, a:target .mo-cat-ttl, a:active:focus .mo-cat-super-ttl, a:active:focus .mo-cat-ttl {
  background-color: #FFD800;
  color: #900;
}

a.mo-subCat {
  margin: 1px;
  background-color: #EFE9E0;
  color: #333;
}
a:hover.mo-subCat {
  margin: 1px;
  background-color: #4F4940;
  color: #FFF9F0;
}
a:active.mo-subCat, a:focus.mo-subCat, a:target.mo-subCat, a:active:focus.mo-subCat {
  margin: 1px;
  background-color: #FFD800;
  color: #C00;
}

.moHomeCarousel .carousel-inner .carousel-item.active, .moHomeCarousel .carousel-inner .carousel-item-next, .moHomeCarousel .carousel-inner .carousel-item-prev {
  display: flex;
}

@media (max-width: 767.98px) {
  .moHomeCarousel .carousel-inner .carousel-item-end.active, .moHomeCarousel .carousel-inner .carousel-item-next {
    transform: translateX(100%);
  }

  .moHomeCarousel .carousel-inner .carousel-item-start.active, .moHomeCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-100%);
  }
}

/* medium and up screens */
@media (min-width: 768px) and (max-width: 991.98px) {
  .moHomeCarousel .carousel-inner .carousel-item-end.active, .moHomeCarousel .carousel-inner .carousel-item-next {
    transform: translateX(50%);
  }

  .moHomeCarousel .carousel-inner .carousel-item-start.active, .moHomeCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-50%);
  }
}

@media (min-width: 992px) {
  .moHomeCarousel .carousel-inner .carousel-item-end.active, .moHomeCarousel .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }

  .moHomeCarousel .carousel-inner .carousel-item-start.active, .moHomeCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
}

.moHomeCarousel .carousel-inner .carousel-item-end, .moHomeCarousel .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

.moDetailCarousel {
  background-color: #EFE6D7;
}

.moDetailCarousel .carousel-inner .carousel-item.active, .moDetailCarousel .carousel-inner .carousel-item-next, .moDetailCarousel .carousel-inner .carousel-item-prev {
  display: flex;
}

.moDetailCarousel .carousel-inner .carousel-item-end.active, .moDetailCarousel .carousel-inner .carousel-item-next {
  transform: translateX(100%);
}

.moDetailCarousel .carousel-inner .carousel-item-start.active, .moDetailCarousel .carousel-inner .carousel-item-prev {
  transform: translateX(-100%);
}

.moDetailCarousel .carousel-inner .carousel-item-end, .moDetailCarousel .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

.moDetailCarousel .window {
  padding: 0 1.25rem;
  margin: auto;
  overflow: hidden;
}

.moDetailCarousel .carousel-control-next, .moDetailCarousel .carousel-control-prev {
  width: 1.25rem;
  background-color: black !important;
  border-radius: 5px;
}

a.mo-slider-item {
  border: 1px solid #EDC;
  background-color: #FCFFF9;
  color: #333;
}
a:hover.mo-slider-item {
  border: 1px solid #036;
  background-color: #EFC;
  color: #036;
}

.mo-pages {
  font: normal .875rem Oswald;
  background-color: #333;
  color: #AD1;
}
.mo-pages:hover {
  background-color: #FFD800;
  color: #C00;
}
.mo-pages:active, .mo-pages:focus, .mo-pages:target, .mo-pages:active:focus {
  background-color: #C00;
  color: #FFD800;
}

.mo-pages-dis {
  font: normal .875em Oswald;
  background-color: #333;
  color: #999;
}

a.mo-oglasivacFollow {
  border: 2px solid #a3cfbb;
}
a:hover.mo-oglasivacFollow {
  border: 2px solid #198754;
}

a.mo-deleteFollow {
  background-color: #DDD;
}
a:hover.mo-deleteFollow {
  background-color: #F3F3F3;
}

a.mo-ad, a.mo-ad-nolink {
  border: 2px solid #ECECEC;
  background-color: #F9F9F6;
  color: #333;
}

a.mo-ad-uokvireni, .mo-ad-uokvireni {
  border: 2px solid #333;
  background-color: #F5FFEA;
  color: #333;
}

.mo-ad-uokvireni-label {
  border: 1px solid #333;
  background-color: #F5FFEA;
  color: #333;
}

a.mo-ad-top {
  border: 2px solid #333;
  background-color: #FFC;
  color: #333;
}

.mo-ad-top-label {
  border: 1px solid #333;
  background-color: #FFC;
  color: #333;
}

a.mo-ad-premium, .mo-ad-premium {
  border: 2px solid #C00;
  background-color: #FF9;
  color: #333;
}

.mo-ad-premium-label {
  border: 1px solid #C00;
  background-color: #FF9;
  color: #333;
}

a:hover.mo-ad, a:hover.mo-ad-uokvireni, a:hover.mo-ad-top, a:hover.mo-ad-premium {
  border: 2px solid #009;
  background-color: #F9FCFF;
  color: #00C;
}

.ad-material-icons {
  font-size: 1rem !important;
  font-variation-settings: 'FILL' .5, 'wght' 600;
}

.mo-adPrice-addons {
  color: OrangeRed;
}

a.mo-detAd-webLink {
  background-color: #C03;
  color: #EEE;
}

a.mo-detAd-webLink:hover {
  background-color: #903;
  color: #FFD800;
}

a.mo-detAd-webLink:active {
  background-color: #F00;
  color: #FF0;
}

.moNew-chgCat-link {
  color: #369;
}

.moNew-chgCat-link:hover {
  color: #396;
}

.moNew-chgCat-link:active, .moNew-chgCat-link:focus, .moNew-chgCat-link:target, .moNew-chgCat-link:active:focus {
  color: #963;
}

.mo-ad-url {
  float: left;
  display: block;
  clear: none;
  width: 645px;
  margin: 0;
  padding: 4px 0 2px 0;
  border: 0;
  background-color: #e7e7ef;
  color: #BBB;
}

a.mo-ad-url {
  display: block;
  background-color: #FFD800;
  color: #000;
}

a.mo-ad-url:hover {
  background-color: #C00;
  color: #FFD800;
}

a.mo-ad-url:active {
  background-color: #F00;
  color: #FF9;
}

.mo-ad-photo {
  float: left;
  display: flex;
  margin-right: 5px;
  width: 120px;
  height: 90px;
  background-color: #eee;
  overflow: hidden;
}

.mo-ad-photo-child { margin: auto; }

.mo-ad-data {
  float: left;
  display: block;
  margin-right: 5px;
  width: 240px;
  height: 90px;
  font: 13px Roboto;
  color: #567;
  text-align: justify;
  overflow: hidden;
}

.mo-ad-title {
  float: left;
  display: block;
  width: 240px;
  font: bold 15px Oswald;
  color: #024;
  text-align: left;
  clear: both;
  max-height: 24px !important;
  overflow: hidden;
}

.mo-ad-title:hover {
  color: #06C;
}

.mo-ad-basicData {
  float: left;
  display: block;
  width: 265px;
}

.mo-ad-price, .mo-ad-exchange {
  float: left;
  display: block;
  margin-right: 5px;
  width: 120px;
  font: 16px Oswald;
  color: #C00;
  text-align: right;
}
.mo-ad-price {
  height: 50px;
  min-height: 50px !important;
}
.mo-ad-exchange {
  font: 12px Roboto;
  color: orange;
}

.mo-ad-naselje {
  float: left;
  display: block;
  width: 140px;
  font: 13px Oswald;
  color: black;
  text-align: right;
}

.mo-ad-dv {
  float: left;
  display: block;
  width: 265px;
  font: 12px Roboto;
  color: #336;
}

.mo-ad-views {
  float: left;
  display: block;
  margin-right: 5px;
  width: 120px;
  text-align: right;
}

.mo-ad-date {
  float: left;
  display: block;
  width: 140px;
  text-align: right;
}

.mo-ad-dvFormat {
  float: right;
  display: inline;
  margin-left: 3px;
  font: 12px Oswald;
  color: #777;
}