body, h1, h2, h3, h4, h5, h6{
	font-family: 'Poppins', sans-serif!important;

}

a{
	text-decoration:none!important;
	transition: all 1s;
}

.site-grid{
	background-color:#f7cd0c
}

header.header.container-header.full-width {
    background: none;
}

.container-header {
    margin-bottom:-120px;
    background: none;
}


a.navbar-brand {
    font-size: 17px!important;
    color:#000!important;
    font-weight: bold;
}

.navbar-brand img{
    margin-right:20px;
}

.tabovi{
	background: rgb(123,191,56);
    background: linear-gradient(180deg, rgba(123,191,56,1) 0%, rgba(247,205,12,1) 100%);
	padding:50px 0 400px 0;
}


.btn-pjesma a{
	color:#56664B;
	font-size:20px;
	font-weight:900;
	margin-right:100px
}

.tabovi img{
	margin-right:15px;
}

.btn-smm {
	color:#fff;
	font-size:16px;
	font-weight:normal;
	margin-right:50px
}

.btn-smm a:hover{
	color:#000;
}

.btn-viber{
	color:#56664B;
	font-size:15px;
	font-weight:700;
	margin-right:50px
}

.tkosmo{
	text-align:center;
	margin-top:-350px;
	z-index:0;
	padding:100px 0;
	color:#56664B;
	font-weight:500;
	font-size:16px;
}

.tabovi a:hover{
	color:#000!important;
}

.lokacije {
	background:#fff;
	padding:100px 0;
}

.lokacije img{
	padding-right: 50px!important
}

.lokacije h2{
	color: #f7cd0c
}

.lokacije a{
	color: #f7cd0c;
}

.obroci{
	text-align:center;
	padding:50px 0;
	margin-bottom:-200px;
	z-index:5;
}

.obroci-title{
	margin:50px 0;
}

.unutra{
	border-radius:20px;
	border-style:solid;
	border-color:#f7cd0c;
	transition:all 1s
}

.unutra:hover{
	border-color:#87BC60;

}

.sivo{
	background:#fff;
	border-radius: 0 0 20px 20px;
	padding:10px 10px ;
}

.slika img{
	border-radius: 20px 20px 0 0;
	aspect-ratio: 1 / 0.7;
	object-fit:cover;
}

a.mod-articles-category-title {
    font-weight: bold;
    color:#87BC60;
	font-size:20px;
}

a.mod-articles-category-title:hover {
    color:#000;
}

p.mod-articles-category-introtext {
    font-size: 15px;
	margin:15px 0;
	color: #96989A
}

.salame{
	background:#fff;
	padding:250px 0 50px 0;
	text-align:center;
}

.nacrtaj{
	background-image: url('../../../images/nacrtaj-bg.png');
    background-repeat: no-repeat, repeat;
	background-position:center;
	padding:100px 0;
}

.nacrtaj h2{
	color:#fff;	
}

.convertforms  {
    background:none!important;
}

div.cf-form-wrap.cf-col-16 {
    background:none!important;
}



input.cf-input {
    background:#f7cd0c!important;
	text-align:left!important;
	font-size:15px!important;
	border-width:3px!important;
	border-radius:30px!important
}

input.cf-input::placeholder {
    color:#fff!important;
	opacity:1!important;
}

div.dz-message {
    background:#f7cd0c!important;
	text-align:left!important;
	font-size:15px!important;
	border-width:3px!important;
	border-radius:20px!important
}

div.dz-message span {
    color: #fff!important;
    opacity:1!important;
}

button.cf-btn.cf-btn-style-flat.cf-width-auto {
    border-radius:50px!important;
	font-size:16px!important;
	padding:10px 50px!important;
}

footer.container-footer.footer.full-width {
    background:#fff;
	color:#000;
	font-size:15px;
}

.sadrzaj{
	background:#fff
}

.pocetna .sadrzaj{
	background:none
}

div.gslide-description.description-bottom {
    background:#f7cd0c!important;
	padding:10px 30px;	
}

