/*Mundus Viridis*/

*{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow:none;
	text-rendering: optimizeLegibility;
}

/* first assign web font */
	@font-face {
		font-family: "metawebpro-normal";
		src: url("../fonts/metawebpro-normal.woff") format("woff");
	}

	 @font-face {
		font-family: "metawebpro-normal";
		src: url("../fonts/metawebpro-bold.woff") format("woff");
		font-weight: bold;
	}




body {
	/*font-family: 'PT Sans', sans-serif;*/
	font-family: "metawebpro-normal", serif;
	-webkit-font-smoothing: antialiased;
/*  font-variant: normal;
	font-weight:400;*/
	background-color:#000;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	color:#fff;
	font-size:14px;
}

html, body{
	height: 100%;
}

a, a:hover, a:focus, btn, button, btn:active, btn:hover, btn:focus, .overlay {
	transition:all 200ms linear 0s;
	-moz-transition:all 200ms linear 0s;
	-webkit-transition:all 200ms linear 0s;
	-o-transition:all 200ms linear 0s;
	outline:none!important;
	text-decoration: none;
	color: #fff;
}

a {
	/*color:#0071BC;*/
	
}

:-moz-any-link:focus {
	outline: none;
}


.nopad {
	padding:0!important;
}


ul{
	list-style-type: none;
}


[data-sr]{
	visibility: hidden;
}

/*tipografija*/

h1, .h1 {
	font-size: 200%;
	font-weight: 400;
	letter-spacing: -0.6px;
	line-height: 100%;
	margin-bottom: 10px;
	margin-top: 20px;
}

h2, .h2 {
	font-size: 160%;
	font-weight: 900;
	/*letter-spacing: -0.3px;*/
	line-height: 110%;
	margin-bottom: 10px;
	margin-top: 20px;
}

h3, .h3 {
	font-size: 140%;
	font-weight: 900;
	letter-spacing: -0.3px;
	line-height: 110%;
	margin-bottom: 10px;
	margin-top: 20px;
}

h4, .h4 {
	font-size: 120%;
	font-weight: 500;
	line-height: 110%;
	margin-bottom: 10px;
	margin-top: 20px;
}

h5, .h5 {
	font-size: 100%;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 10px;
	margin-top: 10px;
}

h6, .h6 {
	font-size: 90%;
}

label {
	font-size: 130%;
	font-weight: 500;
}

.bolden{
	font-weight: 700;
}

.anim-container h4:nth-child(2) {
		font-weight: 700;
}

.anim-container h4 span {
		font-weight: 700;
}

.caps-big{
	text-transform: uppercase;
	font-weight: 700;
}


.underline{
	text-decoration: underline;
}

.special-underline::after{
	border-bottom: 1px solid #fff;
	content: " ";
	display: block;
	margin-top: -3px;
	/*position: absolute;*/
	width: 100%;
}

.display-inbl{
	display: inline-block;
}


.img-pad-r{
	padding-right: 20px;
}

.img-pad-l{
	padding-right: 20px;
}

/*Navigacija*/

.navbar-fixed-top {
	position: relative;
}

.navbar-brand {
	height: 100%;
	padding: 0 0 0 20px;
}

.navbar-inverse {
	background-color: #000;
	border: none;
	margin-bottom:0;
}

.navbar-brand div img {
	display: inline-block;
	/*height: 50px;*/
	height: 50px;
	padding: 10px 5px 10px 0px;
	width: auto;
}

.navbar-brand > div > h1 {
	text-indent:-9999px;
	float:left;
	position:absolute;
}

.navbar-inverse .navbar-nav > li > a {
	color: #fff;
}

.navbar-toggle {
	background-color: transparent;
	background-image: none;
	border: medium none;
	border-radius: 0;
	/*margin-top: 42px;*/
}

.navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-collapse {
	border-top: none;
	box-shadow: none;
}

.dropdown-menu > li > a {
	color: #fff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: transparent;
	color: #fff;
}

.open .dropdown-menu li {
		padding: 5px 0;
}

ul#main-menu br{
	display: none;
}







/* Switch board sides carousel */
.carousel-indicators li {
	height: 0px;
	border-radius: 0;
	border: none;
}

