/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html,
   button,
   input,
   select,
   textarea {
   	color: #222;
   }

   body {
   	font-size: 1em;
   	line-height: 1.4;
   }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

 ::-moz-selection {
 	background: #b3d4fc;
 	text-shadow: none;
 }

 ::selection {
 	background: #b3d4fc;
 	text-shadow: none;
 }

/*
 * A better looking default horizontal rule
 */

 hr {
 	display: block;
 	height: 1px;
 	border: 0;
 	border-top: 1px solid #ccc;
 	margin: 1em 0;
 	padding: 0;
 }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

 img {
 	vertical-align: middle;
 }

/*
 * Remove default fieldset styles.
 */

 fieldset {
 	border: 0;
 	margin: 0;
 	padding: 0;
 }

/*
 * Allow only vertical resizing of textareas.
 */

 textarea {
 	resize: vertical;
 }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

   .chromeframe {
   	margin: 0.2em 0;
   	background: #ccc;
   	color: #000;
   	padding: 0.2em 0;
   }

/* ==========================================================================
Author's custom styles
========================================================================== */

html {
	background: url(../img/bg.png);
	font-family: "Arial";
	font-size: 12px;
}

a {
	text-decoration: none;
	color: #83261F;
}

a:hover {
	text-decoration: underline;
}

@font-face {
	font-family: 'Zapfino';
	src: url('zapfino.eot');
	src: local('☺'), url('zapfino.woff') format('woff'), url('zapfino.ttf') format('truetype'), url('zapfino.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*  HEADER  ============================================================================= */

header {
	width: 90%;
	max-width: 92.3em;
	margin: 0 auto;
	border-top: 4px solid #821612;
	background: -moz-linear-gradient(top,  rgba(254,254,254,0) 0%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,0)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,0) 0%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,0) 0%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,0) 0%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,254,254,0) 0%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fefefe', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.header-wrap {
	background: url(../img/header-silhouette.png) center top no-repeat;
	min-height: 141px;
	position: relative;
}

a.logo {
	min-height: 94px;
	margin: 20px 0 0 30px;
	display: inline-block;
	outline: 0;
	width: 236px;
	height: 61px;
	background: url(../img/jelgavas-pilsetas-biblioteka.png) center center no-repeat;
}

a.logo:hover {
	color: #83261F;
	text-decoration: none;
}

h1 {
	margin: 25px 0 0 85px;
	display: block;
	font-size: 1.8125em;
	text-shadow: 1px 1px 1px #fff;
}

h2 {
	text-align: right;
	font: 12px Zapfino;
	text-shadow: 1px 1px 1px #fff;
	margin: 10px 0 0 0;
}

.header-info {
	text-align: right;
}

/* social icons */

.header-social-wrap {
	float: right;
	margin: 15px 20px 0 0;
	width: 180px;
	text-align: right;
	padding-right: 10px;
}

a.header-social {
	display: inline-block;
	background-image: url(../img/sprite.png);
	width: 27px;
	height: 22px;
	text-indent: -9999px;
	text-align: left;
	margin-bottom: 10px;
}

a.header-social.dr {
	background-position: -87px -2px;
}

a.header-social.tw {
	background-position: -40px -2px;
}

a.header-social.fb {
	background-position: 0 -2px;
}

a.header-social.yt {
	width: 31px;
	background-image: url(../img/icon-youtube.png);
}

a.header-social + a.header-social {
	margin-left: 10%;
}

/* search */

.search-form {
	float: right;
	position: relative;
	margin: 10px 10px 15px 0;
}

.search-form label {
	color: #ADACA5;
	margin-left: 20px;
	cursor: pointer;
}

.search-form input[type=radio] {
	margin-right: 3px;
}

.search-field {
	width: 165px;
	border: 1px solid #BEBEBE;
	padding: 7px 52px 7px 7px;
	height: 15px;
	color: #831312;
	display: inline-block;
	outline: 0;
	box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.075);
	margin-bottom: 12px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.search-field:focus {
	border-color: #83271F;
	box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 8px 0 rgba(200, 100, 100, 0.6);
}

.search-submit {
	display: block;
	position: absolute;
	width: 45px;
	height: 31px;
	right: 0;
	top: 0;
	background: #7D1517 url(../img/sprite.png) 13px -99px no-repeat;
}

.search-submit span {
	display: none;
}

/* alphabet */

