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

.sik-hero {
	border-radius:20px;
	overflow:hidden
}

.top-gradient{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 650px;
    pointer-events: none;
    z-index: -1;

background: #C7EEFD;
background: linear-gradient(0deg, rgba(199, 238, 253, 0) 0%, rgba(199, 238, 253, 1) 30%, rgba(199, 238, 253, 1) 50%, rgba(199, 238, 253, 1) 70%, rgba(199, 238, 253, 0) 100%);
}

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

.single-hero-min {
	height: 550px;
	display: flex;
	align-items: flex-end;
}

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

.sik-hero-side-nav {
	position: absolute;
	top: 0;
	right: 0;
	width: 78px;
	height: 100%;
	z-index: 5;
	background: rgba(5, 19, 45, 0.55);

	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	gap: 14px;
	padding-bottom: 34px;
}

.sik-hero-side-arrow {
	border: 0;
	background: transparent;
	color: rgba(255,255,255,.75);
	font-size: 46px;
	line-height: 1;
	font-weight: 300;
	padding: 0;
	cursor: pointer;
	transition: color .2s ease, transform .2s ease;
}

.sik-hero-side-arrow:hover {
	color: #fff;
	transform: scale(1.08);
}


.card-img-top {
	aspect-ratio: 16 / 10;
	object-fit: cover;
}


.sik-cards-swiper .swiper-pagination {
	position: static;
	margin-top: 1.5rem;
}

.sik-cards-swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: var(--bs-primary);
	opacity: 0.25;
	margin: 0 6px !important;
	border-radius: 999px;
	transition: all 0.25s ease;
}

.sik-cards-swiper .swiper-pagination-bullet-active {
	opacity: 1;
	transform: scale(1.15);
}

.sik-cards-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(0.9);
}

.sik-cards-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1.15);
}


.sik-block-content-media .bg-body-tertiary{
	background:none!important
}

.bg-prijatelji{
	background:#00b9f229
}

.btn-card{
	display:inline-flex;
	align-items:center;
	gap:.75rem;
	background:#fff;
	color:#00b9f2;
	text-decoration:none;
	font-size:.8rem;
	font-weight:700;
	text-transform:uppercase;
	padding:5px 5px 5px 15px;
	border-radius:50rem;
	transition:.25s;
}

.btn-card-arrow{
	width:28px;
	height:28px;
	border-radius:50%;
	background:#00b9f2;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1rem;
	line-height:1;
	flex-shrink:0;
	color:#fff
}

.btn-card:hover{
	transform:translateY(-2px);
	color:#3f5678;
}

.hero-gradient{
	background:linear-gradient(
		180deg,
		rgba(199, 238, 253,0) 0%,
		rgba(199, 238, 253,.15) 35%,
		rgb(0 184 255 / 85%) 100%
	);
}

#footer {
	font-size: 1rem;
}

.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: #fff;
	line-height: 1.6;
}

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

.footer-menu a {
	color: #3f5678;
	text-decoration: none;
	font-weight: 500;
	font-size: 0.8rem;
}

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

.footer-social {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #3f5678;
	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: #fff;
	font-size: .72rem;
}

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

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

.sik-block-news-showcase { padding: 0; }


.ns-wrapper        { min-height: 550px; }

.ns-featured-img   { transition: transform .5s ease; }
.ns-wrapper:hover .ns-featured-img { transform: scale(1.03); }

.ns-featured-content { max-width: 55%; }
.ns-featured-title   {
    font-size: 35px;
    font-weight: 300;
    line-height: 1.25;
}

.datum{
	color:#ffe926!important
}

