/* start generalni opisi *******************************************************************/
a{
    text-decoration: none;
    font-family: 'Roboto Mono', monospace;
}
p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 1.5;
}
h1{
    font-family: 'Patrick Hand', cursive;
    font-size: 45px;
}
h2{
    font-family: 'Mali', cursive;
    font-size: 35px;
}
h3{
    font-family: 'Crete Round', serif;
    font-size: 30px;
}
h1, h2, h3{
    margin: 20px 0;
}
h4{
    font-family: 'Edu SA Beginner', cursive;
    color: #160040;
}
html{
    scroll-behavior: smooth;
}
.up{
    position: fixed;
    bottom:0;
    right:3%;
    color: #A084CF;
    padding:3px 15px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    font-size:3.7em;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear; 
}
.up:hover{
    color: #9A0680;
}
/* end generalni opisi */

/* start heder */
.navbar-brand img{
    height: 45px;
}
.nav-link, .dropdown-item{
    text-transform: uppercase;
}
.navbar-collapse{
    text-align: right;
    flex-grow: 0;
}
.navbar-nav .nav-item{
    margin: 0px 20px;
}
.hed{
    background-color: rgba(154, 6, 127, 0.389);
    position: fixed;
    z-index: 999;
    width: 100%;
}
.navbar.purpple{
    background-color: #9A0680;
    padding: 0;
}

.navbar.purpple .navbar-nav .nav-item .nav-link.active{
    color: white;
    background: rgb(121,1,140);
    background: linear-gradient(0deg, rgba(121,1,140,1) 15%, rgba(76,0,112,1) 47%, rgba(22,0,64,1) 75%);
}
.navbar-nav .nav-item .nav-link{
    color: white;
    padding: 20px;
}
.navbar-nav .nav-item .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus{
    color: #160040;
}

.navbar-nav .nav-item .nav-link.active{
    color: #160040;
}
.dropdown-menu{
    background-color: #9A0680;
}
.dropdown-item{
    color: white;
}
.dropdown-item:hover{
    background: transparent;
    color: #160040;
}
/* end heder */
/* start home */
.teks{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    text-align: center;
    color: white;
}
.teks h3 span{
    color: #160040;
    font-weight: 800;
}
.teks a{
    color:white;
    background-color: #79018C;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    padding: 15px;
    border: 1px solid #79018C;
}
.teks a:hover{
    background-color: transparent;
    color: #79018C;
    font-weight: 800;
}
#food .owl-nav{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
}
#food.owl-carousel .owl-nav button.owl-prev,
#food.owl-carousel .owl-nav button.owl-next{
    font-size: 50px;
    background-color: #79018C;
    padding: 20px !important;
    color: white;
}
#food.owl-carousel .owl-nav button.owl-prev{
    float: left;
}
#food.owl-carousel .owl-nav button.owl-next{
    float: right;
}
#food.owl-carousel .owl-nav button.owl-prev:hover,
#food.owl-carousel .owl-nav button.owl-next:hover{
    background-color: rgba(154, 6, 127, 0.656);
}
.card-body a{
   background-color: #160040;
}
.card:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.we i{
    font-size: 30px;
    color: #160040;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: 0px 0px 23px 3px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 23px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 23px 3px rgba(0,0,0,0.75);
    padding: 20px;
}
.we i:hover{
    box-shadow: none;
    color:white;
    background-color: #160040;
}
.spec img{
    width: 40%;
}
.music{
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}
.play{
    position: absolute;
    z-index: -1;
    opacity: 0.3;
    top:0;
    left: 0;
}
.spec a{
    color: white;
    background-color: #9A0680;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 10px;
    border: 1px solid #9A0680;
}
.spec a:hover{
    background-color: transparent;
    color: #9A0680;
}
.linija{
    position: relative;
    padding-bottom: 15px;
}
.linija::after{
    position: absolute;
    content: "";
    width: 70%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #160040;
}
.album div{
    margin: 10px 0;
    
}
/*#gallery .album img:hover{
    animation: swing;
    animation-duration: 2s; 
}*/
.album img{
    border: 2px solid #160040;
}
.beg{
   background-color: #160040;
    background-clip: content-box;
    color: white;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
}
/*.beg:hover{
    animation: pulse;
    animation-duration: 2s;
   
}*/
.beg p{
    padding: 10px;
}
.beg i{
    font-size: 60px;
    margin-top: 20px;
}
.crta{
    position: relative;
    padding-bottom: 15px;
}
.crta::after{
    content: "";
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: 0;
    height: 3px;
    background-color: white;
}
.per{
    position: relative;
    cursor: pointer;
}
.muf{
    position: absolute;
    top: 0;
    left: 10%;
    color: white;
    width: 80%;
}
.muf a{
    background-color: #160040;
    color: white;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 10px; 
}
.per:hover .muf a{
   background-color: #79018C;
}
.line{
    position: relative;
    padding-bottom: 15px;
}
.line::after, .line::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #160040;
    left: 0;
    bottom: 0;
}
.line::after{
    bottom: -15px;
}
.flat:hover .line::after,
.flat:hover .line::before{
    background-color: #79018C;
}
.our{
    position: relative;
    width: 30%;
    margin: auto;
}
.our::after{
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #9A0680;
    bottom: -20px;
    left: 0;
}
#partners .owl-nav{
    width: 105%;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
