@charset "UTF-8";
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,300italic,400italic,700italic&subset=latin-ext,latin);*/
/* FONT za BODY */
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,300italic,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Catamaran:400,700,300&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext);
/* FONT ZA NASLOVE  */
@import url(https://fonts.googleapis.com/css?family=Audiowide&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Michroma);
@import url(https://fonts.googleapis.com/css?family=Viga&subset=latin,latin-ext);
body
div,
dl,
dt,
dd,
ul,
ol,
li,
h2,
h3,
h4,
h5,
h6,
pre, s
form,
p,
blockquote,
th,
td,
.top-bar-section li a {
  /*font-family:"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;*/
  /*font-family: 'Open Sans', "Helvetica Neue", sans-serif;*/
  font-family: 'Exo 2', sans-serif;
  /*font-family: 'Catamaran', sans-serif;*/
  /*font-family: 'PT Sans Narrow', sans-serif;*/
}

h1 {
  font-family: 'Audiowide', cursive;
  /*font-family: 'Michroma', sans-serif;*/
  /*font-family: 'Viga', sans-serif;*/
  font-size: 2.2rem;
}

h2 {
  font-size: 1.7rem;
  text-transform: uppercase;
}

h4 {
  font-size: 1.6rem;
  text-transform: uppercase;
}

/*Promena fonta zbog lošeg prikazivanja X sa nekim fontovima*/
.reveal-modal, .close-reveal-modal {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
}

hr {
  margin-top: 0;
  margin-bottom: 0.5rem;
  border-color: #91121E;
}

/*Sredjivanje preklapanja slike sa linijom u Chromu*/
#logo {
  padding: 0.2em;
}

#glavni_naslov {
  margin-top: 4rem;
  text-transform: uppercase;
}

@media screen and (max-width: 640px) {
  #glavni_naslov {
    margin-top: 0.5rem;
  }
}
.top-bar-container, .tab-bar {
  margin-bottom: 0.1rem;
}

.main_header_row {
  margin: 0.1rem auto;
}

p {
  text-align: justify;
}

.telo p {
  text-align: justify;
  margin: 0.3rem 0 0;
  padding: 0.2rem 0;
}

.telo.code {
  overflow-x: auto;
}

.telo.skrolovanje {
  overflow-x: auto;
}

.telo h2 {
  margin-left: 0;
}

#modalTitle {
  margin-bottom: 0;
}

.telo h3 {
  margin-left: 0;
}

.telo h4 {
  margin-left: 0;
}

.telo h5, h6 {
  margin-left: 1.2rem;
}

#myModal h5 {
  margin-top: 0;
}

.telo ul li {
  margin-left: 0;
  padding-left: 0;
}

.telo code {
  margin-left: 1.5rem;
  padding-left: 0.5rem;
}

.side-nav li .no-bullet li {
  margin-left: 0.5rem;
  padding-left: 0.2rem;
}

.side-nav li a:not(.button) {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

/*Padajici meniji top bara*/
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) {
  color: #FFF;
  background: none repeat scroll 0 0 #91121E;
}

/*Padajici meniji top bara*/
.dropdown li {
  padding: 0 0 0 0.5rem;
}

/*top bar aktivni meni*/
.top-bar-section li.active:not(.has-form) a:not(.button) {
  background: #82101B;
}

/*Top bar meni sirina tabova*/
.top-bar-section li:not(.has-form) a:not(.button) {
  padding: 0 0.9rem;
  font-family: Audiowide, cursive;
  font-weight: 400;
  font-size: 0.9em;
}

/*Boja  beackgrounda  ZA HOVER  preko svih menija*/
.top-bar-section li:not(.has-form) a:hover:not(.button) {
  background: none repeat scroll 0 0 #91121E;
}

/*pomeranje button za jezike ulevo*/
.top-bar input, .top-bar .button, .top-bar button {
  margin-right: 1rem;
}

/*dobojavanje padajuceg menija za jezike*/
.f-dropdown {
  background: #333;
}

/*padajuci meni za jezike naktivni jezici*/
.f-dropdown li:not(.has-form) a:not(.button) {
  padding: 0 1.2rem;
  line-height: 1.5rem;
}

/*padajuci meni za jezike AKTIVNI jezik*/
.f-dropdown li.active:not(.has-form) a:not(.button) {
  padding: 0;
  line-height: 1.5rem;
}

.no-js body .top-bar-section {
  margin: 0;
  padding: 0;
}

ul.off-canvas-list li a:hover {
  background: none repeat scroll 0 0 #91121E;
}

.telo ul li {
  margin-left: 0;
  padding-left: 0;
}

