body {

  font-family: 'Sarala', "Helvetica Neue", Helvetica, Arial, serif;

  overflow-x: hidden; }



html {

  font-size: 62.5%; }



p {

  font-size: 1.6rem;

  line-height: 1.75;

  color: #333; }



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: 'Catamaran', "Helvetica Neue", Helvetica, Arial, serif;

  letter-spacing: 1px;

  font-weight: 700;

  color: #333; }



.myBtn {

  border: none;

  color: white;

  background-color: #253A65;

  border-radius: 0;

  -webkit-transition: all ease-in-out 0.3s;

  -moz-transition: all ease-in-out 0.3s;

  -ms-transition: all ease-in-out 0.3s;

  -o-transition: all ease-in-out 0.3s;

  transition: all ease-in-out 0.3s; }

  .myBtn:hover, .myBtn:focus, .myBtn:active {

    text-decoration: none;

    color: white;

    background-color: #172540;

    border-color: #152038; }



a,

a:hover,

a:focus,

a:active,

a.active {

  outline: none;

  text-decoration: none;

  cursor: pointer;

  color: #172540; }



.marginTop100 {

  margin-top: 100px; }



.marginBottom100 {

  margin-bottom: 100px; }



.marginTop50 {

  margin-top: 50px; }



.marginBottom50 {

  margin-bottom: 50px; }



.marginTop30 {

  margin-top: 30px; }



.marginBottom30 {

  margin-bottom: 30px; }



.go-left {

  float: left; }



.go-right {

  float: right; }



.transition {

  -webkit-transition: all ease-in-out 0.3s;

  -moz-transition: all ease-in-out 0.3s;

  -ms-transition: all ease-in-out 0.3s;

  -o-transition: all ease-in-out 0.3s;

  transition: all ease-in-out 0.3s; }



.pos {

  position: relative; }



::-moz-selection {

  color: white;

  text-shadow: none;

  background: #253A65; }



::selection {

  text-shadow: none;

  background: #253A65;

  color: white; }



img::selection {

  background: transparent; }



img::-moz-selection {

  background: transparent; }



body {

  webkit-tap-highlight-color: #253A65; }



section {

  padding: 50px 0; }



/*  style scrollbar */

::-webkit-scrollbar-track {

  background-color: #efefef; }



::-webkit-scrollbar {

  position: relative;

  height: 10px;

  width: 10px;

  background-color: #253A65; }



::-webkit-scrollbar-thumb {

  position: relative;

  background-color: #253A65; }



::-webkit-scrollbar::after {

  left: 0;

  top: 0;

  position: absolute;

  content: 'a'; }



.page-backg {

  width: 100%;

  height: auto;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

  position: relative; }

  .page-backg img {

    width: 100%;

    max-height: 900px; 

    margin-top: 50px;

  }

  .page-backg .logo-hero{
    width: 500px;
  }
  .page-backg .backg-filter {

    width: 100%;

    height: 100%;

    background: linear-gradient(to bottom, rgba(37, 58, 101, 0.64) 0%, rgba(37, 58, 101, 0.5) 50%, rgba(37, 58, 101, 0.38) 100%);

    position: absolute;

    top: 0;

    left: 0; }

  .page-backg .intro {

    /*height: 300px;*/

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%); }

    .page-backg .intro h1 {

      color: #EECE57;

      font-size: 5rem;

      text-shadow: 2px 2px 4px #000000;

    font-family: 'Itim', cursive; }

    .page-backg .intro .dobro {

     font-family: 'Itim', cursive;

      font-size: 9rem; }

  .page-backg .button-bottom {

    background: none;

    border: none;

    color: #EECE57;

    position: absolute;

    bottom: 50px;

    left: 50%;

    transform: translate(-50%, -50%); }

.new-wellcome-txt{
  text-align: center;
  font-family: 'Itim', cursive;
  color:#253A65;
  font-size: 5rem;

}

.top-header {

  width: 100%;

  padding: 5px 0;

  background: #253A65;

  overflow: hidden;

  border-bottom: 2px solid #EECE57; }

  .top-header .lang-holder {

    margin-top: 3px; }

    .top-header .lang-holder ul {

      margin: 0; }

      .top-header .lang-holder ul li {

        display: inline-block;

        margin-left: 5px; }

        .top-header .lang-holder ul li a img {

          width: 25px;

          height: 25px; }

  .top-header .social-header {

    width: 200px;

    height: inherit;

    display: inline;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%); }

    .top-header .social-header a {

      float: left;

      margin-left: 10px; }

      .top-header .social-header a img {

        width: 25px;

        height: 25px; }



.inputDiv {

  width: 255px;

  height: 35px;

  float: right;

  border: 0 solid white;

  position: relative;

  overflow: hidden;

  transition: 0.2s ease-in-out; }



.sear,

.sear2 {

  position: absolute;

  right: 5px;

  top: 6px;

  z-index: 444;

  font-size: 25px;

  transition: 0.4s ease-in-out;

  color: white;

  cursor: pointer; }



.sear2 {

  display: none;

  font-size: 30px;

  top: 0px; }



form {

  height: 100%; }



.myInput {

  font-size: 18px;

  color: white;

  display: none;

  border: white;

  width: 80%;

  position: relative;

  z-index: 555;

  padding-left: 5px;

  padding-top: 0;

  padding-bottom: 2px;

  outline: none;

  height: 100%;

  background: transparent; }



header {

  width: 100%;

  height: 75px;

  background: white;

  margin-top: 45px; }



.burger {

  position: absolute;

  right: 15px;

  width: 50px;

  top: 20px;

  cursor: pointer;

  height: 50px;

  z-index: 999999; }

  .burger .burger1,

  .burger .burger2,

  .burger .burger3 {

    position: absolute;

    background: #253A65;

    width: 40px;

    height: 3px;

    border-radius: 9px; }

  .burger .burger1 {

    top: 5px; }

  .burger .burger2 {

    top: 13px; }

  .burger .burger3 {

    top: 21px; }



.menu {

  width: 100%;

  height: 100vh;

  position: fixed;

  z-index: 999;

  top: 0;

  background: rgba(37, 58, 101, 0.93);

  right: -100%;

  display: flex;

  justify-content: center;

  align-items: center;

  overflow-y: scroll;

  padding: 20px 0;
  padding-bottom: 120px;

   }

  .menu ul {

    list-style: none;

    margin-top: 6px;

    text-align: center;

    padding: 0; }

    .menu ul a {

      color: #fff;

      font-size: 2.5rem; }

      .menu ul a:hover {

        color: #fff; }

    .menu ul li {

      padding: 7px 0;

      -moz-transition: all ease-in-out 0.3s;

      -webkit-transition: all ease-in-out 0.3s;

      -ms-transition: all ease-in-out 0.3s;

      -o-transition: all ease-in-out 0.3s;

      transition: all ease-in-out 0.3s;

      padding: 7px 10px;

      text-align: center; }



.menu-ul {

  padding: 0;

  margin: 0;

  display: none; }



.menu-ul1 {

  padding: 0;

  margin: 0;

  display: none; }



.search-small {

  position: relative; }

  .search-small input {

    padding: 7px 7px;

    border: 2px solid #fff;

    background: none;

    outline: none;

    color: #fff;

    position: absolute;

    left: -100%;

    top: 10px;

    opacity: 0; 
    
    width: 150px;
    
  }



.logo-holder {

  float: left;

  width: 125px;

  margin-left: 10px;

  box-shadow: none !important; }

  .logo-holder img {

    border: none !important; }



.nav-holder {

  float: right;

  height: 75px; }

  .nav-holder .main-ul .main-li {

    height: 100%;

    width: 125px;

    height: 75px;

    display: flex;

    justify-content: center;

    align-items: center;

    float: left;

    -webkit-transition: all ease-in-out 0.2s;

    -moz-transition: all ease-in-out 0.2s;

    -ms-transition: all ease-in-out 0.2s;

    -o-transition: all ease-in-out 0.2s;

    transition: all ease-in-out 0.2s; }

    .nav-holder .main-ul .main-li:hover {

      background: #EECE57; }

      .nav-holder .main-ul .main-li:hover .main-a {

        color: #253A65; }

    .nav-holder .main-ul .main-li .main-a {

      font-size: 1.8rem;

      color: #253A65;

      width: 125px;

      height: 100%;

      display: flex;

      justify-content: center;

      align-items: center; }

      .nav-holder .main-ul .main-li .main-a .fa-caret-down {

        margin-left: 5px; }

  .nav-holder .main-ul .drop1-hov:hover .drop1 {

    top: 75px;

    display: block; }

  .nav-holder .main-ul .drop2-hov:hover .drop2 {

    top: 75px;

    display: block; }

  .nav-holder .drop1 {

    min-width: 200px;

    width: auto;

    height: auto;

    position: absolute;

    border-top: 2px solid #EECE57;

    background: rgba(255, 255, 255, 0.7);

    top: 100px;

    left: 0;

    display: none; }

    .nav-holder .drop1 .drop1-ul {

      text-align: left; }

      .nav-holder .drop1 .drop1-ul li {

        padding: 8px 8px;

        border-bottom: 1px solid #fff; }

        .nav-holder .drop1 .drop1-ul li:last-child {

          border-bottom: none; }

        .nav-holder .drop1 .drop1-ul li:hover {

          background: #EECE57; }

          .nav-holder .drop1 .drop1-ul li:hover a {

            color: #253A65; }

        .nav-holder .drop1 .drop1-ul li a {

          font-size: 1.6rem;

          color: #253A65;

          display: block; }

  .nav-holder .drop2 {

    min-width: 200px;

    width: auto;

    height: auto;

    position: absolute;

    border-top: 2px solid #EECE57;

    background: rgba(255, 255, 255, 0.7);

    top: 100px;

    left: 0;

    display: none; }

    .nav-holder .drop2 .drop2-ul {

      text-align: left; }

      .nav-holder .drop2 .drop2-ul li {

        padding: 8px 8px;

        border-bottom: 1px solid #fff; }

        .nav-holder .drop2 .drop2-ul li:last-child {

          border-bottom: none; }

        .nav-holder .drop2 .drop2-ul li:hover {

          background: #EECE57; }

          .nav-holder .drop2 .drop2-ul li:hover a {

            color: #253A65; }

        .nav-holder .drop2 .drop2-ul li a {

          font-size: 1.6rem;

          color: #253A65;

          display: block; }



#search222 {

  display: none; }



.search-small22 {

  position: absolute;

  top: 75px;

  right: 0;

  display: none; }

  .search-small22 #search-input22 {

    padding: 8px 18px;

    border: 1px solid #EECE57;

    outline: none;

    box-shadow: none;

    width: 240px; }



.block22 {

  display: block; }



.index-news {

  padding-top: 20px;

   }



.news-holder .news-pic {

  height: 300px;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  position: relative;

  overflow: hidden; }

  .news-holder .news-pic:hover .news-head {

    bottom: 0; }

  .news-holder .news-pic .news-head {

    height: 300px;

    background: rgba(0, 0, 0, 0.7);

    position: absolute;

    bottom: -160px;

    padding: 0 15px;

    text-align: left;

    width: 100%;

  }

    .news-holder .news-pic .news-head h4 {

      color: #fff;

      height: 40px; }

    .news-holder .news-pic .news-head p {

      color: #fff;

      height: 90px;

      overflow: hidden; }

    .news-holder .news-pic .news-head small {

      color: #fff; }



.news-holder .share {

  width: 100%;

  padding: 5px 15px;

  background: #253A65; }

  .news-holder .share p {

    margin: 0;

    color: #fff;

    float: left; }

  .news-holder .share .share-holder ul {

    margin: 0; }

    .news-holder .share .share-holder ul li {

      display: inline-block;

      margin-left: 30px; }

      .news-holder .share .share-holder ul li a img {

        width: 20px;

        height: 20px; }



.before-h {

  display: table; }

  .before-h:before {

    content: '';

    width: 100px;

    height: 4px;

    background: #EECE57;

    display: block;

    margin-bottom: 10px; }

.poslednje h4{
  line-height: 1.75;
}

.poslednje h4 span {

  margin: 0 10px;

  background: #253A65;

  color: #fff;

  padding: 0px 7px; }



.poslednje .raspored-btn {

  width: 100%;

  margin-top: 20px; }



.index-table tr:nth-child(5) {

  border-bottom: 2px solid black; }



.index-table tr th {

  background: #253A65;

  color: #fff; }



.naisa {

  background: rgba(37, 58, 101, 0.33); }



.parallax {

  width: 100%;

  min-height: 600px;

  height: auto;

  background-image: url("../../views/theme/img/ball-1930198_1920.jpg");

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover; }

  .parallax .parallax-div {

    width: 100%;

    min-height: 600px;

    height: inherit;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC), repeat;

    background-color: rgba(189, 189, 189, 0.7); }

  .parallax h4 {

    color: #fff; }



.partner-logo {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 150px; }

  .partner-logo a img {

    opacity: 1; 

    -webkit-transition:all ease-in-out 0.2s;

    -moz-transition:all ease-in-out 0.2s;

    -ms-transition:all ease-in-out 0.2s;

    -o-transition:all ease-in-out 0.2s;

    transition:all ease-in-out 0.2s;

  }

    .partner-logo a img:hover {

      transform: scale(1.1); }



.separator h3 {

  margin: auto;

  padding: 15px 0; }



.abstr .abstr-text1 {

  padding: 0 15px;

  height: 262px; }

  .abstr .abstr-text1 h3 {

    color: #fff; }

  .abstr .abstr-text1 p {

    color: #fff; }



.abstr .abstr-pic1 {

  padding: 0;

  overflow: hidden;

  height: 262px; }

  .abstr .abstr-pic1 img {

    -webkit-transition: all ease-in-out 1.5s;

    -moz-transition: all ease-in-out 1.5s;

    -ms-transition: all ease-in-out 1.5s;

    -o-transition: all ease-in-out 1.5s;

    transition: all ease-in-out 1.5s; }

    .abstr .abstr-pic1 img:hover {

      -webkit-transition: all ease-in-out 4s;

      -moz-transition: all ease-in-out 4s;

      -ms-transition: all ease-in-out 4s;

      -o-transition: all ease-in-out 4s;

      transition: all ease-in-out 4s;

      transform: scale(1.1); }



.abstr-backg {

  width: 100%;

  /*height: 800px;*/

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat; }

  .abstr-backg .abstr-backg-filter {

    width: 100%;

    height: inherit;

    background: rgba(0, 0, 0, 0.7); 
    
    padding: 20px 0;

  }



footer {

  padding: 20px;

  background-color: #253A65;

  width: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover; }

  footer .links-holder h4 {

    color: #EECE57; }

  footer .links-holder ul li {

    margin: 10px 0; }

    footer .links-holder ul li a {

      color: #EECE57;

      font-size: 1.4rem; }

  footer .footer-logo {

    width: 100%;

    height: 200px;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat; }

  footer .footer-kontakt h4 a {

    color: #EECE57; }

  footer .footer-kontakt ul li {

    margin: 10px 0;

    color: #EECE57; }

    footer .footer-kontakt ul li a {

      color: #EECE57; }

  footer .savezi h4 {

    color: #EECE57; }

  footer .savezi img {

    width: 100px;

    float: left; 
    margin-right: 10px;
  }



.footer-bottom {

  padding: 15px 0;

  background: #333; }

  .footer-bottom p {

    margin: 0;

    font-size: 1.2rem;

    color: #fff; }

    .footer-bottom p a {

      color: red; }



.page-heading {

  width: 100%;

  height: auto;

  position: relative; }

  .page-heading .head-filter {

    width: 100%;

    height: 100%;

    background: rgba(34, 34, 34, 0.5);

    position: absolute; }

  .page-heading img {

    width: 100%;

    max-height: 350px;

    /*min-height: 240px; */

    margin-top: 75px;

  }



.pagination > li:first-child > a {

  border-radius: 0; }



.pagination > li:last-child > a {

  border-radius: 0; }



.tim-ceo {

  height: 600px; }

  .tim-ceo img {

    height: inherit;

    margin: auto;

    border: 2px solid rgba(238, 206, 87, 0.5); }



.igrac-holder {

  height: 340px;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  position: relative;

  border: 2px solid #EECE57;

  overflow: hidden; }

  .igrac-holder:hover .igrac-info {

    bottom: 0; }

  .igrac-holder .igrac-info {

    padding: 15px;

    width: 100%;

    height: 80px;

    background: rgba(37, 58, 101, 0.9);

    position: absolute;

    bottom: -100%; }

    .igrac-holder .igrac-info h4 {

      color: #fff;

      margin: 0;
      font-size: 15px;
      width: 150px;
       }

      .igrac-holder .igrac-info h4 span {

        font-size: 1.2rem; }

    .igrac-holder .igrac-info h2 {

      color: #EECE57;

      margin: 0; }



.nav-tabs > li > a {

  border-radius: 0; }



.snews-pic {

/*  height: 500px;

  max-height: 500px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;*/ }

  .snews-pic .snews-head {

    width: 450px;

    background: rgba(37, 58, 101, 0.9);

    padding: 15px;

    position: absolute;

    bottom: -50px;

    left: 140px; }

    .snews-pic .snews-head h1 {

      color: #fff;

      font-size: 4rem; }

    .snews-pic .snews-head small {

      color: #fff; }



.snews p {

  text-align: justify; }

  .snews p span {

    font-weight: bold; }



.snews .share {

  width: 100%;

  background: #253A65;

  padding: 5px; }

  .snews .share p {

    color: #fff;

    float: left;

    margin: 0;

    padding: 5px; }

  .snews .share .share-holder ul {

    margin: 0; }

    .snews .share .share-holder ul li {

      display: inline-block;

      margin-left: 10px;

      padding: 5px;

      -webkit-transition: all ease-in-out 0.2s;

      -moz-transition: all ease-in-out 0.2s;

      -ms-transition: all ease-in-out 0.2s;

      -o-transition: all ease-in-out 0.2s;

      transition: all ease-in-out 0.2s; }

      .snews .share .share-holder ul li:hover {

        background: #EECE57; }

      .snews .share .share-holder ul li a img {

        width: 20px;

        height: 20px;

        margin-top: 4px; }



.side-news ul {

  height: 300px; }

  .side-news ul li {

    padding: 10px;

    border-bottom: 1px solid #253A65; }

    .side-news ul li a:hover {

      color: #EECE57; }



.bx-wrapper .bx-controls-direction a {

  top: unset;

  bottom: -50px;

  z-index: unset; }



.gallerys-holder {

  padding: 0;

  overflow: hidden;

  height: 300px;

  display: flex;

  justify-content: center;

  align-items: center; }

  .gallerys-holder:hover .gallerys-backg {

    transform: scale(1.1); }

  .gallerys-holder:hover .gallerys-filter {

    transform: scale(1); }

  .gallerys-holder .gallerys-backg {

    width: 100%;

    height: 300px;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat; }

  .gallerys-holder .gallerys-filter {

    width: 100%;

    height: 100%;

    background: rgba(37, 58, 101, 0.7);

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    transform: scale(0); 

        padding: 0 15px;

    text-align: center;

  }

    .gallerys-holder .gallerys-filter h4 {

      color: #fff; }



#timeline {

  padding-top: 5%; }



.timeline {

  height: 100%;

  position: relative; }

  .timeline canvas {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0; }

  .timeline figcaption {

    font: 900 180% 'Lato';

    text-transform: uppercase;

    -webkit-text-stroke: .25px; }

  .timeline h2 {

    font: 400 400% 'Raleway';

    padding-bottom: 100px;

    color: #253A65; }

  .timeline h6 {

    color: #253A65;

    font: 400 80% Tahoma; }

  .timeline p,

  .timeline ol {

    font: 400 95% 'Raleway';

    padding: 3px 0 20px 0;

    color: #575757;

    text-align: justify;

    width: 70%; }

  .timeline p {

    font-size: 1.6rem; }

  .timeline ol {

    list-style: disc;

    margin-top: -20px;

    padding-left: 40px; }

  .timeline figure {

    float: right;

    width: 100%; }

  .timeline article {

    position: relative;

    width: 38%;

    overflow: hidden;

    margin-bottom: 100px; }

    .timeline article:first-of-type {

      float: left;

      text-align: right; }

      .timeline article:first-of-type p,

      .timeline article:first-of-type figure {

        float: right; }

    .timeline article:last-of-type {

      float: right; }

      .timeline article:last-of-type h2 {

        color: #EECE57; }

      .timeline article:last-of-type h6,

      .timeline article:last-of-type a {

        color: #EECE57; }

      .timeline article:last-of-type a:hover {

        color: #95D40D; }



.win-img {

  margin: auto; }



.isto-f {

  display: none; }



.isto {

  max-height: 640px !important; }



.gallery-holder img {

  height: 200px; 

  margin: 0 auto;  

}



.video-holder a {

  z-index: 99999; }



#map {

  width: 100%;

  height: 350px; }



#contactForm input {

  border-radius: 0;

  outline: none; }



#contactForm textarea {

  border-radius: 0;

  outline: none; }



.form-control:focus {

  box-shadow: none; }



.text-danger {

  color: maroon; }



.address-holder h3 {

  color: #253A65; }



.address-holder p span {

  font-weight: bold;

  margin-right: 10px; }



.address-holder p a {

  color: #EECE57; }



.hala-holder img {

  max-height: 340px; }



.rez-holder-kuci,

.rez-holder-gosti {

  padding: 0;

  color: #fff;

  border-bottom: 2px solid black; }

  .rez-holder-kuci h4,

  .rez-holder-gosti h4 {

    color: #fff; }

  .rez-holder-kuci p,

  .rez-holder-gosti p {

    color: #fff; }

  .rez-holder-kuci span,

  .rez-holder-gosti span {

    color: #fff;

    font-size: 2rem; }

  .rez-holder-kuci a,

  .rez-holder-gosti a {

    margin-bottom: 10px; }



.rez-holder-kuci {

  background: #253a65; 

      min-height: 298px;

}

  .rez-holder-kuci a {

    background: #EECE57; }

    .rez-holder-kuci a:hover {

      background: #e9c029; }



.rez-holder-gosti {

  background: #eece57;

  color: #253A65; 

      min-height: 298px;

}

  .rez-holder-gosti h4 {

    color: #253A65; }

  .rez-holder-gosti p {

    color: #253A65; }

  .rez-holder-gosti span {

    color: #253A65;

    font-size: 2rem; }



.ras-table th {

  background: #253A65;

  color: #fff; }



#logo-img1 {

  display: none; }



.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {

  background: #253A65; }



.nav-pills > li > a {

  border-radius: 0; }

.my-f-poc{
  font-size: 1.4rem;
}
.nish{
  margin:auto;
}

/*star*/
.star-holder{
  max-width:370px;
  height: 75px;
  float: left;
      margin-left: 22px;
}

.star-holder ul{
  padding:0;
  margin: 0;
      margin-top: 17px;
}

.star-holder ul li{
  display: inline-block;
  margin-right: 28px;
}

.star-holder ul li a img{
  width:40px;
}
/*.star*/

/*big stars*/
.star-left,.star-right{
	position: fixed;
	top:400px;
	display: none;
	z-index: 9;
}
.star-left{
	left:5px;

}
.star-right{
	right:5px;
	
}
.star-left a img{
	margin: auto;
	margin-bottom: 30px;
	width: 110px;
}
.star-right a img{
	margin: auto;
	margin-bottom: 30px;
	width: 110px;
}
.star-left p{
	color:#846a00;
	font-family: 'Amita', cursive;
}
.star-right p{
	color:#846a00;
	font-family: 'Amita', cursive;
}
/*.big stars*/

.go-top {
  position: fixed;
  bottom: 2em;
  right: 2em;
  text-decoration: none;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  padding: 5px 10px;
  display: none; 
  z-index: 9;

}

.go-top:hover {
  background-color: rgba(0, 0, 0, 0.6);
  color: #333; }



@media all and (min-width: 992px) and (max-width: 1199px) {

  .abstr .abstr-pic1 {

    height: 323px; }

  .abstr .abstr-text1 {

    height: 323px; }

  .snews-pic .snews-head {

    left: 80px; }

  .timeline h2 {

    font: 400 240% 'Raleway';

    padding-bottom: 30px; } 

    .star-holder{
        margin-left: 27px;
        width: 78px;
    }
    .star-holder ul{
      margin: 0;
    }
    .star-holder ul li{
    	margin-right: 0;
    }
    .star-holder ul li a img{
      width: 35px;
    }
    .page-backg .logo-hero{
      width:300px;
    }
  }



@media all and (min-width: 768px) and (max-width: 991px) {

  .top-header .social-header {

    margin-top: 2px;

    width: unset;

    position: static;

    top: unset;

    left: unset;

    float: right;

    transform: none; }

  .poslednje .raspored-btn {

    width: 200px; }

  .page-backg .intro h1 {

    font-size: 4rem; }

  .page-backg .intro .dobro {

    font-size: 6rem; }

  .partner-logo {

    height: 100px; }

    .partner-logo a img {

      height: 65px;

      opacity: 1; }

  .abstr-backg {

    height: unset; }

  .abstr .abstr-text1 {

    height: unset; }

  .abstr .abstr-pic1 {

    height: unset; }

    .abstr .abstr-pic1 img {

      height: 250px;

      margin-bottom: 20px; }

  .abstr a {

    margin-bottom: 20px; }

  .savezi {

    height: 190px; }

  footer .footer-logo {

    margin-top: 50px; }

  .tim-ceo {

    height: 480px; }

  .timeline h2 {

    font: 400 240% 'Raleway';

    padding-bottom: 30px; }

  #map {

    height: 300px; } 
    
    .star-holder{
      margin-left: 120px;
    }
    .star-holder ul{
      margin-top:12px;
    }
    .page-backg .intro{
      top:38%;
    }
    .page-backg .logo-hero{
      width: 215px;
    }
    .new-wellcome-txt{
      font-size: 3.6rem;
    }
  }



@media all and (min-width: 500px) and (max-width: 767px) {

  .top-header .social-header {

    margin-top: 2px;

    width: unset;

    position: static;

    top: unset;

    left: unset;

    float: right;

    transform: none; }

  .page-backg .intro h1 {

    font-size: 2rem; }

  .page-backg .intro .dobro {

    font-size: 4rem; }

  .page-backg .intro {

    height: 225px; }

  .partner-logo {

    height: 70px; }

    .partner-logo a img {

      height: 60px;

      opacity: 1; }

  .abstr-backg {

    height: unset; }

  .abstr .abstr-text1 {

    height: unset; }

  .abstr .abstr-pic1 {

    height: unset; }

    .abstr .abstr-pic1 img {

      height: 250px;

      margin-bottom: 20px;

      width: 100%; }

  .abstr a {

    margin-bottom: 20px; }

  .links-holder,

  .savezi {

    margin-bottom: 20px; }

  .news-holder .share .share-holder ul li {

    margin-left: 19px; }

  .news-holder .news-pic .news-head h4 {

    height: 75px; }

  .poslednje .raspored-btn {

    width: 200px; }

  .snews-pic .snews-head h1 {

    font-size: 2.5rem; }

  .snews-pic .snews-head {

    width: 50%;

    left: 23%; }

  .tim-ceo {

    height: 300px; }

  .timeline h2 {

    font: 400 200% 'Raleway';

    padding-bottom: 30px; }

  .timeline p {

    font-size: 1.4rem;

    text-align: center; }

  .gallery-holder img {

    height: 130px; }

  #map {

    height: 250px; }

  .galrow {

    margin: 0; }

  .gallerys-holder {

    padding: 0 15px;

    margin-bottom: 30px; }
    
    .star-holder{
      margin-left: 30px;
    }
    .star-holder ul{
      margin-top:17px;
    }
    .star-holder ul li{
    	margin-right: 25px;
    }
    .star-holder ul li a img{
      width:30px;
    }
    
    .page-backg .button-bottom{
      display: none;
    }
    .page-backg .logo-hero{
      width:175px;
    }
    .new-wellcome-txt{
     font-size: 2.5rem;

    }
    }



@media all and (max-width: 499px) {

  .top-header .social-header {

    margin-top: 2px;

    width: unset;

    position: static;

    top: unset;

    left: unset;

    float: right;

    transform: none; }

  .top-header .lang-holder ul li a img {

    width: 17px;

    height: 17px; }

  .top-header .social-header a img {

    width: 17px;

    height: 17px; }

  .news-holder {

    width: 100%; }

  header {

    margin-top: 37px; }

  .poslednje .raspored-btn {

    width: 200px; }

  .partner-logo {

    height: 100px; }

    .partner-logo a img {

      height: 60px;

      opacity: 1; }

  .abstr-backg {

    height: unset; }

  .abstr .abstr-text1 {

    height: unset; }

  .abstr .abstr-pic1 {

    height: unset; }

    .abstr .abstr-pic1 img {

      /*height: 250px;*/

      margin-bottom: 20px;

      width: 100%; }

  .abstr a {

    margin-bottom: 20px; }

  .links-holder,

  .savezi {

    margin-bottom: 20px; }

  .footer-bottom {

    text-align: center; }

    .footer-bottom p {

      float: none; }

  .side-news {

    width: 100%; }

  .snews-pic .snews-head h1 {

    font-size: 2rem; }

  .snews-pic .snews-head {

    width: 100%;

    left: unset; }

  .tim-ceo {

    height: 180px; }

  .igrac {

    width: 250px;

    margin: auto;

    float: none;

    margin-bottom: 20px; }

  .timeline h2 {

    font: 400 150% 'Raleway';

    padding-bottom: 30px; }

  .timeline p {

    font-size: 1.4rem;

    text-align: center;

    width: 100%; }

  .gallerys-holder {

    width: 250px;

    margin: auto;

    float: none;

    margin-bottom: 20px; }

  .gallery-holder img {

    height: 130px; }

  .gall-pic {

    width: 100%; }

  .gall-pic img {

    margin: auto; }

  #map {

    height: 200px; }

  .rez-holder-gosti,

  .rez-holder-kuci {

    width: 50%; }

  .page-backg .button-bottom {

    display: none; }

  .page-backg .intro {

    height: 100px; }

  .page-backg .intro .dobro {

    font-size: 2rem; }

  .page-backg .intro h1 {

    font-size: 1.6rem; }

  .page-backg img {

    margin-top: 70px; }

  #logo-img {

    display: none; }

  #logo-img1 {

    display: block; }

  .logo-holder {

    box-shadow: none;

    width: 75px; }

  .logo-holder img {

    border: none; } 
    
    .star-holder{
      margin-left: 9px;
    }
    
    .star-holder ul{
      margin-top:17px;
    }
    .star-holder ul li{
    	margin-right: 2px;
    }
    .star-holder ul li a img{
      width: 30px;
    }
    
    .page-backg .button-bottom{
      display: none;
    }
    .page-backg .logo-hero{
      width:100px;
      margin: 0;
    }
    .new-wellcome-txt{
      font-size: 1.9rem;
    }
  }

	/*	IGRACICE	*/
	
.igracice-holder {
  border: 1px solid #d6d6d6;
  margin-top: 100px;
  position: relative;
  background: #253A65 !important;
  color: #EECE57 !important; }

.igracice-holder h1, .igracice-holder h4, .igracice-holder p{
  color: #EECE57 !important; }
.igracice-holder p{
  font-size: 1.4rem;
}
.igracice-holder h4{
  font-size: 1.6rem;
}
.igracice-holder:before,
.igracice-holder:after {
  position: absolute;
  content: "";
  bottom: 12px;
  left: 15px;
  top: 80%;
  width: 45%;
  background: lightgray;
  z-index: -1;
  -webkit-box-shadow: 0 20px 15px lightgray;
  -moz-box-shadow: 0 20px 15px lightgray;
  box-shadow: 0 20px 15px lightgray;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  transform: rotate(-3deg); }

.igracice-holder:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 15px;
  left: auto; }

.igracice-holder h4 {
  line-height: 1.2; }

.igracice-ime {
  font-size: 54px; }

.igracice-img {
  padding-right: 0;
  position: relative;
  height: inherit; }

.broj {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.broj img {
    opacity: 0.05;
    width: 80%; 
}

.broj2 {
  position: absolute;
  top: 0;
  left: 30px;
  width: auto;
  height: 100px;
  background-color: #EECE57 !important;
  padding: 0 10px; }

.broj2 h1 {
  color: #253A65 !important;
  font-size: 70px; }

.sear-trig{
    position: absolute;
    padding: 7px 10px;
    top: 10px;
    left: -200%;
    border-radius: 0;
}


.help-rez{
  height: 104px;
}

.help-posl{
  height:315px;
}

@media all and (min-width: 992px) and (max-width: 1199px) {
  .igracice-ime {
    font-size: 40px;
    margin: 0; }
  .igracice-holder h4 {
    font-size: 16px; }
  .igracice-holder p {
    font-size: 13px; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .igracice-ime {
    font-size: 35px;
    margin: 10px 0; }
  .igracice-holder h4 {
    font-size: 16px; }
  .igracice-holder p {
    font-size: 13px; } }

@media all and (min-width: 500px) and (max-width: 767px) {
  .igracice-ime {
    font-size: 35px;
    margin: 10px 0; }
  .igracice-holder h4 {
    font-size: 16px; }
  .igracice-holder p {
    font-size: 13px; }
  .igracice-img {
    padding-left: 0; } }

@media all and (max-width: 499px) {
  .igracice-ime {
    font-size: 35px;
    margin: 10px 0; }
  .igracice-holder h4 {
    font-size: 16px; }
  .igracice-holder p {
    font-size: 13px; }
  .igracice-img {
    padding-left: 0; } }


@media all and (max-width: 1600px){
	.star-left,.star-right{
		display: none!important;
	}
}