@charset "utf-8";
/* CSS Document */

/*FONTOVI
@font-face {
	font-family: CentraleSansProBold;
	src: url(/font/CentraleSansProBold.ttf);
}
@font-face {
	font-family: CentraleSansProMedium;
	src: url(/font/CentraleSansProMedium.ttf);
}

@font-face {
	font-family: CentraleSansRegular;
	src: url(/css/CentraleSansRegular.otf);
}

@font-face {
	font-family: 'CentraleSansProMedium';
	src: url('CentraleSansProMedium.eot');
	src: url('CentraleSansProMedium.eot?#iefix') format('embedded-opentype'),
		url('CentraleSansProMedium.woff') format('woff'),
		url('CentraleSansProMedium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html, body, input, select {
	/*font-family: 'CentraleSansProMedium';
	font-family: 'Asap', sans-serif;*/
	font-family: 'Titillium Web', sans-serif;
}
h1, h2, h3 {
	font-weight: 700 !important;
}
p {
	font-weight: 300 !important;
}
/*BASIC */
.wow:first-child {
	visibility: hidden;
}
.naslov_mark:before {
	content: "";
	background: url(/userfiles/images/h1_before.png) no-repeat;
	width: 27px;
	height: 35px;
	display: block;
	float: left;
}
.naslov_mark:after {
	content: "";
	background: url(/userfiles/images/h1_after.png) no-repeat;
	width: 27px;
	height: 35px;
	display: block;
	float: left;
}
.naslov_mark_one:before {
	content: "";
	background: url(/userfiles/images/h1_before.png) no-repeat;
	width: 27px;
	height: 35px;
	display: block;
	float: left;
}
.naslov {
	font-size: 26px;
	border-bottom: solid 2px #ed5a35;
	color: #024354;
	margin-bottom: 15px;
	display: block;
	float: left;
	margin: 0 12px 20px 12px;
	font-weight: 400;
}
.naslov_no_brd {
	font-size: 26px;
	color: #024354;
	margin-bottom: 15px;
	display: block;
	float: left;
	margin: 0 12px 20px 12px;
	font-weight: 400;
}
.naslov_wrap {
	margin-left: 38%;
}
.fade {
	opacity: 1;
}
p {
	font-size: 16px;
	line-height: 20px;
	padding: 10px 0;
	color: #024354;
}
a, .tekst a {
	text-decoration: none;
}
p a, .tekst a {
	color: #024354;
	text-decoration: underline;
}
p a:hover, .tekst a:hover {
	color: #ed5a35 !important;
}
.tekst ul, .tekst li {
	font-size: 16px;
	line-height: 20px;
	color: #024354;
}
.sidro {
	float: left;
	display: block;
	width: 100%;
	height: 1px;
}
.no_decoration {
	text-decoration: none;
}
.dugmic_akcija_abs {
	position: absolute !important;
	bottom: 20px;
	left: 32px;
}
.dugmic_akcija {
	text-align: center;
	font-weight: 500;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	padding: 11px 0 11px 0;
	border-radius: 0;
	width: 50%;
	border: none;
	position: relative;
	margin-top: 10px;
	margin-left: 25%;
}
.dugmic_akcija .fa {
	/*position: absolute;
	right: 19%;*/
	margin-left: 15px;
}
.dugmic_akcija.light_blue {
	color: #fff;
	background: #0068b3;
}
.dugmic_akcija.white {
	color: #1294d2;
	background: #fff;
}
.dugmic_akcija.white_2 {
	color: #1294d2;
	background: #fff;
}
.dugmic_akcija.blue {
	color: #fff;
	background: #005593;
}
.dugmic_akcija.light_blue:hover {
	background: #fff !important;
	color: #0068b3 !important;
}
.dugmic_akcija.white:hover {
	background: #1294d2 !important;
	color: #fff !important;
}
.dugmic_akcija.white_2:hover {
	color: #fff;
	background: #005593;
}
.dugmic_akcija.blue:hover {
	background: #fff !important;
	color: #005593 !important;
}
.gray a:hover {
	color: #fff;
}
.brd_bottom {
	border-bottom: solid 2px #ed5a35;
}
.dugmic_akcija.narandzasto {
	float: left;
	padding: 10px 20px;
	/* margin: 0 auto; */
	text-align: center;
	width: 40%;
	margin: 30px 30%;
	background: #0068b3;
	color: #fff !important;
}
.dugmic_akcija.narandzasto:hover {
	background: #fff !important;
	color: #0068b3 !important;
}
.dugmic_akcija.narandzasto a {
	color: #fff !important;
}
.dugmic_akcija.narandzasto:hover a {
	color: #0068b3 !important;
}
/*BASIC END */


/*WRAP */
.wrapper_menu, .body_wrapper, .wrapper_footer {
	margin: 0 auto;
	width: 1185px;
}
.wrapper {
	margin: 0 auto;
	float: left;
}
.razmak_1 {
	float: left;
	height: 10px;
	width: 100%;
}
.razmak {
	float: left;
	height: 20px;
	width: 100%;
}
.razmak_x2 {
	float: left;
	height: 40px;
	width: 100%;
}
.razmak_70 {
	float: left;
	height: 70px;
	width: 100%;
}
.clear {
	clear: both;
}
.kolone_x2 {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
	-moz-column-gap: 30px; /* Firefox */
	column-gap: 30px;
}
.kolone_x2 a:hover {
	color: #024354;
	text-decoration: underline;
}
.separator {
	height: 1px;
	margin-left: auto;
	margin-right: auto;
}
.pos_r {
	position: relative;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.t-a-c, .t-a-c p {
	text-align: center !important;
}
.t-a-r {
	text-align: right;
}
.t-a-l {
	text-align: left;
}
.m-c {
	margin: 0 auto;
}
.r-m-t-5 {
	margin-top: -5px;
}
.r-m-l--30 {
	margin-left: -30px;
}
.r-m-l-30 {
	margin-left: 30px;
}
.r-m-t-120 {
	margin-top: 120px !important;
}
.r-m-t-80 {
	margin-top: 80px !important;
}
.r-m-t-40 {
	margin-top: 40px !important;
}
.r-m-t-20 {
	margin-top: 20px !important;
}
.r-m-t-80 {
	margin-top: 80px !important;
}
.r-m-b-40 {
	margin-bottom: 40px;
}
.r-m-t-43perc {
	margin-top: 43% !important;
}
.r-m-t-25perc {
	margin-top: 25% !important;
}
.r-m-t-page {
	margin-top: 128px;
}
.pad_l_r_0 {
	padding-left: 0;
	padding-right: 0;
}
.pad_left_30 {
	padding-left: 30px;
}
.pad_left_15 {
	padding-left: 15px;
}
.pad_right_15 {
	padding-right: 15px;
}
.padd_top_95 {
	padding-top: 95px;
}
.padd_top_80 {
	padding-top: 80px;
}
.padd_top_50 {
	padding-top: 50px;
}
.padd_top_40 {
	padding-top: 40px;
}
.padd_top_20 {
	padding-top: 20px;
}
.pad_left_10 {
	padding-left: 10px;
}
.pad_right_10 {
	padding-right: 10px;
}
.pad_left_15 {
	padding-left: 15px;
}
.pad_right_15 {
	padding-right: 15px;
}
.pad_right_30 {
	padding-right: 30px;
}
.width-20 {
	width: 20%;
}
.width-25 {
	width: 25%;
}
.width-27 {
	width: 27%;
}
.width-30 {
	width: 30%;
}
.width-33 {
	width: 33.33333333%;
}
.width-35 {
	width: 35%;
}
.width-40 {
	width: 40%;
}
.width-45 {
	width: 45%;
}
.width-55 {
	width: 55%;
}
.width-50 {
	width: 50%;
}
.width-60 {
	width: 60%;
}
.width-65 {
	width: 65%;
}
.width-66 {
	width: 66.666666666%;
}
.width-70 {
	width: 70%;
}
.width-75 {
	width: 75%;
}
.width-100 {
	width: 100%;
}
.col-md-12 {
	width: 100%;
}
.col-md-8 {
	width: 59.666667%
}
.col-md-4 {
	width: 27.555555%;
}
.light_blue {
	background: #1294d2;
}
.blue {
	background: #005593;
	color: #fff;
}
.white {
	background: #fff;
	color: #005593;
}
.orange {
	background: #ed5a35;
}
.yellow {
	background: #f3e167;
	color: #2f2f2f;
}
.gray {
	background: #b3b3b3;
	color: #565656;
}
.light_gray {
	background: #f6f6f6;
}
.gray a {
	color: #565656;
}
.t-c-gray {
	color: #565656;
}
.naslov_page {
	font-size: 24px;
	font-weight: 300 !important;
	color: #27343e;
	letter-spacing: 3px;
}
.podnaslov_page {
	font-size: 18px;
	line-height: 30px;
	padding: 20px 0;
	font-weight: 300 !important;
	color: #27343e;
}
.naslov_2_page {
	font-size: 18px;
	font-weight: 300 !important;
	color: #27343e;
}
.linija_naslov {
	width: 80px;
	height: 2px;
	background: #058ed0;
	margin: 10px 0 -10px 0;
}
.tekst_page, .tekst_page p {
/*font-size: 14px;
	color: #5f5f5f;
	line-height: 24px;*/
}
.tekst_page h2 {
	color: #000;
	font-size: 28px;
}
.tekst_page h4 {
	color: #000;
	font-size: 24px;
	font-weight: 600 !important;
}
.tekst_page ul, .tekst_page li {
}
.f-z-11, .f-z-11 p {
	font-size: 11px;
}
.f-z-12 {
	font-size: 12px;
}
.f-z-13 {
	font-size: 13px !important;
}
.f-z-14 {
	font-size: 14px;
}
.f-z-17 {
	font-size: 17px;
}
.f-z-18 {
	font-size: 18px;
}
.f-z-20 {
	font-size: 22px;
}
.f-z-22 {
	font-size: 22px;
}
.f-z-24 {
	font-size: 24px;
}
.f-z-26 {
	font-size: 26px;
}
.f-z-30 {
	font-size: 30px;
}
.f-z-40 {
	font-size: 40px;
}
.f-z-48 {
	font-size: 48px;
}
.padd_10_20 {
	padding: 10px 0px 10px 15px;
}
.padd_20 {
	padding: 20px;
}
.padd_20_0 {
	padding: 20px 0;
}
.padd_10_0_0_0 {
	padding-top: 10px;
	padding-bottom: 0;
}
.padd_40 {
	padding: 40px;
}
.padd_45_45 {
	padding: 45px 0px 45px 0px;
}
.c_white {
/* color: #fff; */
}
.c_light_blue {
	color: #058ed0 !important;
}
.c_blue {
	color: #005593;
}
.bold {
	font-weight: 700;
}
.t_upper {
	text-transform: uppercase;
}
ul li ul {
	margin: 0 0 0 15px;
}
/*WRAP END */



/*MENU HEAD */

.menu_wrap {
	width: 100%;
	background: #fff;
	position: fixed;
	z-index: 999;
	display: block;
	/* border-top: solid 3px #058ed0; */
	transition: all 1s ease;
	transform: translate3d(0, 0, 0);
}
/*.menu_wrap:after {
	content: "";
	width: 100%;
	height: 60px;
	background: url(/img/bg_shadow.png) no-repeat;
	top: 80px;
	position: absolute;
	display: inline-block;
	background-size: cover;
	left: 0;
}*/
.menu_linija {
	width: 100%;
	height: 1px;
	background: #ebebeb;
	display: block;
	float: left;
}
.logo {
	float: left;
	margin: 0;
	margin: 15px 0 10px 0;
}
.logo img {
	width: 217px;
}
.logo_smaller {
	display: none;
}
.pretrazi {
	float: right;
	margin: 20px 0 0 0;
	display: block;/* clear: left; */
}
.info_tel {
	float: right;
	margin: 10px 12px 0 0;
	font-size: 13px;
	font-weight: 300;
	display: block;
	color: #b2b2b2;
}
.phone_ico {
	margin: 0 6px -7px 0;
}
.prijavitese {
	float: right;
	margin: 0;
}
.prijavitese img {
	width: 390px;
}
.menu {
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
	float: right;
	clear: right;
}
.menu li {
	float: left;
	position: relative;
	transition: all 1s ease;
}
.menu li a {
	color: #767677;
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding: 8px 10px 8px 10px;
	font-weight: 600;
	margin: 3px 10px 10px 10px;
	border-bottom: solid 4px #fff;
	transition: border-bottom 1s;
}
.menu li a:hover, .aktivno, .menu li:hover > a {
	color: #0d4583;
	text-decoration: none;
	border-bottom: solid 4px #0068b3 !important;
}
.online_menu {
	background: #0068b3;
	color: #fff !important;
}
ul li ul {
	position: absolute;
	/*-webkit-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;*/
	background: #114683;
	list-style: none;
	left: 0px;
	margin: 5px 0 0 13px;
	padding: 10px 0px;
	z-index: 101;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s ease-in 0.3s, opacity 0.3s ease-in;
	-webkit-transition: visibility 0s ease-in 0.3s, opacity 0.3s ease-in;
	min-width: 130px;
}
ul li:hover ul {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
	display: block;
}
ul li ul li {
	background-image: none;
	background-color: none;
	padding: 0px 0px 0px 0px;
	white-space: normal;
	/* line-height: 30px; */
	transition: background-color 0.3 ease-in;
	-webkit-transition: background-color 0.3 ease-in;
}
ul li ul li:hover {
	color: #fff !important;
	text-decoration: none;
}
ul li ul li:hover>a {
	color: #fff !important;
}
ul li ul li:last-child {
	background-image: none;
	padding-right: 12px;
}
ul li ul li a {
	color: #fff !important;
	font-size: 12px;
	text-transform: none;
	font-weight: 300 !important;
	padding: 0px 2px 0px 0 !important;
	border-bottom: 4px solid #114683 !important;
}
ul li ul li a:hover {
	color: #fff;
	text-decoration: none;
}
ul li ul li:last-child {
	border-bottom: 0px solid #dddddd;
}
.menu_width_2 {
	min-width: 195px !important;
}
.wide_submenu {
	width: 317px;
}
header.smaller {
}
header.smaller .menu {
	margin: 20px 0 0 0;
}
header.smaller .pretrazi, header.smaller .info_tel {
	display: none;
}
header.smaller .logo {
	display: none;
}
header.smaller .menu_wrap {
	background: #114683;
	border-top: none;
}
header.smaller .logo_smaller {
	display: block;
	float: left;
	margin: 11px 45px 0 0;
	transition: all 1s ease;
	transform: translate3d(0, 0, 0);
}
header.smaller .menu li a {
	color: #fff;
	padding: 10px 5px 5px 5px;
	font-size: 12px;
	border-bottom: solid 4px #114683;
}
header.smaller ul li ul {
	top: 42px;
}
/*MENU HEAD KRAJ */


/*FOOTER BEGIN*/

.footer_wrap {
	width: 100%;
	background: #fff;
	display: block;
	float: left;
	color: #999999;
	font-size: 12px;
}
.wrapper_footer a {
	color: #fff;
	text-decoration: none;
}
.wrapper_footer a:hover, .wrapper_footer li a:hover {
	color: #fff;
	text-decoration: underline !important;
}
.wrapper_footer p, .wrapper_footer li {
	color: #fff !important;
	font-size: 12px;
	line-height: 30px;
	font-weight: 300 !important;
}
.wrapper_footer h3 {
	color: #fff !important;
	font-weight: 300 !important;
}
.wrapper_footer input {
	width: 94%;
	padding: 3%;
	border: none;
	border-radius: 2px;
	color: #1294d2;
	font-size: 12px;
	font-weight: 700;
}
/*FOOTER KRAJ*/

/*CAROUSEL PAGE */
.carousel {
	width: 100%;
	height: 250px;
	position: relative;
	float: left;
	margin: 0 10px 0 0;
}
.carousel .cell {
	width: 100%;
	height: 250px;
	position: absolute;
	margin: 0;
	background: rgba(0,0,0,0.1);
	display: none;
}
.carousel .cell img {
	width: 100%;
	min-height: 250px
}
.carousel .cell .text h2 {
	font-size: 32px;
	color: #fff;
	padding: 10px 0 2px 20px;
	text-shadow: 1px 1px rgba(0,0,0,.5);
}
.carousel .cell a {
	text-decoration: none;
}
.datum_top {
	font: 11px;
	color: #ffffff;
	padding: 10px 0px 0px 20px
}
.carousel .cell .text p {
	font: 15px;
	color: #ffffff;
	padding: 0px 0px 0px 20px
}
.carousel .cell .text p span {
	color: #fdca00;
}
.carousel ul.controls {
	height: 16px;
	position: absolute;
	z-index: 999;
	right: 10px;
	bottom: 10px;
}
.carousel ul {
	list-style: none;
}
.carousel ul.controls li.active {
	background-position: -669px 0;
	cursor: default;
}
.carousel .cell .text {
	width: 495px;
	height: 135px;
	position: absolute;
	bottom: 30px;
	background: rgba(0,0,0,0.65);
}
.carousel ul.controls li {
	width: 17px;
	height: 16px;
	background: #c00;
	float: left;
	margin: 0 0 0 2px;
	background: url(/img/sprite.png) no-repeat -669px -16px;
	cursor: pointer;
}
.carousel .dugmic_akcija a {
	text-decoration: none;
	color: #fff;
}
/*CAROUSEL PAGE END */

/*KONTAKT PAGE BEGIN */

.kontakt_bg {
	background: url(/userfiles/images/kontakt_bg1.jpg) no-repeat center;
	background-size: cover;
}
.dugmic_posalji {
	text-align: center;
	font-weight: 700;
	color: #fff;
	padding: 15px 30px 5px 30px;
}
.kontakt_forma input, .kontakt_forma textarea {
	width: 100%;
	color: #75787b;
	border: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 16px;
	display: inline-block;
	background: #fff;
	margin: 10px 0;
}
.lokacija_bg {
	background: url(/userfiles/images/lokacija.jpg) no-repeat center;
	background-size: cover;
}
/*KONTAKT PAGE END */

/* BOX ELEMENTI */
.box {
	width: 370px;
	height: 460px;
	margin: 0 auto;
	position: relative;
}
.box img {
	height: 100%;
}
.box h2 {
	font-size: 18px;
	color: #27343e;
	text-transform: uppercase;
	padding: 10px 0 0 0;
}
.box:hover h2 {
	color: #005593;
}
.box p {
	color: #a0a0a0;
}
/* BOX ELEMENTI END*/


figure {
	overflow: hidden;
	position: relative;
	height: 370px;
}
.box.box_2 {
	height: 330px;
}
.box.box_2 figure {
	height: 228px;
}
.box.box_3 {
	width: 270px;
	height: 360px;
}
.box.box_3 figure {
	height: 270px;
}
figure {
	margin: 0;
}
figure:hover figcaption {
	opacity: 1;/* box-shadow:inset 0 0 20px 5px rgba(0,85,147,0.3);*/
}
figcaption {
	background: rgba(0,85,147,0.2);
	color: white;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	/*z-index: 100;*/
	-webkit-transition: all 600ms ease-out;
	-moz-transition: all 600ms ease-out;
	transition: all 600ms ease-out;
	text-align: center;
}
figure:hover .figcaption_no_bg {
	opacity: 1;/* box-shadow:inset 0 0 20px 5px rgba(0,85,147,0.3);*/
}
.figcaption_no_bg {
	color: white;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	/*z-index: 100;*/
	-webkit-transition: all 600ms ease-out;
	-moz-transition: all 600ms ease-out;
	transition: all 600ms ease-out;
	text-align: center;
}
figure:hover img {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
}
.pretrazi_input {
	border: solid 1px #ddd;
	font-style: italic;
	font-size: 11px;
	color: #777777;
	background: url(/userfiles/images/lupa.png) no-repeat 100% -1px;
	padding: 5px 25px 5px 10px;
}
.oznake {
	width: 100%;
	margin: 3px 0 0 0;
	position: relative;
}
.oznake span {
	position: absolute;
	/*top: 0px;
    left: 36px;*/
	left: 0;
	width: 330px;
	height: auto;
	padding: 0 20px;
	font-size: 16px;
	color: #fff;
	text-align: left;
	padding-bottom: 10px;
	min-height: 100px;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
}
.box:hover .oznake span {
	visibility: visible;
	opacity: 1;
}
.oznake span {
	position: absolute;
	background: #058ed0;
	z-index: 9999;
	/*left: 60%;
	top: 70px;*/
	left: 0;
	top: 220px;
}
/*.oznake span:after, .oznake span:before {
	right: 100%;
	top: 26px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.oznake span:after {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #058ed0;
	border-width: 26px;
	margin-top: -26px;
}
.oznake span:before {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 11px;
	margin-top: -11px;
}

*/
.oznake span:after, .oznake span:before {
	top: 0;
	right: 43%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.oznake span:after {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #058ed0;
	border-width: 26px;
	margin-top: -51px;
}
.oznake span:before {
}
.oznake span p {
	color: #fff;
}
.oznake span p.podnaslov_page {
	padding: 30px 0 0 0;
	font-weight: 500 !important;
	font-size: 18px !important;
}
.oznake span p {
	margin-top: -5px;
	font-size: 13px;
	line-height: 18px;
}
.box .oznake {
	position: relative;
	z-index: 999;
}
.box figure img {
	position: relative;
}
ol.tekst_page li {
	font-size: 30px;
	margin: 0 0 0 0;
	color: #1294d2;
	font-weight: 700;
}
ol.tekst_page li span {
	font-size: 14px;
	color: #5f5f5f;
	line-height: 24px;
	font-weight: 300 !important;
}
.bg_page {
	background: #e2efff;
}
.bg_page_2 {
	background: url(/userfiles/images/tmp/page2_tmp.jpg) no-repeat;
	background-size: cover;
	background-position: 40%;
	height: 655px;
}
.bg_page_3 {
	background: url(/userfiles/images/tmp/page3_tmp.jpg) no-repeat;
	background-size: cover;
	background-position: 40%;
	height: 775px;
}
.bg_page_4 {
	background: url(/userfiles/images/tmp/page4_tmp.jpg) no-repeat;
	background-size: cover;
	background-position: 40%;
	height: 775px;
}
.various {
	color: #fff !important;
}
.various:hover {
	color: #1294d2 !important;
}
.menu_aktivno {
	color: #198fce !important;
	text-decoration: underline !important;
	-moz-text-decoration-color: #198fce !important; /* Code for Firefox */
	text-decoration-color: #198fce !important;
}
.smaller .menu_aktivno {
	color: #fff !important;
	text-decoration: underline !important;
	-moz-text-decoration-color: #fff !important; /* Code for Firefox */
	text-decoration-color: #fff !important;
}
.scrollup {
	top: 0px;
	right: -10%;
}
.scrollup {
	width: 44px;
	height: 44px;
	opacity: 0.8;
	position: fixed;
	top: 90%;
	right: 10px;
	display: none;
	text-indent: -9999px;
	background: url(/userfiles/images/icon-go-to-top.png) no-repeat;
	z-index: 9999;
}
.scrollup:hover {
	opacity: 1;
}
.menu_lupa, .menu_phone {
	display: none;
}
.razmak_mobile_top {
	margin-top: 70px !important;
}
.plus_sign {
	background: url(/userfiles/images/plus.png);
	background-repeat: no-repeat;
	display: block;
	width: 15px;
	height: 15px;
	float: right;
	margin: 0 10px 0 0;
}
.yt_video {
	margin: 125px 0 0 40px;
}
/*TABELE */

.naslov_tabele {
	display: block;
	width: 96%;
	padding: 1% 2%;
	text-align: left;
	color: #fff;
	background: #0a5791;
	font-size: 14px;
	border-bottom: solid 1px #fff;
}
/*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/

	
	/* 
	Generic Styling, for Desktops/Laptops 
	*/
table.tbl_tretmani {
	width: 100%;
	border-collapse: collapse;
	border: none;
}
/* Zebra striping */
table.tbl_tretmani tr:nth-of-type(odd) {
	background: #fff;
}
table.tbl_tretmani th {
	background: #b9def0;
	color: #000 !important;
}
table.tbl_tretmani td, table.tbl_tretmani th {
	padding: 6px;
	border: 1px solid #cdcdcd;
	text-align: left;
	font-weight: 300 !important;
	font-size: 14px;
	vertical-align: middle;
}
table.tbl_tretmani th, table.tbl_tretmani td {
	text-align: center;
}
table.tbl_tretmani th {
	border-top: none;
}
table.tbl_tretmani tr td:nth-of-type(odd) {
	border-left: 0px solid;
	border-right: 0px solid;
}
.tbl_tretmani td:nth-of-type(1) {
	width: 63%;
	text-align: left !important;
}
.tbl_tretmani td:nth-of-type(2) {
	width: 14%;
}
.tbl_tretmani td:nth-of-type(3) {
	width: 23%;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */
table.tbl_tretmani, table.tbl_tretmani thead, table.tbl_tretmani tbody, table.tbl_tretmani th, table.tbl_tretmani td, table.tbl_tretmani tr {
	display: block;
}
table.tbl_tretmani th, table.tbl_tretmani td {
	text-align: left !important;
}
/* Hide table headers (but not display: none;, for accessibility) */
.tbl_tretmani thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
table.tbl_tretmani tr td {
	border-left: 0px solid;
	border-right: 0px solid;
}
table.tbl_tretmani tr:nth-of-type(odd) {
	background: #f6f6f6;
}
.tbl_tretmani td {
	/* Behave  like a "row" */
	border: none !important;
	border-bottom: 1px solid #eee !important;
	position: relative;
	padding-left: 40% !important;
	width: auto !important;
}
.tbl_tretmani td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 35%;
	padding-right: 10px;
	white-space: pre-wrap;
}
/*
		Label the data
		*/
.tbl_tretmani td:nth-of-type(1):before {
	content: "Naziv tretmana";
}
.tbl_tretmani td:nth-of-type(2):before {
	content: "Broj tretmana";
}
.tbl_tretmani td:nth-of-type(3):before {
	content: "Trajanje tretmana";
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}
.show {
	display: block !important;
	transition: display 0.25s ease-in;
}
.hide {
	display: none;
	transition: display 0.15s ease-out;
}
#instafeed {
	padding: 14px 0 0 0;
}
#instafeed img {
	display: block;
	float: left;
	width: 22%;
	margin: 1%;
}
/*HOME SLIKE */
.home_slike {
	list-style: none;
	margin: 0;
	padding: 118px 0 0 0;
}
[data-slick-index="0"] {
/*margin-left: -50px;*/
}
.prvi_slide {
/*margin-left: -50px;*/
}
.home_slide_div {
	float: left;
	display: block;
	height: 675px;
	/*max-height: calc(100% - 60px);*/
	width: 30%;
	position: relative;
	overflow: hidden;
}
.home_slide_div img {
	width: auto;
	height: auto;
	position: relative;
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: .8s ease-in-out;
	transition: .8s ease-in-out;
}
.home_slike_slika {
	width: 100%;
	height: 675px;
	position: relative;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	transition: transform .5s ease-out;
	cursor: pointer;
}
.home_slike_slika:hover {
/*background-position: 50% 20px, top right;*/
}
.home_slide_div img:hover {
	-webkit-transform: rotate(10deg) scale(1.4);
	transform: rotate(10deg) scale(1.4);
	-webkit-transition: .8s ease-in-out;
	transition: .8s ease-in-out;
}
.home_slike_naslov {
}
.home_slide_div h2 {
	margin: 0 auto;
	text-align: center;
	background: #114683;
	padding: 0 5px;
	color: #fff;
	font-weight: 600 !important;
	font-size: 30px;
	line-height: 44px;
}
.home_slide_div a {
}
.wrap_tekst_home_slike {
	position: absolute;
	bottom: 40px;
	text-align: center;
	margin-left: 17%;
	width: 66%;
}
.home_slide_div mark {
	font-size: 28px;
	line-height: 53px;
	background: #fff;
	color: #00aeef;
	font-weight: 400;
	padding: 4px 10px;
}
.prikaz_naslova mark:not(first-child) {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.prikaz_naslova mark:first-child {
	padding-left: 10px !important;
}
.prikaz_naslova mark:last-child {
	padding-right: 15px !important;
}
.padded-multiline {
	line-height: 1.4;
	padding: 2px 0;
}
.padded-multiline span {
	background-color: #114683;
	color: #fff;
	display: inline;
	padding: 0.45rem;
	text-transform: uppercase;
	font-weight: 400;
	/* Needs prefixing */
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
/*HOME SLIKE END */


/*************PROIZVODI *************/
.proizvodi_wrap {
	margin-top: 118px;
	text-align: center;
	margin-bottom: 20px;
	padding: 0 0 60px 0;
}
.proizvodi_wrap h1 {
	text-align: center;
	margin: 80px 0 20px 0;
	font-size: 34px;
	line-height: 50px;
}
.proizvodi_wrap h3 {
	font-weight: 400 !important;
	/* margin: 30px 0 50px 0; */
	font-size: 18px;
	width: 55%;
	margin: 30px auto 40px auto;
}
.proizvodi_wrap h1 mark {
	background: #114683;
	color: #fff;
	font-weight: 400;
	padding: 4px 10px;
	text-transform: uppercase;
}
.proizvodi_wrap h4 {
	color: #000;
	font-size: 24px;
	text-transform: none;
	margin-bottom: 15px;
	font-weight: 600 !important;
	line-height: 28px;
}
.kolone h3, .proizvodi_wrap .kolone h3 {
	width: 70%;
}
.proizvodi {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
.proizvodi li {
	width: 25%;
	float: left;
	display: block;
}
.ljeva_2 {
	margin-left: 27%;
}
.ljeva_3 {
	margin-left: 14%;
}
.proizvodi img {
	width: 240px;
	float: left;
	display: block;
}
.proizvodi .okvir {
}
.proizvodi h4 {
	font-size: 18px;
	/* font-weight:400 !important; */
	color: #ef4824;
	margin: 20px 0 0 0;
}
.proizvodi p {
	font-size: 14px;
	color: #000;
}
.vise_detalja {
	font-size: 15px;
	font-weight: 600;
	background: #114683;
	color: #fff;
	padding: 10px 20px;
	/* margin: 20px 0 0 20px; */
	float: left;
	text-align: center;
	width: 90px;
	bottom: 25px;
	position: absolute;
	left: 55px;
	transition-duration: .3s;
	transition-timing-function: ease-in-out;
	border: solid 1px #114683;
}
.vise_detalja:hover {
	/*background-color: #ed4623;
	color: #fff;*/
	
	background-color: #fff;
	color: #000;
	border: solid 1px #114683;
}
.wrap_tekst_proizvodi {
	float: left;
	display: block;
	width: 210px;
	background: #ffff;
	padding: 0 15px;
	min-height: 245px;
	position: relative;
}
.proizvod_list {
	list-style: none;
	margin: 30px 0 40px 0;
	padding: 0;
}
.proizvod_list li {
	padding-left: 1.3em;
	margin: 10px 0;
	font-size: 18px;
}
.proizvod_list li:before {
	/*  content: "\f00c"; FontAwesome Unicode */
	content: url(/userfiles/images/check.png);
	/*font-family: FontAwesome;*/
	display: inline-block;
	margin-left: -1.8em; /* same as padding-left set on li */
	width: 1.8em; /* same as padding-left set on li */
}
/* Style the tab */
.tab {
	overflow: hidden;/* border: 1px solid #ccc; *//* background-color: #f1f1f1; */
}
.tabcontent p, .tabcontent1 p {
	font-size: 15px;
	line-height: 18px;
	padding: 5px 0;
}
/* Style the buttons that are used to open the tab content */
.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 9px 17px;
	transition: 0.3s;
	font-weight: 600;
	border: solid 2px #fff;
	margin: 0 10px 0 0;
	border-bottom: none;
	color: #000;
}
/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ed4623;
	color: #fff;
	border: solid 2px #ed4623;
}
/* Create an active/current tablink class */
.tab button.active {
	color: #fff;
	border: solid 2px #ed4623;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee4723+1,cc3d1e+99 */
	background: rgb(238,71,35); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,71,35,1) 1%, rgba(204,61,30,1) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(238,71,35,1) 1%, rgba(204,61,30,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(238,71,35,1) 1%, rgba(204,61,30,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee4723', endColorstr='#cc3d1e', GradientType=0 ); /* IE6-9 */
}
/* Style the tab content */
.tabcontent, .tabcontent1 {
	display: none;
	padding: 30px 12px 15px 12px;
	border: none;
	border-top: none;
	background: #fff;
	text-align: left;
	/* font-size: 15px; */
	float: left;
	width: 100%;
}
.tabcontent h4, .tabcontent1 h4 {
	color: #000;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-weight: 600 !important;
	line-height: 28px;
}
.tabcontent table, .tabcontent1 table {
}
.tabcontent table td, .tabcontent1 table td {
	padding: 0 30px 0 10px;
	vertical-align: middle;
}
.tabcontent table tr, .tabcontent1 table tr {
}
.prikazi_tab {
	display: block !important;
}
.sakrij_tab {
	display: none;
}
.td_10px {
	padding-left: 10px;
}
.play_btn {
	width: 64% !important;
	text-transform: uppercase;
	padding: 10px 0 10px 29px !important;
	margin: 30px 18% !important;
}
.play_btn a:before {
	content: url(/userfiles/images/play.png);
	/* display: inline-block; */
	/* margin-left: -1.8em; */ /* same as padding-left set on li */
	/* width: 1.8em; */ /* same as padding-left set on li */
	position: absolute;
	top: -8px;
	left: -10px;
}
.crta {
	border-left: solid 1px #0068b3;
}
.crta_r {
	border-right: solid 1px #0068b3;
}
.p_l_5p {
	padding-left: 5% !important;
	min-height: 230px;
}
.p_r_5p {
	padding-right: 5% !important;
	min-height: 230px;
}
.p_l_2p {
	padding-left: 1% !important;
	min-height: 230px;
}
.p_r_2p {
	padding-right: 1% !important;
	min-height: 230px;
}
.detaljnije_info {
	/* min-height: 195px; */
	text-align: center;
}
.detaljnije_info a {
	display: block;
	background: #114683;
	padding: 5px 5px 5px 5px;
	color: #fff;
	font-weight: 600;
	margin: 30% 15% 0% 27%;
	transition: ease-in;
	transition-duration: .5s;
	font-size: 14px;
}
.detaljnije_info a:hover {
	background: #cd3d1e !important;
}
.detaljnije_info.dodatak a {
	margin: 40% 5% 0 5% !important;/* padding: 10px 10px 10px 10px; */
	/* font-size: 12px; */
}
.profil_box {
	background: #fff;
	margin: 20px 1.5%;
	min-height: 425px;
}
.profil_box_inside {
	padding: 5px 15px;
}
.youtube-videogallery1 {
	padding: 10px;
}
.tabela {
	margin: 0 0 20px 0;
}
.tabela td {
	padding: 0 10px 0 0;
	min-width: 100px;
}
.tabela tr {
/* min-width: 287px; */
}
.tabela p {
	font-size: 15px;
	line-height: 21px;
	padding: 0;
	color: #024354;
}
/*************PROIZVODI *************/

/*************CONTACT *************/
.contact_form {
	margin: 15px 0;/* font-family: DTLProkyonTCapsLight !important; */
}
.contact_form form {
}
.contact_form input {
	clear: both;
	float: left;
	margin: 5px 0 15px 0;
	/* border: solid 1px #000; */
	padding: 7px 14px;
	width: 90%;
	/* font-family: DTLProkyonSTLight; */
	background: #fff;
	border: none;
	color: #000000;
	font-size: 14px;
}
.contact_form select {
	clear: both;
	float: left;
	margin: 5px 0 15px 0;
	border: none;
	padding: 8px 5px;
	width: 98%;
}
.contact_form label {
	clear: both;
	float: left;
	font-size: 14px;
}
.contact_form textarea {
	clear: both;
	float: left;
	margin: 5px 0 15px 0;
	border: none;
	padding: 16px 15px;
	width: 100%;
	background: #fff;
	font-size: 14px;
	color: #000;
}
.dugmic_contact {
	width: 140px !important;
	text-transform: uppercase;
	float: right !important;
	margin: 20px -30px 0 0 !important;
}
.contact_form p {
	clear: left;
	text-align: left;
	padding: 3px 0;
}
/*************CONTACT END*************/


/*************AKTUELNOSTI*************/
.aktuelnosti {
	margin: 0;
	padding: 0;
	list-style: none;/* width: 100%; */
}
.aktuelnosti li {
	float: left;
	width: 100%;
	margin: 20px 0;
}
.aktuelnosti li img {
	width: 100%;/* padding: 10px; */
    /* margin: 10px; */
}
.aktuelnosti li h3 {
	font-weight: 400 !important;
	text-align: left;
	font-size: 24px;
	width: 100%;
	margin: 10px 0 15px 0;
	color: #000;
	line-height: 27px;
}
.aktuelnosti li p {
}
.aktuelnosti li a {
}
.aktuelnosti li:hover {
}
.akt_wrap {
	background: #fff;
	display: block;
	float: left;
}
.akt_left {
	float: left;
	display: block;
	width: 40%;
	padding: 5px;
	margin: 5px;
}
.akt_right {
	float: left;
	display: block;
	width: 50%;
	text-align: left;
	margin: 10px 1% 10px 3%;
}
.akt_datum {
}
.akt_kratki {
}
.akt_tekst {
	display: none;
}
.akt_dugmic {
	width: 110px !important;
	text-transform: uppercase;
	float: right !important;
	margin: 0px 0px 0 0 !important;
	padding: 10px 10px;
	text-align: center;
	background: #0068b3;
	color: #fff !important;
	font-size: 13px;
}
.akt_dugmic a {
	color: #fff !important;
}
.akt_dugmic:hover {
	background: #cd3d1e !important;
	color: #fff !important;
}
/*************AKTUELNOSTI END*************/


/*************HIGHLIGHT *************/
.highlight {
	display: inline;
	background: #114683;
	color: #fff;
	padding: 4px 10px;
	position: relative;
	/* left: 0.25em; */
	padding-right: 0;
	box-shadow: 8px 0 0 #114683, -6px 0 0 #114683;
	padding-left: 0;
	font-weight: 400;
	text-transform: uppercase;
}
.bdb .highlight {
	box-decoration-break: clone;
}
/*************HIGHLIGHT END*************/

/*DODATAK MART 2019  */
.h3_left_bold {
	font-weight: 700 !important;
	/* margin: 30px 0 50px 0; */
	font-size: 18px !important;
	width: auto !important;
	margin: 0 0 10px 0 !important;
	/* font-weight: bold !important; */
	color: #000 !important;
}
.dodatno {
}
.dodatno table {
	text-align: left;
	margin: 0 auto;
}
.dodatno table td {
}
.dodatno table tr {
	padding: 0;
}
.dodatno ul {
}
.dodatno ul li {
}
.dodatne_slikice img {
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	width: 96%;
	margin: 2%;
}
.bg_table_blue {
	background: #0a75ba;
	color: #fff;
	vertical-align: middle;
	padding: 5px;
}
.bg_table_grey {
	background: #fff;
	color: #000;
	vertical-align: middle;
	padding: 5px;
}
.bg_table_grey p, .bg_table_blue p {
	padding: 0 !important;
}