/* Base styles */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style-position: inside; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

	body {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		line-height: 18px;
		font-weight: 400;
		color: #293522;
		background-color: #fff;
		}

	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 25px; line-height: 35px; font-weight: 300; }
	h2 { font-size: 18px; line-height: 29px; font-weight: 700; }
	h3 { font-size: 17px; line-height: 21px; text-transform: uppercase; font-weight: 700; padding-top: 10px;  }
	h4 { font-size: 25px; line-height: 35px; font-weight: 300; }
	h5 { font-size: 19px; line-height: 27px; }
	h6 { font-size: 17px; line-height: 25px; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 75%; }
	sub, sup { font-size: 85%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

	a, a:visited { color: #333; text-decoration: none; }
	a:hover, a:focus { color: #45722a; }
	
	form { margin: 0; padding: 0; }
	form div img { padding-right: 5px; margin-bottom: -10px; }
	form p { margin: 5px 0 3px 0 }

	form { margin-bottom: 15px; }
	form div img { padding-right: 5px; margin-bottom: -9px; }
	form p { margin: 2px 0 3px 0 }

	input[type=text], input[type=password], input[type=email], textarea, select {
		font-family: 'Roboto', sans-serif;
		padding: 5px 4px;
		font-size: 15px;
		color: #000;
		margin: 0 0 15px 0;
//		background: rgb(249,222,35);
		border: 1px solid #638e3e;
		}

	input[type=text], input[type=email], select { width: 98%; }
	select { width: 100%; }
	textarea  { width: 99%; height: 150px; }
	
	input[type="submit"], input[type="button"] {
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		display: inline-block;
		text-decoration: none;
		cursor: pointer;
		line-height: normal;
		text-transform: uppercase;
		letter-spacing: 1px;
		}
	input[type="submit"], input[type="button"] {
		font-family: 'Roboto', sans-serif;
		background-color: #c5db2f;
		font-weight: 300;
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px;
		border-radius: 17px;
		border: none;
		font-size: 13px;
		padding: 7px 25px;
		}

	input[type="submit"]:hover, input[type="button"]:hover {
		background-color: #45722a; color: #fff;
		}
/* Base styles */

html,
body { height:100%; }

.wrapper { min-height:100%;	position: relative; }
.content { padding-bottom: 155px; }

#footer { min-height: 155px; width: 100%; position: absolute; bottom:0; background-color: #293522; color: #fff; }
	#footer a { text-decoration: underline; text-underline-position: under; }
.spacer { height: 100px; }
.logo { background-color: #293522; }
	.logo img { max-width: 125px; padding: 7px 0 5px 0; }
		.logo img:hover { opacity: 0.55; }
.header { background-color: #fff; width: 100%; vertical-align: top; z-index: 999; position: fixed;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.1); }
#nav { vertical-align: top; margin-top: 17px; line-height: inherit !important; }
	#nav ul li {
		display: inline-block;
		font-size: 17px;
		padding: 0 0 12px 0;
		margin: 0 31px 0 0;
		cursor: pointer;
		font-weight: 300;
		border-bottom: 4px solid #fff;
		}
		#nav ul li:hover {
			color: #45722a; border-color: #c5db2f !important;
			}
		.last { font-size: 14px !important; }
		.active { color: #45722a; border-color: #c5db2f !important; }
		#nav a { text-decoration: none; }
.toggle { display: none; cursor: pointer; margin-top: -34px; }
.home-pic { height: 368px; background: url(../images/glisodin-skin-home.jpg) center center; }
.shadow { 
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1); }
.rounded { -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }
.home-parts { min-height: 415px; }
.smaller { font-size: 13px; }
.diasno { float: right; }
	.diasno li { margin: 0 0 0 21px !important; }
.grad {
	background: rgb(238,238,238);
	background: -moz-linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(233,233,233,1) 10%, rgba(238,238,238,1) 15%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(233,233,233,1) 10%, rgba(238,238,238,1) 15%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(233,233,233,1) 10%, rgba(238,238,238,1) 15%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#ffffff",GradientType=1);
	padding: 0 10px;
	}
.links li { margin-top: 9px; color: #45722a; font-weight: 400;  text-decoration: underline }
.product { width: 100%; }
.nobold { font-weight: 300; }
.bigger { font-size: 37px; line-height: 45px; font-weight: 100; }
.history{ min-height: 400px; background: url(../images/history.jpg) no-repeat bottom right; background-size: 35%; }
.vid { padding:56.25% 0 0 0; position:relative; background: url(../images/shadow-player.png) no-repeat bottom center; background-size: 90%; padding-bottom: 90px; }

.tabs li { display: inline-block; padding: 15px 20px; border: 1px solid #ddd; border-right: none; margin-right: -3px; font-weight: 700; cursor: pointer; }
	.tabs li:hover { background-color: #eee; }
.posleden { border-right: 1px solid #ddd !important; }
.none { vertical-align: bottom; border: none !important; border-bottom: 1px solid #ddd !important; width: 170px; }
.tab-active {
//	border-bottom: none !important;
	cursor: inherit !important;
	background: rgb(238,238,238);
	background: -moz-linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(233,233,233,1) 10%, rgba(238,238,238,1) 15%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(233,233,233,1) 10%, rgba(238,238,238,1) 15%, rgba(255,255,255,1) 100%);
	background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(233,233,233,1) 10%, rgba(238,238,238,1) 15%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#ffffff",GradientType=1); }
	.tab-active:hover, .none:hover { background-color: #fff !important; }
	.none:hover { cursor: inherit !important; }
.tab-contents { min-height: 150px; }
.show-mob { display: none; }
.cover {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
hr { margin: 20px 0; border: 1px solid #e8e8e8; }
.back-grey { background-color: #eee; }
.back-white { background-color: #fff; }

.hide { display: none; }
.transp { opacity: .55; }
.fade { opacity: .25; }
.border-top { border-top: solid 3px rgb(47,47,47); }
.border-bottom { border-bottom: solid 3px rgb(145,160,188); }
.no-border { border: none !important; }
.bordered { border: 1px solid !important; }

.remove-bottom { margin-bottom: 0 !important; }
.remove-top { margin-top: 0 !important; padding-top: 0 !important; }
.half-bottom { margin-bottom: 13px !important; }
.add-bottom { margin-bottom: 35px !important; }
.half-top { margin-top: 15px !important; }
.add-top { margin-top: 35px !important; }
.double-top { margin-top: 95px; }
.add-left { margin-left: 25px; }
.add-right { margin-right: 25px; }
.add-one { margin-right: 3px; }

.add-padd { padding-top: 141px; }
.padd-top { padding-top: 9px; }
.padd-all { padding: 1px 15px; }
.padd-bottom { padding-bottom: 5px; }
.padd-left { padding-left: 10px; }
.padd-menu { padding: 5px 11px !important; }

.to-right { float: right !important; }
.to-left { float: left !important; }
.inline { display: inline-block; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right !important; }
.just { text-align: justify; }	
.break { clear: both; }

.animiran {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
	.fastimiran {
		-webkit-transition: all 0.1s ease;
		-moz-transition: all 0.1s ease;
		-ms-transition: all 0.1s ease;
		-o-transition: all 0.1s ease;
		transition: all 0.1s ease;
		}
/* animated menu icon */
#nav-icon {
  width: 25px;
  height: 26px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
#nav-icon span:nth-child(1) { top: 0px; }
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) { top: 7px; }
#nav-icon span:nth-child(4) { top: 14px; }
#nav-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
/* varlov.com */
#varlov { position: absolute; right: 10px; top: 0; width: 30px; height: 35px; overflow: hidden; cursor: pointer; }
	#varlov .va { margin-top: -21px; }
	#varlov:hover > .va { margin: 0; }
	
	@media only screen and (max-width: 959px) {
		#nav { margin-top: 0; }
		.toggle, #nav ul li { display: block; }
		.show-mob { display: inline-block; }
		#menu { display: none; padding-top: 27px; }
		.diasno { float: none !important; }
		.diasno li { margin: 0 31px 0 0	!important; }
		.spacer { height: 50px; }
		.home-pic { height: 228px; }
		h1, h2 { text-align: center; }
		.back-grey { background-color: #fff; }
		#nav ul li { padding: 15px 0 5px 0; }
		.vid { padding-bottom: 50px; }
		.history{ min-height: 100px; background:none; }
		.none { display: none !important; }
		.tabs li, .posleden { font-size: 10px; padding: 3px 0 3px 4px !important; width: 23%; line-height: 15px; }
		}

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		}

	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#varlov { right: 0; }
		}

	@media only screen and (max-width: 479px) {
		#varlov { right: 0; }
		}