div.caption {
    color: #000;

}


img.zoomable {
    border-style: none;
}



@media screen and (min-width: 100px) and (max-width: 997px) {

.navbar-brand img{
    width:100px
}


a.navbar-brand{
    font-size:10px!important;
}

.navbar-collapse{
    max-width:50px;

}

.container-header {
    margin-bottom:-60px;
}

.dj-mobile-open-btn {
    background:none!important;
    color:#000!important;
    font-size:15px!important
}
    
.dj-mobile-open-btn.dj-fa-0 .dj-mobile-open-icon:before,
.dj-mobile-open-btn.dj-fa-1 .dj-mobile-open-icon:before,
.dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before {
	content: "\f0c9"!important;
	font: normal normal normal 32px/2 "FontAwesome";
    font-size: 28px!important;
}


.dj-offcanvas-top{
  background-color:#f7cf2b!important
}


.dj-offcanvas-dark {
	background: #f7cf2b!important;
}


ul.dj-mobile-dark li.dj-mobileitem>a {
	background: #f7cf2b!important;
    color:#000!important;
}

ul.dj-mobile-dark li.dj-mobileitem:hover>a,
ul.dj-mobile-dark li.dj-mobileitem.active>a {
	background: #fff2ba!important;
}

.dj-offcanvas-dark .dj-offcanvas-top {
	background: #f7cf2b!important;
}


ul.dj-mobile-dark li.dj-mobileitem>a {
	border-top        : 5px solid #00000010!important;
}

/* 2nd level */
ul.dj-mobile-dark ul li.dj-mobileitem>a {
	color       : #fff;
	background  : #f7cf2b!important;
	border-top  : 1px solid #ffffff10!important;
	padding-left: 50px;
}

ul.dj-mobile-dark ul li.dj-mobileitem:hover>a,
ul.dj-mobile-dark ul li.dj-mobileitem.active>a {
	color     : #fff;
	background: #f7cf2b!important;
}

/* 3rd level */
ul.dj-mobile-dark ul ul li.dj-mobileitem>a {
	background: #C60202;
	border-top  : 1px solid #ffffff10;
    padding-left: 55px;
}

.tabovi{
	padding:50px 0 300px 20px;
}

.tabovi span{
	display:inline-block;
	margin-bottom:10px;
}

.tabovi span img{
	height:30px;
	width:30px;
	object-fit:contain;
}

.btn-pjesma a{
	font-size:15px;
	font-weight:normal;
	margin-right:0px
}


.btn-smm {
	font-size:15px;
	margin-right:0px;
}

.btn-smm{
	color:#56664B!important;
}

.btn-viber{
	font-size:15px;
	font-weight:normal;
	margin-right:0px
}

.tkosmo{
	padding:100px 20px 20px 20px;
	color:#56664B;
	font-weight:normal;
	font-size:13px;
}

.lokacije {
	background:#fff;
	padding:20px 20px;
	text-align:center;
	font-size:13px
}

.lokacije img{
	padding-right: 0px!important;
	max-width:80%;
	margin-bottom:40px;
}


.obroci{
	text-align:center;
	padding:20px 20px;
	margin-bottom:-200px;
	z-index:5;
}

.obroci-title{
	margin:0px 0 20px 0;
}

.unutra{
	margin-bottom:20px;

}



p.mod-articles-category-introtext {
    font-size: 15px;
	margin:15px 0;
	color: #96989A
}


.nacrtaj{
	padding:30px 0;
	text-align:center;
	background:none;
	font-size:13px;
}

.nacrtaj img{
	max-width:60%
}

footer.container-footer.footer.full-width {
    text-align:center;
	font-size:13px;
}

footer img{
	margin-bottom:50px;
	max-width:50%
}    
}

@media screen and (min-width: 997px) and (max-width: 1400px) {
a.navbar-brand {
    font-size: 13px!important;
}

.navbar-brand img{
    width:150px
}

.name{
	font-size:14px;
}
}