body, html {
	width: 100%;
    height: 100%;
	color: #050505;
	font-family: 'Roboto',Arial,Helvetica,sans-serif;
    font-size: 20px;
	font-weight: 400; 
    line-height: 1.5;
	margin: 0; 
    padding: 0;
	-webkit-box-sizing:border-box; 
	-khtml-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	-o-box-sizing:border-box; 
	box-sizing:border-box;
}

@font-face { font-family: "NotoCondensedBold";  src: url("/fonts/NotoSerifBengali_Condensed/NotoSerifBengali_Condensed-Bold.ttf"); }

*{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}

form, input { margin: 0; padding: 0; }
table { border-collapse:collapse; }
a img { text-decoration:none; border:0;}

::placeholder { color: #aaaaaa; opacity: 1; }	/* Firefox */
:-ms-input-placeholder { color: #aaaaaa; }		/* Internet Explorer 10-11 */
::-ms-input-placeholder { color: #aaaaaa; }		/* Microsoft Edge */


h1 { font-family: 'NotoCondensedBold',serif; font-size: 2em; color: #4389cd; line-height: 1.2; font-weight: normal; text-align: center !important; xletter-spacing: -.02em; margin-top: 0; margin-bottom: 1em; }
h2 { font-family: 'NotoCondensedBold',serif; font-size: 1.5em; font-weight: normal; color: #050505; text-align: center; margin: 0; padding:0; padding-top: 0.7em; xtext-transform: uppercase; letter-spacing: .1em; }
h3 { font-family: 'NotoCondensedBold',serif; font-size: 1.1em; font-weight: bold; color: #050505; text-align: left; margin: 0; padding:0; padding-top:1em !important; letter-spacing: .1em; }


#page-wrap { position: relative; width: 100%; margin: 0; padding: 0; text-align: center; }
.page-center { position: relative; width: 1200px; text-align: center; margin-left: auto !important; margin-right: auto !important; }
.align-left { text-align: left; }

#glava-wrap { position: relative; width: 100%; }
#glava-zgoraj { position: relative; height: auto; display: flex; justify-content: space-between; align-items: flex-end; color: #6d6e71; background-color: white; vertical-align: bottom; padding-top: 0.8em; padding-bottom: 1em; }
/* #glava-zgoraj #meni-zg { position: relative; display: inline-block; color: white; font-size: 1em; font-weight: bold; text-transform: uppercase; }
#glava-zgoraj #meni-zg:after { position: absolute; right: 1.25em; left: 1.25em; bottom: 0; height: 1px; content: "";  background: rgba(255,255,255,0.2); } */

#glava-spodaj-wrap { position: relative; width: 100%; background-color: #306293; }
#glava-spodaj { position: relative; display: flex; justify-content: space-between; align-items: center; }

#meni-zgornji { position: relative; display: inline-block; font-family: 'Roboto', sans-serif; font-size: 0.85em; font-weight: regular; font-weight: 400; xtext-transform: uppercase; }	/* zgornji */
#meni-glavni { position: relative; display: block; xwidth: calc(100% - 100px); width: 100%; height: 75px; font-family: 'Roboto', sans-serif; font-size: 0.65em; font-weight: bold; font-weight: 500; text-transform: uppercase; }   	/* glavni */
#meni-trg { position: relative; display: inline-block; width: 100%; font-family: 'Roboto', sans-serif; font-size: 0.85em; font-weight: bold; font-weight: 700; border-top: 1px solid #e5e5e5; }	/* trgovina */
#meni-ikone { position: relative; display: block; height: 27px; }   	/* ikone */
#meni-ikone .jeziki { position: absolute; left: 0.5em; visibility: hidden;  text-align: left; background-color: #ffffff; list-style-type: none; padding: 0.5em; margin-top: 0.5em; z-index: 10; box-shadow:0 0 10px rgba(0,0,0,0.3); }
#meni-ikone .jeziki li a { color: #000000; font-weight: bold; }
.ikona { position: relative; display: inline-block; width: 27px; height: 27px; background-color: transparent; border: none; outline: none; margin-left: 0.5em; cursor: pointer; }
.ikona:hover { border: none; outline: none; }
#izbira-jezika.ikona { width: 68px !important; }

.facebook { display: block; width: 27px; height: 27px; background-image: url("/images/facebook.png"); background-repeat: no-repeat; }
.instagram { display: block; width: 27px; height: 27px; background-image: url("/images/instagram.png"); background-repeat: no-repeat; }
.search { display: block; width: 26px; height: 26px; background-image: url("/images/search.png"); background-repeat: no-repeat; }
.login { display: block; width: 20px; height: 28px; background-image: url("/images/login.png"); background-repeat: no-repeat; }
.shop { display: block; width: 26px; height: 28px; background-image: url("/images/shop.png"); background-repeat: no-repeat; }

.dropdown { display: inline-block; width: 13px; height: 25px; background-image: url("/images/dropdown-w.png"); background-repeat: no-repeat; background-position: 0 12px; margin-left: 3px;  }
.jezik { display: inline-block; height: 25px; padding-top: 5px; text-transform: uppercase; }
.jezik img { xmargin-right:10px; }
#izbira-jezika a { font-family: 'Roboto', sans-serif; font-size: 0.8em; font-weight: bold; font-weight: 500; color: blue; text-align: right; color: #306293; }

/* #glava-zgoraj #podmeni { position: relative; display: inline-block; color: white; font-size: 0.8em; font-weight: bold; text-transform: uppercase; } */
#podmeni-mobilni { position: relative; display: none;  color: white; font-size: 0.8em; font-weight: bold; background-color: #609fba; text-transform: uppercase; white-space: nowrap; overflow-x: scroll; }
#logo { display: inline-block; width: 147px; height: 93px; padding:0; margin:0; }
#meni-footer { position: relative; display: block; font-size: 1em; }

.home-wrap {
	position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	width: 100%;
	height: calc(100vh - 200px);
/*    min-height: 100vh;
    padding-top: 60px; */
    padding-bottom: 0;
	background-image: url('/knjiznica/slike-v-glavi/dole.jpg');
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: 100% auto;
}

.home-wrap:before {
  content: '';
  width: 90vw;
  height: calc(90vh - 200px);
  position: absolute;
  left: 5%;
  top: 5%;
  background-repeat: no-repeat;
  background-image: url('/knjiznica/slike-v-glavi/blur-dole20-40.jpg');
  background-size: 90vw auto;
  background-position: center center;
/*  clip-path: inset(10% 5% 10% 5%);*/
	border-radius:35px; 
	overflow: hidden; 
	box-shadow: 10px 10px 10px rgba(0,0,0,0.3); 
	/*transform: rotate(4deg) translateZ(0);*/
}

.home-wrap.no-blur {
	position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	width: 100%;
	height: calc(100vh - 200px);
/*    min-height: 100vh;
    padding-top: 60px; */
    padding-bottom: 0;
	background-image: url('/knjiznica/slike-v-glavi/morje.jpg');
	background-repeat: no-repeat; 
	background-position: top center; 
	background-size: 100% auto;
}

.notranja .home-wrap {
	height: calc(70vh - 200px);
}	

.notranja .home-wrap:before {
  height: calc(60vh - 200px);
}  
  
	
.home-container {
    position: relative;
	display: block;
    width: 100vw;
    max-width: 1920px;
	height: 100%;
    margin-right: auto;
    margin-left: auto;
}

#home-vsebina {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
	max-width: 1920px;
    height: 100%;
	color: #ffffff;
	
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: flex-end;
	
/*    margin-right: auto;
    margin-left: auto;
/*    padding-top: 4rem;
    padding-bottom: 4rem; */
}

#home-levo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 60%;
	height: 100%;
	padding-left: 10%;
/*	padding-top: 4em; */
}

.vstopna #home-levo {
	padding-top: 4em;
	padding-bottom: 3em;
}

#home-vsebina h1 { color: white; margin-bottom: 0; }
#naslov-h1 {
    font-size: 2em;
    font-weight: 300;
	text-align: left !important;
}

#vstopna-naslov-h1 {
    font-size: 2.5em;
	font-weight: 300;
	text-align: left !important;
}

#naslov-h2 {
    font-size: 1.5em;
    font-weight: 300;
	text-align: left;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 0;
}