.new-carousel .active {
	height: 0px;
	border-radius: 0;
	border: none;
}



.new-carousel {
	font-size: 130%;
	display: inline;
	list-style-type: none;
	margin-left: auto;
	padding: 25px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 9;
}

.new-carousel a {
	cursor: pointer;
	display: inline;
	/*margin-right: 35px;*/
}


.btn-side-a {
		float: left;
}

.btn-side-b {
		float: right;
}

.no-touch-device .selected-side-menu a.current:after, .new-carousel a.current:after {
	content: '';
	display: block;
	margin: -3px auto 4px;
	height: 1px;
	width: 100%;
	background: #fff;
	transition: width .5s ease, background-color .5s ease;
}


/* Jump to top */
#top-btn {
		position: fixed;
		right: 12px;
		bottom: 12px;
		width: 40px;
		height: 40px;
		background-color: rgba(255,255,255, 0.5);
		display: none;
		text-align: center;
}

#top-btn a {
	display: block;
	height: 100%;
	width: 100%;
}

#top-btn img {
	position: relative;
	top: 10px;
	width: 70%;
}


img.arrow-right {
	position: absolute;
	right: -27px;
	top: 30%;
	z-index: 9;
}

img.arrow-left {
	position: absolute;
	left: -27px;
	top: 30%;
	z-index: 9;
}



.navbar-inverse .container {
	width:100%;
}

.navbar-nav > li > a {
	line-height: 20px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-top: 10px;
}

ul.dropdown-menu > li > a {
	color: #9d9d9d;
	padding-left: 35px;
}


.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding-left: 15px;
}

.dropdown-menu > li > a {
	padding-left: 35px;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: 600px;
}

.open > .dropdown-menu {
		padding-left: 10px;
}


.box-text {
	height: auto;
	left: 0;
/*  padding: 25px 35px 35px;*/
	padding: 15px 25px 35px;
	position: relative;
	overflow: hidden;
	top: 0;
	background-color: #000;
}


.anim-container{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.void-header{
	padding-top: 50px;
}

.anim-container h4{
	padding: 20px 0px 6px;
	margin-top: 0;
}

.anim-container ul{
	list-style-type: none;
	padding: 0;
	margin-left: -10px;
}

.anim-container ul li:before {
		content:"·";
		font-size: 150%;
		vertical-align:middle;
		line-height:20px;
		padding-right: 5px;
}

.box-text p{
	padding: 0 0 12px;
}

/*.box-text .anim-container p:nth-child(3)*/ p.list-head {
		margin-bottom: 0;
		padding-bottom: 0;
}

.anim-container h1 + h4{
	padding: 0;
}

.naslov-narrow h4{
	margin-top: 2px;
	font-weight: 700;
}

.bg-grey{
	background-color: #2b2b2b;
}

.padmodl{
	padding-left: 15px;
}

.padmodr{
	padding-right: 15px;
}



.sub-header{
	font-weight: 700;
}

.top-head{
	padding: 0px 15px 25px;
}

.mid-head{
	/*padding: 25px 15px 5px;*/
	padding: 0 15px;
	margin-bottom: 0;
}

.top-title{
	padding-bottom: 10px;
}

.padb5{
	padding-bottom: 5px;
}



.overlay {
	height: 100%;
	left: 0;
	overflow: auto;
	position: absolute;
	top: 0;
	width: 100%;
}

.no-touch-device .overlay:hover, .prel-click-device .overlay:hover {
	background: rgba(255, 255, 255, 0.2);
}

h2:after, .joint-title:after, .sub-header:after, .product-class a:after, .product-class p a:after, 
footer a:after, form .btn-submit:after, .new-carousel a:after, footer p.uvjeti a:after {
	content: '';
	display: block;
	margin: -3px auto 4px;
	height: 1px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}

h2:after {
	margin: -5px auto 6px;
}

.no-touch-device .overlay:hover ~ .caption h2:after, .prel-click-device .overlay:hover ~ .caption h2:after, 
.joint-title:hover:after, .sub-header:hover:after, .no-touch-device .product-class a:hover:after, 
.prel-click-device .product-class a:hover:after,.product-class p a.anim-ul:after, .no-touch-device form .btn-submit:hover:after, 
.prel-click-device form .btn-submit:hover:after,
.new-carousel a:hover:after {
	width: 100%;
	background: #fff;
}


.product-class p{
	display: inline-block;
	margin: 0 0 5px;
}



.img-responsive-max {
	display: block;
	height: auto;
	width: 100%;
}


.table-item-name{
	text-align: right;
}

.table-item-data{
	padding-left: 50px;
}

.table-row{
	padding: 0 0 15px;
}

.col-xs-5.col-lg-6.table-item-name {
	padding-right: 0;
}


.caption {
	background-color: #000;
	color: #fff;
	font-size: 130%;
	font-weight: 500;
	line-height: 130%;
	width: auto;
	/* padding: 15px 55px 20px 25px; */
	padding: 15px 45px 14px 25px;
	position: absolute;
	/*top: 17.5%;*/
	top: 98.5px;
	z-index:2;
	pointer-events: none;
	overflow: hidden;
}


.caption h2 {
	font-size:inherit;
	line-height:inherit;
	font-weight:inherit;
	margin:0;
}

/* Sinisa */
#naslovna, #pelet, #ogrjev, #masivneploce, #piljena, #drveni-elementi,
#main-wrapper {
	overflow: auto;
}



