/*@import url(http://fonts.googleapis.com/css?family=Exo:300spe,400,600,700);*/
/*@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i);*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i&subset=latin-ext');
/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700');*/
body{
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	background:#000;
}

h2 {
  font-size: 16px !important;
}

.black-box {
		width: 50%;
    max-height: 100px;
		min-height: 80px;
    background: #000;
    position: absolute;
    bottom: 15px;
    display: none;
}

.logo-sub {
	display: none;
	width: 130px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -65px;
	z-index: 100;
	top: 9px;
}

.logo-sub img {
	width: 100%;
}

	/*ADDTHIS*/

	.at-svc-whatsapp {
		display: none !important;
	}
	.at-svc-messenger {
		display: none !important;
	}

	/*ADDTHIS*/

.addthis_inline_share_toolbox {
	margin-bottom: 10px;
}

.velux-maj h1 {
	color: #000 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	position: absolute;
	font-size: 28px !important;
  top: 50px;
	z-index: 10;
  width: 300px;
  left: 60px;
}
#vid {
	z-index: 999; width: 100%; height: 100%; position: fixed;
}
#close {
	position: fixed; top: 20px; right: 20px; widht: 50px; z-index: 99999; cursor: pointer;
}

.velux-maj .bxslider li img {
	width: 980px;
	height: auto;
}
.velux-maj .bx-viewport {
	width: 980px !important;
}
.velux-maj .bxslider li {
	width: 980px !important;
}
.velux-maj .bx-wrapper {
	width: 980px !important;
	margin-left: -35px !important;
	margin-bottom: -10px !important;
}
.velux-maj ul.bxslider {
	margin-right: 0;
}
.velux-maj .bx-wrapper .bx-next {
	right: -70px !important;
}
.velux-maj .play {
	position: absolute;
	width: 40px !important;
	height: 40px !important;
	left: 50%;
	margin-left: -20px;
	top: 45%;
	cursor: pointer;

}
.velux-maj .category-top  {
	position: absolute;
	display: none;
	top: 40%;
	left: 60px;
	color: #000;
}
.gallery p {
	font-size: 14px;
}
.velux-maj .gallery p {
	color: #ccc;
	font-size: 14px;
	text-align: justify;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif !important;
}
.velux-maj .div-tekst {
	height: auto;  width: 60%; float: left;
}
.velux-maj .div-video {
	height: auto;  width: 40%; float: left;
}
.velux-maj .div-video iframe {
	width: 300px; float: right; height: 225px; position: relative; z-index: 100; border: none; outline: none;
}
.velux-maj .podnaslov {
	color: #CFBC8D;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif !important;
}
.zvezdano-nebo {
	background: #000 url('http://www.luxlife.rs/chest/gallery/huaweii-p10/section-start-back.jpg') no-repeat center;
	width: 100%;
	height: 1069px;
}
.zvezdano-nebo .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		z-index: 100;
		display: none;
    background: rgba(0, 0, 0, 0.50);
}
.zvezdano-nebo .gallery {
	background: none;
}
.zvezdano-nebo .gallery p{
		font-size: 14px;
	    color: white;
			line-height: 20px;
	    font-weight: 400;
			text-align: justify;
}
.zvezdano-nebo .gallery .video-img {
	margin-top: 50px; margin-bottom: 50px; max-width: 100%; padding: 5px; border: 1px solid #aeaeae;
}
.zvezdano-nebo .gallery .play2 {
	width: 58px; position: absolute; left: 50%; margin-left: -29px; top: 40%; z-index: 10; cursor: pointer; transition: all 0.5s ease;
}
.zvezdano-nebo .gallery .play2:hover {
	opacity: 0.7;
}
.zvezdano-nebo ul.zvezdana-navigacija {
	position: fixed !important;
	    margin: 0 !important;
	    padding: 0 !important;
	    top: 200px;
	    left: 50%;
	    margin-left: -533px !important;
	    width: 30px;
}
.zvezdano-nebo .bnrBL {
	display: none
}
.specifikacije {
	max-width: 300px;
}
.zvezdano-nebo li {
	display: block !important;
	margin-bottom: 10px !important;
	list-style: none !important;
}
.zvezdano-nebo li img {
	width: 30px !important;
	cursor: pointer !important;
}
img.ispod {

	position: absolute;
	top: 0 ;
	display: none ;
}
.zvezdano-nebo  {

}
.zvezdano-nebo .tooltip {
	font-size: 16px;
	margin-right: 30px !important;
	z-index: 100 !important;
}
.zvezdano-nebo .gallery h2 span { font-size: 16px !important; font-weight: 300!important;}
.zvezdano-nebo h1 {
	/*display: none;*/
	font-size: 36px !important;
	color: white !important;
	font-weight: 500 !important;
	text-transform: none !important;
	position: absolute !important;
  top: 240px !important;
  width: 400px !important;
}
.zvezdano-nebo .category-top a{
	position: absolute !important;
	    z-index: 100;
  top: 220px !important;
	color: white !important;
	font-size: 14px !important;
}
.zvezdano-nebo .category-top a:first-child:after {
	content: '/';
    margin-left: 5px;

	color: #cfbc8c;
}
.zvezdano-nebo .category-top a:last-child {

	margin-left: 60px !important;
}
.zvezdano-nebo .huaweii-logo {
	position: absolute;
	max-width: 439px;
}
.zvezdano-nebo .icon-big {
	width: 40px;
	margin-right: 10px;
	margin-left: 10px;
}
.zvezdano-nebo .hashtag {
	position: absolute;
  top: 300px;
  font-size: 22px !important;;
  color: #cfbc8c !important;;
}
.zvezdano-nebo .play {
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: -26px;
	transition: all 0.5s ease;

}
.zvezdano-nebo .play:hover {
	opacity: 0.7;
}
.zvezdano-nebo .gallery .slika-levo {
	width: 50%; display: inline-block; float: left; position: relative;
}
.zvezdano-nebo .gallery .slika-levo img {}
.zvezdano-nebo .gallery .tekst-levo {
	width: 50%; display: inline-block; float: right; padding-top:	60px; padding-right:10px;
}
.zvezdano-nebo .gallery .tekst-desno {
	width: 50%; display: inline-block; float: right; padding-top:	60px; padding-left: 30px;
}

.zvezdano-nebo .gallery .slika-desno {
	width: 50%; display: inline-block; float: right; position: relative;
}
.zvezdano-nebo .gallery .linija {
	width: 46%;
	display: inline-block;
	margin: auto;
	height: 2px;
	background: #cfbc8c;
}
.zvezdano-nebo .gallery .video-holder {
	display: flex;
}
.zvezdano-nebo .gallery .naslov {
	font-size: 36px !important;
	color: #fff;
	font-weight: 500;
}
#telefon-front {
	position: absolute;
	width: 146px;
	right: 0;
	z-index: 5;
	top: 0;
}
#telefon-back {
	position: absolute;
	width: 146px;
	right: 0;
	z-index: 4;
	top: 0;
}
.bnrBL{
	height: 800px;
	left: 50%;
	margin-left: -792px;
	position: fixed;
	text-align: right;
	top: 0;
	width: 302px;
	overflow: hidden;
	z-index: 1;}

.bnrBR{
	height: 800px;
	right: 50%;
	margin-right: -792px;
	position: fixed;
	text-align: left;
	top: 0;
	width: 302px;
	overflow: hidden;
	z-index: 1;
	}
.bnrTOP{ display: block; width: 600px; height: 400px; position: absolute; left: 0; top: 0; z-index: 106; }
.banner-top{
	margin-bottom:10px;
	}
.gallery-image{
	display: none;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	width: auto !important;
	z-index: 104;
}
.banner-top img{
	width:100%;
	}

.svetla-pozadina{
	background-color: #e2e3e7 !important;
}
.svetla-pozadina p{
	color: #666666;
}
.svetla-pozadina h4 span{
	/*color: #282828 !important;*/
}
.bnrBH2{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -490px;
	width: 980px;
	display: block;
}
.bnrBH3{
	margin-bottom: 10px;
	max-height: 250px;
}

.bnrBH3 iframe{
	border:none;
}
.bnrMBH3{
	width: 320px;
	height: 100px;
	position: fixed;
	bottom: 0;
	left: 50%;
	margin-left: -160px;
	z-index: 12;
	display: block;
}

