.btn-primary{
	color:#fff!important
}

.ratio-2x1 {
	--bs-aspect-ratio: 130%;
}

.single-hero-min {
	height: 350px;
	display: flex;
	align-items: center;
	justify-content: left;
}

.visina-hero{
	min-height: 550px
}

.hero-gradient{
	background:#8B0304
}

.hero-gradient-in{
	background:#8b0304eb
}


#footer {
	font-size: 1rem;
	background: #101828!important;
	color: #99A1AF!important;
}

#footer a, #footer h6  {
	color: #99A1AF;
}

.footer-logo {
	max-width: 170px;
	height: auto;
}

.footer-line {
	border: 0;
	border-top: 1px solid rgba(255,255,255,.65);
	opacity: 1;
}

.footer-vr {
	width: 1px;
	height: 140px;
	background: rgba(255,255,255,.55);
}

.footer-contact {
	color: #99A1AF;
	line-height: 1.6;
}

.footer-menu li {
	margin-bottom: .45rem;
}

.footer-menu a {
	color: #99A1AF;
	text-decoration: none;
	font-weight: 500;
}

.footer-menu a:hover {
	color: #fff;
}

.footer-social {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #99a1af1a;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 1.3rem;
}

.footer-social:hover {
	color: #fff;
	background: #3f5678;
}

.footer-bottom {
	color: #99A1AF;
	font-size: .72rem;
}

.footer-bottom a {
	color: #99A1AF;
	text-decoration: none;
}

.footer-bottom a:hover {
	text-decoration: underline;
}


.sik1{
	font-size:14px;
	line-height: 1.30;
}

.sik2{
	font-size:16px
}

.sik3{
	font-size:18px
}

.sik4{
	font-size:20px
}

.sik5{
	font-size:36px
}

.sik6{
	font-size:60px;
	font-weight:400!important
}

.bold {
	font-weight:500
}

.t-sivo{
	color:#4a5565
}

.s-sivo{
	color:#6a7282
}

.clamp {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.clamp3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pozadina-siva{
	background:#F9FAFB
}

.aktivnosti.bg-success{
	background:#DCFCE7!important;
	color:#008236!important
}

.tamana-pozadina{
	background:#8b0304;
	color:#fff;
	padding:50px 0;
}

.tamana-pozadina .wp-block-heading{
	color:#fff;
}

#detalji-racuna{
	background:#fff!important;
	color:#8b0304!important;
	padding:30px;
	border-radius:15px
}

#detalji-racuna .wp-block-heading{
	color:#8b0304!important;
}

.ikone-kontakt{
	background:#f3eae9;
	color:#8b0304;
	font-size:20px
}

.grecaptcha-badge {
  visibility: hidden !important;
}


	#bootscore-navbar .nav-link.dropdown-toggle {
		position: relative;
		padding-right: 1.1rem;
	}

	#bootscore-navbar .nav-link.dropdown-toggle::after {
		content: "\f107";
		font-family: "Font Awesome 7 Free";
		font-weight: 900;
		border: none;
		margin: 0;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		font-size: 0.7rem;
		color: currentColor;
		transition: transform 0.25s ease;
	}

	#bootscore-navbar .dropdown.show > .nav-link.dropdown-toggle::after {
		transform: translateY(-50%) rotate(180deg);
	}

	#bootscore-navbar .dropdown-menu {
		transform: translateY(5px);
		transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
		margin-top: 0.75rem;
		min-width: 220px;
		padding: 0.5rem;
		border: 1px solid rgba(63, 86, 120, 0.10);
		border-radius: 1rem;
		background: #fff;
	}

	#bootscore-navbar .dropdown-menu .dropdown-item {
		padding: 0.7rem 0.9rem;
		border-radius: 0.75rem;
		font-size: 0.95rem;
		font-weight: 600;
		line-height: 1.35;
		color: #3f5678;
		transition: background 0.2s ease, color 0.2s ease;
	}

	#bootscore-navbar .dropdown-menu .dropdown-item:hover,
	#bootscore-navbar .dropdown-menu .dropdown-item:focus {
		background: rgba(0, 185, 242, 0.12);
		color: #8b0304;
	}

	#bootscore-navbar .dropdown-menu .current-menu-item > a,
	#bootscore-navbar .dropdown-menu .current_page_item > a,
	#bootscore-navbar .dropdown-menu .dropdown-item.active {
		background: rgba(0, 185, 242, 0.16);
		color: #8b0304;
	}

	#bootscore-navbar .dropdown.show > .nav-link,
	#bootscore-navbar .dropdown:hover > .nav-link {
		color: #8b0304;
	}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color:#364153!important;
}

