/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  /* font: inherit; */ /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


@font-face {
    font-family: 'arimobold';
    src: url('/fonts/arimo-bold-webfont.eot');
    src: url('/fonts/arimo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/arimo-bold-webfont.woff2') format('woff2'),
         url('/fonts/arimo-bold-webfont.woff') format('woff'),
         url('/fonts/arimo-bold-webfont.ttf') format('truetype'),
         url('/fonts/arimo-bold-webfont.svg#arimobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arimoregular';
    src: url('/fonts/arimo-regular-webfont.eot');
    src: url('/fonts/arimo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/arimo-regular-webfont.woff2') format('woff2'),
         url('/fonts/arimo-regular-webfont.woff') format('woff'),
         url('/fonts/arimo-regular-webfont.ttf') format('truetype'),
         url('/fonts/arimo-regular-webfont.svg#arimoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'playfair_displaybold_italic';
    src: url('/fonts/playfairdisplay-bolditalic-webfont.eot');
    src: url('/fonts/playfairdisplay-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/playfairdisplay-bolditalic-webfont.woff2') format('woff2'),
         url('/fonts/playfairdisplay-bolditalic-webfont.woff') format('woff'),
         url('/fonts/playfairdisplay-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/playfairdisplay-bolditalic-webfont.svg#playfair_displaybold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'playfair_displayregular';
    src: url('/fonts/playfairdisplay-regular-webfont.eot');
    src: url('/fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('/fonts/playfairdisplay-regular-webfont.woff') format('woff'),
         url('/fonts/playfairdisplay-regular-webfont.ttf') format('truetype'),
         url('/fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'icomoon';
	src:url('/fonts/icomoon.eot?37gyz8');
	src:url('/fonts/icomoon.eot?37gyz8#iefix') format('embedded-opentype'),
		url('/fonts/icomoon.ttf?37gyz8') format('truetype'),
		url('/fonts/icomoon.woff?37gyz8') format('woff'),
		url('/fonts/icomoon.svg?37gyz8#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-draugiem:before {
	content: "\e900";
}
.icon-plezna-white:before {
	content: "\e901";
}
.icon-plezna-black:before {
	content: "\e902";
}
.icon-camera:before {
	content: "\e903";
}
.icon-play:before {
	content: "\e904";
}
.icon-price-tags:before {
	content: "\e905";
}
.icon-location:before {
	content: "\e906";
}
.icon-download:before {
	content: "\e907";
}
.icon-forward:before {
	content: "\e91c";
}
.icon-quotes-left:before {
	content: "\e908";
}
.icon-quotes-right:before {
	content: "\e909";
}
.icon-search:before {
	content: "\e90a";
}
.icon-link:before {
	content: "\e90b";
}
.icon-attachment:before {
	content: "\e90c";
}
.icon-heart:before {
	content: "\e90d";
}
.icon-heart-broken:before {
	content: "\e90e";
}
.icon-cross:before {
	content: "\e90f";
}
.icon-share:before {
	content: "\e910";
}
.icon-mail2:before {
	content: "\e911";
}
.icon-google-plus:before {
	content: "\e912";
}
.icon-facebook:before {
	content: "\e913";
}
.icon-instagram:before {
	content: "\e914";
}
.icon-twitter:before {
	content: "\e915";
}
.icon-feed2:before {
	content: "\e916";
}
.icon-youtube3:before {
	content: "\e917";
}
.icon-vimeo:before {
	content: "\e918";
}
.icon-linkedin2:before {
	content: "\e919";
}
.icon-pinterest:before {
	content: "\e91a";
}
.icon-foursquare:before {
	content: "\e91b";
}





html {
	
}

body {
	background: white;
	font-size: 16px;
	font-family: 'arimoregular', sans-serif;
	min-width: 320px; 
	overflow-x: hidden;
	overflow-y: scroll;
}

a {
	text-decoration: none;
}

a:focus {
	outline: none;
}

p {
	font-family: 'playfair_displayregular', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'arimobold';
	font-weight: normal;
}


figure {
	margin: 0;
}

button {
	outline: none;
	line-height: 1em;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

.caption {
	height: 75px;
	font-size: 24px;
	color: #666666;	
	font-family: 'playfair_displaybold_italic', sans-serif;
	overflow: hidden;
}

.caption .title {
	font-size: 24px;
	color: #666666;		
	font-weight: normal;
	padding: 0;
	margin: 0;
}


.btn-prev,
.btn-next {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 2em;
	color: white;
	background: #333333;
	transition: all 0.2s ease 0s;
	border: 0;
}

.btn-next .icon {
	padding-left: 16px;	
	display: inline-block;
	font-size: 20px;
}

.btn-prev .icon {
	padding-right: 16px;	
	display: inline-block;
	font-size: 20px;
}

.btn-prev:hover,
.btn-next:hover {
	background: #000000;
	color: white;
}

.btn-white-prev,
.btn-white-next {
	display: inline-block;
	height: 45px;
	line-height: 40px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 2em;
	color: #333333;
	border: 2px solid #333333;
	transition: all 0.2s ease 0s;
}

.btn-white-next .icon {
	padding-left: 16px;	
	display: inline-block;
	font-size: 20px;
}

.btn-white-prev .icon {
	padding-right: 16px;	
	display: inline-block;
	font-size: 20px;
}

.btn-white-prev:hover,
.btn-white-next:hover {
	background: #333333;
	color: white;
}

.btn-comment {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 2em;
	color: white;
	background: #333333;
	transition: all 0.2s ease 0s;
	border: 0;
}

.btn-comment .icon {
	padding-left: 16px;	
	display: inline-block;
	font-size: 20px;
}

.btn-comment:hover {
	background: #000000;
	color: white;
}



.pleznas .icon {
	display: inline-block;
	color: #666666;
}

.pleznas a.icon:hover {
	color: black;	
}

.qtn {
	position: relative;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

.trend {
	font-size: 16px;
	position: absolute;
	top: -0.3em;
	right: -10px;
}

.banner {
	display: block;
	width: 100%;
	float: right;
	margin: 40px 0;
}

.banner-bottom {
	display: block;
	width: 100%;
	margin-bottom: 40px;
}






.wrapper {
	width: 1720px;
	margin: 0;
	background: white;
}

.page {
	float: left;
	width: 1366px;
	padding: 0 50px 0 370px;
	background: #f5f5f5;
}

aside.side {
	position: relative;
	float: left;
	margin-left: -320px;
	width: 260px;
	padding: 40px 0;
}
	
aside.side .logo {
	position: relative;
	display: block;
	margin-bottom: 40px;
	z-index: 9;
}

aside.side .logo img {
	height: auto;
}

aside.side .mobile {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 9;
}

aside.side .mobile img {
	height: auto;
}
	
aside.side ul.menu {
	margin-bottom: 40px;
	border-bottom: 1px solid #b3b3b3;	
}


aside.side ul.menu li a {
	display: block;
	height: 50px;
	line-height: 50px;
	color: #4d4d4d;
	text-transform: uppercase;
	font-size: 13px;
	font-family: 'arimobold', sans-serif;
	border-top: 1px solid #b3b3b3;
}

aside.side ul.menu li a:hover {
	color: #009bd1;
}

aside.side ul.menu > li.hasChilds > a:after {
	content: "+";
	padding-left: 1em;
}
	
aside.side ul.menu > li.hasChilds.active > a:after {
	content: "-";
}
	
aside.side ul.sub {
	padding: 10px 0;
	border-top: 1px solid #b3b3b3;
}

aside.side ul.sub li {
	border: 0;
}

aside.side ul.sub li a {
	position: relative;
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	text-transform: none;
	color: #999999;
	font-family: 'arimo', sans-serif;
	border: 0;
}

aside.side ul.sub li.active a {
	color: #333333;
}

aside.side ul.sub li.active a:before {
	position: absolute;
	height: 30px;
	line-height: 30px;	
	content: "→";
	left: 0;
	top: -3px;
}
	
aside.side form.search {
	position: relative;
	border: 2px solid black;
}

aside.side form.search:hover {
	border: 2px solid #035582;
}

aside.side form.search:hover input {
	background: white;	
}

aside.side form.search button {
	position: absolute;
	background: none;
	border: 0;	
	height: 40px;
	width: 40px;
}

aside.side form.search button .icon-search {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 40px;
	line-height: 40px;
	width: 40px;		
}

aside.side form.search input {
	border: 0;
	background: none;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 .5em 0 50px;
}

aside.side .suggested {
	margin-top: 40px;
}

aside.side .suggested .title {	
	display: block;
	font-family: 'arimobold';
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

aside.side .suggested ul li {
	position: relative;
	font-size: 11px;
	padding: .1em 0;
	color: #999999;
}

aside.side .suggested ul li:before {
	content: "»";
	position: absolute;
	left: 0;
	top: 1px;
}
	
aside.side .suggested ul li a {
	display: block;
	padding-left: 10px;
	color: #999999;
}

aside.side .suggested ul li a:hover {
	color: #009bd1;
}

aside.side .history {
	display: none;
}
	

.list {
	width: 100%;
	float: left;
}

.list .posts {
	width: 586px;
	float: left;
}

.list aside.extra {
	width: 300px;
	float: right;
	margin-bottom: 60px;
}

.list aside.extra .whatis {
	margin-bottom: 40px;
	line-height: 1.5em;	
}

.open {
	width: 100%;
	float: left;
}

.open .posts {
	width: 676px;
	float: left;
}

.open aside.extra {
	width: 210px;
	float: right;
	margin-bottom: 60px;
	opacity: .35;
	transition: all 0.2s ease 0s;
}

.open aside.extra:hover {
	opacity: 1;
}

.related {
	margin-bottom: 40px;
}

.related article {
	float: left;
	margin: 0 4% 4% 0;	
}

.related article:nth-child(2n+1) {
	margin-right: 0;
}



/**
*		newsletter
*/

aside.extra .newsletter {
	margin-bottom: 40px;
}

aside.extra .newsletter p {
	margin: 0 0 1em 0;
}

aside.extra .newsletter form {
	position: relative;
	border: 1px solid #B3B3B3;
}

aside.extra .newsletter form input {
	background: #FAFAFA none repeat scroll 0% 0%;
	border: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 50px 0 .5em;
}

aside.extra .newsletter form input:focus {
	background: white;
}

aside.extra .newsletter form button {
	position: absolute;
	right: 0;
	top: 0;
	background: #333;
	color: white;
	border: 0px none;
	height: 30px;
	line-height: 30px;
	padding: 0 .75em;
}

aside.extra .newsletter form button:hover {
	background: black;
}




/**		
 *		hightlight	
 */

.hightlight {
	position: relative;
	float: left;
	width: 100%;
	min-height: 388px;
	padding-top: 100px;
}

.hightlight figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 690px;
	height: 388px;	
	overflow: hidden;		
}

.hightlight figure img {
	position: absolute;
	max-width: 100%;
	height: auto;	
}

.hightlight div.box {
	position: relative;
	float: right;
	z-index: 5;
	width: 460px;
	padding: 40px;
	background: white;
	opacity: .9;
}

.hightlight article {
	font-size: 16px;
}

.hightlight article .date {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	margin-right: 2em;	
}

.hightlight article .date time {
	font-size: 12px;
	color: #4D4D4D;
	text-transform: uppercase;	
}

.hightlight article .category {
	display: inline-block;
	height: 25px;
	line-height: 25px;
}

.hightlight article .category > * {
	color: #666666;
	font-size: 10px;
	text-transform: uppercase;		
}

.hightlight article .category a:hover {
	text-decoration: underline;
}

.hightlight article h2 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.2em;	
}

.hightlight article h2 a {
	color: #333333;
}

.hightlight article h2 a:hover {
	color: #009bd1;
}

.hightlight article h2 .qtn {
	display: inline-block;
	vertical-align: middle;
	height: 1.5em;
	line-height: 1.5em;	
	padding: 0 0 0 .5em;
}

.hightlight article p.short {
	font-size: 1em;
	color: #666666;
	line-height: 1.5em;
	padding: 10px 0 20px 0;
	margin: 0;
}



	

/**
*		post item
*/

article.post-item {
	position: relative;
	width: 100%;
	margin-bottom: 60px;
	padding-bottom: 40px;
	background: white;	
	font-size: 16px;
	color: #333333;
}

article.post-item figure {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;	
	overflow: hidden;
}

article.post-item figure img {
	position: absolute;
	max-width: 100%;
	width: 100%;
	height: auto;	
}

article.post-item figure .media {
	position: absolute;
	top: 10px;
	left: 10px;
}

article.post-item .media .icon {
	display: inline-block;
	background: white;
	padding: .25em;
	vertical-align: middle;
	opacity: .5;
	font-size: 1.5em;
}
	
article.post-item .date {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 50px;
	line-height: 50px;	
	background: white;
	padding: 0 40px;	
}

article.post-item .date time {
	font-size: 12px;
	color: #4D4D4D;
	text-transform: uppercase;	
}


article.post-item .noimage {
	position: relative;
	height: 50px;
}

article.post-item .noimage .media {
	position: absolute;
	bottom: 0;
	right: 50px;
	height: 50px;
	line-height: 50px;		
}


article.post-item .details {
	padding: 0 40px;
}

article.post-item .category {
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
}

article.post-item .category > * {
	color: #666666;
	font-size: 10px;
	text-transform: uppercase;		
}

article.post-item .category a:hover {
	text-decoration: underline;
}

article.post-item h2 {
	margin: 0;
	font-size: 1.5em;
	line-height: 1.2em;		
}

article.post-item h2 a {
	color: #333333;
}

article.post-item h2 a:visited {
	color: #035582;
}

article.post-item h2 a:hover {
	color: #009bd1;
}

article.post-item h2 .qtn {
	display: inline-block;
	vertical-align: middle;
	height: 1.2em;
	line-height: 1.2em;	
	padding: 0 0 0 .5em;
}

article.post-item p.short {
	font-size: 1em;
	color: #666666;
	line-height: 1.75em;
	padding: 10px 0;
	margin: 0;
}
	
article.post-item .stats {
	position: relative;
	/* height: 45px; */
	margin-top: 20px;
}

article.post-item .details .right {
	position: absolute;
	bottom: 0;
	right: 0;
}

article.post-item .votes {
	margin-left: 2em;
}




.list nav.pager {
	position: relative;
	display: block;
	margin-bottom: 40px;
	text-align: center;
}

.list nav.pager:after {
	content: "";
	display: block;
	clear: both;
}

.list nav.pager .pages {
	position: absolute;
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #999999;
}
	
.list nav.pager .btn-white-prev {
	float: left;
	position: relative;
	z-index: 2;
}

.list nav.pager .btn-white-next {
	float: right;
	position: relative;
	z-index: 2;
}




/**
*		post open
*/

article.post-open {
	margin-bottom: 40px;
	color: #4d4d4d;
}

article.post-open .featured {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;	
	overflow: hidden;
}

article.post-open .featured img {
	position: absolute;
	max-width: 100%;
	width: 100%;
	height: auto;	
}

article.post-open .date {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 50px;
	line-height: 50px;	
	background: white;
	padding: 0 40px;	
}

article.post-open .date time {
	font-size: 12px;
	color: #4D4D4D;
	text-transform: uppercase;	
}

article.post-open h1 {
	margin: 0;
	font-size: 2.1em;
	line-height: 1.2em;	
	color: black;	
}

article.post-open .details {
	padding: 0 40px;
}

article.post-open .category {
	position: relative;
	height: 40px;
	line-height: 40px;
	margin-top: 20px;
}

article.post-open .category > * {
	color: #666666;
	font-size: 10px;
	text-transform: uppercase;		
}

article.post-open .category a:hover {
	text-decoration: underline;
}

article.post-open p {
	font-size: 1em;
	line-height: 1.95em;
}

article.post-open p.short {
	font-weight: bold;
	padding: 30px 0 10px 0;
	margin: 0;	
}

article.post-open a {
	color: #009BD1;
}

article.post-open a:hover {
	text-decoration: underline;
}
	
article.post-open img {
	max-width: 100% !important;
	height: auto !important;
}

article.post-open blockquote {
	position: relative;
	font-size: 1.3125em;
	margin: 0 40px;
}

article.post-open blockquote p {
	line-height: 1.5em;
}

article.post-open ul li {
	font-family: 'playfair_displayregular', sans-serif;
	line-height: 1.95em;
}
	
article.post-open blockquote:before{
	content: "\e909";
	position: absolute;
	left: -40px;
	top: 5px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;	
}
	
article.post-open .endmark {
	margin-top: 40px;
	height: 6px;
	width: 60px;
	background: #CCCCCC;
}


article.post-open form.search {
	position: relative;
	border: 2px solid black;
}

article.post-open form.search button {
	position: absolute;
	background: none;
	border: 0;	
	height: 40px;
	width: 40px;
	right: 0;
	top: 0;
}

article.post-open form.search input {
	border: 0;
	background: none;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 50px 0 .5em;
}











/**
*		gallery
*/

.gallery {
	padding: 40px 40px 0 40px;
	margin-right: -1%;
}

.gallery:after {
	content: "";
	display: block;
	clear: both;
}

.gallery figure {
	float: left;
	width: 24%;
	margin: 0 1% 1% 0;	
}
	
.gallery a {
	position: relative;
	display: block;
	padding-bottom: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;	
}

.gallery a figcaption {
	display: none;
}
	
.gallery a .num {
	position: absolute;
	padding: .25em .5em;
	background: white;
	opacity: .75;
	bottom: 0;
	right: 0;
	font-size: 10px;
	color: black;
}




/**
*		post addon
*/

.post {
	background: white;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.post-addon {
	padding: 0 40px;
	margin: 40px 0;
}

.post-addon .row {
	display: table;
	position: relative;
	color: #999999;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #b3b3b3;
}

.post-addon .row .left {
	display: table-cell;
	text-align: left;	
}

.post-addon .row .right {
	display: table-cell;
	text-align: right;	
}

.post-addon .row .label {
	color: #999999;
	font-size: 10px;
	text-transform: uppercase;
}

.post-addon .share a {
	color: #999999;
	font-size: 21px;
	padding-right: .5em;
}

.post-addon .share a:hover {
	color: black;
}
	
.post-addon .pleznas a {
	font-size: 21px;
}

.post-addon .rating {
	display: none;
}

.post-addon .tags .icon {
	padding-right: 1em;
}

.post-addon .tags a {
	color: #999999;
	font-size: 12px;
}

.post-addon .tags a:hover {
	color: #009bd1;
}

.post-addon .row .votes {
	margin-left: 1em;
}





/**
*		comments
*/

section.comment {
	padding: 0 40px;
	font-size: 14px;
	color: #4d4d4d;
}

section.comment .caption {
	height: 40px;
}

section.comment .caption .title {
	font-weight: normal;
}

section.comment .comments {
	padding: 30px 0;
}

section.comment .comment-item {
	position: relative;
	padding: 0 0 25px 70px;
	margin: 0 0 50px 0;
	min-height: 50px;
	border-bottom: 1px dotted #B3B3B3;
}

section.comment .comment-reply {
	margin-left: 70px;
}
	
section.comment .comment-item figure {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50px;
}

section.comment .comment-item figure img {
	max-width: 100%;
}

section.comment .comment-item .names {
	color: black;
	text-transform: uppercase;
	font-weight: bold;
}

section.comment .comment-item .names .reply {
	color: #999;
	padding-bottom: 5px;	
}
	
section.comment .comment-item time {
	font-size: 12px;
	color: #999;
}

section.comment .comment-item .comment {
	font-size: 1em;
	line-height: 1.75em;
	overflow: hidden;
}

section.comment .comment-item .actions { }	

section.comment .comment-item .actions:after {
	content: "";
	display: block;
	clear: both;
}

section.comment .comment-item .btn-rate {
	display: inline-block;
	color: #999;
	padding: .5em 1em .5em 0;
	font-size: 12px;		
}

section.comment .comment-item a.btn-rate:hover {
	color: black;
}
	
section.comment .comment-item .btn-reply {
	display: inline-block;
	color: #999;
	background: #fafafa;
	padding: .5em 1em;
	font-size: 12px;
	text-transform: uppercase;
	float: right;
}
section.comment .comment-item .btn-reply:hover {
	background: #333333;
	color: white;
}

section.comment form.comment {
	margin: 0 0 50px 0;
}

section.comment form.comment ul.who {
	width: 100%;
	display: table;
}

section.comment form.comment ul.who li {
	display: table-cell;
	padding: .5em;
}

section.comment form.comment ul.who li input {
	border: 1px solid #B3B3B3;
	background: #fafafa;
	width: 100%;
	padding: .5em;	
}

section.comment form.comment .reply {
	padding: 0 .5em;
}

section.comment form.comment .what,
section.comment form.comment .actions,
section.comment form.comment .extra {
	padding: .5em;
}

section.comment form.comment textarea {
	width: 100%;
	border: 1px solid #B3B3B3;
	background: #fafafa;
	width: 100%;
	height: 10em;
	padding: .5em;	
}

section.comment form.comment ul.who li input:focus,
section.comment form.comment textarea:focus {
	background: white;
	border-color: #994520;
}

section.comment form.comment .error {
	border: 1px solid red !important;	
}

section.comment form.comment .actions {
	display: table;
	width: 100%;
}

section.comment form.comment .actions > div {
	display: table-cell;	
}

section.comment form.comment .actions .right {
	text-align: right;
}

	
section.comment form.comment label {
	display: block;
	padding: .25em 0;
	font-size: 12px;
	color: #999;
}





/**		prev next	*/

nav.more {
	display: table;
	width: 100%;
	margin-bottom: 40px;
}

nav.more a {
	color: #333333;
}

nav.more .prev {
	display: table-cell;
	width: 50%;
	text-align: left;	
}

nav.more .prev .btn {
	position: relative;
	display: block;
	font-size: 12px;
	font-weight: bold;
	font-family: 'arimobold', sans-serif;
	text-transform: uppercase;
	padding-left: 30px;
}

nav.more .prev .btn .icon {
	position: absolute;
	top: -4px;
	left: 0;
	font-size: 20px;
	height: 30px;	
	line-height: 1em;
}

nav.more .next {
	display: table-cell;
	width: 50%;
	text-align: right;	
}

nav.more .next .btn {
	position: relative;
	display: block;
	font-size: 12px;
	font-weight: bold;
	font-family: 'arimobold', sans-serif;
	text-transform: uppercase;
	padding-right: 30px;
}

nav.more .next .btn .icon {
	position: absolute;
	top: -4px;
	right: 0;
	font-size: 20px;
	height: 30px;
	line-height: 1em;	
}
	
nav.more span.title {
	display: block;
	color: #666666;
	font-size: 12px;
	padding: 10px 30px;
}

nav.more a:hover {
	color: #009bd1;
}








/** 
 *		post side
 */
	
article.post-side {
	margin-bottom: 60px;
	font-size: 16px;
	color: #333333;
}

article.post-side .line {
	position: absolute;
	top: 0;
	left: 0;
	border-top: 1px solid #666666;
	width: 50px;
}

article.post-side .date {
	margin-bottom: 5px;
}

article.post-side .date time {
	font-size: 12px;
	color: #4D4D4D;
	text-transform: uppercase;	
}

article.post-side .category {
	position: relative;
	height: 25px;
	line-height: 25px;
	margin-bottom: 10px;
}

article.post-side .category > * {
	color: #666666;
	font-size: 10px;
	text-transform: uppercase;		
}

article.post-side .category a:hover {
	text-decoration: underline;
}

article.post-side div.title {
	margin: 0 0 10px 0;	
	font-size: 1.125em;
	font-family: 'arimobold';
	line-height: 1.2em;	
}

article.post-side div.title a {
	color: #333333;
}

article.post-side div.title a:visited {
	color: #035582;
}

article.post-side div.title a:hover {
	color: #009bd1;
}

article.post-side div.title .qtn {
	display: inline-block;
	vertical-align: middle;
	height: 1.125em;
	line-height: 1.125em;	
	padding: 0 0 0 .5em;
}

article.post-side figure {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;	
	margin: 0 0 10px 0;	
	overflow: hidden;
}

article.post-side figure img {
	position: absolute;
	max-width: 100%;
	width: 100%;
	height: auto;
}

article.post-side p.short {
	/* font-size: 1em; */
	font-size: 0.85em;
	color: #666666;
	/* line-height: 1.5em; */
	line-height: 1.75em;
	margin: 0 0 10px 0;	
}

article.post-side .details {
	position: relative;
	font-size: 10px;
	color: #666666;
	padding: 10px 0;	
}

article.post-side .details .votes {
	float: right;
}






/**
*		post related
*/

article.post-related {
	width: 48%;
	background: white;
}

article.post-related figure {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;	
	margin: 0 0 10px 0;	
	overflow: hidden;
}

article.post-related figure img {
	position: absolute;
	max-width: 100%;
	height: auto;
}

article.post-related .date {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 35px;
	line-height: 35px;	
	background: white;
	padding: 0 20px;	
}

article.post-related .date time {
	font-size: 12px;
	color: #4D4D4D;
	text-transform: uppercase;	
}

article.post-related .category {
	position: relative;
	height: 25px;
	line-height: 25px;
}

article.post-related .category > * {
	color: #666666;
	font-size: 10px;
	text-transform: uppercase;		
}

article.post-related .category a:hover {
	text-decoration: underline;
}

article.post-related .details {
	padding: 0 20px 10px 20px;
	min-height: 100px;
}

article.post-related div.title {
	margin: 0 0 10px 0;	
	font-size: 1.125em;
	font-family: 'arimobold';
	line-height: 1.2em;	
}

article.post-related div.title a {
	color: #333333;
}

article.post-related div.title .qtn {
	display: inline-block;
	vertical-align: middle;
	height: 1.125em;
	line-height: 1.125em;	
	padding: 0 0 0 .5em;
}

article.post-related div.title a:visited {
	color: #035582;
}

article.post-related div.title a:hover {
	color: #009bd1;
}




/**
*		search
*/

.search {

}

.search-item {
	margin-bottom: 20px;
	background: white;
	padding: 40px;	
}

.search-item div.title {
	margin: 0 0 10px 0;	
	font-size: 1.125em;
	font-family: 'arimobold';
	line-height: 1.2em;	
}

.search-item div.title a {
	color: #333333;
}

.search-item div.title .qtn {
	display: inline-block;
	vertical-align: middle;
	height: 1.125em;
	line-height: 1.125em;	
	padding: 0 0 0 .5em;
}

.search-item div.title a:visited {
	color: #035582;
}

.search-item div.title a:hover {
	color: #009bd1;
}








aside.socials {
	float: left;
	background: white;
	padding: 0 25px;	
}

aside.socials .inner {
	width: 300px;
	padding-top: 100px;
}

aside.socials .caption {
	height: auto;
	font-size: 18px;
	color: #b3b3b3;
	margin-bottom: 20px;
}

aside.socials ul li {
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #f5f5f5;
}


aside.socials .social:after {
	content: "";
	display:block;
	clear: both;
}
	
aside.socials .social a {
	display: inline-block;
	float: left;
	margin: 0 5px 5px 0;
	height: 50px;
	line-height: 50px;
	width: 50px;
	text-align: center;
	color: white;
	font-size: 24px;
	background: #333;
}

aside.socials div.title {
	margin: 0 0 10px 0;	
	font-size: 1em;
	line-height: 1.2em;	
}

aside.socials div.title a {
	color: #333333;
	font-family: 'arimobold';
}

aside.socials div.title .qtn {
	display: inline-block;
	vertical-align: middle;
	height: 1.125em;
	line-height: 1.125em;	
	padding: 0 0 0 .5em;
}

aside.socials div.title a:visited {
	color: #035582;
}

aside.socials div.title a:hover {
	color: #009bd1;
}

aside.socials .comment-item .names {
	font-size: 12px;
	color: #999;
}

aside.socials .comment-item .comment {
	font-size: .85em;
	line-height: 1.75em;
	color: #666;
	margin: 0;
	overflow: hidden;
}

aside.socials .comment-item,
aside.socials .rating-item {
	margin-bottom: 20px;
}

aside.socials .rating-item .names {
	font-size: 12px;
	color: #999;
}

aside.socials .rating-item .pleznas {
	font-size: 10px;	
}






/**
*		notices
*/

.notices-wrap {
	position: fixed;
	bottom: 0;
	left: 20px;
}

.notices {
	display: none;
	position: relative;
	background: #333333;
	padding: 1em 2em;
	color: white;
	font-size: 12px;
	border-radius: 10px 10px 0 0;
	opacity: .85;
}

.notices:hover {
	opacity: 1;
}
	
.notices .label {
	display: block;
	font-weight: bold;
	margin-bottom: .25em;
}

.notices a.title {
	color: white;
}

.notices a.title:hover {
	color: #009bd1;
}





	

/**
*		footer
*/

footer {
	width: 100%;
	clear: both;
	background: #333333;	
}

footer .inner {
	position: relative;
	padding: 50px;
	width: 1740px;
	margin: 0;
	color: white;
}

footer .left {
	float: left;
	color: #808080;
	font-size: 12px;
}

footer .right {
	float: right;
	color: #808080;
	font-size: 12px;	
}

footer .right a {
	color: #808080;;
	padding-left: 1em;
}








.lg-actions .lg-next,.lg-actions .lg-prev,.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45);z-index:1080}#lg-counter,.lg-outer .lg-video-cont{vertical-align:middle;display:inline-block}@font-face{font-family:lg;src:url(/ext/lightGallery/fonts/lg.eot?n1z373);src:url(/ext/lightGallery/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(/ext/lightGallery/fonts/lg.woff?n1z373) format("woff"),url(/ext/lightGallery/fonts/lg.ttf?n1z373) format("truetype"),url(/ext/lightGallery/fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;font-size:16px;padding-left:20px;padding-top:12px}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms ease 0s,opacity 250ms!important;-moz-transition:-moz-transform 250ms ease 0s,opacity 250ms!important;-o-transition:-o-transform 250ms ease 0s,opacity 250ms!important;transition:transform 250ms ease 0s,opacity 250ms!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-toogle-thumb:hover{color:#FFF}.lg-outer .lg-video-cont{max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-vimeo .lg-video-play{background:url(/ext/lightGallery/img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(/ext/lightGallery/img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(/ext/lightGallery/img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(/ext/lightGallery/img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(/ext/lightGallery/img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-palying .lg-object,.lg-outer .lg-has-video.lg-video-palying .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-palying .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1080;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s ease 0s;-moz-transition:-moz-transform .3s ease 0s;-o-transition:-o-transform .3s ease 0s;transition:transform .3s ease 0s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s ease 0s,opacity .15s!important;-moz-transition:-moz-transform .3s ease 0s,opacity .15s!important;-o-transition:-o-transform .3s ease 0s,opacity .15s!important;transition:transform .3s ease 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.group:after,.group:before{display:table;content:"";line-height:0}.group:after{clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(/ext/lightGallery/img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{top:0;bottom:0;left:0;right:0;padding:0 5px}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}

@media all and (max-width: 1740px) {
	
	body {
		background: #f5f5f5;
	}
	
	.wrapper {
		width: 1366px;
	}
	
	.page {
		float: none;
	}
	
	aside.socials {
		float: none;
		padding: 0 50px 0 370px;
		background: #f5f5f5;
	}
	
	aside.socials .inner {
		width: 100%;
		padding-top: 0;		
	}
	
	aside.socials ul {
		display: table;
	}
	
	aside.socials ul li {
		display: table-cell;
		width: 300px;
	}
	
	footer .inner {
		width: 1366px;
		margin: 0 auto;
	}	
}

@media all and (max-width: 1365px) {

	.wrapper {
		width: 1200px;
	}
	
	.hightlight {
		width: 880px;
	}
	
	.page {
		padding: 0 40px 0 320px;
		width: 1200px;
	}
	
	aside.side {
		margin-left: -280px;
		width: 240px;
	}
	
	.list .posts {
		width: 590px;
	}
	
	.list aside.extra {
		width: 210px;
	}
	
	.open .posts {
		width: 590px;
	}
	
	.open aside.extra {
		width: 210px;
	}
	
	aside.socials {
		padding: 0 40px 0 320px;
	}
	
	footer .inner {
		width: 1200px;
		padding: 50px 40px;
	}		

}

@media all and (max-width: 1200px) {

	.banner {
		padding-right: 30px;
		margin: 20px 0;
	}
		
	
	.wrapper {
		width: 1024px;
	}
	
	.hightlight {
		width: 924px;
	}	
	
	.page {
		padding: 0 40px 0 100px;
		width: 1024px;
	}
	
	aside.side {
		margin-left: -100px;
		padding: 20px 0 0 100px;
		width: 480px;
		height: 120px;
	}
		
	aside.side .logo {
		margin: 0 0 0 20px;
	}
	
	aside.side .logo img {
		width: 163px;
	}
	
	aside.side .mobile {
		display: block;
	}	
		
	aside.side nav.side {
		position: absolute;
		display: none;
		width: 100%;
		top: 0;
		left: 0;		
		background: #e6e6e6;
		padding: 120px 100px 50px 120px;
		z-index: 5;
	}
	
	aside.side nav.open {
		display: block;
		z-index: 7;
	}
	
	aside.side .what {
		display: none;
	}	
	
	.list .posts {
		width: 627px;
	}
	
	.list aside.extra {
		width: 210px;
	}	
	
	.open .posts {
		width: 627px;
	}
	
	.open aside.extra {
		width: 210px;
	}
	
	aside.socials {
		padding: 0 40px 0 100px;
	}
	
	footer .inner {
		width: 1024px;
		padding: 50px 40px 50px 100px;
	}		
}



@media all and (max-width: 1023px) {
	
	.wrapper {
		width: 768px;
	}
	
	.page {
		padding: 0 0 0 100px;
		width: 768px;
	}	
	
	.hightlight {
		width: 100%;
		padding-top: 56.25%;
		padding-right: 50px;
	}	
	
	.hightlight figure {
		width: 100%;
		height: auto;
		padding-bottom: 56.25%;	
	}
	
	.hightlight div.box {
		float: none;
		width: 100%;
		margin-top: -50px;
		padding-top: 0;
		opacity: 1;
	}
	
	.hightlight article .date {
		position: absolute;
		top: -50px;
		left: 0;
		height: 50px;
		line-height: 50px;	
		background: white;
		padding: 0 40px;		
	}
	
	.hightlight article .category {
		height: 40px;
		line-height: 40px;
	}
	
	.list {
		padding-right: 30px;
	}	

	.list .posts {
		width: 100%;
		float: none;
	}

	.open {
		padding-right: 30px;
	}
	
	.open .posts {
		width: 100%;
		float: none;
	}		
	
	.open aside.extra {
		display: none;
	}		
	
	aside.side {
		margin-left: -100px;
		width: 480px;
		padding: 20px 0 0 100px;
	}
	

	aside.extra {
		display: none;
		width: 100%;
		float: none;
	}
	
	aside.socials {
		padding: 0 40px 0 100px;
	}	
	
	footer .inner {
		width: 768px;
	}		
}

@media all and (max-width: 767px) {

	.wrapper {
		width: 100%;
	}
	
	.banner {
		padding-right: 10px;
	}	
	
	.page {
		/* padding: 0 0 0 30px; */
		padding: 0 0 0 10px;
		width: auto;
	}
	
	.hightlight {
		/* padding-right: 30px; */
		padding-right: 10px;
	}		
	
	.hightlight div.box {	
		padding: 30px;
		padding-top: 0;
	}
	
	.hightlight article {
		font-size: 15px;
	}	
	
	.fp {
		/* padding-right: 30px; */
		padding-right: 30px;
	}	
	
	aside.side {
		margin: 0;
		width: 100%;
		padding: 0;
		height: 72px;
		margin-bottom: 20px;
	}
	
	aside.side .wrap {
		position: relative;
		/* padding: 15px 30px 0 30px; */
		padding: 15px 10px 0 10px;
		/* margin-left: -30px; */
		margin-left: -10px;
	}
	
	aside.side .logo {
		float: right;
	}
	
	aside.side .logo img {
		width: 97px;
	}	
	
	aside.side .mobile {
		/* left: 30px; */
		left: 10px;
	}
	
	aside.side .mobile img {
		width: 60px;
	}	
	
	aside.side nav.side {
		/* padding: 72px 30px 30px 30px; */
		padding: 72px 10px 30px 10px;
	}	
	
	.open {
		padding-right: 10px;
	}	
	
	.posts {
		width: 100%;
		float: none;
	}
	
	article.post-item {
		padding-bottom: 30px;
	}
	
	article.post-item .stats {
		height: 35px;
	}
	
	article.post-item .stats .btn-more {
		height: 35px;
		line-height: 35px;
	}
	
	article.post-item .details .right {
		text-align: right;
	}
	
	article.post-item .details .right .views {
		display: block;
		padding-bottom: .25em;
	}
	
	.list {
		padding-right: 10px;
	}	
	
	.list .pager .label {
		display: none;
	}
	
	.posts article {
		font-size: 15px;
	}
	
	.posts article .details {
		padding: 0 30px;
	}
	
	.posts article .date {
		padding: 0 30px;
		height: 35px;
		line-height: 35px;	
	}
	
	.posts article .date time {
		line-height: auto;
	}
	
	.posts .gallery figure {
		width: 49%;	
	}	
	
	.posts .post-addon .label {
		display: block;
		padding-bottom: 10px;
	}
	
	.related article.post-related {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;	
	}	
	
	.related article.post-related .details {
		min-height: 70px;
	}
		
	section.comment form.comment ul.who li {
		display: block;
		padding: .5em;
	}	
	
	aside.extra {
		width: 100%;
		float: none;
	}
	
	aside.socials {
		padding: 0 30px;
	}
	
	aside.socials ul {
		width: 100%;
	}
	
	aside.socials ul li {
		display: block;
		width: 100%;
		padding: 0;
	}
	
	footer .inner {
		width: 100%;
		padding: 50px 30px;
	}	
}