a{
    text-decoration: none;
    color: rgb(179, 19, 19);
}

.pozadina{
    background-image: url(../images/bcg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 30px;
}

.bijela{
    background-color: white;
    background-clip: content-box;
}

.treci{
    background-color: #5e5858;
    margin-top: 2%;
    margin-bottom: 2%;;
    padding-top: 2%;
    padding-bottom: 2%;
}
.jedan{
    background-color: white;
    background-clip: content-box;
    }

.dva{
    background-color: white;
    background-clip: content-box;
    }

    .tri{
        background-color: white;
        background-clip: content-box;
        
    } 

    iframe{
        width: 100%;
    }


 .crta{
    border-bottom: 1px dashed rgb(190, 137, 137) 
    
 }   
 /*start header****************************************/
 .navbar{
     background-color: blueviolet;
     padding: 0;
 }
 .navbar-light .navbar-nav .nav-link{
color: aliceblue;
 }
 .navbar-light .navbar-nav .nav-link.active{
     color: aliceblue;
     padding: 15px;
     background: rgb(34,193,195);
     background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(1,46,112,1) 100%);
 }
 .navbar-light .navbar-nav .nav-link{
    color: white;
    padding: 15px;
}
.navbar-light .navbar-nav .nav-link:hover{
    color: yellow;
}

.dropdown-menu{
background-color: blueviolet;
}

.dropdown-menu .dropdown-item{
    color: white
}
.dropdown-menu .dropdown-item:hover{
    color: red;
    background: transparent;
}
/*end header*/

.hamburger{
    background-color: chartreuse;
}
.hamburger a{
    color:black
}

.hamburger a i{
border: 1px solid black;
border-radius: 50%;
padding: 5px 7px;
}

.hamburger a:hover{
    color: red;
}

.navbar-brand img{
    height: 45px;
}

.corbica h1, .corbica p, corbica h2{
color: red;
}
.corbica h4{
    color:black
}

.prvi{
    margin-top: 3%;
}
p{
    font-family: 'Indie Flower', cursive;
    
}
h1{
    font-family: 'Caveat', cursive;
}
h2{
    font-family: 'Dancing Script', cursive;
}
h3{
    font-family: 'East Sea Dokdo', cursive;
}
h4{
    color: red;
}

ul li{
    list-style: none;
}
.clanak{
    background-clip: content box;
}

.sesiri{
    background-clip: content-box;
    background-position: center;
    margin-top: 2%;
}
.sesir1{
position: center;
}

.ruka{
    overflow: hidden;
}

.vidis i:hover{
    background-color: yellow;
}

.vidis a:hover{
    color: white;
}

.adresa{
background-color: gray;
}

.tel{
background-color: deepskyblue;
}

.mail{
background-color: rgb(32, 29, 29);
}

.prvi a{
    padding: 60px 0;
    display: block;
}

.adresa i, .adresa h2{
    color: blue;
}

.tel i, .tel h2{
    color: white;
}

.mail i, .mail h2{
    color: white;
}

.adresa a:hover i, .adresa:hover h2, .adresa:hover p{
    color: rgb(179, 19, 19);
}

.tel a:hover i, .tel:hover h2, .tel:hover p{
    color: rgb(179, 19, 19);
}

.mail a:hover i, .mail:hover h2, .mail:hover p{
    color: rgb(179, 19, 19);
}

.posao{
    width: 100%;
    background-color: blue;
    margin-top: 3%;
    color: white;
}

.textarea{
    width: 100%;
   margin-top: 2% ;
}

.posao:hover{
    background: linear-gradient(red, white);
}

.palacinka img{
    width: 35%;
}

.teta{
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}

.truba{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.4;

}

.linija{
    position: relative;
    padding-bottom: 15px;

}

.linija::after{
    content: "";
    width: 78%;
    height: 3px;
    background-color: red;
    position: absolute;
    bottom: 0;
    left: 0;
}

.crta2{
    position: relative;
    padding-bottom: 15px;
}

.crta2::after{
    content: "";
    left: 20%;
    right: 20%;
    height: 3px;
    background-color: red;
    position: absolute;
    bottom: 0;
    
}

.pasus{
    background-color: aqua;
    background-clip: content-box;
    
}

.one{
    width: 100px;
    height: 50px;
    background-clip: content-box;
}

.linija2{
    position: relative;
    padding-bottom: 15px;
}

.foto img{
    width: 400px;
    height: 300px;
    margin-right: 25px;
}

.mufon img{
    width: 98%;
}

.moja{
    position: relative;
}

.moja h2{
    margin-top: 30px;;
}

.moja p, h2, a{
    color: white;
    margin-top: 3;
}



.ops{
    background-color: rgb(226, 134, 43);
    border: solid black 2px;
    border-radius: 20px;
    padding: 2%;
    margin-top: 3%;
    float: left;
    color: white;

}

.mufon{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    color: white;
}

.kont{
    margin-bottom: 100px;
}

.accordion-button{
    background-color: red;
    color: white;
}

.accordion{
    box-shadow: 30px -21px 8px -5px rgba(222,21,21,0.75);
-webkit-box-shadow: 30px -21px 8px -5px rgba(222,21,21,0.75);
-moz-box-shadow: 30px -21px 8px -5px rgba(222,21,21,0.75);
}

.zlatar{
    overflow: hidden;
}

.crta3{
    position: relative;
    padding-bottom: 15px;
}

.crta3::after{
    content: "";
    left: 20%;
    right: 20%;
    height: 2px;
    background-color: rgb(7, 6, 6);
    position: absolute;
    bottom: 0;
    
}

.crta3:hover{
    color: red;
}

.drugi h2{
    color:red
}


.opisi{
    position: absolute;
    text-align: right;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.opisi h2{
    background-color: rgba(165, 42, 42, 0.438);
}

#masline .owl-prev, #masline .owl-next{
    font-size: 60px;
    background-color: gray;
    font: white;
}

#masline .owl-nav{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

#masline .owl-prev{
    float: left;
}

#masline .owl-next{
    float: right;
}

#firme .owl-nav{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 105%;
}

#firme .owl-prev{
    float: left;
    font-size: 60px;
}

#firme .owl-next{
    float: right;
    font-size: 60px;
}

/* jhgfkjghkfdjhgdfjhgkd */

@media(max-width:700px){
    .teta{
        background-color: aquamarine;
    }
}