#naslovna {
		background: #2b2b2b;
}

/*#contactForm{
	height: 350px;
}*/

.prvi {
	font-weight: 900;
	line-height: 140%;
	padding: 15px 35px 13px 25px;
}

.naslov {
	padding: 70px 25px 25px;
}



footer {
	background-color: #000;
	font-size: 100%;
	font-weight: 500;
	line-height: 130%;
	padding: 30px 0 25px 10px;
}

footer p {
	margin:0;
}

footer span{
	display: inline;
}

footer:nth-child(1):after{
	content: "";
	display: block;
}

footer .separator {
	display: none;
}

footer > br {
	display: flex;
}

footer p.uvjeti a {
	color: #545353;
}

.telfax + br, .infomail + br {
		display: none;
}



.row-height {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
}


.col-height {
	display: block;
	float: none;
	height: 100%;
}



.padlr0 {
	padding-left:0;
	padding-right:0;
}

.padding-wrap {
	padding: 15px 25px 25px;
}

.joint-title{
	font-weight: 400;
	padding-top: 20px;
}


.top-title{
	padding-top: 5px;
}



.second-row{
	margin-top: 25px;
}

.col-md-6 .second-row:last-child {
		padding-bottom: 25px;
}


.naslov-narrow{
	padding: 10px 25px 2px;
}


.narrow-footer {
	padding: 4px 0 1px 25px;
}

.wood-thumbnail{
	opacity: 1;
	transition: opacity .5s ease;
}

.no-touch-device .wood-thumbnail:hover, .prel-click-device .wood-thumbnail:hover{
	background-color: #fff;
	transition: opacity .5s ease;
}

#kontakt .narrow-footer, #newsletter .narrow-footer {
	margin-left: auto;
	margin-right: auto;
}


/* Login form */
div#output {
		margin-top: 70px;
}

 #loginForm input {
	border-radius: 0;
	box-shadow: none;
 }


 p.notice {
		float: left;
		font-size: 12px;
		padding-top: 15px;
		text-align: left;
		width: 100%;
}













/*Media queries*/

@media screen and (min-width: 768px) {



.caption {
/* padding: 18px 40px 21px 70px; */
	/*padding: 18px 40px 14px 50px;*/
	padding: 15px 40px 14px 50px;
}


.prvi {
	padding: 15px 40px 13px 50px;
}


.box-text {
	padding: 25px 50px 35px;
}

.void-header{
	padding-top: 50px;
}

.padding-wrap {
	padding: 25px 50px 0px;
}



.naslov {
	padding: 70px 50px 25px;
	background-color: #2b2b2b;
}

.naslov-narrow{
	padding: 12px 50px 2px;
}

.narrow-footer {
	padding: 4px 0 1px 50px;
	margin-top: 0px;
}


#newsletter .narrow-footer {
	margin-top: 0px;
}