/*	border: solid thin #41080e;*/
/****************************** TIM   ******************************************************/
.slika_tim {
  margin-top: 3rem;
  margin-left: 1.5rem;
}

.telo #tim h3 {
  margin-left: 1rem;
  margin-bottom: 0;
  /*margin-top: 3rem;*/
  padding-left: 0.5rem;
}
.telo #tim h5 {
  margin-left: 1rem;
  margin-top: 0;
  padding-left: 0.5rem;
  margin-bottom: 0;
}
.telo #tim p {
  margin-top: 0;
  padding-top: 0;
  margin-left: 1rem;
  padding-left: 0.5rem;
}

#tim h3:hover {
  color: #bb3735;
}

.th:hover {
  box-shadow: 0 0 6px 1px rgba(196, 53, 36, 0.5);
}

.tim_iskacuci p {
  margin-bottom: 0;
}
.tim_iskacuci ul {
  margin-bottom: 0;
  margin-left: 2rem;
}
.tim_iskacuci img {
  padding-bottom: 0.8rem;
}

/******************************TABS u REFERENCAMA******************************************************/
.tabs dd > a, .tabs .tab-title > a {
  font-size: 1rem;
  background-color: #FFF;
  color: #222;
  padding: 0.5rem;
  border-left: solid #ededed thin;
  border-right: solid #ededed thin;
  border-top: solid #ededed thin;
  /*margin-right: 3px;*/
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-align: center;
  font-family: Audiowide, cursive;
  font-weight: 400;
}

.tab_chos {
  font-family: Audiowide, cursive;
}

.tabs dd > a:hover, .tabs .tab-title > a:hover {
  background-color: #85111b;
  color: white;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  /*border: solid thin #000000;*/
}

.tabs dd.active a, .tabs .tab-title.active a, .tabs dd.active a:hover {
  background: #ededed;
  color: #000000;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  /*border: solid thin #000000;*/
}

.tabs {
  font-weight: 600;
  width: 100%;
}

.slika {
  margin: 0 2rem;
}

.objekat {
  margin-left: 2rem;
  line-height: 1.3rem;
  width: 85%;
  text-align: left;
  margin-top: 0.5rem;
}
.objekat p {
  text-align: left;
}

.reveal-modal-bg {
  position: fixed;
}

#referenece .row {
  margin: 0;
}

.tabs-content > .content.active {
  background: #ededed;
  color: #000000;
}

li .tabs dd, li .tabs .tab-title {
  background-color: #ededed;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: auto;
}

.tabs .tab-title > a {
  padding-left: 1.1em;
  padding-right: 1.1em;
}

@media screen and (max-width: 800px) {
  .tab-title {
    width: 100%;
    border: solid thin #ededed;
  }

  .tabs .tab-title > a {
    background-color: #85111b;
    color: white;
    font-weight: 100;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-left: none;
    border-right: none;
    border-top: none;
  }

  .tabs .tab-title.active a, .tabs .tab-title.active a:hover {
    font-weight: 700;
    background: #ededed;
    color: #000000;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-left: none;
    border-right: none;
    border-top: none;
  }

  .tabs .tab-title > a:hover {
    background: #5f1016;
    color: white;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-left: none;
    border-right: none;
    border-top: none;
  }

  li .tabs .tab-title > a, li .tabs .tab-title > a:hover {
    border-bottom: solid #ededed thin;
  }

  li .tabs .tab-title > a:last-child, li .tabs .tab-title.active a, li .tabs .tab-title > a:last-child {
    border-bottom: none;
  }
}
/*U referencama smanjivanje rastojanja izmedju dva reda*/
.tab-title {
  line-height: 1rem;
}

@media screen and (min-width: 800px) {
  .tab-title {
    width: 12rem;
  }
}
/**************************************FOOOOTER****************************************************/
footer {
  background-color: #1a1a1a;
}

footer p {
  font-size: 0.8rem;
  color: white;
  margin-bottom: 0;
  text-align: center;
}

#power {
  margin-right: 1rem;
}

#footer_klajner {
  padding-left: 1rem;
}

#produced_by {
  color: #91121E;
  font-size: 1rem;
}

#progradnja {
  font-weight: 400;
}
#progradnja:hover {
  color: white;
  font-weight: 400;
}

/*Futer u maloj rezoluciji jedan iznad drugog*/
@media screen and (max-width: 600px) {
  #power {
    width: 100%;
    text-align: center;
    margin-right: 0;
  }

  #footer_klajner {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
}
#footer-container {
  background: #1a1a1a;
}
#footer-container #footer {
  background: #1a1a1a;
  padding: 1rem 0;
}

/*# sourceMappingURL=chos_style.css.map */