#partners.owl-carousel .owl-nav button.owl-prev,
#partners.owl-carousel .owl-nav button.owl-next{
    font-size: 60px;
    color: #9A0680;
}
#partners.owl-carousel .owl-nav button.owl-prev{
    float: left;
}
#partners.owl-carousel .owl-nav button.owl-next{
    float: right;
}
#partners.owl-carousel .owl-nav button.owl-prev:hover,
#partners.owl-carousel .owl-nav button.owl-next:hover{
    background-color: #9A0680;
    color: white;
}
/* end home */
/* srart footer */
.footer{
    background-color: #160040;
    color: white;
}
.footer a{
    color: white;
}
.footer2{
   background-color: #79018C;
   color: white;
   padding: 10px 0;
}
.footer2 p span{
    color: #160040;
}
.social i{
    color: white;
    font-size: 25px;
    margin-right: 7px;
    margin-top: 10px;
}
/* end footer */


/* start gallery */
.picture div{
    border: 1px dashed #160040;
    padding: 20px;
}
/*.picture img:hover{
    animation: headShake;
    animation-duration: 2s;

}*/
/* end gallery */
/* start about */
.about-us{
    overflow: hidden;
}
.nav-pills .nav-link{
    background-color: transparent;
    width: 200px;
}
.nav-pills .nav-link.active{
    background-color: #9A0680;
}
#men .tab-content img{
    margin: 10px 0;
}
.tabs .tab-content{
    border: 1px solid #dee2e6;
    border-top: none;
}
.tabs .nav-link{
    color: #79018C;
}
.tabs .nav-tabs .nav-link.active{
    color: white;
    background-color: #79018C;
}
.zlat{
    overflow: hidden;
}
.acc{
    background: url(../images/chef-cooked.jpg) no-repeat center fixed;
    padding: 100px 0;
    color: white;
   background-size: cover;
}
.accordion-header{
    margin: 0;
}
.accordion-button{
    background-color: #160040;
    color: white;
}
.accordion-body{
    background-color: #160040;
    color: white;
}
.accordion-button:not(.collapsed){
    background-color: #9A0680;
    color: white;
}
.owl-theme .owl-dots .owl-dot span{
    width: 15px;
    height: 15px;
    background-color: #9A0680;
}
.owl-theme .owl-dots .owl-dot.active span{
    background-color: #160040;
}
/* end about */
/* start category */
#hat .owl-dots{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
iframe{
    width: 100%;
}
.white a{
    background-color: #160040;
    color: white;
    padding: 10px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.white a:hover{
    background-color: transparent;
    border: 1px solid white;
}
.fork{
    background: url(../images/bcg.png) no-repeat center fixed;
    background-size: cover;
    padding: 200px 0;
}
.white{
    background-color: #79018ca8;
    background-clip: content-box;
    color: white;
    padding: 20px;
    position: relative;
    border: 1px dashed white;
  
}
.white p{
    padding: 10px;
}
.min iframe{
    height: 275px;
}
/* end category */
/* start recepies */
.lines{
    border-bottom: 1px dashed #160040;
}
.lines a{
    color: #160040;;
}
.lines a:hover i{
    padding-left: 20px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}
.lines a:hover{
    color: #79018ca8;
}
.meal i{
    color: #79018C;
}
video{
    width: 100%;
}
/* end recepies */

/* start contakt */
.siva{
	background:#FFF9D7;
}
.plava{
	background:#EE81B3;
}
.crna{
	background:#810955;
}
.kontakt a{
	padding:90px;
	display:block;
}
.kontakt i{
	font-size:40px;
}
.kontakt i, .kontakt h2{
	color:#fff;
}
.kontakt p{
	color: #160040;
}
.siva h2, .siva i{
	color: #9A0680;
}
.kontakt a:hover i,
.kontakt a:hover h2{
	color: #160040;
}
.lin input{
	background: rgb(121,1,140);
    background: linear-gradient(0deg, rgba(121,1,140,1) 15%, rgba(76,0,112,1) 47%, rgba(22,0,64,1) 75%);
	color:white;
}
.lin input:hover{
	background: rgb(238,129,179);
    background: linear-gradient(0deg, rgba(238,129,179,1) 24%, rgba(76,0,112,1) 64%, rgba(22,0,64,1) 91%);
}
.boldovan label{
	font-weight:600;
}
/* end contakt */






/* start @ media ***********************************************************************/
@media(max-width:992px){
    .navbar-collapse{
        text-align: left;
    }
    .navbar{
        background-color: #9A0680;
    }
    .music{
        background-color: rgb(235, 180, 107);
    }
    .per, .beg{
        margin: 20px 0;
    }
}