.navbar-brand {
	padding: 0 0 0 45px;
}



.navbar-nav > li > a {
	padding-left: 50px;
}

.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding-left: 5px;
}

ul.dropdown-menu > li > a {
	padding-left: 35px;
	padding-right: 50px;
}

.dropdown-menu > li > a {
	padding: 3px 20px;
}

.dropdown-menu > li > a{
	padding-left: 70px;
}

.open > .dropdown-menu {
		padding-left: 45px;
}

footer{
	padding-left: 35px;
}

footer p.uvjeti {
	float: right;
}



/* Carousel */
.new-carousel {
	padding: 50px;
}

} /* query end */







@media screen and (min-width: 992px) {
	
body {
	padding:120px 0 0 0;
}

	
h1, .h1 {
	font-size: 260%;
	font-weight: 400;
	letter-spacing: -1.6px;
	line-height: 100%;
	margin-bottom: 10px;
	margin-top: 20px;
}

h2, .h2 {
	font-size: 200%;
	font-weight: 900;
	/*letter-spacing: -0.5px;*/
	line-height: 110%;
	margin-bottom: 10px;
	margin-top: 20px;
}

h3, .h3 {
	font-size: 180%;
	font-weight: 900;
	letter-spacing: -0.3px;
	line-height: 110%;
	margin-bottom: 10px;
	margin-top: 20px;
}

h4, .h4 {
	margin-top: 14px; /**/
	font-size: 150%;
	font-weight: 500;
	line-height: 110%;
	margin-bottom: 10px;
	margin-top: 20px;
}

h5, .h5 {
	font-size: 100%;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 10px;
	margin-top: 10px;
}

#top-btn {
	left: 50%;
}
	
.navbar-fixed-top {
	left: 0;
	position: fixed;
	right: 0;
	z-index: 1030;
}


footer p.uvjeti {
	float:right;
}

	
.dropdown .dropdown-menu {
	display: block;
	visibility: hidden;
	opacity: 0;
	top: 119px;
	padding-bottom: 50%;
	transition:         all 0.2s  ase;
	-moz-transition:    all 0.2s  ease;
	-webkit-transition: all 0.2s  ease;
	-o-transition:      all 0.2s  ease;
	-ms-transition:     all 0.2s  ease;
}
.dropdown:hover .dropdown-menu {
	visibility: visible;
	opacity: 1;
}
.dropdown {
	display: inline-block;
}

.open > .dropdown-menu {
		padding-left: 0px;
}

ul#main-menu br{
	display: inline;
}


.navbar-brand div img {
	display: inline-block;
	height: 120px;
	padding: 0;
	width: auto;
}

.navbar-toggle {
	margin-top: 42px;
}


.navbar-nav > li {
	padding: 60px 23px 0px;
}

.navbar-nav > li > a {
	padding: 10px 1px 6px;
}


.navbar-brand {
padding: 0 0 0 25px;
}

.navbar-nav > li > a {
	padding: 10px 1px 0px;
}

.caption{
	top: 98.5px;
}

.box-text {
	padding: 25px 50px;
	position:absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%
}

.void-header{
	padding-top: 50px;
}

.padmodl{
	padding-left: 50px;
}

.padmodr{
	padding-right: 50px;
}

.naslov-narrow{
	padding: 12px 50px 2px;
}

.narrow-footer {
	padding: 7px 0 4px 50px;
	margin-top: 0px;
}

#newsletter .narrow-footer {
	margin-top: 0px;
}

.dropdown-menu > li > a{
	padding-left: 20px;
}

.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding-left: 35px;
}

div#navbar.navbar-collapse.collapse ul.nav.navbar-nav.navbar-right li a {
	font-size: 18px;
	white-space: normal;
}

ul.nav li a:after {
	content: '';
	display: block;
	margin: -2px auto 2px;
	height: 1px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}

.nav > li > a.current:after, .dropdown-menu a.current:after {
	content: '';
	display: block;
	margin: -2px auto 2px;
	height: 1px;
	width: 100%;
	background: #fff;
	transition: width .5s ease, background-color .5s ease;
}

