h1{
    font-family: 'Syne', sans-serif;
    font-weight: 500;
    font-size: 70px;
}
h2{font-family: 'Syne', sans-serif;
    font-weight: 500;
    font-size: 40px;
}
h3{font-family: 'Syne', sans-serif;
    font-weight: 500;
    font-size: 30px;
}
h4{
    color: #af8b56;
}
body{
    font-family: 'Syne', sans-serif;
}
a{
    text-decoration: none;
}

.container-fluid{
    padding-left: 0;
    padding-right: 0;
    }


/*fiksirana slika*/
.sesir{
    background: url(../images/slider022.jpg) no-repeat center fixed;
    background-size: cover;
    padding: 100px 0;
    
}
.texx{
    color: #ffffff;
}


/**services**/

.services h4{
    text-align: center;
}
.services h2{
    text-align: center;
    padding-bottom: 30px;
}
.services{
    padding-top: 100px;
}
.pjedan{
    padding-bottom: 30px;

}
.pdva{
    padding-bottom: 30px;
}
.progress-bar{
    background-color: #af8b56;
    width: 90%;
}

.pdva .progress-bar{
    width: 60%;
}
.ptri .progress-bar{
    width: 80%;
}

.progress{
    background-color: #e5e6e8;
}
.second{
    padding-top: 40px;
}
.progress-bar .w-75{
    width: 90%;
}

/**navbar**/
.navbar{
    background-color: #212529;
    padding: 0;
    position: fixed;
    z-index: 999;
    width: 100%;    
}
.navbar-brand img{
    height: 40px;
}
.navbar-light .navbar-nav .nav-link{
    color: white;
    padding: 20px;
}
.navbar-light .navbar-nav .nav-link.active{
    color: white;
}
.navbar-light .navbar-nav .nav-link:hover{
    color: #af8b56;
}
.navbar-collapse{
    flex-grow: 0;
}


/**ABOUT US**/
.aboutus{
    padding: 50px 0;
}
.aboutus h4{
    color: #af8b56;
}
.visina h4{
    color: #212529;
}
.visina p{
    color: #af8b56;
}
.razmak{
    padding: 0 30px;
}
.visina img{
   
    border-radius: 50%;
}
.visina2{
    padding-bottom: 50px;
}

/*testamonials*/

#customers.owl-theme .owl-dots .owl-dot span{
    background-color: #af8b56;
}

#customers.owl-theme .owl-dots .owl-dot.active span{
    background-color: #af8b56;
    opacity: 50%;
}
#customers.owl-carousel .owl-item img{
    height: 80px;
    width: 80px;
    margin: auto;

}
#customers.owl-carousel .owl-item h4{
    padding-top: 25px;
}
#customers{
   padding-bottom: 100px;
   padding-top: 30px;
}

.owl-carousel .owl-item p:nth-child(2){
    color: #af8b56;
}

.testimonials h4{
    text-align: center;
    padding-top: 80px;
}

.testimonials h2{
    text-align: center;
    
}

.boja h4{
    color: #212529;
}

/** home**/
.uvod{
    position: absolute;
    text-align: center;
    color: #ffffff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}
.uvod a{
    background-color: #af8b56;
    color: white;
    padding: 13px 20px;
    border-radius: 30px;
}
.uvod a:hover{
    background-color: #872720;
}
.uvod h1{
    padding-bottom: 20px;
}

.owl-carousel .owl-nav button.owl-next{
    font-size: 80px;
    color: #af8b56;
    float: right;
}
.owl-carousel .owl-nav button.owl-prev{
    font-size: 80px;
    color: white;
    float: left;
}
.owl-nav{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}


/**gallery**/
.razmak{
padding-bottom: 25px;
padding-top: 30px;
}

.slike h2{
    text-align: center;
}
.slike h4{
    text-align: center;
}
.slike{
    padding: 100px 0 0;
}

/* contact us */
.s1{
    padding-bottom: 30px;
}
.space{
    padding-top: 30px;
}
.btn-primary{
    background-color: #af8b56;
    border: none;
}
.btn-primary:hover{
    background-color: #212529;
}
#cus{
    padding-bottom: 80px;
}

/**footer**/

.footer{
    background-color: #212529;
    padding: 100px 0;
    color: white;
}
.footer i{
    color: #af8b56;
    font-size: 20px;
    padding: 10px;
}
.footer a{
    color: white;
}
.razmak01{
    padding: 20px ;
}