.ns-card             { transition: opacity .2s, transform .2s; }
.ns-card:hover       { opacity: .93; transform: translateX(-3px); }
.ns-card-thumb       { width: 120px; }
.ns-card-title { 
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ns-card-date        { font-size: 15px; }

.ns-section-title    { font-size: 1.4rem; font-weight: 300; }

.ns-featured-content{
    z-index:2;
}

.ns-featured-date{
    color:var(--bs-primary,#29b6e8);
}

.ns-cards-col{
    z-index:3;
    width:min(520px,50%);
}

.ns-card-body{
    background-color:var(--ns-card-color);
}

.sik-projects-menu__nav {
    background: #eef2f6;
    border-radius: 18px;
    padding: 25px;
}

.sik-projects-menu__inner {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.sik-projects-menu__label {
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 700;
    color: #3f5678;
    text-transform: uppercase;
}

.sik-projects-menu__items {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: 100%;
}

.sik-projects-menu__items::-webkit-scrollbar {
    display: none;
}

.sik-projects-menu__link {
    flex-shrink: 0;
    color: #3f5678;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    transition: all .25s ease;
    white-space: nowrap;
}

.sik-projects-menu__link:hover {
    color: #3f5678;
    transform: translateY(-1px);
}

.sik-projects-menu__link--all {
    font-weight: 600;
}

.dj-cd-unit {
    position: relative;
}

.dj-cd-box {
    background: #ffe926;
    border-radius: 10px;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 7px;
}

.dj-cd-num {
    color: #3f5678;
    font-size: 18px;
    font-weight: 800;
}

.dj-cd-label {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #3f5678;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.protokol a{
	background:#00b9f2;
	padding:10px 20px;;
	line-height:5;
	color:#fff;
	border-radius:10px
}

.sik-services-cards .sik-service-card {
  background: #3f5678;
  color: #fff;
  border-radius: 18px;
  padding: 2rem;
  height: 100%;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.sik-services-cards .sik-service-card:hover,
.sik-services-cards .sik-service-card.active {
  transform: translateY(-4px);
  border-color: rgba(94, 151, 231, 0.55);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
}

.sik-services-cards .sik-service-card__icon-wrap img {
  width: 72px;
  height:72px;
	object-fit:cover;
	border-radius:10px
}

.sik-services-cards .sik-service-card__title {
  color: #fff;
  line-height: 1.15;
  margin-bottom: 0.25rem;
}

.sik-services-cards .sik-service-card__subtitle {
  color: rgba(255, 255, 255, 0.82);
  font-size: 1.15rem;
  line-height: 1.3;
}

.sik-services-cards .sik-service-card__divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
  margin: 1.5rem 0 1.5rem;
}

.sik-services-cards .sik-service-card__desc {
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.30;
}

.sik-services-cards__panel-wrap .sik-services-cards__panel {
  animation: sikFadeIn 0.25s ease;
}

.sik-services-cards__panel-wrap .sik-services-cards__content {
  font-size: 1rem;
  line-height: 1.7;
  color: #3f5678;
}

.sik-services-cards__panel-icon {
  max-width: 220px;
}

.sik-service-card--1{
	background:#87C846!important
}
.sik-service-card--2{
	background:#FF2E17!important
}
.sik-service-card--3{
	background:#00B9F2!important
}

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

.sik2{
	font-size:17px
}

.sik3{
	font-size:20px
}

.sik4{
	font-size:25px
}

.sik5{
	font-size:35px
}

.sik6{
	font-size:45px
}

.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: #00b9f2;
	}

	#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: #00b9f2;
	}

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


.entry-content{
	font-size:18px;font-weight:300;
}

.js-sik-testimonials-swiper .swiper-wrapper {
    align-items: stretch;
}

.js-sik-testimonials-swiper .swiper-slide {
    height: auto;
    display: flex;
}

.js-sik-testimonials-swiper .swiper-slide > div {
    width: 100%;
}

.js-sik-testimonials-swiper .swiper-pagination {
    position: relative;
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .65rem;
}

.js-sik-testimonials-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 !important;
    border-radius: 50%;
    background: #cfd8e3;
    opacity: 1;
    transition: all .3s ease;
}

.js-sik-testimonials-swiper .swiper-pagination-bullet:hover {
    background: #6f89b8;
    transform: scale(1.2);
}

.js-sik-testimonials-swiper .swiper-pagination-bullet-active {
    width: 28px;
    border-radius: 999px;
    background: #4f6fa8;
    box-shadow: 0 0 0 4px rgba(79,111,168,.15);
}

.post-template-default p{
	text-align:justify;
}

.ns-card-body {
	width:100%;
}
	
@media screen and (min-width: 100px) and (max-width: 992px) {
#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: #3f5678;
		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: #87c846;
		transition: transform 0.25s ease, color 0.25s ease;
	}

	#offcanvas-navbar #bootscore-navbar > li > a:hover,
	#offcanvas-navbar #bootscore-navbar > li > a:focus {
		color: #87c846;
		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: #87c846;
	}

	#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: #87c846;
	}

	#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: #3f5678;
		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: #3f5678;
		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: #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(244, 162, 97, 0.12);
		color: #87c846;
	}

	#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: #87c846;
	}

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

.sik-hero-side-nav {
	width: 38px;
	gap: 0px;
	padding-bottom: 14px;
}

.sik-hero-side-arrow {
	font-size: 16px;
}

.nav-toggler{
	background:#ffe926!important;
	color:#495f7f!important;
	border:none!important;
	padding:10px 15px!important;
}

    .ns-wrapper        { min-height: 400px; }
    .ns-cards-col      { width: min(360px, 55%) !important; }
    .ns-card-thumb     { width: 90px; }
    .ns-featured-content { max-width: 50%; }

	
    .sik-projects-menu__inner {
        gap: 1rem;
    }

    .sik-projects-menu__nav {
        padding: 1rem;
    }

    .sik-projects-menu__items {
        gap: 1.5rem;
    }

    .sik-projects-menu__label,
    .sik-projects-menu__link {
        font-size: 14px;
    }

.ns-mobile-featured-image {
    height: 300px;
}

.ns-mobile-featured-content {
    z-index: 2;
}

.ns-mobile-featured h2 {
    font-size: 32px;
    line-height: 1.15;
}

.ns-mobile-card {
    min-height: 120px;
}

.ns-mobile-card-thumb {
    width: 40%;
}

.ns-mobile-card-body {
    width: 60%;
    background-color: var(--ns-card-color);
}

.ns-mobile-card .ns-card-title {
    font-size: 19px;
    line-height: 1.15;
}
}

