/* Add here all your css styles (customizations) */

/* MEDIA - DIFFERENT SCREEN SIZE */


/* ŠIRINA DO 480px */
@media screen and (max-width: 480px){
	/*#logo-header img { height: 48px; }*/
	.navbar-brand img { height: 46px; }
}

/* ŠIRINA DO 767px */
@media (max-width: 767px) {
	.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > li > a:focus, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
	background: none;
	min-height: 28px;
	color: #fff;
	}
	.dropdown > a::after {
		top: 9px;
		right: 15px;
		content: "";
	}
}



/* ŠIRINA DO 900px */
@media only screen and (max-width: 767px) {
	
	.nav>li>a{
		padding: 5px;
	}
	

	#naslovna-domov{
		background-position: 20% 50% !important;
	}
	#naslovna-domov h1{
		font-size: 30px !important;
		margin-right: 25px;
	}
	#fbicon{
	text-align: left;
}
	.align-left{
		text-align: left;
	}
		body{
		text-align: center;
	}
	#alarmikona{
		margin-bottom:60px;
	}
	#videonadzorikona{
		margin-bottom:60px;
	}
	#pametendomikona{
		margin-bottom:60px;
	}
	h2{
		font-size: 50px !important;
	}
	
    .mobiskrij {
        display:none;
    }
	.service{
		padding:0px;
	}
	.sticky {
     position: relative!important;
		
	}
	
	.mobilenpadding{
		padding-top:5px!important; 
		padding-bottom: 5px!important;
		
	}
	
	.dropdown-toggle::after {
		content: "▼"!important;
	}
	
}

/* ŠIRINA NAD 901 */
@media only screen and (min-width: 767px) {
    .mobiskrij2 {
        display:none;
    }
	
}

@media only screen and (max-width: 1500px) {

	    .skrijzamaleekrane {
        display:none!important; 
    }
}
	

	@media only screen and (max-width: 900px) and (min-width: 400px) {
    .tablca {
        height: 320px;
    }
		
	.hidefortab{
			display: none;
		}
	
}


@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}



ul.nav.navbar-nav{
padding: 0 175px;
}
/* KONEC SCREEN SIZE OMEJITEV 

	.nav>li>a{
		padding: 5px;
	}



div.navbar-collapse.collapse{

  display: inline-block;
  text-align: center;
	vertical-align: middle;
}



*/

  .partner-logo {
    max-width: 90%; /* Reduce the max-width to make the images smaller */
    height: auto;
    display: block;
    margin: 0 auto;

    padding: 10px; /* Add padding around the images */
  }




.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}

.topbar {
	background: #1e73be;
}
.dropdown {
	padding: 0px 0 !important;
}
.dropdown > .active,
.dropdown-empty > .active
{
/*	padding: 24px 0 !important;*/
	color: #fff;
  background: #1e73be;
}

/*.header .navbar-default .navbar-nav > .active > a {
	color: #fff;
  background: #ffcc00;
}*/
.header .navbar-default .navbar-nav > .active {
	color: #fff;
  /*background: #fdc400;*/
  background: #1e73be;
  
  /*border-bottom: solid 2px;*/

}
.header .navbar-default .navbar-nav .dropdown:hover,
.header .navbar-default .navbar-nav .dropdown:focus,
.dropdown-empty:hover,
.dropdown-empty:focus {
text-decoration: underline;

}
.header .navbar-default .navbar-nav > .active > a {
text-decoration: underline;
}

.header .navbar-default .navbar-nav > li > a {
color: #4D4D4D;
/*color: #000;*/
font-size: 14px;
font-weight: 510;
padding: 25 0;
text-transform: uppercase;
/*font-weight: bold;*/
}


.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > li > a:focus, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
text-decoration: underline;
}
/*Navbar Toggle*/
.navbar-toggle,
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	
 /* background: #fdc400;*/
}

.navbar-toggle:hover {
	/*background: #d35400 !important;*/
}

.navbar-default .navbar-toggle {
	/*border-color: #d35400;*/
}

/*Responsive Navbar*/
/*@media (max-width: 767px) {
	.header .navbar-default .navbar-nav > li > a:hover {
		color: #fdc400;
	}*/

	/*.header .navbar-default .navbar-nav > .active > a,
	.header .navbar-default .navbar-nav > .active > a:hover,
	.header .navbar-default .navbar-nav > .active > a:focus {
		background: #fdc400;
	}
}*/

	/*Dropdown Menu*/
	.header .dropdown-menu { 
		padding: 0;
		border: none;
		min-width: 200px;
		border-radius: 0; 
		z-index: 9999 !important;
		/*margin-top: -2px !important; */
		margin-top: 0px !important; 
		border-top: solid 2px #094fa3; 
		border-bottom: solid 2px #687074; 
	}

	.header .dropdown-menu li a { 
		color: #687074; 
		font-size: 12px; 
		font-weight: 400; 
		/*padding: 6px 15px;*/ 
		padding: 15px 20px;
		border-bottom: solid 1px #eee;
		/*font-weight: bold;*/
	}

	.header .dropdown-menu .active > a,
	.header .dropdown-menu li > a:hover {
	text-decoration: underline;
	}

	.header .dropdown-menu li > a:focus {
		background: none;
		filter: none !important;
	}

	.header .navbar-nav > li.dropdown:hover > .dropdown-menu {
		display: block;
	}	

	.header .open > .dropdown-menu,
	.header-v1 .open > .dropdown-menu {
		display: none;
	}

/*Za liste na prvi strani*/
/*Portfolio v2
------------------------------------*/
.sorting-block ul {
	margin: 0;
	padding: 0;
}

/*Sorting Navigation*/
.sorting-block .sorting-nav {
	margin-bottom: 30px;
}
.sorting-block .sorting-all li{
	margin-bottom: 10px;
}
.sorting-block .sorting-all li img {
    background-color: #ececec;
    padding: 1px;
}

.sorting-block .sorting-nav li {
	padding: 0 2px;
	font-size: 12px;
	cursor: pointer;
	list-style: none !important;
	display: inline-block;
}


.sorting-block .sorting-nav li.active {
	color: #fdc400;
	border-bottom: solid 1px #fdc400;
}

/*Sorting Navigation v1*/
.sorting-block .sorting-nav-v1 li {
	margin: 0 5px;
	font-size: 17px;
	font-style: italic;
}

/*Sorting Grid*/
.sorting-block .sorting-all {
	list-style: none;
}



/*Sorting Grid with Text*/
.sorting-block .sorting-all li a:hover  {
	text-decoration: none;
}

.sorting-block .sorting-all li span.sorting-cover {	
	padding: 0px;
	display: block;
	margin-top: 1px;
	background: #ececec;
}

.sorting-block .sorting-all li span.sorting-cover p {	
	margin-bottom: 0;
}

.sorting-block .sorting-all li span.sorting-cover span {	
	font-size: 16px;
}

.sorting-block .sorting-all li a:hover span.sorting-cover {
	background: #fdc400;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;	
}

.sorting-block .sorting-all li a:hover span.sorting-cover p,
.sorting-block .sorting-all li a:hover span.sorting-cover span {
	color: #fff;
}
.sorting-block .sorting-all li a:hover span.sorting-cover {
background: #fdc400;
}
/* konec listov na prvi strani */

/*Footer*/