.topbar{
    background:#0c1733;
    min-height:36px;
    display:flex;
    align-items:center;
    font-size:14px;
}

.topbar-item{
    display:flex;
    align-items:center;
    gap:.5rem;
    color:#fff;
    text-decoration:none;
    transition:all .2s ease;
    white-space:nowrap;
}

.topbar-item:hover{
    color:#fff;
    opacity:.8;
}

.topbar-item i{
    font-size:15px;
    width:16px;
    text-align:center;
}




	
@media screen and (min-width: 100px) and (max-width: 992px) {
   .row {
    --bs-gutter-x: 0px!important;
}
	
#offcanvas-navbar #bootscore-navbar {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#offcanvas-navbar #bootscore-navbar > li {
		position: relative;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid rgba(63, 86, 120, 0.10);
	}

	#offcanvas-navbar #bootscore-navbar > li:first-child {
		border-top: 1px solid rgba(63, 86, 120, 0.10);
	}

	#offcanvas-navbar #bootscore-navbar > li > a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 0.85rem;
		width: 100%;
		padding: 1rem 0.25rem 1rem 2rem;
		font-size: 1.05rem;
		font-weight: 700;
		line-height: 1.35;
		color: #4a5565;
		text-decoration: none;
		text-align: left;
		transition: color 0.25s ease, padding-left 0.25s ease, background 0.25s ease;
	}

	#offcanvas-navbar #bootscore-navbar > li > a::before {
		content: "\f105";
		font-family: "Font Awesome 7 Free";
		font-weight: 900;
		position: absolute;
		left: 0.25rem;
		top: 50%;
		transform: translateY(-50%);
		font-size: 0.85rem;
		color: #8b0304;
		transition: transform 0.25s ease, color 0.25s ease;
	}

	#offcanvas-navbar #bootscore-navbar > li > a:hover,
	#offcanvas-navbar #bootscore-navbar > li > a:focus {
		color: #8b0304;
		padding-left: 2.2rem;
		outline: none;
	}


	#offcanvas-navbar #bootscore-navbar > li.current-menu-item > a,
	#offcanvas-navbar #bootscore-navbar > li.current_page_item > a,
	#offcanvas-navbar #bootscore-navbar > li.current-menu-ancestor > a,
	#offcanvas-navbar #bootscore-navbar > li > a.active {
		color: #8b0304;
	}

	#offcanvas-navbar #bootscore-navbar > li.current-menu-item > a::after,
	#offcanvas-navbar #bootscore-navbar > li.current_page_item > a::after,
	#offcanvas-navbar #bootscore-navbar > li.current-menu-ancestor > a::after,
	#offcanvas-navbar #bootscore-navbar > li > a.active::after {
		content: "";
		position: absolute;
		left: -1.25rem;
		top: 50%;
		transform: translateY(-50%);
		width: 4px;
		height: 24px;
		border-radius: 999px;
		background: #8b0304;
	}

	#offcanvas-navbar .dropdown-toggle::after {
		margin-left: auto;
		font-size: 0.8rem;
	}

	#offcanvas-navbar .dropdown-menu,
	#offcanvas-navbar .sub-menu {
		width: 100%;
		margin: 0;
		padding: 0 0 0.5rem 1rem;
		background: transparent;
		border: 0;
		box-shadow: none;
	}

	#offcanvas-navbar .dropdown-menu li,
	#offcanvas-navbar .sub-menu li {
		border-top: 1px solid rgba(63, 86, 120, 0.06);
	}

		#offcanvas-navbar .dropdown-menu li:first-child {
		border-top:0px solid rgba(63, 86, 120, 0.06);
	}


	#offcanvas-navbar .dropdown-menu a,
	#offcanvas-navbar .sub-menu a {
		position: relative;
		display: flex;
		align-items: center;
		padding: 0.85rem 0.25rem 0.85rem 1.5rem;
		font-size: 0.95rem;
		font-weight: 600;
		line-height: 1.35;
		color: #4a5565;
		text-decoration: none;
		text-align: left;
		transition: color 0.25s ease, padding-left 0.25s ease;
	}

	#offcanvas-navbar .dropdown-menu a::before,
	#offcanvas-navbar .sub-menu a::before {
		content: "\f054";
		font-family: "Font Awesome 7 Free";
		font-weight: 900;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		font-size: 0.65rem;
		color: rgba(63, 86, 120, 0.55);
	}

	#offcanvas-navbar .dropdown-menu a:hover,
	#offcanvas-navbar .dropdown-menu a:focus,
	#offcanvas-navbar .sub-menu a:hover,
	#offcanvas-navbar .sub-menu a:focus {
		color: #4a5565;
		padding-left: 1.7rem;
		outline: none;
	}

#offcanvas-navbar .dropdown-toggle::after {
	display: none !important;
}


#offcanvas-navbar #bootscore-navbar > li.menu-item-has-children > a::before {
	content: "\f107";
}

	#bootscore-navbar .nav-link.dropdown-toggle {
		position: relative;
		padding-right: 1.1rem;
	}

	#bootscore-navbar .nav-link.dropdown-toggle::after {
		content: "\f107";
		font-family: "Font Awesome 7 Free";
		font-weight: 900;
		border: none;
		margin: 0;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		font-size: 0.7rem;
		color: currentColor;
		transition: transform 0.25s ease;
	}

	#bootscore-navbar .dropdown.show > .nav-link.dropdown-toggle::after {
		transform: translateY(-50%) rotate(180deg);
	}

	#bootscore-navbar .dropdown-menu {

		transform: translateY(5px);
		transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
		margin-top: 0.75rem;
		min-width: 220px;
		padding: 0.5rem;
		border: 1px solid rgba(63, 86, 120, 0.10);
		border-radius: 1rem;
		background: #fff;
	}

	#bootscore-navbar .dropdown-menu .dropdown-item {
		padding: 0.7rem 0.9rem;
		border-radius: 0.75rem;
		font-size: 0.95rem;
		font-weight: 600;
		line-height: 1.35;
		color: #4a5565;
		transition: background 0.2s ease, color 0.2s ease;
	}

	#bootscore-navbar .dropdown-menu .dropdown-item:hover,
	#bootscore-navbar .dropdown-menu .dropdown-item:focus {
		background: rgba(244, 162, 97, 0.12);
		color: #8b0304;
	}

	#bootscore-navbar .dropdown-menu .current-menu-item > a,
	#bootscore-navbar .dropdown-menu .current_page_item > a,
	#bootscore-navbar .dropdown-menu .dropdown-item.active {
		background: rgba(244, 162, 97, 0.16);
		color: #8b0304;
	}

	#bootscore-navbar .dropdown.show > .nav-link,
	#bootscore-navbar .dropdown:hover > .nav-link {
		color: #8b0304;
	}

.sik1{
	font-size:12px;
	line-height: 1.30;
}

.sik2{
	font-size:14px
}

.sik3{
	font-size:16px
}

.sik4{
	font-size:17px
}

.sik5{
	font-size:25px
}

.sik6{
	font-size:40px;
	font-weight:400!important
}

    .topbar{
        min-height:auto;
        padding:.75rem 0;
    }

    .topbar .d-flex{
        flex-direction:column;
        justify-content:center !important;
        align-items:center !important;
        gap:.5rem !important;
    }

    .topbar-item{
        font-size:13px;
    }

    .topbar-item i{
        font-size:14px;
    }
}