body, html {
	width: 100%;
    height: 100%;
	margin: 0; 
    padding: 0;
	color: #000000;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 16px;
	font-weight: normal; 
    line-height: 1.6;
	letter-spacing: .03em;
	-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;
}

html{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;}

h1 { font-size: 2.2em; font-weight: 400; color: #5B7F25; text-align: left; font-family: "Times New Roman",Times,Helvetica,serif; margin: 0; padding:0; padding-top: 1em; padding-bottom: 0.3em; }
h2 { font-size: 2em; font-weight: normal; color: #000000; text-align: center; font-family: "Times New Roman",Times,Helvetica,serif; margin: 0; padding:0; padding-top: 1em; 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; }
.vstopna h1 { color: #000000; font-size: 3em; text-align: center; }

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

#glava-wrap { height: 100vh; border-bottom: 1px solid #eeeeee; }

#logo, #logo-stickyhead { position: absolute; display: block; top: 1em; left: 3em; padding: 5px; background: rgba(240,240,240,1); border-radius: 55px; -webkit-filter: drop-shadow(2px 2px 3px #585858); filter: drop-shadow(2px 2px 3px #585858); z-index: 5; }
#logo img, #logo-stickyhead img { display: block; }

#logo-stickyhead { display: none; }

#meni-wrap { position: relative;  }
#meni-wrap.stickyhead { position: fixed; top: 0; width: 100%; box-shadow:0 0 10px rgba(0,0,0,0.7); z-index: 10; }

#meni-glavni .meni { font-family: "Times New Roman",Times,Helvetica,serif; font-size: 1em; font-weight: normal; xletter-spacing: 0.5em; text-transform: uppercase; padding-top: 2.5em; padding-bottom: 2.5em; margin: 0 !important; background-color: #ffffff; }

.stickyhead #meni-glavni .meni { padding-top: 1.5em; padding-bottom: 1.5em; }
.stickyhead #logo-stickyhead { position: absolute; display: block; top: 0.3em; background: none; border-radius: 0; -webkit-filter: none; filter: none; }
.stickyhead #logo-stickyhead img { width: 64px; height: 65px; }
.stickyhead #logo  { display: none;}

.notranja #glava-wrap { height: auto; }
.notranja #meni-glavni .meni { padding-top: 1.5em; padding-bottom: 1.5em; }
.notranja #logo { display: block; top: 0.3em; background: none; border-radius: 0; -webkit-filter: none; filter: none; }
.notranja #logo img { width: 64px; height: 65px; }



#slider { position: relative; display: block; width: 100%; height: calc(100vh - 110px); }

 

/*----------------------- mobilni meni ---------------------------------------*/
#glava-wrap .ikona { position: absolute; display: inline-block; top: 1em; right: 3em; background-color: transparent; border: none; outline: none; padding: 0.7em 1em; margin: 0; cursor: pointer; color: #ffffff; z-index: 5;  }
#glava-wrap .ikona:hover { border: none; outline: none; }
#glava-wrap .ikona.trigger { display:none; visibility: hidden; }

#mobilni-trigger { display: block; top: 1em; right: 3em; background: rgba(240,240,240,1); padding: 1em; color: #000000; font-size: 0.8em; }
#mobilni-trigger a { color: #000000; font-size: 0.7em; text-decoration: none; }
.mobilni-trigger { display: inline-block; width: 25px; height: 25px; background-image: url("/images/mobilni-trigger-b.png"); background-repeat: no-repeat; }


#mobilni-close { visibility: hidden; display: none; position: relative;  background: rgba(240,240,240,1); padding: 1em; color: #000000; font-size: 0.8em; }
.mobilni-close { display: block; width: 25px; height: 25px; background-image: url("/images/mobilni-close-b3.png"); background-repeat: no-repeat; }

/* #mobilni-wrap { position: relative;  width: 60px; height: 29px; display:none; visibility: hidden; }*/
#mobilni { position: absolute; top: 0; right: 0; width: 60px; max-height: 100vh; font-weight: 400; font-size: 1em; text-align: right; z-index: 6; overflow: scroll; }		/* glavni - mobilni */
#mobilni { visibility: hidden; display: none; }
#mobilni .meni {  visibility: hidden; display: none; }
#mobilni .meni { font-family: "Times New Roman",Times,Helvetica,serif; font-size: 1em; font-weight: normal; text-transform: uppercase; margin: 0 !important; background-color: #ffffff; }

/*
#mobilni .ikona { visibility: hidden; position: relative; display: inline-block; background-color: transparent; border: none; outline: none; padding: 0.7em 1em; margin: 0; cursor: pointer; color: #ffffff; }
#mobilni .ikona:hover { border: none; outline: none; }
*/
#mobilni-meni { padding-left: 1.25em;  padding-right: 1.25em; border-bottom: 1px solid #e6e6e6; }

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

#footer-wrap { width: 100%; background-color: #19171b; margin-top: 3em; }
#footer  { color: #ffffff; font-size: 1em; text-align: left; xline-height: 1em; padding-top: 1em; padding-bottom: 1em; }
#footer span { color: white; font-weight: bold;  }
.clear { margin: 0; padding: 0; display:block;  clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }