body {
    position: relative; 
     overflow-x: hidden;
     
     font-family: 'Varta', sans-serif;
  }

  @media (max-width:992px) {
    html{font-size: 14px;}
}

@media (max-width: 768px) {
    html{font-size: 12px;}
}

#sviKursevi{
  font-size: 16px;
}


@media (max-width: 992px) {
#sviKursevi .col-lg-3{
  border-bottom: 1px solid #793995;
}
}


  .navbar{
  	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    justify-content: center;
    /*font-weight: 700;*/

   
  }


.navbar ul a
{
   color: #793995;
}


h1, #sviKursevi .fas, #sviKursevi .far, .color{
   color: #793995;

}

a .color:hover, a.color:hover{
  color:#95adbe;

  text-decoration: none;

}


a.logo:hover{
  text-decoration: none;
  color: #793995;
}



@media (max-width:992px) and (min-width:768px)  {
    .logo{display: none;}
}

@media (max-width:576px)  {
    .logo{display: none;}
}

.btn-outline-color {
    color: #793995;
    border-color: #793995;
    transition: color 0.15s;
  }

.btn-outline-color:hover{

    color: #212529;
    background-color: #793995;
    border-color: #793995;

}

.navbar-brand {
  height: 7vh;

}

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

.line{

	/*margin-top: 5px;*/
	height: 3px;
	width: 20px;
}

.nav-item .active{

	color:#95adbe;

}

.nav-link{
	padding: 1rem;
  line-height: 1;
}
.nav-link:hover{
	color:#95adbe;
	
	border-bottom: 2px solid #95adbe;
}

/*.navbar-brand{
  height: 100%;
}
*/
.navbar-brand img{
  height: 100%;
  width: auto;
}


.navbar-toggler{
  margin: auto;
}


.bt-icons{

  background-color: #4267B2;
  display: inline-block;
  padding: 0.6rem;
  color: white;
  border-radius: 10%;
  /*background-clip: padding-box;*/
  border: 1px solid #4267B2;
  cursor: pointer;
  
  /*transform: scale(0);*/
  /*display: flex;*/
   /*font-size: 1.2rem;*/
   /*line-height: 1.5rem;*/
  
}



.bt-icons img{
  font-size: 0px;
  height: 4vh;
  /*height: 100%;*/
}

.bt-icons > span{
  /*display: none;*/
  /*width: 0%;*/
   color: white;
  transform: scaleX(0);
 
  font-size: 0px;
   transition: all 0.2s ease-in;

 

}
.bt-icons:hover > span{
  
  /*display: inline;*/
  
  font-size: 1rem;
  transform: scaleX(1);
  /*width: 100%;*/
 
}
.bt-icons:nth-child(2)
{
 background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
   /*border: 1px solid #d6249f;*/
   border: none;
    padding: calc(0.6rem + 1px);
    background-clip: padding-box;
}

a.bt-icons:hover{
  text-decoration: none;
}


.bt-icons1
{

    width: 30px;
    height: 35px;
    border-radius: 10%;
    transition: all 0.3s;
   
}

.bt-icons1:hover
{

    width: 33px;
    height: 39px;
    border-radius: 10%;
   
}



@media (max-width: 767px)
{

  .navbar-collapse{
    border-top: 1px solid #BCBCBC;
  }
}

#banner{
	/*margin-top: 72px;*/
	/*padding-top: calc(4vh + 10px+ 1rem);*/
	/*height: calc(100vh - 72px);*/
   /*padding-top: calc(2.2rem + 4vh + 3px);*/
   padding-top: 4.25rem;
	height: 100vh;
  box-sizing: border-box;
}

.carousel-inner{
 
  background-color: #FAF9D9;

}

@media (max-width:992px) {

#banner{
  /*padding-top:calc(3.7rem + 3px);*/

  height: 60vh;

  }
}

.naslovna{

  position: absolute;
  top:-6%;
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23793995' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23793995' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-caption{
  position: absolute;
  left: 50%;
  top:50%;
  transform: translate(-50%,-20%);
  color: #793995;
}

.carousel-indicators li{
  background-color: #793995;
}

#sviKursevi{
  /*margin-top: 72px;*/
  padding-top: 72px;
  /*height: calc(100vh - 72px);*/
  
}

.card{
transition: all .5s;
 
}

.card:hover {
  
    background:#ebebe0;
    transform: scale(1.05);

}

.evenly{
  justify-content: space-evenly;
}
 /*#onama, #kursevi, #galerija,#govor{

	padding-top: 72px;
	margin-top: -72px;
}*/
/* gallery */

.gallery{

  background-color: #FAF9D9;
}
.gallery-img {
    backface-visibility: hidden;
    transition: all .5s;
}

.gallery-img:hover {
    transform: scale(1.05);
}

.first-row {
    transform: translateX(-300px);
    opacity: 0;
    transition: all 2.5s;
}

.second-row {
    transform: translateX(300px);
    opacity: 0;
    transition: all 2.5s;
}

.change .first-row, .change .second-row {
    transform: translateX(0);
    opacity: 1;
}
/* end of gallery */

input.form-control,textarea.form-control {
    cursor: inherit; 
    color: black;   
  }