.bnrMBH3 img{
	/*width: 100%;
	height: auto;*/
}
.bnrC1{width: 600px;height: 99px; display: block; margin-right: auto; margin-left: auto; margin-bottom: 20px;}
.bnrC1 img{ width: 100%; height: auto;}
.bnrPR1{
	width: 600px;
	height: 60px;
	position: absolute;
	bottom: -32px;
	left: 0;
	z-index: 101;
}

.bnrMPR1{
	display: none;
	width: 320px;
	height: 100px;
	margin: 20px auto 0 auto;
}
/*.bnrPR12 {
	bottom: -15px !important;
}*/
.bnrPR2{
	display: none;
	position: absolute;
	bottom: -80px;
	left: -36px;
	width: 638px;
	height: 480px;
	z-index: 102;
}
.cikica{
	display: block;
	width: 181px;
	height: 480px;
	position: absolute;
	left: -36px;
	bottom: -80px;
	z-index: 103;
	cursor: pointer;
}

/*.bnrPR2 img{
	width: 670px!important;
	height: 410px!important;
}*/
.outer1{
	display: block;
	width: 638px;
	height: 50px;
	position: absolute;
	bottom: -82px;
	left: -35px;
	z-index: 104;
}
.outer2{
	display: block;
	width: 55px;
	height: 480px;
	position: absolute;
	bottom: -80px;
	left: -65px;
	z-index: 104;
}
.outer3{
	display: block;
	width: 30px;
	height: 80px;
	position: absolute;
	bottom: -80px;
	right: -30px;
	z-index: 104;
}
.spusti{
	/*margin-top: 50px !important;*/
	margin-top: 20px;
}
.medju .spusti{
	/*margin-top: 30px;*/
	margin-top: 20px;
}
.close-banner{
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	position: absolute;
	bottom: 17px;
	right: -17px;
	z-index: 103;
	cursor: pointer;
}
.close-banner2{
	display: block;
	position: absolute;
	width: 75px !important;
	height: 20px !important;
	top: 95%;
	right: -34px;
	z-index: 114;
	cursor: pointer;
}
.hover-banner, .mercedes-hover{
	display: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
	z-index: 112;
	left: 0;
	cursor: pointer;
	transition: all 0.5s ease;
}
.over-pic{
	display: none;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
		z-index: 112;
	cursor: pointer;
	transition: all 0.5s ease;
}
.nema-d1{
	margin-top: -260px;
}
.d1-u-d2{
	margin-top: 0;
}
/********HUAWEI***********/
/****ASIDE****/
.div {
			width: 300px;
			height: auto;
			background-color: #e2e3e7;
		}
		.div h1 {
			/*font-family: 'Source Sans Pro', sans-serif;*/
			font-family: 'Roboto';
			font-size: 24px;
			text-transform: uppercase;
			font-weight: 300;
			margin-top: 30px !important;
		}
		.div h1 span {
			color: #CBB28D;
			text-transform: uppercase;
			font-weight: 300;
		}
		.div p {
			/*font-family: 'Arial', sans-serif;*/
			font-family: 'Roboto';
			font-weight: 300;
			font-size: 16px;
			color: #666666;
			line-height: 1;
			margin-bottom: 10px !important;
		}
		.div img {
			display: inline-block;
		}
/****ASIDE****/
.telefonSlika {
	display: block;
}
#zvuk {
	position: absolute; top: 150px; left: 375px; z-index: 3;
}
.zvuk {
	position: absolute; top: 165px; left: 390px; z-index: 2; display: none;
}
#kamera {
	position: absolute; top: 210px; left: 200px; z-index: 11;
}
.kamera {
	position: absolute; top: 225px; left: 215px; z-index: 10; display: none;
}
#dodir {
	position: absolute; top: 280px; left: 300px; z-index: 9;
}
.dodir {
	position: absolute; top: 295px; left: 315px; z-index: 8; display: none;
}
#tanak {
	position: absolute; top: 450px; left: 180px; z-index: 6;
}
.tanak	{
	position: absolute; top: 465px; left: 195px; z-index: 5; display: none;
}
#osobine {
	position: absolute; top: 500px; left: 400px; z-index: 4;
}
.osobine {
	position: absolute; top: 515px; left: 415px; z-index: 3; display: none;
}
#ostaniteUkljuceni {
	position: absolute; top: 650px; left: 320px; z-index: 3
}
.ostaniteUkljuceni {
position: absolute; top: 665px; left: 335px; z-index: 2; display: none;
}
.crni, .zlatni, #beli, #crniAfter, #zlatniAfter{
	display: none;
	cursor: pointer;
}
#crni, #zlatni, #beli{
	cursor: pointer;
}
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
}

 @-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
}
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
}

.blink-image {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.blink-image2 {
    -moz-animation: blink normal 2.9s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2.9s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2.9s infinite ease-in-out; /* IE */
    animation: blink normal 2.9s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.blink-image3 {
    -moz-animation: blink normal 2.5s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2.5s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2.5s infinite ease-in-out; /* IE */
    animation: blink normal 2.5s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.blink-image4 {
    -moz-animation: blink normal 2.8s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2.8s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2.8s infinite ease-in-out; /* IE */
    animation: blink normal 2.8s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.blink-image5 {
    -moz-animation: blink normal 2.2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2.2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2.2s infinite ease-in-out; /* IE */
    animation: blink normal 2.2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.blink-image5 {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}



/********HUAWEI***********/


#bigFrame{
	width: 600px;
	height: auto;
}
.close-ban{
	position: absolute;
	right: -8px;
	bottom: 67px;
	z-index: 110;
	cursor: pointer;
	display: none;
}
#main-container{
	overflow-x: hidden;
}
#main-container-pr{
	overflow-x: visible;
}

.mala{display: block;}

.d2exp{
	display: none;
	position: absolute;
	top: -10px;
	left: 0px;
	width: 680px!important;
	height: 600px!important;
}

.d2exp_page{
	position: absolute;
	left: 0px;
	width: 680px;
	height: 600px;
	display: none;
	margin-top: -10px;
	z-index: 110;
}

header{
	background:url(../img/header.jpg) no-repeat top center;
	margin-bottom: 10px;
	}
.logo{
	text-align:center;
	margin: 43px auto 23px auto;
	/*margin: 43px 0 23px 70px;*/
	z-index: 3;
	width: 181px;
	position: relative;
	}
.logo a img{
	padding-bottom: 15px;
}
.star{
	position: absolute;
	top: 0;
	left: 81px;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 6000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 6000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 6000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-webkit-keyframes spin {
	100%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
		opacity: 1.0;
		scale(0.5)
	}

	50% {
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
		opacity: 0.0;
		scale(1.5)
	}

	0%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
		opacity: 1.0;
		scale(0.5)
	}
}

@keyframes spin {
	100%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
		opacity: 1.0;
	scale(0.5)
	}

	50% {
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
		opacity: 0.0;
	scale(1.5)
	}

	0%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
		opacity: 1.0;
	scale(0.5)
	}
}

.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;

  border-top: 0;
}

.sticky .navbar-default{
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	background: #000!important;
}

.navigation{
	background:none;
	}

.navigation .container{
	padding:0;
	}


#close-toggle{
		display:block;
		position:absolute;
		right:20px;
		top:10px;
		float:right;
		z-index:11;
		width:21px;
		height:21px;
		}

#menu-toggle .fa{
	font-size:20px!important;
	padding:3px;
	display:none;
	color:#fff;
	}

.sub_menu {
	height:30px;
	overflow:hidden;
	color:#fff;
	}
.submenu a {
	color:#fff;
	font-size:15px;
	font-weight:300;
	}



