html, body {
	margin: 0;
  padding: 0;
  height: 100%;
  scroll-behavior: smooth;
}
body{
  font-family: 'Roboto', sans-serif;
/*  background: rgb(0,0,0);
background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(67,67,67,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(67,67,67,1) 100%);
background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(67,67,67,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#434343",GradientType=1);
background: rgb(0,0,0);
background: -moz-radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(67,67,67,1) 100%);
background: -webkit-radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(67,67,67,1) 100%);
background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(67,67,67,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#434343",GradientType=1);
background: rgb(0,0,0);
background: -moz-radial-gradient(circle, rgba(0,0,0,1) 42%, rgba(56,56,56,1) 100%);
background: -webkit-radial-gradient(circle, rgba(0,0,0,1) 42%, rgba(56,56,56,1) 100%);
background: radial-gradient(circle, rgba(0,0,0,1) 42%, rgba(56,56,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#383838",GradientType=1);*/
background-color: black;
}
@font-face {
  font-family: rucni;
  src: url(../fonts/ItalicHandMedium.otf);
}
.wrapper{
  margin-top: 3em;
}
.slika{
  height: auto;
  width: 350px;
}
.vecitekst{
  font-size: 1.15rem;
}
#Radio{
  scroll-margin-top: 50px;
}
#PR_Marketing{
  scroll-margin-top: 50px;
}
#O_nama{
  scroll-margin-top: 50px;
}

#RecentWork{
      scroll-margin-top: 50px;
}

#CroatianVoiceArtist{
      scroll-margin-top: 0px;
}

.belica{
  color: white;
}

.ikonice{
  font-size: 3em;
}

.zlatno{
  /*fill: linear-gradient(275deg, rgba(166,137,72,1) 16%, rgba(201,166,86,1) 32%, rgba(119,96,45,1) 53%, rgba(185,153,78,1) 69%, rgba(156,131,72,0.8813900560224089) 82%, rgba(210,171,79,1) 97%);*/
  /*background: linear-gradient(275deg, rgba(166,137,72,1) 16%, rgba(201,166,86,1) 32%, rgba(119,96,45,1) 53%, rgba(185,153,78,1) 69%, rgba(156,131,72,0.8813900560224089) 82%, rgba(210,171,79,1) 97%);*/
  /*background: -moz-linear-gradient(275deg, rgba(166,137,72,1) 16%, rgba(201,166,86,1) 32%, rgba(119,96,45,1) 53%, rgba(185,153,78,1) 69%, rgba(156,131,72,0.8813900560224089) 82%, rgba(210,171,79,1) 97%);*/
  /*background: -webkit-linear-gradient(275deg, rgba(166,137,72,1) 16%, rgba(201,166,86,1) 32%, rgba(119,96,45,1) 53%, rgba(185,153,78,1) 69%, rgba(156,131,72,0.8813900560224089) 82%, rgba(210,171,79,1) 97%);*/
  /*background: linear-gradient(275deg, rgba(166,137,72,1) 16%, rgba(201,166,86,1) 32%, rgba(119,96,45,1) 53%, rgba(185,153,78,1) 69%, rgba(156,131,72,0.8813900560224089) 82%, rgba(210,171,79,1) 97%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a68948",endColorstr="#d2ab4f",GradientType=1);*/
  /*color: #fff;*/
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
  color: #000
}
html, body {
	height: 100%;
}

body {
	background: #ededed;
	color:#000;}

.info {
  max-width: 360px;
  margin: 0 auto;
  /* padding: 1.5rem; */
  text-align: center;
  border-radius: .25rem;
  transition: all .5s;
}
.info.infoveci{
  max-width: 100%;
  margin:0;
}

.section {
  position: relative;
  padding-top: 3.2em;
  padding-bottom: 3.2em;
}

.kruzno{
  border-radius: 3em;
}
.loader {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

#wave {
	height: 70px;
	width: 70px;
	fill: #fff;
}

#Line_1 {
  animation: pulse 1s infinite;
  animation-delay: 0.15s;
}
#Line_2 {
  animation: pulse 1s infinite;
  animation-delay: 0.3s;
}
#Line_3 {
  animation: pulse 1s infinite;
  animation-delay: 0.45s;
}
#Line_4 {
  animation: pulse 1s infinite;
  animation-delay: 0.6s;
}
#Line_5 {
  animation: pulse 1s infinite;
  animation-delay: 0.75s;
}
#Line_6 {
  animation: pulse 1s infinite;
  animation-delay: 0.9s;
}
#Line_7 {
  animation: pulse 1s infinite;
  animation-delay: 1.05s;
}
#Line_8 {
  animation: pulse 1s infinite;
  animation-delay: 1.2s;
}
#Line_9 {
  animation: pulse 1s infinite;
  animation-delay: 1.35s;
}


@keyframes pulse {
	0% {
		transform: scaleY(1);
		transform-origin: 50% 50%;
	}
	
	50% {
		transform: scaleY(.7);
		transform-origin: 50% 50%;
	}
	
	100% {
		transform: scaleY(1);
		transform-origin: 50% 50%;
	}
}