ul.alphabet {
	list-style: none;
	margin: 0;
	font-weight: bold;
	padding: 0 0 1rem 0;
	border-bottom: 1px solid #83271F;
}

ul.alphabet li {
	display: inline-block
}

ul.alphabet li + li {
	margin-left: 1rem;
}

/* address */

.header-address {
	color: #831312;
	margin-bottom: 10px;
	clear: both;
	padding-right: 10px;
}

a.header-email,
a.header-phone {
	display: inline-block;
	padding-left: 15px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	margin-left: 12px;
}

a.header-email {
	background-position: 0 -68px;
}

a.header-phone {
	background-position: 0 -85px;
}

/*  NAVIGATION  ============================================================================= */

/* main navigation */

ul.main-nav {
	width: 90%;
	min-height: 54px;
	max-width: 92.3em;
	margin: 0 auto;
	padding: 0;
	background: #BD3422 url(../img/nav-bg.png) left top repeat-x;
}

ul.main-nav > li {
	float: left;
	position: relative;
}

ul.main-nav > li.e-katalogs {
	float: right;
	background: url(../img/nav-corner.png) left top no-repeat;
	padding-left: 4px;
	margin-top: -4px;
}

ul.main-nav > li > a {
	display: block;
	color: #fff;
	padding: 0 35px;
	line-height: 54px;
	font-size: 18px;
	position: relative;
	white-space: nowrap;
	text-decoration: none;
	pointer-events: none;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

ul.main-nav > li:first-child > a {
	pointer-events: auto;
}

li.strong > a {
	font-weight: bold;
}

ul.main-nav li.e-katalogs > a {
	line-height: 44px;
	background: #88170A url(../img/nav-bg-dark.png) left top repeat-x;
}

ul.main-nav > li:hover > a,
ul.main-nav > li.active {
	background: #BB320C;
}

ul.main-nav > li.e-katalogs:hover > a {
	background-color: #88170A;
	background: #88170A url(../img/nav-bg-dark.png) left -40px repeat-x;
}

ul.main-nav > li:not(.e-katalogs):hover > a:after {
	position: absolute;
	z-index: 4;
	content: "";
	display: block;
	left: 50%;
	margin-left: -9px;
	bottom: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #bb320c transparent transparent transparent;
}

/* sub navigation */

.sub-nav-wrap {
	visibility: hidden;
	opacity: 0;
	left: 0;
	position: absolute;
	white-space: nowrap;
	background: #F6F6F3;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 3;
}

ul.sub-nav {
	padding: 20px 0;
	margin: 0;
	font-size: 14px;
	background: #F6F6F3;
	list-style: none;
	*position: relative; /*ie7*/
	*z-index: 10; /*ie7*/
}

nav.main-nav ul.sub-nav {
	display: inline-block;
	*display: inline; /*ie7*/
	*zoom: 1; /*ie7*/
	min-width: 240px;
	vertical-align: top;
}

.main-wrap ul.sub-nav {
	float: none;
	width: 100%;
	padding: 0;
}

ul.sub-nav + ul.sub-nav {
	margin-left: 10px;
}

ul.main-nav > li:focus .sub-nav-wrap,
ul.main-nav > li:hover .sub-nav-wrap {
	visibility: visible;
	opacity: 1;
}

ul.sub-nav li {
	position: relative;
}

ul.sub-nav li + li {
	border-top: 1px solid #EBECE6;
}

ul.sub-nav > li > a {
	padding: 8px 25px 8px 21px;
	border-left: 4px solid transparent;
	display: block;
	text-decoration: none;
	color: #404040;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

ul.sub-nav > li:hover > a,
ul.sub-nav > li.active > a {
	background: #EBECE6;
	color: #83261F;
	border-left: 4px solid #83261F;
}

.main-wrap ul.sub-nav > li > a:hover,
.main-wrap ul.sub-nav > li.active > a {
	background: #F2F2EC;
}

/* level 2 */

ul.level2 {
	margin: 0;
	border-top: 1px solid #EBECE6;
	padding: 0;
	list-style: none;
}

ul.level2 > li {
	padding-left: 40px;
}

ul.level2 > li > a {
	display: block;
	padding: 8px 25px 8px 1px;
	color: #404040;
	-webkit-transition: color 0.3s ease
	-moz-transition: color 0.3s ease
	-o-transition: color 0.3s ease
	transition: color 0.3s ease
}

ul.level2 > li.active > a,
ul.level2 > li > a:hover {
	text-decoration: none;
	color: #83261F;
	font-weight: bold;
}


/*  SLIDER  ============================================================================= */

/*.slider {
	min-height: 323px;
	margin-top: 1px;
	}*/

	.slider-wrap {
		background: url(../img/slider-bg.png) 0 0 repeat;
		width: 90%;
		max-width: 92.3em;
		margin: 0 auto;
	}

	.slider-wrap .col {
		margin: 0 !important;
	}

	@media only screen and (min-width: 580px) {
		.slider-wrap .span_1_of_3:first-child {
			width: 35.8%;
		}
	}

	ul.slider-list {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	ul.slider-list li {
		height: 107px;
		margin-right: 1px;

		background: -moz-linear-gradient(top,  rgba(246,246,243,0.19) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,243,0.19)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(246,246,243,0.19) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(246,246,243,0.19) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(246,246,243,0.19) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(246,246,243,0.19) 0%,rgba(255,255,255,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30f6f6f3', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

	}

	ul.slider-list li + li {
		margin-top: 1px;
	}

	ul.slider-list li.active a,
	ul.slider-list li:hover a {
		background: #83271F;
	}

	ul.slider-list a {
		display: block;
		color: #fff;
		text-decoration: none;
		width: 100%;
		height: 107px;
		padding: 13px 18px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;

		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	ul.slider-list h4 {
		font-size: 16px;
		margin: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	ul.slider-list p {
		margin: 8px 0;
		height: 48px;
		overflow: hidden;
	}

	.active-thumb {
		width: 100%;
		position: relative;
		height: 323px;
		overflow: hidden;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

	.active-thumb a {
		opacity: 0;
		position: absolute;
		width: 100%;
		height: 323px;
		border-left: 5px solid #8D2815;
		vertical-align: top;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;

		-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		-o-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}

	.active-thumb a.active {
		opacity: 1;
		z-index: 2;
	}

	/*  MAIN  ============================================================================= */

	.main-wrap {
		width: 90%;
		max-width: 92.3em;
		margin: 30px auto 15px auto;
	}

	.content-wrap {
		position: relative;
	}

	.content-wrap img {
		max-width: 100%;
		height: auto;
	}

	h3 {
		font-size: 20px;
		text-transform: uppercase;
		color: #83271F;
		border-bottom: 3px solid #83271F; /*bija 5*/
		padding-bottom: 3px;
		margin: 0 0 20px 0;
		font-weight: normal;
	}

	.print-button {
		float: right;
	}

	.share-wrap {
		float: right;
		margin-bottom: 20px;
	}

	.share-wrap > * {
		margin-left: 10px;
		vertical-align: top;
		display: inline-block;
	}

	/* breadcrumbs */

	ul.breadcrumbs {
		padding: 0;
		margin: 0 0 10px 0;
		color: #83261F;
		font-size: 12px;
	}

	ul.breadcrumbs li {
		display: inline-block
	}

	/* news list */

	a.post-link {
		text-decoration: none;
		display: block;
		position: relative;
		color: #404040;
		padding-bottom: 20px;
	}

	a.post-link + a.post-link {
		margin-top: 25px;
	}

	.main-wrap h4 {
		font-size: 20px;
		color: #83271F;
		margin: 0 0 10px 0;
	}

	span.post-date {
		color: #444443;
		font-size: 12px;
		display: block;
		margin-bottom: 10px;
	}

	.post-thumb {
		float: left;
		margin: 0 20px 10px 0;
	}

	.post-thumb div {
		width: 173px;
		height: 140px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.post-thumb + p,
	.content-wrap {
		font-size: 14px;
	}

	a.post-link span.read-more {
		position: absolute;
		right: 0;
		bottom: 0;
		font-size: 14px;
		text-transform: uppercase;
	}

	a.post-link:hover span.read-more {
		text-decoration: underline;
	}

	a.archive-link {
		display: block;
		text-decoration: none;
		margin-top: 65px;
	}

	a.archive-link h3 {
		background: url(../img/icon-arrow.png) right center no-repeat;
	}

	/* news view */

	.news-image {
		max-width: 100%;
		clear: both;
		display: block;
		margin-bottom: 30px;
	}

	/* faq form */

	.faq-form {
		margin-top: 25px;
		position: relative;
	}

	.faq-form input[type=text],
	.faq-form input[type=email] {
		width: 46%;
	}

	.faq-form textarea {
		width: 47%;
		height: 110px;
		float: right;
	}

	.faq-form input[type=text],
	.faq-form input[type=email],
	.faq-form textarea {
		padding: 7px;
		outline: 0;
		border: 1px solid #BEBEBE;
		margin-bottom: 15px;
		box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.2);

		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.faq-form input[type=text]:focus,
	.faq-form input[type=email]:focus,
	.faq-form textarea:focus {
		border-color: #83271F;
		box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 8px 0 rgba(200, 100, 100, 0.6);
	}

	.faq-public-wrap {
		margin-top: 10px;
		float: left;
		clear: left;
	}

	.faq-public-wrap > label {
		margin-right: 20px;
	}

	.faq-public-wrap input[type=radio] {
		vertical-align: top;
		margin: 2px 2px 0 0;
	}

	.faq-submit {
		float: right;
		background: #2F2F2F;
		text-align: center;
		font-size: 16px;
		line-height: 31px;
		color: #fff;
		text-decoration: none;
		padding: 0 10px;
		border: 0;

		webkit-transition: background 0.3s ease;
		-moz-transition: background 0.3s ease;
		-o-transition: background 0.3s ease;
		transition: background 0.3s ease;
	}

	.faq-submit:hover {
		background: #83271F;
	}

	::-webkit-input-placeholder { /* WebKit browsers */
		color:    #ccc;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #ccc;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #ccc;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		color:    #ccc;
	}

	/* faq list */

	ul.faq-list {
		margin: 40px 0 0 0;
		padding: 0;
		list-style: none;
	}

	ul.faq-list li + li {
		margin-top: 20px;
	}

	span.faq-name {
		color: #83261F;
		font-weight: bold;
	}

	span.faq-name,
	span.faq-date {
		font-size: 12px;
	}

	h5 {
		font-size: 20px;
		margin: 2px 0 10px 0;
		font-weight: normal;
	}

	/* pagination */

	ul.pagination {
		list-style: none;
		padding: 0;
		margin: 30px 0 0 0;
		text-align: center;
	}

	ul.pagination li {
		display: inline-block;
		margin-left: 2px;
	}

	ul.pagination li a {
		display: block;
		height: 27px;
		width: 27px;
		color: #2F2F2F;
		text-align: center;
		font-size: 16px;
		line-height: 27px;
		text-decoration: none;

		-webkit-transition: background 0.3s ease;
		-moz-transition: background 0.3s ease;
		-o-transition: background 0.3s ease;
		transition: background 0.3s ease;
	}

	ul.pagination li a:hover,
	ul.pagination li.active a {
		color: #83271F;
	}

	ul.pagination li.active a {
		pointer-events: none;
		cursor: default;
		font-weight: bold;
	}

	li.pagin-dot {
		padding: 0 0.5em;
	}

	/* gallery */

	ul.gallery {
		list-style: none;
		margin: 0 -7px -20px -7px;
		padding: 0;
	}

	ul.gallery li {
		width: 22.5%;
		margin: 0 7px 20px 7px;
		display: inline-block;
	}

	ul.gallery li a {
		display: block;
		background: #F6F6F3;
		padding: 8px;
		text-decoration: none;
		color: #3F3F51;
		font-size: 12px;

		-webkit-transition: background 0.3s ease;
		-moz-transition: background 0.3s ease;
		-o-transition: background 0.3s ease;
		transition: background 0.3s ease;
	}

	ul.gallery li a:hover {
		background: #F2F2EC;
	}

	.gallery-thumb div {
		width: 100%;
		height: 99px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}

	h6 {
		font-weight: bold;
		font-size: 12px;
		margin: 12px 0 7px 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	span.gallery-desc {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
		font-style: italic;
	}

	/* calendar */

	ul.calendar {
		list-style: none;
		font-style: italic;
		padding: 0;
	}

	ul.calendar li + li {
		margin-top: 20px;
	}

	ul.calendar a {
		color: #222;

		-webkit-transition: color 0.3s ease;
		-moz-transition: color 0.3s ease;
		-o-transition: color 0.3s ease;
		transition: color 0.3s ease;
	}

	ul.calendar a:hover {
		text-decoration: none;
		color: #83261F;
	}

	span.event-date {
		margin-bottom: 2px;
		display: block;
		font-weight: bold;
		font-style: normal;
	}

	.read-more {
		display: block;
		text-align: right;
		text-transform: uppercase;
		font-size: 14px;
		text-decoration: none;
		color: #404040;
	}

	.read-more + h3,
	#twitter-feed + h3 {
		margin-top: 30px;
	}

	/* new books */

	.new-books-wrap {
		overflow: hidden;
		height: 410px;
		margin: 0;
	}

	ul.new-books {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	ul.new-books li + li {
		margin-top: 20px;
	}

	ul.new-books a {
		text-decoration: none;
		color: #404040;
		display: block;
	}

	.book-thumb {
		float: left;
		margin-right: 20px;
	}

	.book-thumb div {
		width: 100px;
		height: 120px;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	span.book-title {
		display: block;
		font-weight: bold;
		margin: 2px 0 10px 0;
	}

	/* twitter feed */

	#twitter-feed {
		overflow:auto;
	}

	.twitter-article + .twitter-article {
		margin-top: 20px;
	}

	#loading-container {
		padding:16px 0px 16px 0px;
		text-align:center;
	}

	.twitter-article {
		overflow: hidden;
	}

	.twitter-pic {
		float:left;
	}

	.twitter-pic img {
		float:left;
		border:none;
	}

	img  {
		border:none;
	}

	.twitter-text p {
		margin:0px;
	}

	.twitter-text {
		float:right;
		margin-top: -42px;
		padding-left: 60px;
	}

	.tweet-time {
		font-size:10px;
		color:#878787;
		float:right;
	}

	.tweet-time a, .tweet-time a:hover {
		color:#878787;
	}

	.tweetprofilelink a {
		color:#444;
	}

	.tweetprofilelink a:hover {
		color:#444;
	}

	.backlink {
		font-size:11px;
		text-align:center;
	}

	.backlink a {
		color:#aaa;
	}

	/* banners */

	.banners {
		background: url(../img/page-seperator.png) center top no-repeat;
		min-height: 100px;
		margin: 50px auto 0 auto !important;
		padding-top: 30px;
		text-align: center;
		position: relative;
		width: 90%;
		max-width: 92.3em;
	}

	/* item slide */

	ul.partners {
		overflow: hidden;
		list-style: none;
		margin: 0;
		padding: 0;
		height: 100px;
	}

	ul.partners li {
		float: left;
	}

	ul.partners li  + li {
		margin-left: 15px;
	}

	ul.partners li a {
		display: block;
		width: 170px;
		height: 86px;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.partner-slide-wrap {
		width: 1108px;
		overflow: hidden;
		margin: 0 auto;
		position: relative;
		/*z-index: 2;*/
	}

	.partner-slide {
		width: 100%;
		position: absolute;
	}

	a.slide-list {
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: block;
		position: absolute;
		width: 16px;
		height: 33px;
		margin-top: -70px;
		background-image: url(../img/partner-arrows.png);
		outline: 0;
	}

	a.slide-left {
		background-position: 0 0;
		left: -30px;
	}

	a.slide-right {
		background-position: right 0;
		right: -30px;
	}


	/*  FOOTER  ============================================================================= */

	footer {
		min-height: 55px;
		padding: 15px 0 0 0;
		clear: both;
	}

	.footer-wrap {
		background: url(../img/slider-bg.png) 0 0 repeat;
		width: 90%;
		max-width: 92.3em;
		margin: 0 auto;
	}

	span.copyrights {
		color: #fff;
		padding-left: 1em;
	}

	span.footer-address {
		display: block;
		margin: 5px 0 0 0;
		color: #7F7F7F;
		padding-left: 1em;

	}

	span.footer-address a {
		color: #7F7F7F;
	}

	.last-edited {
		display: block;
		padding: 15px 10px 0 0;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #7F7F7F;
	}

	/* footer navigation */

	ul.footer-nav {
		list-style: none;
		padding: 0 0 0 1.3em;
		text-transform: uppercase;
		font-size: 10px;
		margin: 1em 0 0 0;
	}

	ul.footer-nav li {
		display: inline-block;
		*display: inline; /*ie7*/
		*zoom: 1; /*ie7*/
		padding: 0 5px;
	}

	ul.footer-nav li:first-child {
		padding-left: 0;
	}

	ul.footer-nav li + li {
		border-left: 1px solid #fff;
	}

	ul.footer-nav a {
		color: #fff;
	}

	/* footer social networks */

	.social-wrap {
		text-align: right;
	}

	a.footer-social {
		display: inline-block;
		background-image: url(../img/sprite.png);
		width: 31px;
		height: 25px;
		text-indent: -9999px;
		text-align: left;
		margin-bottom: 10px;
		margin-right: 5%;
	}

	.social-wrap a.dr {
		background-position: -97px -33px;
	}

	.social-wrap a.tw {
		background-position: -48px -33px;
	}

	.social-wrap a.fb {
		background-position: -0px -33px;
	}

	.social-wrap a.yt {
		width: 36px;
		background-image: url(../img/icon-youtube-2.png);
	}


/* ==========================================================================
   CMS styles
   ========================================================================== */

   p {
   	margin: 0;
   }

   #mce_editor {
   	font-size: 14px;
   }

   #mce_editor p {
   	line-height: 20px;
   }

   #mce_editor p {
   	margin: 0;
   }

   #mce_editor a {
   	color: #83261F;
   	text-decoration: none;
   }

   #mce_editor a:hover {
   	text-decoration: underline;
   }

   #text_content .picture, #mce_editor .picture {
   	border: solid 4px #E1E1E1;
   }

   #text_content .info, #mce_editor .info {
   	font-size: 14px;
   }

   .pos_left {
   	float: left;
   	margin: 0 15px 15px 0;
   }

   .pos_right {
   	float: right;
   	margin: 0 0 15px 15px;
   }

   /*text*/

   a.heading {
   	display: block;
   }

   a.heading,
   p.heading,
   p.sub_heading,
   p.ssub_heading {
   	color: #83271F;
   	margin: 0;
   }

   a.heading, p.heading {
   	font-size: 24px;
   }

   a.sub_heading, p.sub_heading {
   	font-size: 20px;
   }

   a.ssub_heading, p.ssub_heading {
   	font-size: 16px;
   }

   /*table*/

   .m_table {
   	border-spacing: 0;
   	border-collapse: collapse;
   	width: 100%;
   	margin: 20px 0;
   	font-size: 12px;
   	text-align: left;
   	border: 1px solid #E1E6DE;
   	background: #fefefe;
   }

   .m_table td.m_row_head {
   	background-repeat: repeat-x;
   	font-weight: bold;
   	text-align: center;
   }

   .m_table td {
   	padding: 10px;
   	vertical-align: middle;
   	border-width: 1px 0;
   	border: 1px solid #E1E6DE;
   }

   .m_table tbody tr:nth-child(odd) td {
   	background-color: #f9f9f9;
   }

   .m_table tbody tr:hover td {
   	background-color: #fff0ef;
   }

   .m_table td.m_row_head {
   	background-repeat: repeat-x;
   	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…IxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);
   	background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
   	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(,#fff),color-stop(,#f2f2f2));
   	background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
   	background-image: -o-linear-gradient(top, #fff, #f2f2f2);
   	background-image: linear-gradient(top, #fff, #f2f2f2);
   	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eae7dd', EndColorStr='#fff');
   }

   .m_table td {
   	transition: background-color 0.3s ease;
   	-moz-transition: background-color 0.3s ease;
   	-o-transition: background-color 0.3s ease;
   	-webkit-transition: background-color 0.3s ease;
   }

   .m_left {
   	float: left;
   	margin: 0 20px 20px 0;
   }

   .m_right {
   	float: right;
   	margin: 0 0 20px 20px;
   }

   /*lists*/

   .text_content ul,
   .features-sec ul,
   .specs-sec ul,
   .guarantee-sec ul {
   	margin: 15px 0 15px 30px;
   	line-height: 20px;
   	list-style-type: disc;
   	font-size: 14px;
   }

   .text_content ol,
   .features-sec ol,
   .specs-sec ol,
   .guarantee-sec ol {
   	margin: 15px 0 15px 30px;
   	line-height: 20px;
   	list-style-type: decimal;
   	font-size: 14px;
   }


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

 .ir {
 	background-color: transparent;
 	border: 0;
 	overflow: hidden;
 	/* IE 6/7 fallback */
 	*text-indent: -9999px;
 }

 .ir:before {
 	content: "";
 	display: block;
 	width: 0;
 	height: 150%;
 }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

 .hidden {
 	display: none !important;
 	visibility: hidden;
 }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

 .visuallyhidden {
 	border: 0;
 	clip: rect(0 0 0 0);
 	height: 1px;
 	margin: -1px;
 	overflow: hidden;
 	padding: 0;
 	position: absolute;
 	width: 1px;
 }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
 	clip: auto;
 	height: auto;
 	margin: 0;
 	overflow: visible;
 	position: static;
 	width: auto;
 }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

 .invisible {
 	visibility: hidden;
 }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

 .clearfix:before,
 .clearfix:after {
 	content: " "; /* 1 */
 	display: table; /* 2 */
 }

 .clearfix:after {
 	clear: both;
 }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

 .clearfix {
 	*zoom: 1;
 }

 /*  SECTIONS  ============================================================================= */

 .section {
 	clear: both;
 	padding: 0px;
 	margin: 0px;
 }

 /*  GROUPING  ============================================================================= */


 .group:before,
 .group:after {
 	content:"";
 	display:table;
 }
 .group:after {
 	clear:both;
 }
 .group {
 	zoom:1; /* For IE 6/7 (trigger hasLayout) */
 }

 /*  GRID COLUMN SETUP   ==================================================================== */

 .col {
 	display: block;
 	float:left;
 	margin: 1% 0 1% 3.6%;
 }

 .col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


 /*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

 @media only screen and (max-width: 740px) {
 	.col {
 		margin: 1% 0 1% 0%;
 	}
 }

 /*  GRID OF TWO   ============================================================================= */


 .span_2_of_2 {
 	width: 100%;
 }

 .span_1_of_2 {
 	width: 48.2%;
 }

 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

 @media only screen and (max-width: 580px) {
 	.span_2_of_2 {
 		width: 100%;
 	}
 	.span_1_of_2 {
 		width: 100%;
 	}
 }

 /*  GRID OF THREE   ============================================================================= */


 .span_3_of_3 {
 	width: 100%;
 }

 .span_2_of_3 {
 	width: 64.2%;
 }

 .span_1_of_3 {
 	width: 32.2%;
 }


 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

 @media only screen and (max-width: 580px) {
 	.span_3_of_3 {
 		width: 100%;
 	}
 	.span_2_of_3 {
 		width: 100%;
 	}
 	.span_1_of_3 {
 		width: 100%;
 	}
 }

 /*  GRID OF FOUR   ============================================================================= */


 .span_4_of_4 {
 	width: 100%;
 }

 .span_3_of_4 {
 	width: 74.6%;
 }

 .span_2_of_4 {
 	width: 49.2%;
 }

 .span_1_of_4 {
 	width: 21.8%;
 }


 /*  GO FULL WIDTH AT LESS THAN 740 PIXELS */

 @media only screen and (max-width: 740px) {
 	.span_4_of_4 {
 		width: 100%;
 	}
 	.span_3_of_4 {
 		width: 100%;
 	}
 	.span_2_of_4 {
 		width: 100%;
 	}
 	.span_1_of_4 {
 		width: 100%;
 	}
 }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

   @media only screen and (max-width: 690px) and (min-width: 575px) {

   	h2 {
   		font-size: 10px;
   	}

   }

   @media only screen and (max-width: 575px) and (min-width: 580px) {

   	h2 {
   		font-size: 8px;
   	}

   }

   @media only screen and (max-width: 690px) and (min-width: 580px) {

   	.social-wrap a {
   		display: block;
   	}

   }

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

   	ul.main-nav > li > a {
   		padding: 0 30px;
   	}

   }

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

   	.partner-slide-wrap {
   		width: auto;
   		overflow: visible;
   	}

   	ul.partners {
   		width: auto !important;
   		overflow: visible;
   		height: auto;
   	}

   	ul.partners li {
   		float: none;
   		display: inline-block;
   	}

   	.partner-slide {
   		display: none;
   	}

   }

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

   	ul.main-nav > li > a {
   		padding: 0 20px;
   	}

   }

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

   	.active-thumb {
   		display: none;
   	}

   	.last-edited > div {
   		margin-left: 10px !important;
   	}

   }

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

   	ul.main-nav > li > a {
   		padding: 0 15px;
   		font-size: 16px;
   	}

   }

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

   	ul.main-nav > li > a {
   		padding: 0 10px;
   		font-size: 14px;
   	}

   }

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


   	ul.main-nav,
   	header,
   	footer,
   	.footer-wrap {
   		width: 100%;
   	}

   	ul.main-nav > li {
   		display: block;
   		float: none;
   	}

   	ul.main-nav > li  > a:after {
   		visibility: hidden;
   	}

   	ul.main-nav > li.e-katalogs {
   		float: none;
   		margin: 0;
   		padding: 0;
   		background: none;
   	}

   	ul.main-nav > li > a {
   		width: 90%;
   		padding: 0 5%;
   		font-size: 14px;
   	}

   	.content-wrap {
   		margin-top: 5%;
   	}

   	.span_1_of_4 h3 {
   		display: none;
   	}

   	.slider-wrap {
   		width: 100%;
   	}

   	ul.slider-list a {
   		padding: 13px 5%;
   	}

   	a.archive-link {
   		margin-bottom: 65px;
   	}

   	.social-wrap {
   		text-align: left;
   		margin-top: 20px;
   	}

   	.sub-nav-wrap {
   		position: relative;
   		display: none;
   		width: 100%;
   	}

   	nav.main-nav ul.sub-nav {
   		margin: 0 !important;
   		width: 100%;
   		display: block;
   	}

   	.sub-nav-wrap ul.sub-nav > li > a {
   		display: block;
   	}

   	ul.main-nav > li:hover .sub-nav-wrap {
   		visibility: visible;
   		opacity: 1;
   		display: block;
   	}

   }

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

   	ul.footer-nav li + li {
   		border: none;
   		display: block;
   		padding: 0;
   	}

   }

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

   	.header-social-wrap {
   		margin: 0 0 0 180px;
   	}

   }

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

   	ul.gallery li {
   		width: 30%;
   	}

   }

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

   	ul.gallery li {
   		width: 45.5%;
   	}

   	.faq-form textarea,
   	.faq-form input[type=text] {
   		width: 40%;
   	}

   }

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

   	h1 {
   		margin-top: 20px;
   	}

   }

   @media only screen and (max-width: 705px) and (min-width: 580px) {

   	h1 {
   		margin-top: 0;
   	}

   }

   @media only screen and (min-width: 35em) {
   	/* Style adjustments for viewports that meet the condition */
   }

   @media print,
   (-o-min-device-pixel-ratio: 5/4),
   (-webkit-min-device-pixel-ratio: 1.25),
   (min-resolution: 120dpi) {
   	/* Style adjustments for high resolution devices */
   }

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

   @media print {
   	* {
   		background: transparent !important;
   		color: #000 !important; /* Black prints faster: h5bp.com/s */
   		box-shadow: none !important;
   		text-shadow: none !important;
   	}

   	a,
   	a:visited {
   		text-decoration: underline;
   	}

   	a[href]:after {
   		content: " (" attr(href) ")";
   	}

   	abbr[title]:after {
   		content: " (" attr(title) ")";
   	}

    /*
     * Don't show links for images, or javascript/internal links
     */

     .ir a:after,
     a[href^="javascript:"]:after,
     a[href^="#"]:after {
     	content: "";
     }

     pre,
     blockquote {
     	border: 1px solid #999;
     	page-break-inside: avoid;
     }

     thead {
     	display: table-header-group; /* h5bp.com/t */
     }

     tr,
     img {
     	page-break-inside: avoid;
     }

     img {
     	max-width: 100% !important;
     }

     @page {
     	margin: 0.5cm;
     }

     p,
     h2,
     h3 {
     	orphans: 3;
     	widows: 3;
     }

     h2,
     h3 {
     	page-break-after: avoid;
     }
 }

 @media print {

 	body {
 		font: 12pt Georgia, "Times New Roman", Times, serif;
 		line-height: 1.5;
 		background: white;
 	}

 	a {
 		text-decoration: none;
 		color: #520 !important;
 	}

 	a:link:after,
 	a:visited:after {
 		content: " (" attr(href) ") ";
 		font-size: 80%;
 	}

 	a[href^="/"]:after {
 		content: " (http://www.jzb.lv" attr(href) ") ";
 	}

 	.main-wrap {
 		width: auto;
 		margin: 0 5%;
 		padding: 0;
 		border: 0;
 		float: none !important;
 		color: black;
 		background: transparent none;
 	}

 	.span_2_of_3,
 	.span_3_of_4 {
 		width: 100%;
 		margin: 0!important;
 	}

 	header,
 	footer,
 	.banners,
 	nav,
 	.slider-wrap,
 	.share-wrap,
 	.span_1_of_3,
 	.span_1_of_4,
 	.read-more,
 	.archive-link,
 	.print-button,
 	.post-thumb {
 		display: none !important;
 	}

 }