.submenu a.current, .submenu a:hover { color:#000;}

.submenu li {
	display:block;
	float:left;
	margin:9px 0px 0 0px;
	padding:0 8px;
}
.submenu li a.current  {}
.submenu li:last-child { border-right:none; }

.sub_menu{
	overflow:hidden;
	clear:both;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	font-weight: 300;
	border-bottom: 1px solid #303030;
	border-top: 1px solid #303030;
	}

.sub_menu ul{
	list-style:none;
	overflow:hidden;
	padding-left:8px;
	margin-top:5px;
	float:left;
	}

.sub_menu ul li{
	float:left;
	margin-right:15px;
	font-size:15px;
	}

.sub_menu ul li a{
	color:#fff;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	font-weight: 300;
	}
.sub_menu ul li a:hover, .sub_menu ul li.active a {
	color:#cfbc8c;
	}
.searchme{
	border: none;
	padding: 2px;
	width: 17px;
	height: 25px;
	float: right;
	position: relative;
	margin-top: 1px;
	overflow: hidden;
	margin-right: 10px;
	}

input[type="image"].lupa {
border: none;
background-color: #999;
padding: 2px;

}
.searchme input[type="text"]{
border-left: solid #ccc 1px;
border-right: solid #ccc 1px;
border-top: solid #ccc 1px;
border-bottom: solid #ccc 1px;
background: #FFF;
margin: 0;
padding: 3px 7px 4px 8px;
color: #555;
font-size: 13px;
/*font-family: 'Source Sans Pro', sans-serif;*/
font-family: 'Roboto';
font-weight: 300;
}
.rowElem_short {
float: left;
width: 169px;
}

.rowElem_search {
float: left;
margin: 0px 10px 0 0;
}

.rowElem {
display: block;
width: 400px;
clear: both;
padding: 0px;
margin: 0 0 7px 0;
line-height: 1.3em;
}

.fade_close{
	position:absolute;
	top:16px;
	right:16px;
	cursor:pointer;
	}
.action-articles{
	margin-bottom:19px;
	overflow:hidden;
	clear:both;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	}
.action-articles article{
	float:left;
	margin:0;
	width:20%;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	}



.action-articles .action{
	background:#282828;
	text-align:center;
	height:110px;
	}

.action-articles .action h2{
	text-align:center;
	color:#fff;
	font-family: 'Playfair Display', serif;
	font-size:16px;
	width:110px;
	text-transform:uppercase;
	letter-spacing:5px;
	margin: 38px auto;
	}

.action-articles article img{
	width:100%;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}

.action-articles article img:hover{
	opacity:0.7;
	}

.action-articles article a{
	color:#272727;
	}
.action-articles article .article-heading{
	display:block;
	padding-left:3px;
	padding-right:3px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}

.action-articles article .article-heading:hover{
	opacity:0.7;
	}

.category{
	overflow:hidden;
	font-family: 'Playfair Display', serif;
	}

.category article .box{
	text-align:center;
	/*width:214px;*/
	width: 32.45%;
	height:250px;
	text-transform:uppercase;
	background:#282828;
	color:white;
	padding-top:19px;
	float:right;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	}

.category article .box span{
	letter-spacing:3px;
	border-bottom:1px solid #FFF;
	padding-bottom:3px;
	}

.category article .box h1{
	font-family: 'Playfair Display', serif;
	font-size:24px;
	width:156px;
	margin:34px auto 0;
	}

.category article img{
	float:right;
	width:67.55%;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}

.add, .add-down{
	width:300px;
	height:250px;
	margin-bottom:10px;
	background:#E6E6E6;
	}

.add-down{
	height: 250px;
}

.add-two{
	width:300px;
	height:600px;
	margin-bottom:10px;
	background:black;

	/***privremen0***
	margin-top: -270px;
	/***kraj****/
	}
.add_300x250 {
	display: block;
	width: 300px;
	height: 250px;
	margin: 0 auto 10px auto;
}


.post-container{
	width:330px;
	float:right;
	padding-top:20px;
	}

.featured{
	margin-bottom: 10px;
	/*margin-top: 10px;*/
	background-color: #232323;
	padding: 10px 10px 10px 10px;
	overflow:hidden;
	}

.featured article{
	background:#000;
	margin:0 10px 10px 0;
	overflow:hidden;
	height: 277px;
	float:left;
	border-top: solid 1px #303030;
  	border-bottom: solid 1px #303030;
	}

.info-nav{
	overflow:hidden;
	}


.info-nav ul{
	list-style:none;
	padding:0;
	margin:10px 0;
	}

.info-nav ul li{
	  display: block;
  float: left;
  height: 30px;
  margin: 0 8px 0 0;
	}

.info-nav ul li a {
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  /*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
  text-transform: uppercase;
  text-decoration: none!important;
  background-color: #000;
  display: block;
  height: 30px;
  line-height: 30px;
  border-left: 1px solid #cfbc8c;
  padding: 1px 8px 0 8px;}

.info-nav ul li a:hover, .info-nav ul li a.current {
  color: #cfbc8c;
  background-color: #232323;}

.logoz{
  width: 105px;
  height: 90px;
  float:left;
  margin: 0px 19px 19px 0;
}

.logoz:nth-child(5n+6){
	margin: 0px 0px 19px 0;
	}

.logoz img{
	width:auto!important;
	height:auto!important;
	}

.gallery > table > tbody > tr > td > a > img{
	width:auto!important;
	height:auto!important;
	}

.relative{
	position:relative;
	}
.featured article:nth-child(even){
	margin:0 0px 10px 0;
	}
.featured article:last-child{margin:0 0 0 0;}
.featured article:nth-last-child(2){margin:0 10px 0 0;}
.featured h2{
	font-size:15px;
	text-transform:uppercase;
	color:#cfbc8c;
	background:rgba(0,0,0,0.7);
	margin:7px 0 3px;
	padding:5px 0px 5px 10px;
	transition:all 0.3s;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	font-weight: 300;
	-webkit-transition:all 0.3s;}

.article{
	background:#232323;
	padding: 4px 10px 0 10px;
	margin: 0px 0px 5px 0px;
	position: relative;
	border-bottom: solid 1px #303030;
	}

.article article{
	overflow: hidden;
	height: 172px;
	padding: 9px 0 9px 0;
	position: relative;
	border-bottom: solid 1px #303030;
	}
.article img{
	float: left;
	position: relative;
	z-index:10;
	margin: 0px 15px 0 0;
	width: 230px;
	height: 153px;
	}

.article h2{
	font-weight: 300;
	font-size: 13px;
	}

.article article h2{
	font-size: 24px;
	color: #cfbc8c;
	font-weight: 300;
	padding: 0px;
	text-decoration: none;
	position: relative;
	text-transform: uppercase;
	margin: 3px 0 10px 0;
	}


	.sr_brand img, .sr_dist img{
		width:auto;
		height:auto;
		}

.article article h2 a{
	color: #cfbc8c;

	}
.jos{
	color: #666;
	font-size: 12px;
	position: absolute;
	bottom: 0px;
	right: 0;
}

.jos a{
	color: #cfbc8c;
	}

.article article span {
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	font-weight: 300;
	color: #CCC;
	font-size:13px;
}

.article p{
	color:#999;
	font-size:12px;
	line-height:15px;
	}

.article article span a{
	color: #CCC;

}

.horisontal{
	background:#232323;
	}
.featured article .relative h2{
	position:absolute;
	bottom:-3px;
	width:100%;
	}

.featured h2:hover{
	color:#FFF;
	}

.featured p{
	color: #999;
	font-size: 13px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 7px;
	line-height: 1.39em;
	font-weight: 300;
	}

.featured article img{
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	width:100%;
	will-change: opacity;
	}
	.featured article img:hover{
		opacity:0.7;
	}

	.most-read {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.most-read h2{
		background: url(../img/bg-slajfna-koza300.jpg) no-repeat;
		color: #fff;
		font-size: 18px;
		margin-bottom: 7px;
		margin-top:0;
		text-transform:uppercase;
		padding: 5px 0 5px 5px;
		/*font-family: 'Source Sans Pro', sans-serif;*/
		font-family: 'Roboto';
		font-weight: 300;
		}

	.most-read ul{
		background-color: #232323;
		margin:0;
		padding:0;
		}

	.most-read ul li{
		/*font-family: 'Source Sans Pro', sans-serif;*/
		font-family: 'Roboto';
		font-weight: 300;
		border-bottom: 1px solid #303030;
		width: 280px;
		margin-left: 10px;
		list-style: none;
		padding: 0;
		font-size: 18px;
		overflow: hidden;
		height: 30px;
		}
	.most-read ul li a{
		color: #c4b285;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 30px;
		font-size: 14px;
		}

	.most-read ul li a:hover{
		color:#fff;
		}


	.social{
		background: url(../img/bg-slajfna-koza300-2.jpg) no-repeat;
		text-align:right;
		padding: 4px 0;
		margin: 15px 0 35px 0;
		}
	.social ul{
		margin:0;
		padding:0;
		list-style:none;
		text-align:right;
		overflow:hidden;
		float:right;

		}
	.social ul li{
		float:left;
		margin-left:5px;
		width:22px;
		height:23px;
		}

	.social ul li a:hover{
		opacity:0.7;
		}

.article-category, .category-top{color:#282828;}
.date, .date-top{color:#A9A9A9;}

.category-top{
	display:block;
	float:left;
	text-transform:uppercase;
	color:#A9A9A9;
	}

.category-top a{
	color:#666;
	}

.category-top a:hover{
	color:#cfbc8c;
	}

.date-top{
	display:block;
	float:right;
	}

.links {
	overflow:hidden;
	}

.links h2, .tag-cloud h2{
	background: url(../img/bg-slajfna-koza300.jpg) no-repeat;
	color: #fff;
	font-size: 18px;
	text-transform:uppercase;
	margin-bottom: 10px;
	padding: 7px 0px 0px 5px;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	font-weight: 300;
	}

.links h3{
	display: block;
	background-color: #333;
	width: 294px;
	margin: 20px 5px 0 0;
	text-transform:uppercase;
	padding-left: 6px;
	border-left: 1px solid #cfbc8c;
	color: #cfbc8c;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	font-weight: 300;
	}

.links article{
	overflow:hidden;
	}

.links ul{
	padding:0;
	margin:0;
	list-style:none;
}
.links ul li{
	width:145px;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	font-weight: 300;
	line-height: 1.5em;
	border-bottom: 1px solid #232323;
	float: left;
	display: inline;
	margin-right: 5px;
	overflow: hidden;
	height: 30px;}

.links ul li a{
	color: #c4b285;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 30px;
	font-size: 14px;}

.category-list{
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	background:url(../img/bg-slajfna-koza980.jpg) top center no-repeat;
	}

.category-list article{
	margin:0 9px 0 0;
	padding:0;
	float:left;
	overflow:hidden;
	}


.category-list h2{
	padding-left: 5px;
	text-transform:uppercase;
	margin:0;
	color: #cfbc8c;
	font-size: 19px;
	margin-bottom: 15px;
	height: 22px;
	padding: 10px 0 0 10px;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	font-weight: 300;

	}

.category-list h3{
	position:absolute;
	bottom:-10px;
	background:rgba(0,0,0,0.8);
	width:100%;
	text-transform:uppercase;
	margin-top: 5px;
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	padding:8px 0 8px 10px;
	color:#FFF;
	cursor:pointer;
	}

.category-list h3:hover{
	color:#cfbc8c;
}

.category-list img{
	width:100%;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.category-list img:hover{
	opacity:0.7;
}

.category-list article ul{
	list-style:none;
	margin:0;
	padding:0
	}

.category-list article ul li{
	display: block;
	margin: 0;
	height: 35px;
	border-bottom: solid 1px #232323;
	padding: 0;
	overflow: hidden;
	}

.category-list article ul li span{
	color:#919191;
	}

.category-list article ul li a{
	text-decoration: none;
	color: #cfbc8c;
	width: 225px;
	font-size: 15px;
	line-height: 30px;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	font-weight: 300;
	text-transform: uppercase;
	padding-left: 5px;
}
.category-list .margin-right{
	margin-right:0;
	}

.category-list ul.margin{
	margin-right:20px;
	}
.margin{
	margin-bottom:20px;
	}

.category-list ul li{
	clear:both;
	padding:5px 0;
	border-bottom: 1px solid #E6E6E6;
	}

	.category-list ul li:last-child{
	border-bottom: none;
	}

.category-list ul li a{
	color:#272727;
	font-size:14px;
}

.tag-cloud{
	margin-bottom:20px;
	color:#fff;
	}
.tag-cloud ul{
	padding:0;
	margin:0;
	text-align:center;
	}


.tag-cloud li{
	display: inline-block !important;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	font-weight: 300;
	border-right: 1px solid #fff;
	list-style: none;
	font-size: 14px;
	padding: 0 4px 0 0;
	  }


.green {
color: #cfbc8c!important;}

.tag-cloud a{
	color:#FFF;
	font-size:14px;
	}

.gallery{
	margin: 0 auto;
	font-size: 13px;
	color: #ccc;
	font-family: 'Roboto';
	line-height: 18px;
	font-weight: 300;
	background:#232323;
	padding: 10px 33px 0 35px;
	}


.gallery h2 {
	margin:10px 0;
	font-size:16px;
	color:#cfbc8c;
	font-weight: 300;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	}
.gallery h2 span{
	font-size:20px!important;
	color:#cfbc8c;
	/*font-family: 'Source Sans Pro', sans-serif;
	font-family: 'Roboto';
	}

.gallery h3{
	margin:10px 0;
	font-size:16px;
	color:#888;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	}

.gallery h3 span{
	font-size:16px;
	color:#888;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	}

.gallery-relative{
	position: relative;
	width: 600px;
	height: auto;
	/*max-height: 400px;*/
}

.gallery-index {
	margin-bottom:20px;
	padding: 10px 10px 0 23px;
	background:#232323;
	}



.gallery-index h1, .gallery h1{
	margin: 0 0 10px 0;
	color: #cfbc8c;
	font-size: 24px;
	font-weight: 300;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	text-transform: uppercase;
	/*margin: 10px auto 10px auto;*/
	}

.gallery-index h2, .gallery-text h2{
	font-size:24px;
	text-transform:uppercase;
	font-family: 'Playfair Display', serif;
	}

.col-md-13 .gallery p:first-child {
	margin-top: 40px;
}

.gallery-index p, .gallery-text p{
	margin:24px 0 22px 0;
	color:#282828;
	}

/*KONTAKT FORMA*/
.kontaktfransiza td { color:#333}
.kontaktfransiza {overflow: hidden;}
.kontaktfransiza ol { display:block;list-style-type: decimal; color:#333;}
.kontaktfransiza h2 {color:#cfbc8c;text-decoration:none; font-size:20px;}
.kontaktfransiza a, .kontaktfransiza a:hover {color:#CFBC8C; text-decoration:underline;}
.kontaktfransiza input[type='text'] {background-color:#303030; border:solid 1px #8b7f62;width:280px; height:25px; border-radius:5px; box-shadow: 0 0 5px #2d2d2d inset; color:#fff; padding-left:7px;}
.kontaktfransiza ul { overflow: hidden; padding: 0;}
.kontaktfransiza li { display:inline-block; float:left; width:170px; margin-left:22px; margin-bottom:15px;}
.kontaktfransiza li span  {  float:left; margin-top: 10px; font-size: 14px;}

.sub-heading{
	font-size:18px;
	font-style:italic;
	font-family: 'Playfair Display', serif;
	margin:0 0 17px 0;!important;
	}
.gallery-button{
	margin-right:4px;
	}

.gallery-images{
		position:relative;
	}

.overflow{
	overflow:hidden;
	}

.vertical-image{
	position:relative;
	width:372px;
	overflow:hidden;
	float:left;
	}

.left-arrow, .right-arrow {
	top: 50%;
	position: absolute;
	display: block;
	z-index: 10;
	background:url(../img/arrows.png) no-repeat;
	width:40px;
	height:81px;
	}

.pogledaj-galeriju {
	top: 50%;
	position: absolute;
	display: flex;
	z-index: 10;
	background: black;
	opacity: 0.9;
	width: 145px;
	height: 70px;
	justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
	font-size: 14px;
}
	
.left-arrow{
	left:0;
	background-position:top left;
	}

.right-arrow{
	right:0;
	background-position:-40px 0px;
	}
.gallery-images .left-arrow, .gallery-images .right-arrow{
		top:40%;
		}
.thumbs, .vertical-thumbs{
	list-style:none;
	margin:10px 0;
	clear:both;
	padding:0;
	overflow:hidden;
	}
.thumbs{
	/*margin-top: 41px;*/
}

.thumbs li{
	float:left;
	margin: 10px 19px 13px 0;
	}


	.thumbs li:nth-child(6n){
		margin: 10px 0px 13px 0;
		}

.klucnereci{
	overflow: hidden;
}
.kljucnereci ul {
	overflow: hidden;
	padding: 5px 0;
	border-top: solid 1px #303030;
	border-bottom: solid 1px #303030;
	margin: 0 0 20px 0;
	}

.kljucnereci li {
	display: inline-block;
	float: left;
	color: #ccc;
	}

.kljucnereci li a:hover, .kljucnereci li a:visited {
	text-decoration: none;
	color: #cfbc8c;}

.read-more p{
	overflow: hidden;
	color:#999;
	background-color: #303030;
	border-left: solid 1px #cfbc8c;
	margin-bottom: 20px;
  padding: 5px;
	display: none;
	}

.read-more p span{
	color:#cfbc8c;
	}

.read-more p:hover{
	color:#999;
	background: none;
	}
.related-topic{
	margin-top:0;
	background:#232323;
	padding:10px;
	margin-bottom:20px;
	}

.related-topic h3{
	color:#cfbc8c;
	text-transform:uppercase;
	margin-top: 10px;
	}

.related-topic h3 span{
	color:#FFF;
	}

.related-topic article{
	overflow:hidden;
	clear:both;
	position:relative;
	padding:10px 0px;
	border-bottom:1px solid #303030;
	}

.related-topic h2{
	background-color: #303030;
	display:block;
	color: #fff;
	font-size: 19px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-top:0;
	/*height: 22px;*/
	padding: 8px 0 5px 5px;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	font-weight: 300;
	border-left: 1px solid #cfbc8c;
	text-transform: uppercase;
}

.related-topic article h3{
	margin-top:0;
	}
.related-topic article p{
	color:#999;
	font-weight: 300;
	}
.related-topic a {
	font-weight: 300;
}
.related-topic article h3 a{
	color: #cfbc8c;
	font-weight: 100;
	font-size: 22px;
}

.related-topic article h3 a:hover{
	color:#FFF;
	}

.show-more{
	width: 100%;
	height: 30px;
	background-color: #666;
	text-align: center;
	position: relative;
	cursor:pointer;
	}

	.show-more:hover{
		opacity:0.8;
	}

.show-more img{
	float: none!important;
	width:auto!important;
	height:auto!important;
	}

.gery{
	color: #999;
	font-weight: 300;
	font-size: 13px;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	}
.related-topic img{
	float:left;
	margin-right:10px;
	width: 230px;
	height: 153px;
	}

.vertical-thumbs li{
	float:left;
	margin-right:12px;
	}

	.vertical-thumbs li:nth-child(6n){
	margin-right:0;
	}
.image-counter{
	font-style:italic;
	color:#282828;
	font-family: 'Playfair Display', serif;
	font-size:17px;
	}

.see-all-images span{
	text-transform:uppercase;
	padding-left:10px;
	position:relative;
	top:2px;
	}

.image-box{
	position:relative;
	width:670px;
	/*height: 250px;*/
	}

.see-gallery{
	display:block;
	position:absolute;
	width:228px;
	height:81px;
	padding-left:15px;
	padding-top:16px;
	right:0;
	bottom:40px;
	color:#fff;
	font-family: 'Playfair Display', serif;
	font-size:17px;
	background:url(../img/right-arrow.png) no-repeat 198px 18px rgba(0,0,0,0.9);
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}

.see-gallery span{
	display:block;
	font-size:14px;
	font-style:italic;
	}

.share{
	list-style:none;
	margin-bottom:20px;
	overflow:hidden;
	padding-left:0px;
	}


.share img{
	width:32px;
	height:32px;
	}

.share li{
	float:left;
	margin-right:10px;
	width:32px;
	height:32px;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}

	.share li:hover{
		opacity:0.7;
		}
	.share li:last-child{
		margin-right:0;
		}
.more{
	width:180px;
	display:block;
	font-family: 'Playfair Display', serif;
	text-align:center;
	margin:20px auto!important;
	color:#282828;
	font-size:30px;
	text-transform:uppercase;
	text-decoration:none;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	}


.more span{
	font-size:14px;
	padding:9px 0;
	letter-spacing:3px;
	display:block;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	}

.gallery-photos{
	list-style:none;
	clear:both;
	overflow:hidden;
	padding:0;
	margin:0;
	margin-top:13px;
	}

.gallery-photos li{
	width:150px;
	height:150px;
	position:relative;
	float:left;
	margin:0 20px 20px 0;
	cursor: pointer;
 	position: relative;
  	overflow: hidden;
	}

/* HOVER EFFECT */
.gallery-photos li img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.gallery-photos li .overbox {
  background-color: rgba(0,0,0,0.6);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  opacity: 0;
  width: 150px;
  height: 150px;
  padding: 60px 0;
}

.gallery-photos li:hover .overbox { opacity: 1; }

.gallery-photos li .overtext {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}

.gallery-photos li .title {
  font-size: 24px;
  font-family: 'Playfair Display', serif;
  text-align:center;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.gallery-photos li:hover .title,
.gallery-photos li:focus .title {
  opacity: 1;
  transform: translateY(20px);
  -webkit-transform: translateY(0px);
}

.gallery-photos li:hover .tagline,
.gallery-photos li:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}
/* MAGAZIN HOVER */
.magazin-archive li {
  position: relative;
  left: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.magazin-archive li .overbox {
  background-color: rgba(0,0,0,0.6);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  opacity: 0;
  width: 150px;
  height: 208px;
  padding: 60px 0;
}

.magazin-archive li:hover .overbox { opacity: 1; }

.magazin-archive li .overtext {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}

.magazin-archive li .title {
  font-size: 24px;
  font-family: 'Playfair Display', serif;
  text-align:center;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.magazin-archive li:hover .title,
.magazin-archive li:focus .title {
  opacity: 1;
  transform: translateY(20px);
  -webkit-transform: translateY(0px);
}

.magazin-archive li:hover .tagline,
.magazin-archive li:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}


.gallery-photos li:nth-child(4n){
	margin:0 0 20px 0;
	}

.gallery-text{
	width: 185px;
	float: left;
	padding-left: 21px;
	}

.gallery-text-vertical{
	width: 288px;
	text-align:left;
	float: left;
	padding-left: 21px;
	}

/* Set slider2 panel sizes, Main & FX demo pages */
#slider .panel img{ width: 660px!important; height: 390px!important; }


.hor-author{
	margin-left:70px;
	line-height:17px;
	}

.text-editor{
	background:#666;
	color:#fff;
	font-size:26px;
	text-align:center;
	padding:40px 0;
	margin:20px 0;
	}

.magazin-archive{
	overflow:hidden;
	}

.magazin-archive ul{
	list-style:none;
	padding:0;
	margin:0;
}

.magazin-archive ul li{
	float:left;
	margin:0 20px 20px 0;
	}

.magazin-archive ul li:nth-child(4n){
	margin:0 0px 20px 0;
	}

.category-margin{
	margin-bottom:20px;
	}
.bottom-nav{
	clear:both;
	}

.footer-navigation{
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	border-bottom: 1px solid #303030;
	height: 30px;
	list-style:none;
	margin:0;
	padding:0;
	}

.footer-navigation li{
	float:left;
	}

.footer-navigation li a{
	color: #FFF;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 300;
	font-size: 18px;
	position: relative;
	display: block;
	padding: 3px 8px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	}
.footer-navigation li a:hover{
	color: #cfbc8c;
	background-color: transparent;
	}
.footer-sub-menu{
	clear:both;
	}
.footer-sub-menu ul{
	font-family: 'Source Sans Pro', sans-serif;
	height: 28px;
	border-bottom: 1px solid #303030;
	list-style: none;
	padding: 0 0 0 8px;
	margin-bottom: 0;
	margin-top: 7px;
	}

.footer-sub-menu ul li{
	float: left;
	margin-right: 15px;
	font-size: 15px;
	}

footer{
	background: url(../img/header.jpg) repeat top center;
	color:#FFF;
	padding-top: 10px;
	margin: 0 auto;
	}


footer small{
	color:#aaa;
	display:block;
	margin:50px 0 20px 0;
	}

footer small a{
	color:#A9A9A9;
	}
footer .poseduje{
text-align: center;
font-size: 11px;
color: #fff;
margin: 0 auto 10px auto;}

footer .poseduje ul {
text-align: center;
margin: 10px auto;}

footer .poseduje li {
display: inline-block !important;
margin: 0 5px;
font-size: 13px;
}

footer .poseduje:first-child {
text-align: justify;
padding:0 20px;
}

.footerslajfna {
width: 100%;
background-color: #232323;
height: 30px;
border-top: 1px solid #303030;
font-size:11px;
padding-top:8px;
padding-left:7px;
}
.search{
	display:none;
	}
#newsletterPopup {
	display: none;
	position: fixed;
	bottom: 5px;
	left: 5px;
	z-index: 100;
	width: 270px;
	height: 111px;
	background-color: #FFF;
	color: white;
	background-image: url(../img/ilu_popup_newsletter.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	box-shadow: 1px 1px 5px rgba(130, 130, 130, 130);
	-webkit-box-shadow: 1px 1px 3px rgba(130, 130, 130, 130);
	-moz-box-shadow: 1px 1px 3px rgba(130, 130, 130, 130);
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 99;}
#newsletterPopup input[type="submit"] {
  outline: none;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  border: 1px solid #333;
  border: 1px solid #333;
  vertical-align: middle;
  width: 60px;
  height: 24px;
  padding: 0px;
  background-color: #333;
  color: #fff;
  cursor: pointer;
}
#newsletterPopup input[type="text"] {
  outline: none;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  border: 1px solid rgba(123, 194, 86, 0.2);
  border: 1px solid #cfcfcf;
  vertical-align: middle;
  width: 180px;
  height: 20px;
  padding: 1px 1px 1px 5px;
  color: #666;}

.gallery img{
 /*max-width: 600px;*/
}
.huawei-pr{
	background-color: #e2e3e7;
	background-image: url(../img/black_pixel.png);
	background-repeat: repeat-x;
}
.pr-image{
	display: block;
	position: absolute;
	top: 1606px;
	left: -45px;
}
.pr-logo-levo{
	display: block;
	position: absolute;
	top: 46px;
	left: -942px;
}

/* mozilla hack */
@-moz-document url-prefix() {
	.pr-image{
		top: 1612px;
	}
}

/********* INTESA BANNER ***************/
.tamni-box{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: black;
	opacity: 0.7;
}
.video2 {
	width: 1280px;
	height: 720px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -640px;
	z-index: 100;
	display: none;
}

.kruzic img {
	display: block;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-left: -80px;
	top: 40px;
	z-index: 2;
	opacity: 1;

	-webkit-animation-name: spin;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-animation-name: spin;
	-moz-animation-duration: 1000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	-ms-animation-name: spin;
	-ms-animation-duration: 1000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	animation-name: spin;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.kruzic img:hover{
	opacity: 1 !important;
}
.kruzic span{
	display: block;
	color: white;
	font-size: 84px;
	font-family: Arial;
	font-weight: 700;
	width: 200px;
	height: 170px;
	position: absolute;
	top: 21px;
	left: 50%;
	margin-left: -100px;
	z-index: 3;
	text-align: center;
	padding-top: 37px;
}

@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg); opacity: 1;
	} to {
		  -ms-transform: rotate(360deg); opacity: 1;
	  }
}
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg); opacity: 1;
	} to {
		  -moz-transform: rotate(360deg); opacity: 1;
	  }
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg); opacity: 1;
	} to {
		  -webkit-transform: rotate(360deg); opacity: 1;
	  }
}
@keyframes spin {
	from {
		transform: rotate(0deg); opacity: 1;
	} to {
		  transform: rotate(360deg); opacity: 1;
	  }
}
.huaweii-video{
	width: 100% !important;
	height: auto !important;
}
.special-class{
	display: block;
	position: absolute;
	left: 35px;
	top: 10px;
	font-weight: 300;
	color: white !important;
}
.special-p{
	display: block;
	font-weight: 300 !important;
	position: absolute;
	font-size: 16px;
	left: 35px;
	top: 70px;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	color: white !important;
}
.plava-linija {
	opacity: 0.6;
	margin-left: 10px;
	transition: opacity 0.5s ease;
}
.plava-linija:hover {
	opacity: 1;
}
.video-1, .video-2{
	display: none;
	width: 980px !important;
	position: fixed;
	top: 20%;
	width: 980px;
	left: 50%;
	margin-left: -490px;
	z-index: 1222;
}
.zatvori{
	display: none;
	width: 22px;
	height: 24px;
	background: url(../img/close_video.png);
	border-radius: 50%;
	position: fixed;
	left: 50%;
	top: 22%;
	margin-left: 440px;
	cursor: pointer;
	z-index: 1223;
}
.crni-okvir{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1221;
	background-color: black;
	opacity: 0.7;
}
.levoj2{
	display: block;
	position: relative;
	width: 50%;
	float: left;
	text-align: center;
	padding-left: 2%;
	padding-right: 2%;
}
.desnoj2{
	display: block;
	position: relative;
	width: 50%;
	float: right;
	text-align: center;
	padding-left: 2%;
	padding-right: 2%;
}
.siri-ga img{
	width: 100%;
	height: auto;
	max-width: none;
	/*margin-top: 50px;
	margin-bottom: 50px;*/
}
.kruzic{
	display: block;
	position: absolute;
	left: 50%;
	width: 52px !important;
	height: 52px !important;
	margin-left: -28px;
	top: -58px;
	opacity: 0.7;
	cursor: pointer;
	-webkit-transition-duration: 0.7s; /* Safari */
	transition-duration: 0.7s;
}
.kruzic:hover{
	opacity: 1;
}
.sredi-bag{
  height: 250px;
  margin-bottom: 10px;
}

/*MARCONIO PR*/

.main-box {
	width: 1584px;
	height: 600px;
	position: absolute;
	background: green;
	display: block;
}
.markoni-left {
	height: 800px;
	left: 50%;
	margin-left: -792px;
	position: absolute;
	text-align: right;
	top: 457px;
	width: 302px;
	overflow: hidden;
	z-index: 1;
}
.pr1, .pr2{
	position: absolute;
}
.markoni-right {
	height: 800px;
	right: 50%;
	margin-right: -496px;
	position: absolute;
	text-align: left;
	top: 457px;
	width: 302px;
	overflow: hidden;
	z-index: 1;
}
.markoni-right-1 {
	margin-bottom: 10px;
	height: 295px;
	position: absolute;
}
.markoni-right-2{
	height: 295px;
	position: absolute;
}
.markoni p{
	color: #ccc;
	font-weight: 300;
	text-align: justify;
	font-family: 'Roboto';
}
.markoni h1{
	font-size: 30px;
	margin-top: 5px;
	font-weight: 300;
	color: #cfbc8c;
	font-family: 'Roboto';
}
#img1 {
	width: 100%;
	height: auto;
}
#img2{
	width: 100%;
	height: auto;
}
.some-place{
	position: relative;
	height: 295px;
	width: 300px;
	margin-bottom: 10px;
}

@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
}

 @-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
}
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
}