.tekst{
  opacity: 0;
  position: fixed;
  top:15%;
  left:15%;
}
.item-text{
  font-size: 3em;
}
.bblur{
  backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}

.brandmedia{
  width: 500px;
  height: auto;
}
.brandmedianav{
  width: 500px;
  height: auto;
}
.nav-logo{
  margin-top:2em ;
  width: 100%;
  height: 100%;
}

.navbar-brand{
  margin-right: 0;
  z-index: 990;
}

.navbar-fixed-top{
position: sticky;
top: 0;
background-color: #101010;
}

.border-bottom-gold{
  z-index: 10000;
    border-bottom:3px solid #b9994e;
    background-color: #101010;
}
.helper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.imginfo{
  bottom: 13%;
  left: 10%;
  position: absolute;
  font-weight:400;
  font-size: 1.42em;
}
.footer{
  background: transparent;
}

/* -450 */
@media screen and (max-width: 450px){
  .imginfo{
    bottom: -18%;
  }
  .brandmedia{
    width: 95%;
    height: auto;
  }
  .brandmedianav{
    width: 60%;
    height: auto;
  }
}

/* 576-451 */
@media screen and (max-width: 576px) and (min-width: 451px) {
  .imginfo{
    bottom: -13%;
  }
  .brandmedia{
    width: 95%;
    height: auto;
  }
  .brandmedianav{
    width: 60%;
    height: auto;
  }
  .navbar-collapse {
  width: 100vh;
  }
}

/* 576-600 */
@media only screen and (max-width: 600px) and (min-width: 576px){
  .imginfo{
    bottom: -11%;
  }
}

/* 600-768 */
@media only screen and (max-width: 768px) and (min-width: 600px){
  .imginfo{
    bottom: -10%;
  }
}


/* 769-992 */
@media only screen and (max-width: 992px)and (min-width: 768px){
  .imginfo{
    bottom: -9%;
  }
}  

@media only screen and (max-width: 992px){

  .navbar-collapse.collapsing, .navbar-collapse.show {
    padding: 1.5rem;
    border-radius: .25rem;
    background: #000;
    box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
}
.navbar-nav .nav-link {
  color: #fff!important;
}
}

/* 993-1200 */
@media only screen and (max-width: 1200px) and (min-width: 993px){

}

.navbar-collapse .navbar-toggler span {
  background: #fff;
}

.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  font-family: FontAwesome;
}

.fa:hover {
  opacity: 0.7;
}

/* KOntakt buton*/
.okvir {
  width: 64px;
  height: 64px;
  background-color: transparent;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  margin-bottom: 1.5em;
  overflow: hidden;
  opacity: 0;
}

.okvir.open {
  height: 9em;
  opacity: 1;
}

.okvir.otvori {
  -webkit-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#kontaktbuton {
  opacity: 0;
  visibility: hidden;
  transition: background-color .3s, opacity .5s, visibility .5s;
}

#kontaktbuton.show {
  opacity: 1;
  visibility: visible;
}

.buton-wrap {
  position: fixed;
  right: 0.5em;
  bottom: 1em;
  z-index: 1000;
}


.radio {
        position: fixed;
  color: #FFF;  background-color: #101010;
  text-align: center;
  font-size: 2em;
  box-shadow: 2px 2px 3px linear-gradient(275deg, rgba(166,137,72,1) 16%, rgba(201,166,86,1) 32%, rgba(119,96,45,1) 53%, rgba(185,153,78,1) 69%, rgba(156,131,72,0.8813900560224089) 82%, rgba(210,171,79,1) 97%);
  z-index: 1000;
  right: 0.5em;
  margin-top: -2em;
 
}

.wap {
     position: fixed;
  color: #000;
  text-align: center;
  font-size: 2em;
  z-index: 1000;
  right: 0.5em;
}

.email {
 
  position: fixed;
  margin: auto;
  color: #000;
  text-align: center;
  font-size: 2em;
  z-index: 1000;
  right: 0.5em;
  margin-top: 2em;
}

.navbar-brand{
        display: inline;
}

.navbar-brand .first{
        font-size:2em;
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
        display: inline;
}
.navbar-brand .second{
        font-size:2em;
    font-family: 'Montserrat', sans-serif;
    font-weight:100;
        display: inline;

}

.testimonial {
  padding: 1em 2em 1em 2em;
  margin-top:1em;
  background-color: #f9f9f9;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.testimonial:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10px; /* Width of the gradient border */
  background: linear-gradient(343deg, rgba(166,137,72,1) 16%, rgba(201,166,86,1) 32%, rgba(119,96,45,1) 53%, rgba(185,153,78,1) 69%, rgba(156,131,72,0.8813900560224089) 82%, rgba(210,171,79,1) 97%);
  z-index: 1;
}

.testimonial-quote {
    font-style: italic;
    color: #555;
    font-weight: bold;
}

.testimonial-author {
  display: flex;
  align-items: center;
  margin-top: 15px;
}


.author-name {
  font-weight: bold;
  color: #333;
  margin-bottom: 0;
}

.author-position {
  font-size: 0.85em;
  color: #666;
}