/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 05 2026 | 15:11:37 */
/*
.pocetnaCene .pocetnaPriceList {
    box-shadow: 0 4px 8px 0 rgba(71, 70, 68, 0.1),
        0 6px 20px 0 rgba(71, 70, 68, .1);
    border: 1px solid #fff;
}

*/

/* animacija 1 */
/*
.pocetnaPriceList:hover {
    transform: scale(1.1);
    z-index:9999999999!Important;
     -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    box-shadow: inset 0 0 0 5px #004b9a;
}
*/

/*
.pocetnaPriceList:hover {


    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    box-shadow: inset 0 0 0 5px #004b9a;

}
*/
/* animacija 2 */
/*
.pocetnaPriceList {
	transition: all 0.1s ease-in-out;
}

.pocetnaPriceList:hover {
	transform: scale(1.02);
}

.pocetnaPriceList p {
	transition: all 0.1s ease-in-out;
	line-height: 26px;
}
.pocetnaPriceList:hover p {
	transform: scale(1.1);
}

.pocetnaPriceList h3 {
	transition: all 0.1s ease-in-out;
}

.pocetnaPriceList:hover h3 {
	transform: scale(1.1);
}

.pocetnaPriceList h5 {
	transition: all 0.1s ease-in-out;
}

.pocetnaPriceList:hover h5 {
	transform: scale(1.1);
}

.pocetnaPriceList:hover h5.naslovCena {
	transform: scale(1) !important;
}
*/

/* animacija 3 */
#pocetnaCene .wpb_column.vc_column_container.vc_col-sm-4 .vc_row.wpb_row.section{
    padding-bottom:0!important
}

#pocetnaCene .wpb_column.vc_column_container.vc_col-sm-4 {
	transform: scale(0.99) translateZ(0px);
	transition: all 300ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

@media (min-width: 800px) {
	#pocetnaCene .wpb_column.vc_column_container.vc_col-sm-4:hover {
		z-index: 999999999 !important;
		transform: scale(1.05);
		box-shadow: rgb(0 0 0 / 1%) 0px 1.3px 0.8px, rgb(0 0 0 / 1%) 0px 3.2px 2px,
			rgb(0 0 0 / 2%) 0px 6px 3.8px, rgb(0 0 0 / 2%) 0px 10.7px 6.7px,
			rgb(0 0 0 / 2%) 0px 20.1px 12.5px, rgb(0 0 0 / 3%) 0px 48px 30px;
	}
	#pocetnaCene .wpb_column.vc_column_container.vc_col-sm-4 .wpb_row.section {
		background-color: #fff;
		margin: 0px !important;
	}
	#pocetnaCene .wpb_column.vc_column_container.vc_col-sm-4 {
		margin-right: 25px !important;
		width: calc((100% / 3) - 20px);
	}
	#pocetnaCene .wpb_column.vc_column_container.vc_col-sm-4:last-of-type {
		margin-right: 10px !important;
	}

	/* POCETNA STRANICA .page-id-2 */

	#pocetnaCene .vc_column_container > .vc_column-inner {
		box-sizing: border-box;
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}
}
.istaVelicinaPolja {
	min-height: 210px;
	padding: 0 30px;
}

.cenaPrice {
	margin-top: -40px;
}

.naslovCena {
	padding: 15px;
}

.pocetnaCene .pocetnaPriceList {
	/* border: 1px solid rgba(71, 70, 68, 0.1); */
	/* border-radius:20px */
	box-shadow: rgb(0 0 0 / 1%) 0px 1.3px 0.8px, rgb(0 0 0 / 1%) 0px 3.2px 2px,
			rgb(0 0 0 / 2%) 0px 6px 3.8px, rgb(0 0 0 / 2%) 0px 10.7px 6.7px,
			rgb(0 0 0 / 2%) 0px 20.1px 12.5px, rgb(0 0 0 / 3%) 0px 48px 30px;
}
/*
.pocetnaPriceList:hover {
	box-shadow: 0 4px 8px 0 rgba(71, 70, 68, 0.1), 0 6px 20px 0 rgba(71, 70, 68, 0.1);
	border: 1px solid #fff;
}
*/

.pocetnaCene .pocetnaPriceList {
	background: #fff !important;
}

@-webkit-keyframes swing {
	15% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
	30% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	50% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px);
	}
	65% {
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px);
	}
	80% {
		-webkit-transform: translateX(2px);
		transform: translateX(2px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes swing {
	15% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
	30% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	50% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px);
	}
	65% {
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px);
	}
	80% {
		-webkit-transform: translateX(2px);
		transform: translateX(2px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.plavaBoja {
	color: #004b9a;
}

a.plavaBoja {
	text-decoration: underline;
}

/* 
.owl-item.active:nth-child(2n) h5{
    color:#004b9a;
}
*/

.owl-item h5 {
	line-height: 1 !important;
}

/* ZO */

* {
	word-break: keep-all !important;
}

.content {
	padding-bottom: 100px;
}

@media only screen and (min-width: 1000px) {
	.header_inner_right {
		display: none;
	}
}

@media only screen and (max-width: 1000px) {
	/* HEADER */
	body .wrapper .content {
		margin-top: -100px !important;
	}
	.header_inner_left .mobile_menu_button {
		display: none;
	}
	.mobile_menu_button span,
	.side_menu_button > a {
		color: #ffffff !important;
	}
	.side_menu_button > a {
		font-size: 30px !important;
	}
	.side_menu_button .popup_menu:hover {
		opacity: 1 !important;
	}
	.side_menu_button,
	.side_menu_button:hover,
	.side_menu_button > a,
	.side_menu_button > a:hover {
		cursor: pointer !important;
	}
}

@media only screen and (max-width: 767px) {
	/* HEADER */
	.mobile_menu_button span,
	.side_menu_button > a {
		color: #ffffff !important;
	}
	.side_menu_button > a {
		font-size: 30px !important;
	}
	.side_menu_button .popup_menu:hover {
		opacity: 1 !important;
	}
	.side_menu_button,
	.side_menu_button:hover,
	.side_menu_button > a,
	.side_menu_button > a:hover {
		cursor: pointer !important;
	}
	/* content */
	.vc_column_container > .vc_column-inner {
		box-sizing: border-box;
		/* padding-left: 5px!important;
      padding-right: 5px!important;
      */
		width: 100%;
	}
	/* SLAJDER */
	#slider-1-slide-1-layer-2 {
		top: 50px;
	}
	#slider-1-slide-1-layer-5,
	#slider-1-slide-1-layer-6,
	#slider-1-slide-1-layer-8 {
		margin: 0 20px !important;
	}
	#slider-1-slide-1-layer-5,
	#slider-1-slide-1-layer-5 a {
		top: -65px;
		font-size: 32px !important;
	}
	#slider-1-slide-1-layer-6,
	#slider-1-slide-1-layer-6 span {
		font-size: 16px !important;
		line-height: 22px !important;
		top: -35px;
		width: 48% !important;
	}
	#slider-1-slide-1-layer-8 {
		padding: 0 10px !important;
		font-size: 14px !important;
		top: -0px !important;
	}
	/* HOME SEKCIJE */
	/*01*/
	#home01 .section_inner {
		width: 93%;
	}
	#home01 .section_inner .home1TekstDesno {
		padding: 0 20px !important;
		margin-top: -800px !important;
	}
	/*02*/
	#home02 {
		margin-top: -200px;
	}
	/* 03 */
	#home03 {
		margin-top: -154px;
	}
	#home03 .vc_column-inner {
		margin-top: -204px;
	}
	/* 04 */
	#home04 {
		margin-top: -200px;
	}
	#home04 h1 {
		z-index: 999999 !important;
	}
	#home04 .home04slika01 {
		z-index: 1 !important;
		margin-top: 10px !important;
	}
	#home05 .separator {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	#home6 {
		padding-top: 0px !important;
	}
	#home6 .ui-tabs-anchor {
		font-size: 18px;
	}
	/* CENE */
	#pocetnaCene {
		margin-top: -250px;
	}
	/* footer */
	.footer_inner {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
	footer {
		margin-top: -150px !important;
	}
	.footer_top,
	.footer_top.footer_top_full {
		padding-top: 150px;
		padding-bottom: 0px !important;
	}
	.footer_bottom {
		padding-top: 0px !important;
	}
	.footer_bottom .separator {
		display: none;
	}
}

/* (landscape) ----------- */

@media only screen and (min-device-width: 300px) and (max-device-height: 1000px) and (orientation: landscape) {
	h1 {
		font-size: 40px !important;
		line-height: 1.2 !important;
	}
	h2 {
		font-size: 40px !important;
		line-height: 1.2 !important;
	}
	h2 sup > span {
		font-size: 20px !important;
	}
	h3 {
		font-size: 30px !important;
		line-height: 1.2 !important;
	}
	h4 {
		font-size: 30px !important;
		line-height: 1.2 !important;
	}
	h5 {
		font-size: 20px !important;
		line-height: 1.2 !important;
	}
	p {
		font-size: 20px !important;
		line-height: 1.2 !important;
	}
	header {
		display: flex !important;
	}
	.header_inner {
		margin-top: -25px;
		padding-bottom: 25px;
	}
	/* SLAJDER */
	#slider-1-slide-1-layer-2 {
		top: 50px;
	}
	#slider-1-slide-1-layer-5,
	#slider-1-slide-1-layer-6,
	#slider-1-slide-1-layer-8 {
		margin: 0 20px !important;
	}
	#slider-1-slide-1-layer-5 {
		top: 0px;
	}
	#slider-1-slide-1-layer-5,
	#slider-1-slide-1-layer-5 span,
	#slider-1-slide-1-layer-5 a {
		font-size: 24px !important;
		line-height: 1.1 !important;
	}
	#slider-1-slide-1-layer-6,
	#slider-1-slide-1-layer-6 span {
		font-size: 18px !important;
		line-height: 30px !important;
		top: -37px;
		width: 50% !important;
		font-size: 16px !important;
		line-height: 1.1 !important;
	}
	#slider-1-slide-1-layer-8 {
		padding: 0 10px !important;
		font-size: 14px !important;
		top: -10px !important;
	}
	/*02*/
	#home02 {
		margin-top: -200px;
	}
	/* 03 */
	#home03 {
		margin-top: -480px;
	}
	/* 04 */
	#home04 {
		margin-top: -200px;
	}
	.sliderLink {
		font-size: 50px!Important;
	}
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 768px to 1280px
  ##Portrait
*/

@media (min-width: 768px) and (max-width: 1280px) {
	#slider-1-slide-1-layer-5,
	#slider-1-slide-1-layer-6,
	#slider-1-slide-1-layer-8 {
		left: 50px;
	}
	.istaVelicinaPolja {
		min-height: 250px !important;
	}
}

/*##iPhone 5/SE Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
	#home02 {
		margin-top: -120px !important;
	}
}
/*##iPhone 5/SE PLandscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation: landscape) {
	/* SLAJDER */
	#slider-1-slide-1-layer-2 {
		top: 50px;
	}
	#slider-1-slide-1-layer-5,
	#slider-1-slide-1-layer-6,
	#slider-1-slide-1-layer-8 {
		margin: 0 20px !important;
	}
	#slider-1-slide-1-layer-5 {
		top: 0px;
	}
	#slider-1-slide-1-layer-5,
	#slider-1-slide-1-layer-5 span,
	#slider-1-slide-1-layer-5 a {
		font-size: 26px !important;
		line-height: 1.1 !important;
	}
	#slider-1-slide-1-layer-6,
	#slider-1-slide-1-layer-6 span {
		font-size: 20px !important;
		line-height: 30px !important;
		top: -50px;
		width: 50% !important;
		font-size: 18px !important;
		line-height: 1.1 !important;
	}
	#slider-1-slide-1-layer-8 {
		padding: 0 10px !important;
		font-size: 14px !important;
		top: -10px !important;
	}
}

/* Portrait */
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
@media only screen and (min-width: 1112px) and (max-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

@media only screen and (device-width: 768px) {
	/* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
	/* For portrait layouts only */
}

@media only screen and (min-device-width: 800px) and (max-device-width: 1024px) and (orientation: landscape) {
	* SLAJDER */ #slider-1-slide-1-layer-2 {
		top: 50px;
	}
	#slider-1-slide-1-layer-5,
	#slider-1-slide-1-layer-6,
	#slider-1-slide-1-layer-8 {
		margin: 0 20px !important;
	}
	#slider-1-slide-1-layer-5 {
		top: 0px;
	}
	#slider-1-slide-1-layer-5,
	#slider-1-slide-1-layer-5 span,
	#slider-1-slide-1-layer-5 a {
		font-size: 56px !important;
		line-height: 1.1 !important;
	}
	#slider-1-slide-1-layer-6,
	#slider-1-slide-1-layer-6 span {
		font-size: 20px !important;
		line-height: 30px !important;
		top: -128px;
		width: 50% !important;
		font-size: 40px !important;
		line-height: 1.1 !important;
	}
	#slider-1-slide-1-layer-8 {
		padding: 0 10px !important;
		font-size: 18px !important;
		top: -69px !important;
	}
	nav.main_menu.right {
		position: relative;
		left: 50% !important;
		float: right;
	}
}