.blink-image {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.blink-image2 {
    -moz-animation: blink normal 2.9s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2.9s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2.9s infinite ease-in-out; /* IE */
    animation: blink normal 2.9s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.blink-image3 {
    -moz-animation: blink normal 2.5s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2.5s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2.5s infinite ease-in-out; /* IE */
    animation: blink normal 2.5s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.blink-image4 {
    -moz-animation: blink normal 2.8s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2.8s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2.8s infinite ease-in-out; /* IE */
    animation: blink normal 2.8s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.blink-image5 {
    -moz-animation: blink normal 2.2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2.2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2.2s infinite ease-in-out; /* IE */
    animation: blink normal 2.2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.blink-image5 {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

.bazen {
	display: none;

    z-index: 100;
}
.dzakuzi {
	display: none;

    z-index: 100;
}
.dzakuzi img {
	z-index: 1000 !important;
}
.levo {
	display: none;

    z-index: 100;
}
.desno {
	display: none;

    z-index: 100;
}
.sredina {
	display: none;

    z-index: 100;
}

/* NAJČITANIJI */
.najnoviji {
	overflow: hidden;
	color:#999;
	background-color: #303030;
	border-left: solid 1px #cfbc8c;
	margin-bottom: 10px;
	padding: 5px;
	text-transform: uppercase;
	font-size: 18px;
	font-family: 'Roboto';
	margin-top: 30px;

}

.najnoviji  span{
	color:#cfbc8c;
}

.najnoviji p:hover{
	color:#999;
	background: none;
}



.najnoviji-tekstovi {
	width: 100%;
	height: auto;


}
.najnoviji-tekstovi ul {
	margin: 0;
	padding: 0;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.najnoviji-tekstovi ul li {
	position: relative;
	list-style: none;
	margin: auto;
	/*width: 192.63px;
	height: 128px;*/
	width: 49%;
	height: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	/*overflow: hidden;*/
}
.najnoviji-tekstovi ul li:nth-child(2n){
	margin-right: 0;
}
.najnoviji-tekstovi ul li img {
	width: 100%;
	transition: all 0.5s ease;
}
.najnoviji-tekstovi ul li img:hover {
	opacity: 0.7;
}
.najnoviji-tekstovi ul li .title {
	/*position: absolute;
	bottom: 0;*/
	height: auto;
	/*background: rgba(0,0,0, 0.7);*/
	width: 100%;
	padding: 5px;
}
.najnoviji-tekstovi ul li .title h3 {
	font-family: 'Roboto';
	color: #cfbc8c;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 16px;
	text-align: center;
	margin: 5px 0 0 0;
	min-height: 35px;
}


/*MARCONIO PR*/

.kafa{
	display: block;
	width: 102px;
	height: 205px;
	position: absolute;
	bottom: -20px;
	right: 10px;
	z-index: 102;
}

@media (max-width: 991px) {
	.bnrPR1{
		display: none;
		right: 0;
		left: auto;
	}
	.kafa{
		display: none;
	 }
	.close-banner2{
		display: none;
	}
	.close-banner{
		display: none;
	}
	.add{
		height: 260px;
		margin-top: 0;
	}
	.spusti, .medju .spusti{
		margin-top: auto !important;
	}
	.outer1, .outer2, .outer3{
		display: none;
	}
	.cikica{
		display: none;
	}
	header {
		margin-bottom: 0;
	}
	.logo {
		display: none;
	}
	.logo-sub {
		display: block;
	}
	.velux-maj .bx-viewport {
		max-width: 100% !important;
	}
	.velux-maj .bx-wrapper {
		margin-left: auto !important;
	}
	.velux-maj .bxslider li {
		width: 100% !important;
	}
	.velux-maj .bxslider li img {
		max-width: 100% !important;
	}
	.velux-maj .bxslider {
		max-width: 100% !important;
		margin-left: auto;
	}
	#box1, #box2, #box3, #box4, #box5 {
		display: none !important;
	}
	.velux-maj .div-tekst {
		width: 100%;
	}
	.velux-maj .div-video {
		width: 100%;
	}
	.velux-maj .div-video iframe {
		width: 100%;
	}

	.markoni-right{ display: none; }
	.specifikacije {
		max-width: 200px;
	}
	.zvezdana-navigacija { display: none;}
	#telefon-front {
		display: none;
	}
	#telefon-back {
		display: none;
	}
	.zvezdano-nebo .play {
		width: 58px;
	}
	/*MARCONIO PR*/
	#levo {display: none;} #desno{display: none;} #sredina{display: none;} #bazen{display: none;} #dzakuzi {display: none;}
	#levo1 {display: none;} #desno1{display: none;} #sredina1{display: none;} #bazen1{display: none;} #dzakuzi1
	 {display: none;}
	/*MARCONIO PR*/

	.hover-banner, .mercedes-hover{
		display: block;
	}
	.black-box {
		display: block;
	}
	.gallery-relative{
		width: 100%;
	}

	.d1-u-d2{
		margin-top: 0;
	}
	/*.navbar-header {
    float: left;
	display:block;
	z-index: 3;
  	position: relative;
  }*/
	/******** HUAWEI ***************/
	#zvuk, #kamera, #dodir, #tanak, #osobine, #ostaniteUkljuceni {
		 display: none;
	}
	.pr-image{
		display: none;
	}
	.pr-logo-levo{
		display: none;
	}
	/******** HUAWEI ************/
	.telefonSlika {
		display: none;
	}
	.bnrTOP{ width: 100%; height: auto; }
	.bnrMPR1{
		display: block;
		margin-bottom: 15px;
	}
	.bnrMPR1 img{
		/*display: none;
		width: auto !important;
		height: auto!important;*/
	}
	.close-ban{
		display: none;
		width: 16px !important;
		height: 16px !important;
		bottom: 17%;
	}
	.add_300x250{
		margin-bottom: 0;
	}
	.bnrMBH3{
		display: block;
	}
	.star{
		display: none;
	}
	.nema-d1{
		margin-top:0;
	}

	.logo{
		margin: 43px auto 23px auto;
	}

	.bnrBH2{
		display: none;
	}

	.bnrPR2, .bnrPR12{
		display: none;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.add-two{
		margin-top: 0px;
	}

	.gallery img{
		width:100%;
		height:auto;
	}

	.mala{display: none;!important;}

	#bigFrame{
		width: 100%;
	}

	.right-arrow{
		right: 0;
	}


	.bnrBH3{
		display: none;
	}

  .thumbs, .vertical-thumbs{
		display:none;
		}
  .sr_brand, .sr_dist{ display:none;}
  .fa-search{
			font-size:18px!important;
			color:#cfbc8c!important;
			}
  	.facebook-like{
		display:none;
		}

		.featured article {
 			 height: 307px;
		}

		.search{
			display:block;
	  		position: relative;
			float:right;
			right: 10px;
  			top: 14px;
	}
	.gallery iframe{
	width:100%;
	}
	.none{
		display:none;
		}
	.gallery-images img{
		width:100%;
		}
	.navbar-collapse.collapse {
		display: none!important;}

   .nav{ display:none;}
   .sub_menu ul{ display:none;}
	.searchme{ float:right; margin-right:0;}

  .navigation{
	background:none;
	}

	ul li.facebook, ul li.twitter, ul li.instagram {
		display: none;
		}
	.fb-like-box{
		display:none!important;
		}
	.add, .add-down {
		margin:20px auto;
	}

	.add-two{
		margin:20px auto;
		}

	.most-read h2, .links h2, .tag-cloud h2{
		background:url(../img/bg-slajfna-koza980.jpg) top center no-repeat;
		text-align:center;
		}

	.links h3{
		width:100%;
		}
	.most-read ul li{
		width:98.5%;
		}

	.category-list article {
		  width: 49%;
		  margin: 0 10px 20px 0;
	}
	.category-list .col-md-list:nth-child(2){
		margin:0 0 20px 0;
		}
	.category-list .margin-right{
		display:none;
		}

	.social{
		background: none;
		text-align:center;
		overflow:hidden;
		margin: 10px 0 10px;
		}

		.social ul{
			float:none;
			text-align:center;
			}

		.social ul li {
		  float: none;
		  display: inline;
				}
	.category-list article img{
		width:100%;
		}
	.navbar-header{display:block;}
	.category article .box{
	text-align:center;
	width: 100%;
	height:auto;
	padding-top:19px;
	float:none;
	}

	.bottom-nav{
		display:none;
		}

.category article .box h1{
	width:50%;
	margin:20px auto 0;
	padding-bottom:20px;
	}

.category article img{
	float:none;
	width:100%;
	}
	.action-articles .action{
	background:#282828;
	text-align:center;
	height:110px;
	}
	.image-box {
	  position: relative;
	  width: 100%;}
	.action-articles article{
		width:25%;
		}
		#newsletterPopup{
			display:none!important;
			}
		/*.bx-wrapper img {
		  width:100%;
		  height:auto;
		  }*/
		 .bxslider li h2 {
  margin: 7px 0 10px 10px!important;}

		 .bxslider li p {
  padding: 0 10px;
		 }
		.bx-wrapper .bx-next{
			right:0!important;
			}

		.col-md-article{
			width:49.23%;
			}

		.featured article img{
			width:100%;
			}

		.links{
		display:none;
		}

	.action-articles .action{
		width:100%;
		height:auto;
	}
	.gallery-images{
		text-align:center;
		margin-bottom:20px;
		}

	.gallery{
		padding:10px 10px 0 10px;
		}

	.thumbs li {
		margin-right: 16px;
		display: inline;
		float:none;
	}
.action-articles .action h2{
	width:auto;
	margin: 6px 0;
	}

	.text-right{
		text-align:left;
	}


	footer .text-right small {
		margin-top: 0px;}
	footer .container{
		padding:0 10px;
		}
	.zatvori{
		margin-left: -15px;
		left: auto;
		right: 20px;
	}
	.video-1, .video-2{
		width: 100% !important;
		height: auto !important;
		margin-left: 0;
		left: 0;
	}
	.gallery-image{
		display: none;
		width: 100%;
		height: auto;
		position: absolute;
		bottom: -8%;
	}

	.najnoviji-tekstovi ul li {
		width: 235.63px;
		height: auto;
	}

}

@media (max-width: 769px) {
	/*ADDTHIS*/

	.at-svc-whatsapp {
		display: inline-block !important;
	}
	.at-svc-messenger {
		display: inline-block !important;
	}

	/*ADDTHIS*/
	.bnrPR1{
		display: none;
		width: 30%;
		top: 25%;
	}


  #menu-toggle .fa{
	display:inline;
	position: relative;
	top: 2px;
	}
	.fb-comments{
		display:none;
		}

	#header-sticky-wrapper{
		height:40px!important;
		}
	.category-list ul{
		width:100%;
		padding:0 10px;
		}
		.navbar-nav > .search >  a{
			padding:10px 15px 0 0;
			}
	.category-list ul li:last-child {
		border-bottom: none;
	}
	.category-list ul.margin{
		margin:0;
		}

	.sub_menu {
		display:none;
}
	ul li.search{
		float:right;
		}

	.links article{
		width:49%;
		}

	.gallery-text, .gallery-text-vertical{
	width: 100%;
	float: none;
	padding-left: 0;
	}


	.featured h2, .featured p{
		  padding: 5px 0px 5px 10px;
	}

	.article-category {
		padding: 0 10px;

}
	.action-articles article{
		width:33.3333%;
		}
	.action-articles .fourth{
		display:none;
		}


	.hor-author{
	margin-left:00px;
	}
	.levoj2, .desnoj2{
		width: 100%;
		float: none;
	}
	.special-class{
		font-size: 28px;
	}
	.sredi-bag{
		height: auto;
	}

	.najnoviji-tekstovi ul li {
		width: 48%;
	}

	.najnoviji-tekstovi ul li {
		width: 48%;
	}
	.najnoviji-tekstovi ul li:nth-child(3n) {
		margin-right: 10px;
	}

}
	@media(min-width:768px) {
		.black-box {
			min-height: 40px;
		}

    #wrapper {
        padding-left: 250px;
    }

	.search{
		float:right;
		}



    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;

	}
	ul li.search{
		float:right;
		}

	}


