@supports (display: grid) {
@media (min-width: 992px) {.site-grid {grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,17.875rem) minmax(0,22.875rem) minmax(0,22.875rem) minmax(0,17.875rem) [main-end] minmax(0,1fr) [full-end]}}}
@supports (display: grid) {
    .site-grid {
        grid-template-areas:
          ". banner banner banner banner ."
          ". side-l side-l side-l side-l ."
          ". comp comp comp comp ."
          ". side-r side-r side-r side-r ."
		  ". top-a top-a top-a top-a ."
          ". top-b top-b top-b top-b ."
          ". bot-a bot-a bot-a bot-a ."
          ". bot-b bot-b bot-b bot-b .";
    }
    @media (min-width: 992px) {
        .site-grid {
            grid-template-areas:
              ". banner banner banner banner ."
              ". side-l comp comp side-r ."
			  ". top-a top-a top-a top-a ."
              ". top-b top-b top-b top-b ."
              ". bot-a bot-a bot-a bot-a ."
              ". bot-b bot-b bot-b bot-b ."
        }
    }
}
h1, .h1 {margin-bottom: 0;}
h2 {font-size: 1.1rem;margin-bottom: 0;text-decoration: none;font-weight: var(--cassiopeia-font-weight-headings,600);}
h3 {font-size: 1rem;margin-bottom: 0;text-decoration: none;font-weight: var(--cassiopeia-font-weight-headings,600);}
@media (width >= 1200px) {h3, .h3 {font-size: 1rem;}}
a:not([class]) { text-decoration: none;}
.blog-item .item-image {margin-top: 0px;}
.article-info-term, .icon-folder-open, .icon-fw { display: none;}
.article-info dd {text-align: left;font-size: 0.813rem;}
.container-header{ background-image:none;background-color:#00104a;min-height: 80px;border-bottom: 2px solid #fbea39;}
.container-header .mod-menu {color: #000;}
.container-header .navbar-brand {margin-left: auto;margin-right: auto;}
.container-header .navbar-toggler{color: #000;}
p {margin-bottom: 0rem;}
.boxed .blog-item .item-content{padding: 15px 25px 0px 25px;text-align: center;}
.naslov {border-bottom: 1px solid #ccc;margin-bottom: 15px;text-align:center;}
.foto {display: block;position: relative;aspect-ratio: 10 / 6;}
.stiker-slika{position: absolute;font-size: 13px;padding: 0 5px;font-weight: 600;}
@supports (display:grid) {.blog-items{grid-gap: 2em;}}
.gorelevo{top: 0px;margin: 10px 0 0 10px;background: #3565a2;color:#fff}
.goredesno{top: 0px;right:0px;margin: 10px 10px 0 0;background:#f3f3f3;right: 0;}
.dolelevo{margin: 0 0 10px 10px;background: #efd02b;bottom: 0}
.doledesno{background: #b20f0f;right: 10px;color: #fff;bottom: 10px;}
.left.item-image{float: none;aspect-ratio: auto 10 / 6;max-width: 1000px;}
.kategorija-objekta{text-align: center;}
.galerija1 {margin-bottom: 25px;max-width: 1000px;}
.galerija {margin-bottom: 25px;max-width:1000px;height: auto; aspect-ratio: auto 15 / 10;margin-left: auto;margin-right: auto;margin-top: 20px;}
@media screen and (max-width: 767px){.galerija {aspect-ratio: auto 1 / .9;margin-bottom: 0px;}}
.footer{background-color: #00104a;background-image: none;}
a{color: #0b1645;}
.info-dole {float:right;display: flex;margin-top: -5px;}
.dana-nocenja{text-align: right;line-height: 11px;margin-right:4px}
.dana {font-size: 11px;border-bottom: 1px solid #ccc;margin-bottom: 2px;padding-bottom: 2px;}
.dana:after {margin-left:3px;content:"dana"}
.nocenja {font-size:11px}
.nocenja:after {margin-left:3px;content:"noćenja"}
.autobusom {font-size: 0px;content: url("https://planatours.rs/images/ikonice/bus.png");float: right;width: 30px;}
.avionom {font-size: 0px;content: url("https://planatours.rs/images/ikonice/avio.png");float: right;width: 30px;}
.article-info{float:left}
.kategorija-objekat-cat{color: #59caef;text-align: center;font-size: 15px;}
.naziv-objekat-cat{text-transform: uppercase;width: 100%;min-height: 50px;text-align: center;display: flex;
  align-items: center;justify-content: center;}
 h1 {font-weight: var(--cassiopeia-font-weight-headings,600);font-size: 2rem;}
.article-header{text-align: center;}
.naslov-kategorije{text-align: center;border-bottom:1px solid #ccc;font-size: 34px;}
.container-header .container-nav {padding-bottom: 0em;padding-top: 0em;max-width: 1400px}
.pretraga-opis{padding: 15px 25px 15px 25px;}
.pretraga_item1{box-shadow: 0 0 2px #3339421a,0 2px 5px #33394214,0 5px 15px #33394214,inset 0 3px 0 var(--cassiopeia-color-primary);background-color: #fff;margin-bottom: 15px;}
.razmak-15{padding: 0px 15px;}
.naslov_pretraga {text-decoration: none;}
.kategorija_pretraga{text-decoration: none;}
/* --- minifrontpage --- */
.naslov-minifrontpage{text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 3px;margin-bottom: 4px;text-transform: uppercase;color: #0b1645;}
.naslov-minifrontpage-pb{text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 3px;margin-bottom: -40px;text-transform: uppercase;color: #0b1645;}
.naslov-minifrontpage-cg{text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 3px;margin-bottom: -70px;text-transform: uppercase;color: #0b1645;}
/* --- button --- */
.btn-block{display: block;padding: 8px 9px;}
.btn-pdf{color:#292929;background-color:#dcdcdc;margin-bottom: 5px;font-size: 14px;width: 100%;}
.btn-pdf:hover{color:#000000;background-color:#6cc9f0;border-color:#117a8b;margin-bottom: 5px;font-size: 14px;}
.btn-avionom {display: block;width: 48%;float: inline-end;padding: 5px}
.btn-autobusom {display: block;width: 48%;padding: 5px}
.btn-sivo {background-color:#eaeaea;margin-bottom:5px;font-size: 14px}
.btn-crveno {background-color:#ad3c3c;margin-bottom:5px;color:#fff;font-size: 14px}
.btn-plavo {background-color:#0b1645;margin-bottom:5px;color:#fff;font-size: 14px}
.btn-zuto {background-color:#fee91e;margin-bottom:5px;color:#000;font-size: 14px}
.btn-svetloplavo {background-color:#6cc9f0;margin-bottom:5px;color:#000;font-size: 14px}
.btn-sivo:hover {color:#000000;background-color:#6cc9f0;margin-bottom: 5px;font-size: 14px;}
.btn-crveno:hover {color:#000000;background-color:#6cc9f0;margin-bottom: 5px;font-size: 14px;}
.btn-plavo:hover {color:#000000;background-color:#6cc9f0;margin-bottom: 5px;font-size: 14px;}
.btn-zuto:hover {color:#000000;background-color:#6cc9f0;margin-bottom: 5px;font-size: 14px;}
.svetloplavo:hover {color:#000000;background-color:#6cc9f0;margin-bottom: 5px;font-size: 14px;}
.btn-dejan {border:1px solid #ccc;margin-bottom: 10px;font-size: 13px;}
.btn-dejan:hover {background:#f3f3f3}
.btn-mini{color:#000;background-color:#ebebeb;margin-bottom: 15px;font-size: 12px;position: absolute;padding: 3px 8px;z-index:9999}
.btn-mini:hover{color:#000000;background-color:#6cc9f0;margin-bottom: 15px;font-size: 12px;position: absolute;padding: 3px 8px;}
.card-prva {
  --card-spacer-y: 0;
  --card-spacer-x: 0;
  --card-title-spacer-y: .5rem;
  --card-title-color: ;
  --card-subtitle-color: ;
  --card-border-width: var(--border-width);
  --card-border-color: #fff;
  --card-border-radius: var(--border-radius);
  --card-box-shadow: ;
  --card-inner-border-radius: calc(var(--border-radius) - (var(--border-width)));
  --card-cap-padding-y: .5rem;
  --card-cap-padding-x: 1rem;
  --card-cap-bg: rgba(var(--body-color-rgb),.03);
  --card-cap-color: ;
  --card-height: ;
  --card-color: ;
  --card-bg: var(--body-bg);
  --card-img-overlay-padding: 1rem;
  --card-group-margin: .5em;
  color: var(--body-color);
  word-wrap: break-word;
}
.obavestenje {background-color: ivory;}
.lm {color: #000 !important;background-color: RGB(240, 240, 240) !important;padding: 10px;border-radius: 5px;border: 2px #ca4d4d dashed;font-size: 14px;}
.last-minute {background-color: #fbfbfb;font-size: 14px;font-size: 13px;line-height: 18px;}
.last-minute::before {content: "LAST MINUTE";position: relative;padding: 8px;background: #9c1c1c;text-align: center;display: block;color: #fff;border-radius: 5px 5px 0 0;}
.last-minute-field{padding: 5px 15px 15px 15px;width: 300px;display:block;float: left;margin-right: 15px;background: #ffefae;border-radius: 0 0 10px 10px;font-size: 14px;}
.last-minute-head{padding: 1px;background: #911515;text-transform: uppercase;width: 300px;display: block;text-align: center;color: #fff;}
.znak-pdf{display: flex;justify-content: center;align-items: center;height: 100%;font-size: 18px;font-weight: 600;color: #931a1a;border-radius: 5px;  border: 1px solid #ccc;}
@media screen and (max-width: 767px) {.podkategorije1 {width: 100%;}}
.podkategorija {display: flow-root;margin: 10px -15px;}
.podkategorije1 {float: left;margin: 0 0 5px 0;padding: 0 14px;background: none;border: none;}
.podkategorije {text-align: center;font-weight: 600;margin: 4px;padding: 6px;border: 1px solid #cbcbcb;font-size: 15px;background: #f9f9f9;text-transform: uppercase;}
.kategorija-broj {margin-left: -5px;}
.widget-iframe {height: 2700px;}
.com-wrapper {padding: 0px;}
.footer_mobil {text-align:center}
@media screen and (max-width: 767px) {.footer .grid-child {justify-content: space-between;align-items: center;padding: 2.5rem .5em;text-align: center;}}
.datumi-gradovi{display: flow-root;}
.polazak{display: block;border: 1px solid #ccc;padding: 0 5px;text-align: center;float: left;border-radius: 4px;margin-right: 4px;min-width: 30px;}
.polazak-sig{display: block;border: 1px solid #ccc;padding: 0 5px;text-align: center;float: left;border-radius: 4px;margin-right: 5px;min-width: 30px;background: #fff7ca;}
.datum{font-size: 12px;line-height: 10px;margin-top: 2px;}
.mesec{font-size: 9px;line-height: 15px;}
.footer .grid-child {justify-content: space-between;align-items: normal;padding: 2.5rem .5em;}
.dugme-debug{padding: 15px 10px 0px 10px;max-width: 1400px;margin-left:auto;margin-right:auto}
.mapa {padding: 3px 8px;background-color: #fbea39;border-radius: 3px;text-transform: uppercase;font-size: 12px;display: inline;}
.adresa {margin-left: 25px;}
ul.fields-container {list-style: none;padding-left: 0;}
.h1kategorija{font-size: 16px;text-align: center;font-weight: normal;padding: 7px;}
.informacije {padding: 20px 0 20px 0;display: flex;align-items: center;justify-content: center;}
.informacije2{display:flex;}
.okvir {padding: 0 3px;}
.okvir-osoba, .okvir-plaza, .okvir-centar, .okvir-popust, .okvir-gondola, .okvir-dana, .okvir-noci, .okvir-gondola-e {float: left;border:1px solid #ccc;border-radius:3px;text-align: center;font-size: 22px;line-height: 14px;min-height: 40px;width: 100%;}
.okvir-plaza:before {content: "do plaže";font-size: 10px;top: -13px;position: relative;padding: 0 5px;background: #fff;line-height: 1px;}
.doplaze:after {content: "m";font-size: 16px;}
.okvir-centar:before {content: "do centra";font-size: 10px;top: -13px;position: relative;padding: 0 5px;background: #fff;line-height: 1px;width: 100%;}
.docentra:after {content: "m";font-size: 16px;}
.gore-30 {margin-top:-30px;}
.webklik {margin:5px 0 10px 0;font-size: 14px;}
/* --- tabela --- */
table.tabela {background: #fbfbfb;border-collapse: collapse;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);text-align:center;margin-bottom: 20px;width: 100%;font-size: 13px;line-height: 22px;}
table.tabela tr:hover {}
table.tabela thead {background: #e1f1ff;color: #000;}
table.tabela td:first-child {left: 0;position: sticky;position: -webkit-sticky;background: #e1f1ff;outline: 1px solid #d3d3d3;color: #000;padding: 5px 2px;}
table.tabela td {border: 1px solid #d3d3d3}
table.tabela {overflow-x: auto;display: block;}
@media screen and (min-width: 640px) {table.tabela {display: inline-table}}
.footer {font-weight: lighter;}
.footer h4 {font-weight: var(--cassiopeia-font-weight-headings,500);}
body.wrapper-fluid .grid-child { max-width: 1640px;}
body.wrapper-fluid .site-grid {max-width: 1640px;margin-left:auto;margin-right:auto}
.h1gradovi{font-size: 16px;text-align: center;font-weight: normal;}
.no-copy-table {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none;    /* IE 10 and IE 11 */
  user-select: none;        /* Standard syntax */
}
.modulpretraga {text-align: center;text-transform: uppercase;font-size: 18px;color: dodgerblue;}