.serviceinfo {
overflow: hidden;
margin-bottom: 10px;
padding: 15px 15px 10px;
}
.serviceinfo:hover {

box-shadow: 0 0 5px #ddd;
-webkit-transition: box-shadow 0.2s ease-in-out;
-moz-transition: box-shadow 0.2s ease-in-out;
-o-transition: box-shadow 0.2s ease-in-out;
transition: box-shadow 0.2s ease-in-out;
}
.serviceinfo .descinfo {
padding: 0 15px;
padding-top: 5px;
overflow: hidden;
}
.serviceinfo .descinfo p{
color: #585f69;
font-size: 18px;
}
.serviceinfo .descinfo p a {
font-size: 18px;
}
.serviceinfo .service-icon {
float: left;
padding: 10px;
color: #585f69;
font-size: 45px;
text-align: center;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.serviceinfo:hover .service-icon {
color: white;
}
.copyright a, .copyright a:hover {
color: #d5d5d5;
}
.copyright a:hover {
color: #fff;
}

.copyright {
background: #4D4D4D;
}
.copyright p {
color: #f9f9f9;
}
.copyright .content {
padding-top: 0px;
padding-bottom: 0px;
}
.footer {
color: #585f69;
/* background: #585f69; */
background: #f9f9f9;
padding: 20px 0 30px;
}
.footer .posts .dl-horizontal a {
color: #585f69;
}
.footer .headline h2 {
color: #585f69;
}

.sorting-block > .headline h2 {
margin-left: 15px;
padding-top: 10px;
}
/* Slider */
.slides li {
	/*width: 230px !important;*/
}
/*slider*/
/*.ls-nav-prev{
display: block !important;
}*/
/*Contact Pages
------------------------------------*/
.map {
	width: 100%; 
	height: 550px;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}

.gm-style-iw {
	/*overflow: inherit !important;*/
}

.map-box {
	height: 450px !important;
}

.map-box-space {
	margin-top: 15px;
}

.map-box-space1 {
	margin-top: 7px;
}
/*.headline h2, .headline h3, .headline h4 {
border-bottom: 3px solid #fdc400;
}*/

/*slider prva stran*/
#da-img1 {
text-align: center;
width: 50%;
top: 1px;
height: 328px;
line-height: 320px;
left: 47%;
margin-left: -16%;
}
#da-img2 {
text-align: center;
width: 50%;
top: 35px;
height: 328px;
line-height: 320px;
left: 80%;
margin-left: -16%;
}
#da-img3 {
text-align: center;
width: 50%;
top: 264px;
height: 328px;
line-height: 320px;
left: 22%;
margin-left: -16%;
}

.purchase .btn-buy a {
margin-top: 2px;
}
/*Left menu*/

.sidebar-nav-v1 > li.active, .sidebar-nav-v1 > li.active:hover {
	color: white;
background: #1e73be;
}
/*Gumb za nobelovo nagrado*/
.btn-u.btn-u-default {
background: #c9c9c9;
}
.btn-u.btn-u-default:hover, .btn-u.btn-u-default:focus, .btn-u.btn-u-default:active, .btn-u.btn-u-default.active, .open .dropdown-toggle.btn-u.btn-u-default {
background: #919e9f;
}



/*sredinska poravnava besedila*/
.pos-center{
text-align: center;
}
.pos-center img{
vertical-align: baseline;
height:28px;
}
.service-main {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 15px 15px 10px;
}
.service-main {
background: #ffffff none repeat scroll 0% 0%;
    
    box-shadow: 0px 0px 5px #DDD;
    transition: box-shadow 0.2s ease-in-out 0s;
}
.service-main:hover {
background: #FCFCFC none repeat scroll 0% 0%;
}



html, body { 
margin:0;
padding:0;
width:100%;
height:100%;
overflow: auto;
overflow-x: hidden;
}

#opishubmobi{
	background-color:rgb(35,34,35);
	margin-top:50px;
}
.ztop{
	z-index:200;
}
.mtop30{
	margin-top:30px;
}

.margin-bottom-30{
	margin-bottom:30px;
}

.raz1{
	z-index: 1;
}
.raz2{
	z-index: 2;
}
.raz3{
	z-index: 3;
}
.raz4{
	z-index: 4;
}
.tothetop{
	z-index: 50;
}
.tothetop2{
	z-index: 52;
}

.zminus{
	z-index: 0;
}

.zdeset{
	z-index: 10;
}



.hoverscale:hover{
		height: 102%;
	width: 102%;
	
}
h1{
	color:#0071BC;
	font-size: 36px;
}

h2{
	color:white;
	font-size: 60px;
}

#prednosti-alarma{
padding:50px 0px;
}
.sivoozadje{
	background-color:rgb(35,34,35);
}
.ikonaalarm{
	height:80%;
	width:80%;
	transform: translateX(15%) translateY(-15%);
	
}