ul.nav li a:hover:after, .no-touch-device footer a:hover:after, .prel-click-device footer a:hover:after {
	width: 100%;
	background: #fff;
}

footer a, .no-touch-device footer a:hover, .prel-click-device footer a:hover {
	color:#fff;
	display: inline-block;
}

footer .separator {
	display: inline;
}

footer > br {
	display: block;
}


.dropdown-menu {
	background-color: #2b2b2b;
	border: 1px solid #000;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0!important;
	min-width: 250px;
	padding: 35px 0;
}

#lang-menu.dropdown-menu {
	min-width: 150px;
}

.dropdown-menu > li {
	padding: 6px 0px 8px !important;
}

.dropdown-menu > li > a {
		font-weight:700;
	font-size:18px;
		line-height: 110%;
}

.dropdown-menu::before {
	border-bottom: 22px solid rgba(0, 0, 0, 0.2);
	border-left: 22px solid transparent;
	border-right: 22px solid transparent;
	content: "";
	display: inline-block;
	position: absolute;
	right: 20%;
	top: -22px;
}

.dropdown-menu::after {
	border-bottom: 21px solid #2b2b2b;
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	content: "";
	display: inline-block;
	position: absolute;
	right: 15%;
	top: -21px;
}

.navbar-right {
	margin-right: 25px;
}



ul.dropdown-menu > li > a {
	color: #fff;
	display: inline-block;
}

.col-height {
	display: table-cell;
}

.padding-wrap {
	padding: 25px 50px 25px;
}


/* Switch board sides carousel */

.selected-side-menu {
		padding: 50px;
		position: absolute;
		right: 0;
}

.new-carousel {
	padding: 50px 25px;
	width: auto;
	left: 35px;

}

.btn-side-a, .btn-side-b {
	float: none;
}

#carousel-example-5 .new-carousel {
	left: auto;
	right: 50px; 
}



	.col-xs-5.col-lg-6.table-item-name {
		padding-right: 15px;
	}


} /* query end */



@media screen and (min-width: 1201px) {

.img-responsive-min{
	display: block;
	height: auto;
	width: 60%;
}

.selected-side-menu {
	width: auto;
}

.selected-side-menu a {
		padding-bottom: 25px;
}

.btn-side-a, .btn-side-b {
	float: none;
	display: block;
}


} /* query end */



@media screen and (min-width: 1400px) {
	

.container {
	width:1300px;
} 



div#navbar.navbar-collapse.collapse ul.nav.navbar-nav.navbar-right li a{
	font-size: 23px;
 /* padding: 83px 25px 41px;*/
 display: inline-block;
}

.dropdown-menu > li > a {
	font-size: 18px!important;
}

.img-responsive-min{
	display: block;
	height: auto;
	width: 50%;
}

} /* query end */



@media screen and (min-width: 1700px) {

.container {
	width:1600px;
}


} /* query end */



.main-header .anim-container h4:first-child {
		font-weight: 700;
}


.top-indent {
		position: relative;
		top: -5px;
}






/*---Newsletter---*/
.block {
	text-align: center;
	background: url(../img/kontakt/newsletter_1000x375.jpg) #fff no-repeat bottom center / cover ;
	/*height: auto;*/
	height: 375px;
	position: relative;
}

.spread {
	margin-left: -15px;
	margin-right: -15px;
}

.help-block ul{
	padding: 0;
}

 
.block:before {
	content: '';
	display: inline-block;
	height: 100%; 
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
 }
 
.centered {
	display: inline-block;
	/*vertical-align: middle;*/
	position: relative;
	top: 10%;
	width: 100%;
	height: auto;
	padding: 25px 10px;
	background: #000;
	margin-top: 0;
 }

.centered form {
	text-align: left;
}

#subscribeForm{
	background-color: #000;
}

.centered form input {
	background-color: #2b2b2b;
	background-image: none;
	border: 1px solid #2b2b2b;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	display: block;
	font-size: 14px;
	/*height: 34px;*/
	line-height: 1.8;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
	height: 40px;
}

#subscribeForm{
	padding: 0;
}



