body, html {
	width: 100%;
    height: 100%;
	min-height: 100vh;
	color: #333;
	font-family: "Raleway",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;
	
}


*{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: "Raleway",Arial,Helvetica,sans-serif; font-size: 2.5em; line-height: 1; font-weight: 400; text-align: center !important; letter-spacing: -.02em; margin: 0 0 2rem; }
h2 { font-size: 2em; font-weight: normal; color: #000000; text-align: center; margin: 0; padding:0; padding-top: 0; xtext-transform: uppercase; letter-spacing: .1em; }
h3 { font-size: 1.2em !important; font-weight: 700; color: #000000; text-align: left; margin: 0; padding:0; padding-top:1em !important; letter-spacing: .1em; }


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

#page-wrap.notranja { 
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	
	flex-direction: column;
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	padding-top: 35vh;
}

#page-wrap.notranja .page-center { 
	flex: 1; 
}	


#glava-zgoraj { position: fixed; top: 0; width: 100%;  background-color: #1b456a; z-index: 10; }
#glava-zgoraj #meni-zg { position: relative; display: inline-block; color: white; font-size: 1em; font-weight: normal; 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-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: none; color: white; font-size: 1.5em; font-weight: 700; padding-top: 3px; xpadding-bottom: 0.2em; }
#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: 100vh;

	flex-direction: column;
	
/*	margin-right: auto;
    margin-left: auto;	*/
    padding-top: 0;
    padding-bottom: 0;
	background-image: url("/images/ozadje.jpg"); background-repeat: repeat-x; background-position: center top; background-size: 100% 100%;
}

.home-container {
    position: relative;
	display: block;
    width: 100%;
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
}

.home-vsebina {
    position: relative;
	background-image: url("/images/dejavnost.png"); background-repeat: no-repeat; background-position: right top; background-size: auto 100%;

	display: block;
	
    width: 100%;
    max-width: 1920px;
	flex: 1;
	color: white;
}

.home-levo {

    width: 45%;
	height: 100%;
	padding-left: 2rem;
	
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
	text-align: left; 
}

.vsebina-container {
	
    
}

.naslov-h1 {
    font-size: 4vw;
    font-weight: 400;
	text-align: left !important;
	color: white;
	text-shadow: 0 0 5px #d8b4d8, 0 0 7px #97d9f1;
	margin: 0 0 1rem;
}

.naslov-h2 {
	margin-top: 0;
    font-size: 1em;
    font-weight: 400;
	text-align: left;
	line-height: 1.2em;
	color: white;
/*	text-shadow: 0 0 3px #d8b4d8, 0 0 5px #97d9f1;	*/
}

.home-desno {
    position: absolute;
    right: 0;
	bottom: 0;
    width: auto;
}

.home-desno img {
    border: 0;
    vertical-align: right;
    display: inline-block;
    max-width: 100%;
}



.razdelek { padding-top: 3em; padding-bottom: 2em; }


.notranja .razdelek { padding-top: 7em; }
.home-wrap .razdelek { padding-top: 1em; padding-bottom: 1em; }

.dva-stolpca { text-align: left; column-count: 2; -moz-column-count: 2; column-gap: 3.75em; -moz-column-gap: 3.75em; }
/* .dva-stolpca p:first-child { margin-top: 0; } */


.gumb-naprej {
	display: inline-block;
    text-decoration: none;
	color: #3e4950 !important;
    background-color: #ffffff;
    font-size: 0.9em;
    font-weight: bold;
    font-weight: 700;
    padding: 0 25px;
	padding-right: 50px;
    margin: 0;
	margin-top: 1em;
	margin-bottom: 1em;
    border: 1px solid #d0e1f5;
	border-radius: 5px;
    line-height: 38px;
	
}

.gumb-naprej .icon {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    margin: 10px 5px 0 10px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gumb-naprej:hover .icon {
    margin: 10px 5px 0 20px;
}



/*----------------------- 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: #d0e1f5; border-top: 1px solid #1b456a; }
#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;  }
.clear { margin: 0; padding: 0; display:block;  clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }