*{
	margin:0;
	padding:0;
}
body, html {
	height: 100%;
	min-height: 100%;
}
html {
 scroll-behavior: smooth;}


body { 
	font-family: 'Fira Sans', sans-serif;
	font-size:18px;
	color:#333;
	background:#fff;
}
h1, h2, h3, p, a{line-height:1.3em;}
.omotac{
	width:1200px;
	margin:0 auto;
} 
#zaglavlje, #slajder, #sadrzaj, #usluge, #trgovina-home, .uzn, #podnozje, #bg-img, #lokacija, #proizvodi-pojedinacno, #proizvod-opis, #blog, #napomena {width:100%; height:auto; display:block; clear:both;}
#zaglavlje{height:124px; width:100%; width: calc(100%);background:#fff; border-bottom: solid 5px #f0f4f9; position: fixed; top:0; left: 0px; z-index: 9999; transition: .5s ease;}
.obrub{border-bottom: solid 5px #111!important;}
.logo{
	height:80px;
	width:325px;
	display:inline-block;
	float:left;
	position:relative;
	padding-top:20px;
}
.logo img{
	height:80px;
	width:auto;
	padding-top:3px;
	background-position: center center;
    background-repeat: no-repeat; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#zaglavlje a {font-weight: bold;}
#zaglavlje .izbornik, #zaglavlje .social{padding:10px 0;}
.izbornik{display:inline-block; float: right; padding:10px 0;}
.menu-izbornik-zaglavlje-container{ display:inline-block; float:left;}
.izbornik ul{list-style-type: none; float:left;}
.izbornik ul li{display:inline-block; position:relative;}
.izbornik  a{color:#5f5f5f; text-decoration:none; padding: 0 10px; display:inline-block; margin:0 10px; line-height:103px; transition: all 0.3s ease-in-out;}
.izbornik .soc .fa{ font-size:24px;}
.current-menu-item a, .current-menu-parent a{color:#00a2de;}
#menu-item-8.current-menu-item a{color:#5f5f5f;}
.izbornik .menu .sub-menu a{color:#5f5f5f;}
.menu .sub-menu .current-menu-item a,  .menu .sub-menu .current-menu-parent a{color:#00a2de;}
.izbornik  a:hover, .izbornik .menu .sub-menu a:hover{color:#00a2de;}
.izbornik .menu {position:relative; z-index: 1000;}
.izbornik .menu .sub-menu{
    height:0;
    left:0;
    overflow:hidden;
    position:absolute;
    top:103px;
	background-color:#fff;
	-webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.45);
	box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.45);
	transition: all 0.3s ease-in-out;
}
.izbornik .menu li:hover .sub-menu{
    height:auto!important;
	padding: 15px;
    width: auto;
}
.izbornik .menu-item-has-children a::after{
	font-family: FontAwesome;
	content: "\f078";
	font-style: normal;
    font-weight: normal;
	font-size:0.7em;
	margin-left:25px;
}
.izbornik .sub-menu a::before{
	font-family: FontAwesome;
	content: "\f054";
	font-style: normal;
    font-weight: normal;
	font-size:0.7em;
	position:absolute;
	left:0;
	top:35%;
}
.izbornik .sub-menu a::after{ display:none;}
.izbornik .sub-menu li a{ font-size:16px; width:200px; padding: 10px 0; display:block; margin:10px 0; line-height: normal; position: relative; padding-left:25px;}
#slajder{
	height:640px;
	margin-top:129px;
	position:relative;
	z-index:1;
	clip-path: polygon(0 0, 100% 0, 100% 98%, 0 100%);
}
#slajder img{
	height:100%;
	width:100%;
	object-fit: cover;
	object-position: center center;
}
#slajder .omotac{height:640px; z-index:2; top:0; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto;}
#slajder .omotac h1, #slajder .omotac section{
	color:#fff;
	display:inline-block;
	padding:20px 40px;
	clear:both;
	font-weight:bold;
	text-shadow: 0px 0px 10px rgba(1, 1, 1, 0.4);
}
#slajder .omotac h1{
	font-family: 'Anton', sans-serif;
	letter-spacing: 3.5px;
	font-size:60px;
	margin-top:15%;
	margin-bottom:30px;
	background: -moz-linear-gradient(left,  rgba(8,53,89,0.9) 0%, rgba(0,162,222,0.9) 100%);
	background: -webkit-linear-gradient(left,  rgba(8,53,89,0.9) 0%,rgba(0,162,222,0.9) 100%);
	background: linear-gradient(to right,  rgba(8,53,89,0.9) 0%,rgba(0,162,222,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6083559', endColorstr='#e600a2de',GradientType=1 );
}
#slajder .omotac section{
	font-size:22px;
	margin-top:10px;
	background: -moz-linear-gradient(left,  rgba(0,162,222,0.9) 0%, rgba(8,53,89,0.9) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,162,222,0.9) 0%,rgba(8,53,89,0.9) 100%);
	background: linear-gradient(to right,  rgba(0,162,222,0.9) 0%,rgba(8,53,89,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e600a2de', endColorstr='#e6083559',GradientType=1 );
}
#sadrzaj {padding:120px 0;}
.margina {
	display: block;
  	height: 249px; 
  	margin-top: -249px;
  	visibility: hidden;
}
#sadrzaj .o_nama{ text-align:center;}
#sadrzaj .o_nama h1, #usluge .klim{font-family: 'Anton', sans-serif; letter-spacing: 0.3em; font-size: 60px; color: #020a15; text-transform: uppercase; margin-bottom: 50px;text-align: center;}
#sadrzaj .o_nama p{margin:15px 0;}
#sadrzaj .o_nama a, #usluge a{color:inherit; text-decoration:none; font-weight:bold;}
#sadrzaj .o_nama a:hover, #usluge a:hover{color:#e10915;}
#sadrzaj .o_nama .cool{font-size:2em; color:#020a15; text-transform:uppercase; margin-top:30px;}
#sadrzaj .o_nama span{color:#00A2de;}
#usluge{border-top: 10px solid #11224d; background:url(../images/bg-usluge.jpg) no-repeat bottom center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#usluge .omotac{padding:60px 0; position:relative; z-index:1;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#ffffff',GradientType=0 );
}
#usluge h1, #trgovina-home h1{color:#404040; font-size:3em; display:block; text-align:center;}
#usluge .klim{
	display:block;
	color:#fff;
	overflow:hidden;
	background: url(../images/klima-land1a.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding:30px 0;
	margin-bottom:0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(5, 15, 46, 0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(5, 15, 46, 0.75);
	box-shadow: 0px 0px 10px 0px rgba(5, 15, 46, 0.75);
	position:relative;
	z-index:2;	
}
#usluge p{text-align:center; display:block; margin-top:15px;}
#usluge .padding{padding:0 60px;}
#usluge .usluge{
	display: grid;
	grid-column-gap:2px;
	grid-row-gap: 10px; 
	grid-template-columns: repeat(3, 1fr);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	margin:60px 0 30px 0;
}
#usluge  .usluge section{
	height:300px;
	position:relative;
	transition: .5s ease;
	letter-spacing: 1.5px;
}
#usluge .usluge img{
	width: 100%;
	height:100%;
	object-fit: cover;
	object-position: center center;
	position: absolute; z-index:1; top:0; left:0;
}
#usluge .usluge section h2{ color:#fff; font-size:1.1em; position: absolute; z-index:3; bottom:70px; left:9px; padding:20px 10px; text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	background: -moz-linear-gradient(left,  rgba(0,162,222,0.9) 0%, rgba(8,53,89,0.9) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,162,222,0.9) 0%,rgba(8,53,89,0.9) 100%);
	background: linear-gradient(to right,  rgba(0,162,222,0.9) 0%,rgba(8,53,89,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e600a2de', endColorstr='#e6083559',GradientType=1 );
}
#usluge .usluge  section a{font-size:1em;  font-style: italic; position: absolute; z-index:3; bottom:10px; left:10px; background:#cf1710; padding:20px 10px; color:#fff; text-decoration:none; border:2px solid #fff; transition: .5s ease;}
#usluge .usluge  section a:hover{color: #fae48d; border-color: #fae48d; text-shadow: 0px 0px 20px rgba(1, 1, 1, 1);}
#usluge .usluge section .rub {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.8;
  transition: .5s ease;
  z-index:2;
  display:block;
  border: 10px solid #18abe0;
}
#usluge .usluge section:hover .rub { border: 10px solid #1e5b7f;}
#trgovina-home{position:relative; z-index:3;}
.trgovina-text-sad{display:block; margin:60px 0 100px 0; color:#06b0e5; color:#048ab7; font-weight:bold;}
.trgovina-text-sad p{line-height:1.5em;}
.trgovina-text-sad span{ text-decoration:underline;}
.trgovina-text-sad a{font-size:23px; color:#404040; text-decoration:none;}
.trgovina-text-sad a:hover{ text-decoration:underline;}
#trgovina-home p{ text-align:center; margin-top:15px;}

#trgovina-home .filters-container{display:block; margin-top:150px;}
#trgovina-home .filters-container h4{margin-bottom:20px; font-style:italic;}
#trgovina-home .proizvodi-izdvojeno,#main ul, .klim-ponud ul {
	display: grid;
	grid-column-gap:50px;
	grid-row-gap: 80px; 
	grid-template-columns: repeat(4, 1fr);
	list-style-type:none;
	text-align:center;
	margin:60px 0 90px 0;
}
#main ul { margin-bottom:0!important;}
#trgovina-home .proizvodi-izdvojeno img, #main ul img{
	height:92px;
	width:240px;
	display:block;
	clear:both;
	margin:0 auto;
}
#trgovina-home .proizvodi-izdvojeno h2 a, #main ul h2{text-decoration:none; color:#bbb; font-size:18px; font-weight:300; display:block; margin-top:20px;}
#trgovina-home .proizvodi-izdvojeno h2 a:hover, #main ul h2:hover{text-decoration:underline;}
#trgovina-home .proizvodi-izdvojeno .lnk,.products .button{text-decoration:none; color:#cf1710; letter-spacing: 2.5px; display:block; margin-top:10px;}
#trgovina-home .proizvodi-izdvojeno .lnk:hover, .products .button:hover{text-decoration: underline; color:#404040;}
.lnk-vis { display:block; margin:30px 0 90px 0; text-align:center;}
.lnk-vis a, #odrzavanje .lnk-vis { display: inline-block; font-size:1em;  font-style: italic; background:#cf1710; padding:20px 10px; color:#fff; text-decoration:none; border:2px solid #fff; transition: .5s ease;}
.lnk-vis a:hover, #odrzavanje .lnk-vis:hover {color: #fae48d; border-color: #fae48d; text-shadow: 0px 0px 20px rgba(1, 1, 1, 1);}
#trgovina-home #brendovi{background:#11224d; text-align:center;}
#trgovina-home #brendovi ul{
	display: grid;
	grid-column-gap:2px;
	grid-row-gap: 10px; 
	grid-template-columns: repeat(7, 1fr);
	list-style-type:none;
	text-align:center;
	padding:20px 0;
}
#trgovina-home #brendovi img{
	height:40px;
	width:auto;
}
#trgovina-home .brendovi-kategorije a{
	text-align:center; color:#fff; font-size:12px;
}
#trgovina-home .brendovi-kategorije img{
	display:block;
	clear:both;
	margin:0 auto;
}
.uzn{ height:82px; text-align:center; margin:100px 0;}
.uzn a{font-variant:small-caps; letter-spacing: 2.5px; padding:30px; background:#06b0e5; color:#fff; text-decoration:none; transition: .5s ease;}
.uzn a:hover{background:#0487b3;-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);}
#odrzavanje {
	overflow:hidden;
	background: url(../images/klima-land3.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	border-top:25px solid #fff;
	border-bottom:5px solid #fff;
	position: relative;
	z-index:2;
	height:130px;
	padding:20px 0;
}
#odrzavanje article{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#odrzavanje h1{
	color:#11224d;
	font-family: 'Anton', sans-serif; letter-spacing: 0.2em; font-weight:100;
	text-transform: uppercase;
	font-size: 25px;
	line-height:80px;
	padding:0 0 0 40px;
	margin:0;
	display: inline-block;
	background: -moz-linear-gradient(left,  rgba(0,162,222,0.9) 0%, rgba(0,162,222,0.9) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,162,222,0.9) 0%,rgba(0,162,222,0.9) 100%);
	background: linear-gradient(to right,  rgba(0,162,222,0.9) 0%,rgba(0,162,222,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e600a2de', endColorstr='#e600a2de',GradientType=1 );
	text-shadow: 0px 0px 30px rgba(225, 225, 225, 1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}
#odrzavanje .lnk-vis {font-family: 'Fira Sans', sans-serif; font-size:18px; letter-spacing: normal; margin:0 0 0 40px;  padding: 30px 10px; text-transform: none;}
#lokacija{
	height:450px;
	display:block;
	overflow:hidden;
	background: url(../images/klima-land1a.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.marginatop {
		display: block;
  	height: 112px; 
  	margin-top: -112px;
  	visibility: hidden;
}
#lokacija iframe{
	height:450px;
	width:40%;
	float:left;
	padding-bottom:100%!important; margin-bottom: -100%!important;
}
#lokacija article{
	width:60%;
	display:block;
	float: right;
	padding:18px 0;	
	background: -moz-linear-gradient(top,  rgba(8,53,89,0.9) 0%, rgba(0,162,222,0.9) 100%);
	background: -webkit-linear-gradient(top,  rgba(8,53,89,0.9) 0%,rgba(0,162,222,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(8,53,89,0.9) 0%,rgba(0,162,222,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6083559', endColorstr='#e600a2de',GradientType=0 );
	padding-bottom:100%!important; margin-bottom: -100%!important;
}
#lokacija article section{
	width:41%;
	margin:0 auto;
	display:block;
	white-space: pre-line;
	color:#fff;
}
#lokacija article .tvrtka{display: table;  margin:25px 0;}
#lokacija article h1::before{ content:url('../images/klima-land-logo.png'); position:absolute; left:0; top:1px; z-index:1; transform: scale(1.2);}
#lokacija article h1::after{ content:url('../images/kl-ico-logo.png'); position:absolute; left:117px; top:0; z-index:1; transform: scale(1.1);}
#lokacija article h1{font-size:40px;text-align:left;position: relative; padding-left:80px;}
#lokacija article .nsl{ color: #bbb; border-left: 3px solid #bbb; display:block; padding-left:20px;position: relative; z-index:2;}
#lokacija article .slo{font-size:20px; font-variant:small-caps; display:block; line-height:0;}
#lokacija article .slo span, #lokacija article a{color:#fff; text-decoration:none;}
#lokacija article p{ padding-left:80px;}
#podnozje {background-color:#fff; border-top: 5px solid #cbd3d9; text-align:center;}
#podnozje .menu{list-style-type: none; border-bottom:2px solid #efefef;}
#podnozje .menu li{display:inline-block;}
#podnozje .menu li a{color:#5f5f5f;}
#podnozje .menu li a, #podnozje .cpr a{display:inline-block; text-decoration:none; line-height:20px;padding:10px; margin:10px;}
#podnozje .cpr{color:#1489be; display:inline-block; font-size:0.8em;}
#podnozje .cpr a{color:#1489be;}
.post-img{ display:block; width:100%; height:100px;}
.post-img img{
	width: 100%;
	height:100%;
	object-fit: cover;
	object-position: center center;
	filter:grayscale(50%);
}
.naslov-usluge{color:#fff!important; padding:20px 0; margin:5px 0;
background: rgb(20,62,112);
background: -moz-linear-gradient(left,  rgba(20,62,112,1) 0%, rgba(74,101,131,1) 100%);
background: -webkit-linear-gradient(left,  rgba(20,62,112,1) 0%,rgba(74,101,131,1) 100%);
background: linear-gradient(to right,  rgba(20,62,112,1) 0%,rgba(74,101,131,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#143e70', endColorstr='#4a6583',GradientType=1 );
}
.hedl{font-family: 'Anton', sans-serif; letter-spacing: 0.3em; font-size: 40px!important; text-transform: uppercase;}
.usluge-tekst{padding:60px 0 80px 0; display:block;}
.usluge-tekst h3{font-size: 22px;font-style: italic;}
.usluge-tekst ul{ padding:20px 0 20px 20px;}
.usluge-tekst ul li{ line-height:1.5em;}
.usluge-tekst p, .ostalo p{text-align:left!important;}
.klim-ponud{width:100%; padding:60px 0; border-top:5px solid #ddd;
background: rgb(226,226,226);
background: -moz-radial-gradient(center, ellipse cover,  rgba(226,226,226,1) 0%, rgba(238,238,238,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(226,226,226,1) 0%,rgba(238,238,238,1) 100%);
background: radial-gradient(ellipse at center,  rgba(226,226,226,1) 0%,rgba(238,238,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#eeeeee',GradientType=1 );
}
.klim-ponud h2{font-family: 'Anton', sans-serif; font-size:35px; text-align:center; text-transform:uppercase; letter-spacing: 3px; margin-bottom:40px; display:block; text-shadow: 0px 0px 30px rgba(50, 50, 50, 0.50);}
.klim-ponud ul{list-style-type:none; margin:0;}
.klim-ponud ul a{font-variant:small-caps; font-size:20px; color:#cf1710; transition: .5s ease; display:block; padding:20px; text-shadow: 0px 0px 30px rgba(50, 50, 50, 0.50);}
.klim-ponud ul a:hover{color:#333;}
.ostalo h2{ color:#047499; margin:70px 0 30px 0;}
#blog{ padding-bottom:150px; position:relative; background: url(../images/blog-bg.jpg) no-repeat center top; background-size: 100% 600px; border-bottom: 10px solid #11224d;}
.blog-bg{
background: rgb(34,97,105)!important;
background: -moz-linear-gradient(top,  rgba(34,97,105,1) 0%, rgba(216,240,244,1) 20%, rgba(216,240,244,1) 20%, rgba(249,249,249,1) 35%, rgba(255,255,255,1) 100%)!important;
background: -webkit-linear-gradient(top,  rgba(34,97,105,1) 0%,rgba(216,240,244,1) 20%,rgba(216,240,244,1) 20%,rgba(249,249,249,1) 35%,rgba(255,255,255,1) 100%)!important;
background: linear-gradient(to bottom,  rgba(34,97,105,1) 0%,rgba(216,240,244,1) 20%,rgba(216,240,244,1) 20%,rgba(249,249,249,1) 35%,rgba(255,255,255,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#226169', endColorstr='#ffffff',GradientType=0 )!important;
}
#blog .blog-navigator{margin-top:132px; background:#06B0E5; text-align:center; padding:20px 0;}
#blog .blog-navigator a{ color:#eee;}
.dne-obj{display:block; margin-top:30px; font-size:16px; text-align:center; color:#ccc;}
.blog-home ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px; 
	text-align:center;
	list-style-type:none;
	padding-top:100px;
}
.blog-home li a{text-decoration:none; height:100%;}
.blog-home li{position:relative;}
.blog-home li img{height: 380px; width:100%; display:block; object-fit:cover; object-position:center center; position: absolute; z-index:1; transition: .5s ease;}
.blog-home li img, .blog-home li article{
	-webkit-box-shadow: 0px 0px 160px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow: 0px 0px 160px 0px rgba(50, 50, 50, 0.35);
	box-shadow: 0px 0px 160px 0px rgba(50, 50, 50, 0.35);
}
.blog-home li:hover img, .blog-home li:hover article{
	-webkit-box-shadow: 0px 0px 60px 0px rgba(50, 50, 50, 0.65);
	-moz-box-shadow: 0px 0px 60px 0px rgba(50, 50, 50, 0.65);
	box-shadow: 0px 0px 60px 0px rgba(50, 50, 50, 0.65);
}
.blog-home li .katnam{color:#fff; display:inline-block; padding:20px; background:#00a2de; position:absolute; top:30px; left:0; z-index:2;}
.blog-home li .datum{color:#fff; display:inline-block; padding:20px; background:#121212; position:absolute; top:90px; left:0; z-index:2;}
.blog-home li article{display:inline-block; background: rgba(255,255,255,0.95); padding:20px; margin-top:80%; position:relative; z-index:3; min-height:145px; transition: .5s ease;}
.blog-home li article a {color:#333;}
.blog-home li p{ display:block;}
.blog-home li p:hover { text-decoration:underline!important;}
.blog-home li article h3{color:#06b0e5; margin-bottom:20px;}
.blog-tekst{
    background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#ffffff',GradientType=0 );
	-webkit-box-shadow: 0px 0px 160px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow: 0px 0px 160px 0px rgba(50, 50, 50, 0.35);
	box-shadow: 0px 0px 160px 0px rgba(50, 50, 50, 0.35);
}
#blog h1{
	font-size: 40px;
	text-align:center;
	display:block;
	line-height:1.5;
	padding:60px 0;
	color:#fff;
	font-weight:bold;
}
#blog .prov{ color:#333; padding:60px 0 0 0; margin-bottom:-60px;}
.blog-post-img{display:block; width:100%; height:500px;}
.blog-post-img img{
	width: 100%;
	height:100%;
	object-fit: cover;
	object-position: center center;
}
.blog-tekst article{margin:30px 0;}
.blog-tekst article h2{ font-size:30px; color:#06B0E5; display:block; margin:50px 0 10px 0;}
.blog-tekst a{color:#666; font-weight:bold;}
.blog-tekst a:hover{color:#e10915;}
.blog-tekst .blog-post-istaknuto p{color:#333; font-size:20px; font-style:italic;}
.blog-tekst p{color:#666;line-height:1.8em; text-align:justify; margin-top:15px;}
.blog-tekst .img-link{width:45%; height:auto; margin:50px auto; display:block;}
#eror404{
	display:block;
	width:100%;
	height:478px;
	margin-top:130px;
	position:relative;
	border-bottom: 10px solid #11224d;
}
#eror404 img{ width:100%; height:auto; display:block; position:absolute; top:0; left:0; z-index:1;}
#eror404 h1{display:inline-block; position: relative; top:60%; left:25%; right:auto; z-index:2; font-size:30px; font-variant:small-caps;text-shadow: 0px 0px 20px rgba(1, 1, 1, 1);}
#napomena{line-height:1.5em; background-color:#edebe8; padding:40px 0 25px 0; text-align:center; margin-top:100px;}
#napomena p{display:block; margin-bottom: 15px;}
#napomena p strong{color:#000; font-size:20px;}
.wp-pagenavi{margin:50px 0 120px 0;}
.wp-pagenavi a, .wp-pagenavi span {
    padding: 7px 9px!important;
	border: 1px solid #111c20;
}
.wp-pagenavi a{color:#111c20;}
.wp-pagenavi .current{background-color:#06b0e5;color:#fff;}
[aos="fade"] {
  opacity: 0;
  transition-property: opacity;
}
[aos="fade"].aos-animate {
  opacity: 1;
}
/* ACORDIAN */
.pS_oN {}
.pS_oN ul{ list-style-type:none;}
.pS_oN .naslov {
    padding: 10px;
    margin-bottom: 2px;
    cursor: pointer;
  }
.pS_oN  .sadrzaj {
    padding: 10px;
    margin: 0
}

.rotate{
        -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
	-moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    transition: all 2s linear;
}

.down{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
	-moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    transition: all 2s linear;
}