/* Sinisa */
.controls input:focus, .controls textarea:focus{
	box-shadow: none;
	border: 1px solid rgba(255, 255, 255, 0.5);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;  
}

.control-group.warning input, .control-group.warning textarea {
	border: 1px solid rgba(255, 0, 0, 0.5);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;  
}

.control-group.success input, .control-group.success textarea {
	border: 1px solid rgba(0, 255, 0, 0.5);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;  
}


.btn-submit {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	font-size: 130%;
	font-weight: 500;
	/*text-decoration: underline;*/
	padding: 15px 0;
}



/*---Popis pretplatnika (rezultati.php)---*/
.table caption {
	color: #fff;
	text-align: center;
}

#output p {
	margin: 0;
}


#exporter {
	float: right;
	margin-right: 20px;
}

a.export, a.export:visited {
			text-decoration: none;
			color:#000;
			background-color:#ddd;
			border: 1px solid #ccc;
			padding:8px;
			float: left;
			margin-top: 20px;
}

	#newsletter div:last-child h4, #kontakt div:last-child h4, #naslovna div:first-child h4 {
		font-size: 18px;
		font-weight: 500;
	}






/*---Kontakt---*/
.block2 {
	text-align: center;
	background: url(../img/kontakt/kontakt_1000x375.jpg) #fff no-repeat  center / cover ;
	/*height: auto;*/
	height: 375px;
	position: relative;
	display: block;
}
 
.block2:before {
	content: '';
	display: inline-block;
	height: 100%; 
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */ 
 }


.centered2 {
	display: inline-block;
	/*vertical-align: middle;*/
	position: relative;
	top: 20%;
	width: 100%;
	/* padding: 40px 35px; */
	padding: 25px 10px;
	background: #000;
	margin-top: 0px;
 }

.centered2 form {
	text-align: left;
}

.centered2 form input {
	background-color: #2b2b2b;
	background-image: none;
	border: 1px solid #2b2b2b;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	display: block;
	font-size: 14px;
	/*height: 34px;*/
	line-height: 1.8;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
	height: 40px;
}

.centered2 form textarea {
	background-color: #2b2b2b;
	background-image: none;
	border: 1px solid #2b2b2b;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	display: block;
	font-size: 14px;
	height: 120px;
	line-height: 1.8;
	/*padding: 6px 12px;*/
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
}

.help-block {
	color: #ff0000;
	position: absolute;
	font-size: 12px;
}

.controls label{
	padding-top: 15px;
}

.margin-top-10{
	margin-top: 10px;
}

.alert-success {
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	font-size: 14px;
	line-height: 1.8;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.alert-danger {
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	font-size: 14px;
	line-height: 1.8;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}


#subscribeForm .alert span {
		display: block;
		font-size: 130%;
		overflow: auto;
		/*position: absolute;*/
		text-align: center;
		top: 20%;
		width: 100%;
}

#contactForm .alert span {
		display: block;
		font-size: 130%;
		overflow: auto;
		position: absolute;
		text-align: center;
		top: 14%;
		width: 100%;
}

.alert-msg{
	font-size: 130%;
	overflow: auto;
	text-align: center;
	width: 100%;
	padding: 50px;
}

#subscribeForm button.close{
	color: #fff;
	position: relative;
	/*right: 15px;*/
	bottom: 20px;
	font-size: 200%;
	opacity: 0.5;
}

#contactForm button.close{
	bottom: 20px;
	color: #fff;
	font-size: 200%;
	position: relative;
	opacity: 0.5;
}

#contactForm span.crash-msg{
	font-size: 130%;
	position: relative;
	width: 100%;
	top: 0%;
}



.scrolloff {
	pointer-events: none;
}



#makeBg {
	background: url(../img/kontakt/uvjeti_1000x375.jpg) #fff no-repeat center / cover ;
	height: 375px;
}

#makeBg > .row {
	height: 0;
}

.holdCaption {
	position: absolute;
	width: 100%;
}

.onethird {
	background-color: #000;
	margin: 0px -15px;
	padding: 25px;
}

.onethird p {
		margin-bottom: 22px;
}

.onethird p:last-child {
	margin-bottom: 0;
}

	footer.new-footer {
		padding: 25px;
	}