.uzadistop{
	position: fixed;
}

.beloozadje{
	background-color:white;

}

.blok-naslovnica{
	height:550px;
	width: auto;
}

.celrazdelek{
	position: relative;
	width: 100%;
	background-color: rgba(30,115,190,1.0);
	padding-top: 30px;
	padding-bottom: 30px;
	
}





.btn{
	padding: 10px;
	font-size: 18px;
	background-color: #1E73BE;
}

.btn:hover{
	background-color:white;
	color:rgba(30,115,190,1.0);
}

#appajax{background-color:white;
padding-top:60px;}

.senzorjitxt{
	color:white;
	text-align: center;
}

video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}

.sklopalarm{
    overflow: hidden;
    position: relative;

	height: 50vw;
	width:100%;
	

}

.relpoz{
	position:relative;
}

.sticky{
	position:sticky;
	top: 50px;
	
}

.stickytop{
	position:sticky;
top: 0px;
	z-index: -2;
}
.razdelekalarm{
	position: sticky;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	z-index: -1;
}
.alarmprednosti{


}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	width: 100%;
	z-index: 100;
}

.vertical-center75 {
  margin: 0;
  position: absolute;
  top: 70%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	width: 100%;
	z-index: 100;
}

.vertical-center25 {
  margin: 0;
  position: absolute;
  top: 35%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	width: 100%;
	z-index: 100;
}


.razdelek{
	margin-top: 50px;
	margin-bottom: 50px;
	
}
.podnaslovnobesedilo{
	
	background-color: rgba(30,115,190,0.8);
	color:white;
	
}
.podnaslovnobesedilo2{
	
	background-color: rgba(30,115,190,0.8);
	color:white;
	font-size: 18px;
}

.odstavek{
	padding-left:80px;
}

.dno{
	
	position: absolute;
	bottom: 50px;
}
.dnoini{
	
	position: absolute;
	bottom: 60px;
}
.dnopodnaslov{
	
	position: absolute;
	bottom: 10px;
	right: 1px;
}

.bottom{
	position:absolute;
	bottom:0px;
	width: 100%;
}

.padding-bot-30{
	padding-bottom:30px;
}
.brezmarginelevo{
	margin-left:0px;
}

.osnovnobesedilo{
	font-size: 1.3em;
}

#naslovna-domov{
	background-image:url("../assets/img/slike/naslovnica.jpg");
	background-position: center;
	background-size: cover;
	
	width:100%;
	height: 100%;
}
.subsection{
	background-color: white;
	z-index: 100;
}
#naslovna-pameten-dom{
	background-image:url(../slike/naslovna-pameten-dom.jpg);
	background-position: center;
	background-size: cover;
	
	
	width:100%;
	height: 100%;
}

#naslovna-alarm{
	background-image:url(../slike/alarm/naslovna-alarm1.jpg);
	
	background-size: 105%, 105%;
	background-position: -400px -180px;
	
	
	width:100%;
	height: 100%;
	
}

#naslovna-videonadzor{
	background-image:url(../slike/kamere/kamere.png);
	background-position: top center;
	background-size: cover;
	
	width:100%;
	height: 100%;
}

#naslovna-bussiness{
	background-image:url("../assets/img/slike/bussiness-naslovna.jpg");
	background-position: top center;
	background-size: cover;
	
	width:100%;
	height: 100%;
}

#naslovn-roka-pameten-dom{
	position:absolute;
	width: 25%;
	height: auto;
	bottom:0px;
	right:0px;
}

#naslovn-roka-alarm{
	position:absolute;
	width: auto;
	height: 90%;
	bottom:0px;
	right:0px;	
	
}

#roka{
	position: absolute;
 	right: 0px;
	top: 15%;
	
	width: 30%;
	height: auto;

}



.image-container {
    position: relative;
    height: 200px;
	width: 100px;
}

#bair-roka {
    position: absolute;
    top: 5%;
    right: 0;
    max-height: 90%;
  
}

.modroprosojnoozadje{
	background-color: rgba(30,115,190,1.00);
}
#blok-montaza{
	color: white;
	align-content: center;
	
} 

#blok-opis{

	
	min-height: 300px;
}

#fbicon{
	text-align: left;
}

align-left{
	text-align: left;
}

.sidebar {
  height: 350px;
  width: 0;
  position: relative;
  z-index: 1;
  top:0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;

	
}








.kontakttext{
	margin-top: 22px;
	margin-bottom: 22px;
	font-size: 1.2em;
}


.nopadding{
 padding:0px;
}

.nomargin{
	
	margin:0px;
}

.logoopis{
	background-image:url(../slike/logo-prosojen.png);
	background-position: center;
	background-size: 50%;
	background-repeat: no-repeat;
	
}

.mbot5{
	margin-bottom:7px;
}


#overlay {
  position: absolute; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.50); /* Black background with opacity */
  z-index: 20; /* Specify a stack order in case you're using a different order for other elements */
  display: block;
}

#nacrt{
	
	background-image:url(../slike/nacrt.jpg);
	min-height: 350px;
	text-align: center;
	
	

}

#ideja{
	background-image:url(../slike/ideja.jpg);
	background-position:center;
	background-size: cover;
	min-height: 350px;
	text-align: center;
}

/*
#ideja-besedilo{
	transition: margin-left .5s;
}

#nacrt-besedilo{
	transition: margin-left .5s;
}

#izvedba-besedilo{
	transition: margin-left .5s;
}

*/

.inipodpis{
	margin-top:20px;
	
}

#izvedba{
	background-image: url(../slike/izvedba.jpg);
	background-size: cover;
	background-position: center;
	min-height: 350px;
	text-align: center;
	
}


.moder-blok{
	background-color: rgb(30,115,190);
}


.row{margin:0px;}

#logo{
	height: 30px;
}


.razmak{
	margin-top: 80px;
}

.tri4razmak{
	margin-top: 80px;
}

.malirazmak{
	margin-top: 40px;
}
.polrazmak{
	margin-top: 40px;
}
.sterrazmak{
	margin-top: 20px;
}


.belrob{
	border-color: white;
	border-style: solid;
	border-width: 2px;
	
}

.pbrezm{
	margin-bottom: 0px;
}

input{
	font-size: 18px;
}



.mid{
	text-align: center;
}

.elcont{
	height:100%;
}

.elnaslov{
	font-size:16px;
	
}

.elslika{
	    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.el{
	height:100%;
	text-align: center;
	padding: 40px;
	margin:5px;
	border-color: rgb(30,115,190);
	border-width: 5px;
	border-style: groove;
	border-radius: 30px; 
	
}

label{
	font-weight:500;
}

#opisbg{
	background-image: url(../img/slike/opisbg.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
#stevilke{
	position: fixed;
	right: 2%;
	font-size: 1.5em;
	
}
.okvirsiv{
	
	font-size: 1.1em;
	border-style:solid;
	border-width: 3px;
	border-color: rgb(30,115,190);
	text-align: center;
	padding-top: 10px;
	padding-bottom:10px;
	background-color: rgb(200,200,200);
	
}

.okvir{
	font-size: 1.1em;
	border-style:solid;
	border-width: 3px;
	border-color: rgb(30,115,190);
	text-align: center;
	padding-top: 10px;
	padding-bottom:10px;
	background-color: rgb(30,115,190);
	
}

.pad{padding:0px;}

.beltext{
	color:white;
}

.beltext :hover{
	color: white;
}
.moder-text{
	color:rgb(30,115,190);
}
.modertext{
	color:rgb(30,115,190);
	font-size: 28px;
}

.fa{
	color: white;
}

#Davcna{

    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */

}

#zaluzije{
	background-image:url(../slike/upravljanjezaluzij.jpg);
	background-position:center;
			border-style: solid;
	border-color: white;
	border-width: 2px;
	color: black;
}

#zaluzije:hover{
	transform: scale(1.01);
}



#gretje{
	background-image: url(../slike/gretje.jpg);
	background-position: center;
	border-style: solid;
	border-color: white;
	border-width: 2px;
	color: black;
}

#gretje:hover{
	transform: scale(1.01);
}


#razsvetljava{
	background-image:url(../slike/razsvetljava.jpg);
			border-style: solid;
	background-position: center;
	border-color: white;
	border-width: 2px;
	color: black;
}

#razsvetljava:hover{
	transform: scale(1.01);
}

#naprave{
	background-image:url(../slike/napravebg.jpg);
			border-style: solid;
	background-position: top;
	border-color: white;
	border-width: 2px;
	color: black;
}

#naprave:hover{
	transform: scale(1.01);
}


#ledrazsvetljava{
	background-image:url(../slike/ledluci.jpg);
	background-position: center;
			border-style: solid;
	background-size: cover;
	border-color: white;
	border-width: 2px;
	color: black;
}

#ledrazsvetljava:hover{
	transform: scale(1.01);
}


#garazna{
	background-image: url(../slike/garaza.jpg);
background-position: left;
			border-style: solid;
	border-color: white;
	border-width: 2px;
	color: black;
}

#garazna:hover{
	transform: scale(1.01);
}


#reference{
	padding-bottom: 20px;
}

#gumb{
		margin-top:20px;
	padding-right:20px;
	
}

.puscica{
	position:absolute;
	bottom:5px;
	right: 50%;
	left: 50%;
}

#purchase{
	background-color: #428BCA;
	border-width: 0px;
	color:white;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#gumbnakup{
	background-color: #428BCA;
	border-width: 0px;
	color:white;
	width: 100%;
	margin: 0px;
	padding: 0px;
}


.naslovnaslovnice{
	color:white;
	background-color: rgba(30,115,190, 0.8);
}

.blogpodnaslov{
	font-size:18px;
}

.blogbesedilo{
	font-size:16px;
}

.odmikdol{
	margin-bottom: 20px;
}


.cookienote{
	margin:10px;
	background-color: white;
	background-color: rgba(255,255,255, 0.8);
	background-color: rgba(77,77,77, 0.85);
	color: white;
	position: fixed;
	bottom: 10px;
	left: 10px;
	z-index:1;
	
}

.cookietext{
	color:white;
}

.lightblue{
	color:dodgerblue;
}


.slider-inner{
margin-top:4%;
	
}

.navbar{
	padding-top: 16px;	
	min-height: 80px;
	border: none;
}

.logo-nav{
	position: fixed;
	left: 60px;
	top:6px;
}

.header .navbar-default {
	background-color: white;
	background-color: rgba(255,255,255, 1.0);

	
	
}

.odmikgor{
	margin-top:20px;
}
.topbar{
	top:-2px;
	padding-bottom:0px;
	padding-top:2px;
}

.resitvenaslov{
	position: absolute;
	top: 30px;
	color:white;
	font-size: 30px;
	font-weight: 500;
	
		background-color: rgba(30,115,190, 0.9);
	padding: 0 10px;
	
	
	
}

.cena{

	padding-left: 20px;
	
}

.inputst{
	width: 54px;
}

.topborder{
	border-top-style:solid;
	border-top-width: 1px;
}




.kratekopis{
	position: absolute;
	bottom: 20px;
	left:40px;
	
	color:white;
	padding-left: 10px;
	
	font-size: 20px;
	background-color: rgba(50,50,50, 0.8);
	padding: 0 10px;
	
}



@-webkit-keyframes refslika {
	0% {height: 0px;} 

	100% {height: 180px;}
}

@keyframes refslika {
	0% {height: 0px;} 

	100% {height: 180px;}
	
}


li>a>.refslika {

height: 0px;

}

li>a:hover>.refslika{
	  -webkit-animation-name: refslika;
	  -webkit-animation-duration: 0.5s;
	  -webkit-animation-iteration-count: 1;
	  animation-name: refslika;
	  animation-duration: 0.5s;
	  animation-iteration-count: 1;
	
	
	


height: 180px;


	
}

li>a:hover{
	color: #555555;
}



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



@-webkit-keyframes linkgal {
	0% {-webkit-filter: grayscale(60%);} /* Safari 6.0 - 9.0 */

	100% {-webkit-filter: grayscale(0%);}
}

@keyframes linkgal {
	0% {filter: grayscale(60%);} /* Safari 6.0 - 9.0 */

	100% {filter: grayscale(0%);}
	
}


.linkgal {
	
	-webkit-filter: grayscale(60%); /* Safari 6.0 - 9.0 */
    filter: grayscale(60%);

}

.linkgal:hover{
	  -webkit-animation-name: linkgal;
	  -webkit-animation-duration: 0.8s;
	  -webkit-animation-iteration-count: 1;
	  animation-name: linkgal;
	  animation-duration: 0.5s;
	  animation-iteration-count: 1;
	
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);



	
}



.resitve{
	position: relative;
	padding: 0px;
	min-height:200px;

}


.colapseul{
		padding-top:20px;
	padding-bottom: 0px;
}
.colapseopis{
	
	color:black;
	font-size: 18px;
}

.kolaps{
	background-color: white;
	background-color: rgb(255,255,255); 
    background-color: rgba(255,255,255, 0.8);
	color:black;
	padding: 0px 0px;
	
}

.slikaizdelka{
	text-align:right;
	margin-top: 20px;
	margin-bottom:20px;
	height: 80%;
	
}

.gumbnakup{
	text-align: right;
	padding-bottom: 25px;
	padding-right:25px;
	
	
	
}

.btn{
	width:13%;
}

.inteligentopis{
	font-size:18px;
	color: white;
}

.inteligentopiscrn{
	font-size:18px;
	color: black;
}

.aresitev{
	text-decoration: none;
	
}

.aresitev:hover{
	text-decoration: none;
	
}

.aresitev:active{
	text-decoration: none;
	
}

.aresitev:visited{
	text-decoration: none;
	
}



.naslovnica{
	position: relative;
	padding:0px;
	margin:0px;
	margin-top:4%;
	width: 100%;
	
	height: 300px;
}

.naslovvec{
	position: absolute;
	top:30px;
	left:20%;
		color:white;
	font-size: 30px;
	font-weight: 500;
	
		background: url(../plugins/parallax-slider/img/bg-heading-blue.png) repeat;
	padding: 0 10px;
	
}

.kratekopisvec{
	position: absolute;
	bottom:20px;
	left:20%;

	color:white;
	padding-left: 10px;
	
	font-size: 20px;
	background: url(../plugins/parallax-slider/img/bg-text.png) repeat;
	padding: 0 10px;
	
}

.navodilaslika{
	padding:0px;
	border-style: solid;
	border-color:white;
	border-width: 2px;
}




*,
*:before,
*:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*clearfixes*/

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}




.animation-element {
  opacity: 0;
  position: relative;
}
/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 600ms linear;
  -webkit-transition: all 600ms linear;
  -o-transition: all 600ms linear;
  transition: all 600ms linear;
  -moz-transform: translate3d(-150px, 0px, 0px);
  -webkit-transform: translate3d(-150px, 0px, 0px);
  -o-transform: translate(-150px, 0px);
  -ms-transform: translate(-150px, 0px);
  transform: translate3d(-150px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/*animation slide left styled for testimonials*/

.animation-element.slide-left.testimonial {
  float: left;
  width: 47%;
  margin: 0% 1.5% 3% 1.5%;
  background: #F5F5F5;
  padding: 15px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #EAEAEA;
}
.animation-element.slide-left.testimonial:hover,
.animation-element.slide-left.testimonial:active{
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}

.animation-element.slide-left.testimonial:nth-of-type(odd) {
  width: 48.5%;
  margin: 0% 1.5% 3.0% 0%;
}

.animation-element.slide-left.testimonial:nth-of-type(even) {
  width: 48.5%;
  margin: 0% 0% 3.0% 1.5%;
}

.animation-element.slide-left.testimonial .header{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.animation-element.slide-left.testimonial .left{
  float: left;
  margin-right: 15px;
}
.animation-element.slide-left.testimonial .right{
  float: left;
}

.animation-element.slide-left.testimonial img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.5);
}