.besedilo {
	text-align: left;
}

#home-levo .besedilo {
	text-align: left;
}

.home-desno {
	min-width: 40%;
	height: 100%;
	
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	
	flex-direction: row;
	
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
	justify-content: center;
	
	max-height: 100%;
	padding-right: 10%;
	overflow: hidden;
}

.home-desno img {
	flex-shrink: 1;
	min-height: 50%;
	max-height: 100%;
    border: 0;
}

.img-in-circle img {
	max-width: 100%; max-height: 90%; border: 7px solid #ffffff; border-radius: 100%; height: auto; display: block;
}

/*
.button { display: inline-block; padding: 10px; background: #fae80b; cursor: pointer; border-radius: 5px; border: 1px solid #fae80b; }
.button:hover { background: #ddd; border: 1px solid #ddd; }
*/

#dogodki_izp_wrap { position: absolute; bottom: 0px; left: 50%; width: 50%; min-width: 600px; z-index: 5; }
#dogodki_izp { position: relative; left: -50%; text-align: left; max-height: 230px; overflow-x: auto; background-color: #ffffff; padding: 10px 2em 20px;
    box-shadow: 0 10px 15px rgba(0,0,0,.14);
    border: none;
    border-radius: 3px 3px 3px; }
	
#dogodki_izp .dogodek { 
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; 
}	