@media screen and (min-width: 768px) {



	/*Newsletter*/
	.block, #makeBg {
		height: 476px;
		background: url(../img/kontakt/newsletter_1270x476.jpg) #fff no-repeat bottom center / cover ;
	}

	.centered{
		padding: 25px 35px;
	}

	#makeBg {
		background: url(../img/kontakt/uvjeti_1270x476.jpg) #fff no-repeat center / cover ;
	}

	.onethird {
		padding: 45px 50px;
	}

	a.export, a.export:visited {
			float: right;
	}

	p.notice {
		float: right;
		text-align: right;
	}



	/* Kontakt */
	.block2 {
		height: 476px;
		background: url(../img/kontakt/kontakt_1270x476.jpg) #fff no-repeat  center / cover ;
	}


	.centered2 {
		padding: 40px 35px;
	}

	footer.new-footer {
		padding: 25px 50px;
	}

	

} /* query end */

.map iframe {
	width: 100%;
	height: 100%;
	min-height: 370px;
}

@media screen and (min-width: 992px) {

	/*Newsletter*/
	.block {
		height: 768px;
		background: url(../img/kontakt/newsletter_3000x2240.jpg) #fff no-repeat bottom center / cover ;
	}  

	#newsletter-forma {
		width: 480px;
	}

	.centered {
		width: inherit;
		padding: 25px 50px 0px;
		margin-top: 0;
		background: #000;
		height: 290px;
		position: absolute;
		top: 299.5px;
	 }

	 #subscribeForm{
		background: none; 
	 }



	.btn-submit {
		padding: 30px 0;
	}
	#contactForm .btn-submit {
		padding: 30px 0 0;
	}



	#terms-of-use,
	#cookies {
		background: url(../img/kontakt/uvjeti_3000x4000.jpg) #fff no-repeat bottom center / cover;
	}

	#makeBg {
		background: none;
		height: auto;
	}

	.onethird {
		margin: 179.5px auto;
		width: 33.33333333333333%;
	}


	#kontakt-forma {
		width: 960px;
	}

	.block2 {
	height: 768px;
	background: url(../img/kontakt/kontakt_3000x2240.jpg) #fff no-repeat  center / cover ;
	}

	.centered2 {
	display: inline-block;
	/*vertical-align: middle;*/
	position: absolute;
	top: 299.5px;
	margin-top: 0;
	padding: 0;
	height: 370px;
	width: 900px;
	background: none;
 }

	.map {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.row.google-map {
		display: flex
	}



#contactForm {
		background-color: #000;
		/*padding: 30px 10px 30px 40px;*/
		padding: 30px 50px 24px;
		height: auto;
}

#contactForm .alert span {
		top: 20%;
}

.help-block ul{
	font-size: 90%;
}

.form-group{
	margin-bottom: 0;
}

#contactForm button.close{
	bottom: 0;
	right: 50px;
}

.clear-sides{
	padding-left: 0;
	padding-right: 0;
}

#contactForm span.crash-msg{
	font-size: 130%;
	padding: 0 47px;
	width: auto;
	top: 19%;
}

.telfax + br, .infomail + br {
		display: block;
}

} /* query end */


.no-touch-device footer p.uvjeti a:hover:after, .prel-click-device footer p.uvjeti a:hover:after {
	width: 100%;
	background: #999;
}

.no-touch-device footer p.uvjeti a:hover, .prel-click-device footer p.uvjeti a:hover {
	color: #999;
}

.dlfile {
	cursor: pointer;
}



@media screen and (min-width: 1400px) {
	.centered2 {
	width: 960px;
	}


} /* query end */



.cc-window {
	padding: 10px 25px 15px 25px;
	text-align: center;
	opacity: 1;
	transition: opacity 1s ease, transform 1s ease;
	will-change: opacity, transform;
}
.cc-window.cc-invisible {
	opacity: 0;
}
.cc-window a {
	font-weight: 800;
}
.cc-message {
	margin-right: 1rem;
}
.cc-compliance {
	display: inline-block;
}

.cc-check-input {
	height: 0 !important;
	visibility: hidden;
	opacity: 0;
}
.cc-check-input + label {
	display: inline-block;
	position: relative;
	top: 2px;
	width: 20px;
	height: 20px;
	background-color: #2b2b2b;
	border-radius: 0.125em;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: top;
}
.cc-check-input + label:before {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 14px;
	height: 14px;
	background-color: #fff;
	content: "";
	border-radius: 0.125em;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.cc-check-input:checked + label:before {
	opacity: 1;
}
.cc-check-wrapper {
	margin-top: 20px;
}
.cc-check-wrapper label {
	margin-bottom: 0;
}
.cc-check-wrapper .cc-check-label {
	display: inline-block;
	margin-top: 2px;
	margin-left: 5px;
	width: calc(100% - 32px);
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
}
.cc-check-wrapper .cc-check-label a {
	color: #fff;
}

a.link-with-line {
	position: relative;
	white-space: nowrap;
    font-weight: bold;
}
a.link-with-line:before,
a.link-with-line:after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #fff;
	transition: transform 0.5s ease;
	will-change: transform;
}
a.link-with-line:before {
	transform-origin: left center;
	transform: scaleX(0);
	transition-delay: 0s;
}
a.link-with-line:after {
	transform-origin: right center;
	transform: scaleX(1);
	transition-delay: 0.25s;
}
a.link-with-line:hover:before {
	transform: scaleX(1);
	transition-delay: 0.25s;
}
a.link-with-line:hover:after {
	transform: scaleX(0);
	transition-delay: 0s;
}

/* Pop Up */
.popup-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1050;

    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 0.5s ease 0s, visibility 0s linear;
    will-change: opacity;
}
.popup-wrapper.hide-popup {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
    transition: opacity 0.5s ease, visibility 0s linear 0.5s;
}
.popup {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 64px 25px;
    width: 100%;
    max-width: 800px;
    background-color: black;
}
.popup-image {
	display: block;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 32px;
}
.popup-content {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
@media screen and (min-width: 576px) {
    .popup-image {
        max-width: 60%;
        flex: 0 0 60%;
        margin-bottom: 0;
    }
    .popup-content {
        max-width: 40%;
        flex: 0 0 40%;
    }
}
.popup-content > h1 {
    margin-top: 0;
    margin-bottom: 32px;
    letter-spacing: 0;
    line-height: 1.3;
}
.popup-content > p {
    margin-bottom: 0;
    font-size: 100%;
}
@media screen and (min-width: 992px) {
    .popup-content > p {
        font-size: 130%;
    }
}
button.popup-closer {
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    background-color: transparent;
    transition: opacity 0.5s ease;
    -webkit-appearance: none;
}
button.popup-closer:hover {
    opacity: 0.5;
}
button.popup-closer > span {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform-origin: center;
}
button.popup-closer > span:nth-of-type(1) {
    transform: rotate(45deg);
}
button.popup-closer > span:nth-of-type(2) {
    transform: rotate(-45deg);
}

.popup-wrapper.popup-eu {
    top: auto;
    padding: 0;
    background-color: transparent;
    z-index: 1051;
}
.popup-eu .popup {
    justify-content: center;
    max-width: 100%;
    padding: 16px 0;
    background-color: #fff;
    color: #333;
}
.popup-eu button.popup-closer {
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
}
.popup-eu button.popup-closer > span {
    background-color: #000;
}
.popup-link {
    display: block;
    flex: 0 0 180px;
    max-width: 180px;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 16px;
    margin-top: 16px;
}
.popup-link.long-link {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
.popup-link > a {
    display: block;
    width: 100%;
    color: #000;
}
.popup-link:first-of-type > a{
	pointer-events: none;
}

.popup-link > a > img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.popup-eu .popup {
    justify-content: center;
    max-width: 100%;
    padding: 16px 0;
    background-color: #fff;
    color: #333;
}
.project-image{
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.project-image img{
	width: 100%;
	height: auto;
}

ul.projekt-list{
	list-style: none;
	margin-bottom: 22px;
}
ul.projekt-list li{
	position: relative;
}
ul.projekt-list li::before{
	content: '-';
	color: #fff;
	position: absolute;
	left: -1rem;
}