@media (max-width: 697px){
	.zvezdano-nebo .huaweii-logo {
		max-width: 380px;
	}
	.zvezdano-nebo .gallery .video-img {
		margin-bottom: 20px;
	}

	.featured article{
		height:290px;
		}
	.gallery-images {
		margin-bottom: 10px;
	}



	.magazin-archive ul{
		text-align:center;
		}

	.magazin-archive ul li{
	float:none;
	display:inline-block;
	margin:0 10px 10px 0;
	overflow:hidden;
	}


	.magazin-archive ul li:nth-child(3n){
		margin:0 0px 10px 0;
		}

	.magazin-archive ul li:nth-child(4n){
	margin:0 10px 10px 0;
	}

	}

@media (max-width: 685px){
	.velux-maj .play {
		top: 35%;
	}
	.velux-maj .category-top a {
		left: 20px;
		top: 10px;
	}
	.velux-maj  h1 {
		font-size: 18px !important;
		left: 20px !important;
		top: 10px;
		width: 161px;
	}
.col-md-article {
  width: 49.13%;
}
}

@media (max-width: 677px){
	.gallery-photos li:nth-child(3n) {
		margin: 0 0px 20px 0;
	}
	.category-list article{
		float:none;
		width:100%;
		margin:0 0 20px 0;
		}
	.gallery-photos li:nth-child(4n) {
		margin: 0 20px 20px 0;
	}


	}
@media (max-width: 660px){
	.black-box {
		min-height: 30px;
	}

.image-box{
	width:100%;
	}

.image-box img{
	width:100%;
	}

.fb-comments{
	display:none!important;
	}

}
@media (max-width: 646px){

	.featured article img {
		float: none;
		width:100%;
	}
	.gallery-text, .gallery-text-vertical{
	width: 100%;
	float: none;
	padding-left: 0;
	padding-top:10px;
	clear:both
	}
	.post-container {
		width: 100%;
		float:none;
	}
	ul li.search{
		float:right;
		}


		.see-gallery {
			height: 71px;
			padding-left: 15px;
			padding-top: 11px;
			background-position: 198px 13px;
}
	.sredio-sam{
		clear: both;
	}
}
@media (max-width: 617px){

	#page-content-wrapper {
        padding: 0px;}

	.category-list ul {
		width: 100%;
	}

	ul li.search{
		float:right;
		}
	.logo img{
		width:70%;
		}
	ul li.search{
		float:right;
		}
	}

@media (max-width: 609px){
.col-md-article {
  width: 49.03%;
}
	.special-class{
		font-size: 20px;
		left: 30px;
		top: 25px;
	}
	.special-p{
		left: 30px;
		top: 90px;
	}

}
@media (max-width: 600px){
	.bnrC1 {
		width: 100%;
		height: auto;
	}
.col-md-article{
			width:100%;
			height:100%!important;
			}

.related-topic article img{
	float:none;
	width:100%;
	height:auto;
	margin-bottom:5px;
	}

	.related-topic .show-more{
		width: 100%!important;
  		height: 30px!important;
		}

			}

@media (max-width: 580px) {


	.zvezdano-nebo .gallery .slika-levo {
		width: 100%; display: inline-block; float: left;
	}
	.zvezdano-nebo .gallery .slika-levo img {}
	.zvezdano-nebo .gallery .tekst-levo {
		width: 100%; display: block; padding-left: 10px; padding-right: 10px; padding-top: 0;
	}
	.zvezdano-nebo .gallery .tekst-desno {
		width: 100%; display: block;  padding-top:	0; padding-left: 10px; padding-right: 10px;
	}

	.zvezdano-nebo .gallery .slika-desno {
		width: 100%; display: block;
	}

	.action-articles .third {
		display: none;
	}

	.action-articles article {
		width: 50%;
	}

	.action-articles article {
		width: 25% !important;
	}

	.article article {
		height: auto;
		padding: 0 0 20px 0;
		margin-bottom: 10px;
	}

	.article img {
		width: 100%;
		height: auto;
		margin-bottom: 5px;
	}

	.vertical-image {
		width: 100%;
	}

	.vertical-image img {
	}

	.related-topic article {
		padding: 10px 0px 20px;;

	}

	.najnoviji-tekstovi ul li {
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	.najnoviji-tekstovi ul li:nth-child(3n) {
		margin-right: 0;
	}
}

	@media (max-width: 527px) {
		.black-box {
			min-height: 30px;
		}

		.gallery-photos li:nth-child(2n) {
			margin: 0 0px 20px 0;
		}

		.gallery-photos li:nth-child(3n) {
			margin: 0 20px 20px 0;
		}

		.gallery-photos li:nth-child(4n) {
			margin: 0 20px 0px 0;
		}

		.gallery-photos li:nth-child(2n) {
			margin: 0 0px 20px 0;
		}

	}

	@media (max-width: 527px) {

		.bnrC1 {
			width: 100%;
			height: auto;
		}

		.magazin-archive ul li:nth-child(3),
		.magazin-archive ul li:nth-child(9),
		.magazin-archive ul li:nth-child(15),
		.magazin-archive ul li:nth-child(21) {
			margin: 0 10px 10px 0;
		}

		.magazin-archive ul li:nth-child(2n) {
			margin: 0 0px 10px 0;
		}

		footer .poseduje ul {
			padding: 0;
		}
	}

	@media (max-width: 392px) {
		.vertical-image img {
			width: 100%;
		}
	}

	@media (max-width: 357px) {
		.gallery-photos li:nth-child(2n) {
			margin: 0 0px 10px 0;
		}

		.gallery-photos li:nth-child(3),
		.gallery-photos li:nth-child(9),
		.gallery-photos li:nth-child(15),
		.gallery-photos li:nth-child(21),
		.gallery-photos li:nth-child(27) {
			margin: 0 10px 10px 0;
		}

		.gallery-photos li:nth-child(4n) {
			margin: 0 0px 10px 0;
		}

		.gallery-photos {
			width: 250px;
			margin: 20px auto;
		}

		.gallery-photos li {
			width: 120px;
			height: 120px;
			margin: 0 10px 10px 0;
		}

		.gallery-photos li img {
			width: 120px;
			height: 120px;
		}

		.gallery-photos li .overbox {

			width: 120px;
			height: 120px;
			padding: 35px 0;
		}

		.magazin-archive ul li {
			float: left;
			width: 48%;
		}

		.magazin-archive ul li img {
			width: 100%;
		}
	}
	a {
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
	}

	footer .load-more a:hover {
		opacity: 1;
	}