#dogodki_izp .kategorija { font-size: 13px; margin-top: 20px; }
#dogodki_izp .dogodek-naziv { font-weight: bold; }
#dogodki_izp .termin {  }

#dogodki_izp .dogodek .gumbi { 
  display: flex;
  flex-direction: column; }	
#dogodki_izp .dogodek .preberi_vec { height: auto; background-color: #d82535; border-radius: 3px; margin-top: auto; }
#dogodki_izp .dogodek .preberi_vec a { padding: 6px 1.5em 6px 1.5em; }



/*----------------------- mobilni meni ---------------------------------------*/

.ikona-mob { position: absolute; top: 0; left: 0; display: block;  background-color: transparent; border: none; outline: none; xpadding-top: 0.5em; xpadding-left: 0.5em; margin: 0; cursor: pointer; color: #ffffff; z-index: 5; }
.ikona-mob:hover { border: none; outline: none; }
.ikona-mob.trigger { display:none; visibility: hidden; }

#mobilni-trigger { display: block;  xbackground-color: white; padding: 0.8em; color: #000000; xfont-size: 0.8em; }
#mobilni-trigger a { display: block; color: #000000; xfont-size: 0.7em; text-decoration: none; }
.mobilni-trigger { display: block; width: 30px; height: 25px; background-image: url("/images/mobilni-trigger-w.png"); background-repeat: no-repeat; }


#mobilni-close { visibility: hidden; display: none; position: relative; background-color: #27456a; padding-left: 1em;  padding-top: 1em; color: #000000; xfont-size: 0.8em; }
.mobilni-close { display: block; width: 37px; height: 25px; background-image: url("/images/mobilni-close-w.png"); background-repeat: no-repeat; xbackground-position: center left; }

#mobilni { position: fixed; top: 0; left: 0; width: 60px; max-height: 100vh; font-weight: 400; font-size: 1em; text-align: left; z-index: 24; overflow: scroll; }
#mobilni { visibility: hidden; display: none; }
#mobilni .meni { visibility: hidden; display: none; }
#mobilni .meni { font-size: 0.9em; font-weight: normal; text-transform: uppercase; background-color: #27456a;  margin: 0 !important;  }

#mobilni-meni { padding-left: 1.25em; }


/*----------------------- footer ---------------------------------------------*/

#footer-wrap { width: 100%; margin-top: 3em; background-color: #f5f5f5; border-top: 1px solid #d0d0d0; }
#footer  { color: #5a5a5a; font-size: 1rem; text-align: left; line-height: 1; padding-top: 1em; padding-bottom: 1em; }
#footer a { color: #5a5a5a; }
#footer span { color: #1b456a; font-weight: bold;  }

.bulet { color: #1b456a; font-weight: bold;  }
.clear { margin: 0; padding: 0; display:block;  clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }