/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html {
 line-height:1.15;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
article,
aside,
footer,
header,
nav,
section {
 display:block
}
h1 {
 font-size:2em;
 margin:0.67em 0
}
figcaption,
figure,
main {
 display:block
}
figure {
 margin:1em 40px
}
hr {
 box-sizing:content-box;
 height:0;
 overflow:visible
}
pre {
 font-family:monospace, monospace;
 font-size:1em
}
a {
 background-color:transparent;
 -webkit-text-decoration-skip:objects
}
abbr[title] {
 border-bottom:none;
 text-decoration:underline;
 text-decoration:underline dotted
}
b,
strong {
 font-weight:inherit
}
b,
strong {
 font-weight:bolder
}
code,
kbd,
samp {
 font-family:monospace, monospace;
 font-size:1em
}
dfn {
 font-style:italic
}
mark {
 background-color:#ff0;
 color:#000
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sub {
 bottom:-0.25em
}
sup {
 top:-0.5em
}
audio,
video {
 display:inline-block
}
audio:not([controls]) {
 display:none;
 height:0
}
img {
 border-style:none
}
svg:not(:root) {
 overflow:hidden
}
button,
input,
optgroup,
select,
textarea {
 font-family:sans-serif;
 font-size:100%;
 line-height:1.15;
 margin:0
}
button,
input {
 overflow:visible
}
button,
select {
 text-transform:none
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
 -webkit-appearance:button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
 border-style:none;
 padding:0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
 outline:1px dotted ButtonText
}
fieldset {
 padding:0.35em 0.75em 0.625em
}
legend {
 box-sizing:border-box;
 color:inherit;
 display:table;
 max-width:100%;
 padding:0;
 white-space:normal
}
progress {
 display:inline-block;
 vertical-align:baseline
}
textarea {
 overflow:auto
}
[type="checkbox"],
[type="radio"] {
 box-sizing:border-box;
 padding:0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
 height:auto
}
[type="search"] {
 -webkit-appearance:textfield;
 outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
 -webkit-appearance:none
}
::-webkit-file-upload-button {
 -webkit-appearance:button;
 font:inherit
}
details,
menu {
 display:block
}
summary {
 display:list-item
}
canvas {
 display:inline-block
}
template {
 display:none
}
[hidden] {
 display:none
}
/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */html {
 color:#222;
 font-size:1em;
 line-height:1.4
}
::-moz-selection {
 background:#b3d4fc;
 text-shadow:none
}
::selection {
 background:#b3d4fc;
 text-shadow:none
}
hr {
 display:block;
 height:1px;
 border:0;
 border-top:1px solid #ccc;
 margin:1em 0;
 padding:0
}
audio,
canvas,
iframe,
img,
svg,
video {
 vertical-align:middle
}
fieldset {
 border:0;
 margin:0;
 padding:0
}
textarea {
 resize:vertical
}
img {
 max-width:100%;
 height:auto !important
}
.box-sizing {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}


.white-popup {
 position:relative;
 padding:20px;
 width:auto;
 margin:3.6em;
 text-align:center;
 text-shadow:none !important;
 font-size:130%
}
.white-popup h2 {
 margin:1.2em 0 0 0;
 font-size:1.5em;
 color:#505050;
 line-height:1.8
}
.white-popup h3 {
 margin-top:0;
 line-height:2
}
.mfp-bg {
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:1042;
 overflow:hidden;
 position:fixed;
 background:#fff;
 opacity:.9
}
.mfp-wrap {
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:1043;
 position:fixed;
 outline:none !important;
 -webkit-backface-visibility:hidden
}
.mfp-container {
 text-align:center;
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 top:0;
 padding:0 8px;
 box-sizing:border-box
}
.mfp-container:before {
 content:'';
 display:inline-block;
 height:100%;
 vertical-align:middle
}
.mfp-align-top .mfp-container:before {
 display:none
}
.mfp-content {
 position:relative;
 display:inline-block;
 vertical-align:middle;
 margin:0 auto;
 text-align:left;
 z-index:1045
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
 width:100%;
 cursor:auto
}
.mfp-ajax-cur {
 cursor:progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
 cursor:-moz-zoom-out;
 cursor:-webkit-zoom-out;
 cursor:zoom-out
}
.mfp-zoom {
 cursor:pointer;
 cursor:-webkit-zoom-in;
 cursor:-moz-zoom-in;
 cursor:zoom-in
}
.mfp-auto-cursor .mfp-content {
 cursor:auto
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none
}
.mfp-loading.mfp-figure {
 display:none
}
.mfp-hide {
 display:none !important
}
.mfp-preloader {
 color:#CCC;
 position:absolute;
 top:50%;
 width:auto;
 text-align:center;
 margin-top:-0.8em;
 left:8px;
 right:8px;
 z-index:1044
}
.mfp-preloader a {
 color:#CCC
}
.mfp-preloader a:hover {
 color:#fff
}
.mfp-s-ready .mfp-preloader {
 display:none
}
.mfp-s-error .mfp-content {
 display:none
}
button.mfp-close,
button.mfp-arrow {
 overflow:visible;
 cursor:pointer;
 background:transparent;
 border:0;
 -webkit-appearance:none;
 display:block;
 outline:none;
 padding:0;
 z-index:1046;
 box-shadow:none;
 touch-action:manipulation
}
button::-moz-focus-inner {
 padding:0;
 border:0
}
.mfp-close {
 width:74px;
 height:38px;
 line-height:38px;
 position:fixed;
 right:0;
 top:-10px;
 text-decoration:none;
 text-align:center;
 opacity:.65;
 padding:0 0 18px 10px;
 color:#fff;
 font-style:normal;
 font-weight:300;
 font-size:42px
}
.mfp-close:hover,
.mfp-close:focus {
 opacity:1
}
.mfp-close:active {
 top:1px
}
.mfp-close-btn-in .mfp-close {
 color:#333
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
 color:#fff;
 right:-6px;
 text-align:right;
 padding-right:6px;
 width:100%
}
.mfp-counter {
 position:absolute;
 top:0;
 right:0;
 color:#CCC;
 font-size:12px;
 line-height:18px;
 white-space:nowrap
}
.mfp-arrow {
 position:absolute;
 opacity:.65;
 margin:0;
 top:50%;
 margin-top:-55px;
 padding:0;
 width:90px;
 height:110px;
 -webkit-tap-highlight-color:transparent
}
.mfp-arrow:active {
 margin-top:-54px
}
.mfp-arrow:hover,
.mfp-arrow:focus {
 opacity:1
}
.mfp-arrow:before,
.mfp-arrow:after {
 content:'';
 display:block;
 width:0;
 height:0;
 position:absolute;
 left:0;
 top:0;
 margin-top:35px;
 margin-left:35px;
 border:medium inset transparent
}
.mfp-arrow:after {
 border-top-width:13px;
 border-bottom-width:13px;
 top:8px
}
.mfp-arrow:before {
 border-top-width:21px;
 border-bottom-width:21px;
 opacity:0.7
}
.mfp-arrow-left {
 left:0
}
.mfp-arrow-left:after {
 border-right:17px solid #fff;
 margin-left:31px
}
.mfp-arrow-left:before {
 margin-left:25px;
 border-right:27px solid #3F3F3F
}
.mfp-arrow-right {
 right:0
}
.mfp-arrow-right:after {
 border-left:17px solid #fff;
 margin-left:39px
}
.mfp-arrow-right:before {
 border-left:27px solid #3F3F3F
}
.mfp-iframe-holder {
 padding-top:40px;
 padding-bottom:40px
}
.mfp-iframe-holder .mfp-content {
 line-height:0;
 width:100%;
 max-width:900px
}
.mfp-iframe-holder .mfp-close {
 top:-40px
}
.mfp-iframe-scaler {
 width:100%;
 height:0;
 overflow:hidden;
 padding-top:56.25%
}
.mfp-iframe-scaler iframe {
 position:absolute;
 display:block;
 top:0;
 left:0;
 width:100%;
 height:100%;
 box-shadow:0 0 8px rgba(0,0,0,0.6);
 background:#000
}
img.mfp-img {
 width:auto;
 max-width:100%;
 height:auto;
 display:block;
 line-height:0;
 box-sizing:border-box;
 padding:40px 0 40px;
 margin:0 auto
}
.mfp-figure {
 line-height:0
}
.mfp-figure:after {
 content:'';
 position:absolute;
 left:0;
 top:40px;
 bottom:40px;
 display:block;
 right:0;
 width:auto;
 height:auto;
 z-index:-1;
 box-shadow:0 0 8px rgba(0,0,0,0.6);
 background:#444
}
.mfp-figure small {
 color:#BDBDBD;
 display:block;
 font-size:12px;
 line-height:14px
}
.mfp-figure figure {
 margin:0
}
.mfp-bottom-bar {
 margin-top:-36px;
 position:absolute;
 top:100%;
 left:0;
 width:100%;
 cursor:auto
}
.mfp-title {
 text-align:left;
 line-height:18px;
 color:#F3F3F3;
 word-wrap:break-word;
 padding-right:36px
}
.mfp-image-holder .mfp-content {
 max-width:100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
 cursor:pointer
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
 .mfp-img-mobile .mfp-image-holder {
  padding-left:0;
  padding-right:0
 }
 .mfp-img-mobile img.mfp-img {
  padding:0
 }
 .mfp-img-mobile .mfp-figure:after {
  top:0;
  bottom:0
 }
 .mfp-img-mobile .mfp-figure small {
  display:inline;
  margin-left:5px
 }
 .mfp-img-mobile .mfp-bottom-bar {
  background:rgba(0,0,0,0.6);
  bottom:0;
  margin:0;
  top:auto;
  padding:3px 5px;
  position:fixed;
  box-sizing:border-box
 }
 .mfp-img-mobile .mfp-bottom-bar:empty {
  padding:0
 }
 .mfp-img-mobile .mfp-counter {
  right:5px;
  top:3px
 }
 .mfp-img-mobile .mfp-close {
  top:0;
  right:0;
  width:35px;
  height:35px;
  line-height:35px;
  background:rgba(0,0,0,0.6);
  position:fixed;
  text-align:center;
  padding:0
 }
}
@media all and (max-width: 900px) {
 .mfp-arrow {
  -webkit-transform:scale(0.75);
  transform:scale(0.75)
 }
 .mfp-arrow-left {
  -webkit-transform-origin:0;
  transform-origin:0
 }
 .mfp-arrow-right {
  -webkit-transform-origin:100%;
  transform-origin:100%
 }
 .mfp-container {
  padding-left:6px;
  padding-right:6px
 }
}


.box-sizing {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
body {
	font: 14px "Gill Sans", "Trebuchet MS", "Helvetica Neue", sans-serif;
	letter-spacing: 0.07em;
	
	color: #111111
}
body p,
body li,
body td {
 font-size:14px
}


@media all and (min-width: 800px) {
 body {
  font-size:14px
 }
}
body *+* {
 margin-top:0.2em;
line-height:1.75;	 
}
a:link {
 color:#000000;
 text-decoration:none
}
a:visited {
 color:#000000;
}
a:hover {
 color:#b4b4b4
}
a:active {
 color:#000
}

.lhs a, .lhs a:visited {
	color: #646464;
}
.wrapper {
 max-width:900px;
 margin:0 auto;
 padding:0.5em 2.4em
}
main {
 min-height:calc(100vh - 12em)
}
@media all and (min-width: 800px) {
 main {
  min-height:calc(100vh - 19em)
 }
}
@media all and (max-width: 800px) {
 .trim_padding {
  margin-left:-2.4em;
  margin-right:-2.4em;
  width:calc(100%+$gutter*4)
 }
 .trim_padding:first-of-type {
  margin-top:-.3em
 }
}
.logo img {
 width:150px
}
@media all and (min-width: 800px) {
 .logo img {
  width:150px
 }
}
.navigation {
 padding-bottom:.6em
}
@media all and (min-width: 800px) {
 .navigation {
  padding-top:2.4em;
  padding-bottom:3.6em
 }
}
.menu,
.nav_add {
 color:#b4b4b4;
 letter-spacing:0.15em;
 font-weight:500;
 font-size:14px;
 margin-top:2px
}
.menu {
 float:right
}
.menu a {
 text-transform:none
}
.menu a.current {
 color:#b4b4b4;
 cursor:default
}
@media all and (min-width: 800px) {
 .menu a:after {
	content: " .";
	color: #FFFFFF
 }
 .menu a:last-of-type:after {
  content:""
 }
}
.nav_add {
 text-align:center
}
@media all and (min-width: 800px) {
 .nav_add {
  width:20em;
  position:absolute;
  top:3.6em;
  left:calc(50% - 10em)
 }
}
.fullscreen-bg {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 overflow:hidden;
 z-index:-100;
 margin-top:0
}
.fullscreen-bg__video {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
@media (min-aspect-ratio: 16 / 9) {
 .fullscreen-bg__video {
  height:300%;
  top:-100%
 }
}
@media (max-aspect-ratio: 16 / 9) {
 .fullscreen-bg__video {
  width:300%;
  left:-100%
 }
}
.home_message {
 position:fixed;
 top:50vh;
 left:0;
 width:100%;
 margin-top:-4.8em
}
.sep {
 text-align:center;
 padding-bottom:1.2em;
 border-bottom:1px solid rgba(80,80,80,0.1);
 clear:both
}
@media all and (min-width: 800px) {
 .sep {
  border-bottom:0
 }
}
.sep-top {
 margin-top:4.8em
}
@media all and (max-width: 800px) {
 .sep-top {
  border-top:1px solid rgba(80,80,80,0.1)
 }
}
.nav_add+.sep-top {
 margin-top:1.2em
}
.sidecol {
 box-sizing:border-box
}
@media all and (min-width: 800px) {
 .sidecol {
  margin-left:66.67%;
  padding-left:2.4em
 }
}
.maincol {
 box-sizing:border-box
}

@media screen and (min-width: 400px) {
 .longtext {
  line-height: 370%
 }
}

@media screen and (max-width: 800px), screen and (max-height: 300px) {
 .maincol {
  float:left;
  width:66.5%  
	  
 }
}
.longtext {
 max-width;
 line-height:90%
}
.copyright {
 margin-top:3.6em;
 color:#b4b4b4;
 font-size:0.9em
}



@media all and (min-width: 800px) {
 .copyright {
  padding-bottom:1.2em;
  margin-top:4.8em
 }
}
.highlight {
 margin:0 0 1.2em 0;
 background:#ff9;
 color:#505050;
 text-align:center;
 padding:1.2em
}
@media all and (min-width: 800px) {
 .mobile_only {
  display:none
 }
}
@media all and (max-width: 800px) {
 .mobile_hide {
  display:none
 }
}
.clearfixt {
 margin-top:-2.6em
}
.newsitem {
 padding-bottom:3.6em;
 margin-top:3.6em;
 border-bottom:1px solid rgba(80,80,80,0.1)
}
.pagination {
 margin-top:3.6em
}
.pagination_thumbs {
 border-top:1px solid rgba(80,80,80,0.1);
 border-bottom:1px solid rgba(80,80,80,0.1);
 padding:1.2em 0;
 font-size:85%;
 margin-top:4.8em
}
.pagination_thumbs .thumbnail_txt {
 margin-top:0;
 margin-right:38%
}
.thumbnail {
 display:block;
 border-top:1px solid rgba(80,80,80,0.1);
 padding-top:1.2em;
 box-sizing:border-box
}
.thumbnail:nth-of-type(1) {
 border-top:0;
 padding-top:0
}
@media all and (min-width: 540px) {
 .thumbnail {
  float:left;
  width:100%
 }
 .thumbnail:nth-of-type(2) {
  border-top:0;
  padding-top:0;
  margin-top:0
 }
 .thumbnail:nth-of-type(2n+1) {
  margin-right:3%;
  clear:left
 }
}
.thumbnail img {
 float:right;
 width:33%
}
.thumbnail:hover img {
 opacity:0.75
}
.thumbnail h4 {
 margin-top:.3em;
 font-size:1.4em
}
@media all and (min-width: 370px) {
 .thumbnail {
  float:left;
width:100%;
	line-height:1.15;  
 }

 .thumbnail:nth-of-type(2) {
  border-top:0;
  padding-top:0;
  margin-top:0
 }
 .thumbnail:nth-of-type(2n+1) {
  margin-right:3%;
  clear:left
 }
}
.thumbnail img {
 float:right;
 width:33%
}
.thumbnail:hover img {
 opacity:0.75
}
.thumbnail h4 {
 margin-top:.3em;
 font-size:1.4em
}
@media all and (max-width: 800px) {
 .thumbnail .thumbnail_txt {
  margin-top:0;
  margin-right:38%
 }
}
@media all and (max-width: 800px) {
 .thumbnail h5 {
  margin-top:0;
  margin-right:0
 }
}
@media all and (min-width: 800px) {
 .thumbnail_block .thumbnail {
  width:30.4%;
  font-size:85%;
  border-top:0;
  text-align:center;
  margin-bottom:3.6em
 }
 .thumbnail_block .thumbnail:nth-of-type(3) {
  padding-top:0;
  margin-top:0
 }
 .thumbnail_block .thumbnail:nth-of-type(2n+1) {
  margin-right:0;
  clear:none
 }
 .thumbnail_block .thumbnail:nth-of-type(3n+1) {
  margin-right:4.4%;
  clear:left
 }
 .thumbnail_block .thumbnail:nth-of-type(3n+2) {
  margin-right:4.4%
 }
}
@media all and (min-width: 800px) {
 .thumbnail_block .thumbnail img {
  float:none;
  width:100%;
  margin-bottom:.6em
 }
}
@media all and (min-width: 800px) {
 .thumbnail_block .thumbnail h4 {
  margin-top:.3em
 }
}


@media all and (min-width: 800px) {
 .col_left {
  width:100%;
  float:left;
  margin-top:-2.0em
 }
}
@media all and (min-width: 800px) {
 .col_right {
  margin-left:72%
 }
}
@media all and (min-width: 800px) {
 .float_right {
  float:right;
  width:28%;
  margin-top:1.2em
 }
}
@media all and (min-width: 800px) {
 .float_right_left {
  width:100%;
  margin-top:0
 }
}
.info_block {
 color:#b4b4b4;
 font-style:italic;
 font-style:90%;
 line-height:1.4;
 padding-bottom:2.4em
}
.title_block {
 padding-top:8vh
}
@media all and (max-width: 800px) {
 .title_block {
  text-align:center;
  height:40vh;
  padding-top:3vh
 }
}
@media all and (min-width: 800px) {
 .title_block {
  padding-top:10%
 }
}
@media all and (min-width: 1000px) {
 .title_block {
  padding-top:140px
 }
}
:target {
 -webkit-animation:target-fade 1s 1;
 -moz-animation:target-fade 1s 1
}
@-webkit-keyframes target-fade {
 0% {
  background-color:#ff9
 }
 100% {
  background-color:white
 }
}
@-moz-keyframes target-fade {
 0% {
  background-color:#ff9
 }
 100% {
  background-color:white
 }
}
.box-sizing {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight:normal;
 letter-spacing:0.1em
}
small {
 font-size:85%
}
blockquote {
 margin:1em 40px
}
dd {
 margin:0 0 0 40px
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
 margin:1.2em 0 0 0;
 padding:0
}
h1,
h2,
h4,
h5,
h6 {
 line-height:1.3
}
h1,
.h1 {
 font-size:2.5em;
 letter-spacing:0.05em
}
h2,
.h2 {
 text-transform:uppercase;
 color:#b4b4b4;
 font-size:1.3em;
 letter-spacing:0.16em
}
h3,
.h3 {
 text-transform:none;
 color:#b4b4b4;
 font-size:1.2em;
 letter-spacing:0.16em;
 margin-top:2.4em
}
h3+*,
.h3+* {
 margin-top:0.4em
}
h4,
.h4 {
 font-size:1.5em
}
h5,
.h5 {
 font-size:0.9em;
 text-transform:uppercase;
 letter-spacing:0.15em
}
blockquote {
 background:#fff;
 padding:0.75em 1.5em
}
blockquote p:last-child {
 margin-bottom:0
}
table td,
table th {
 padding:0 4px 0 0;
 vertical-align:top
}
.hidden {
 display:none !important
}
.visuallyhidden {
 border:0;
 clip:rect(0 0 0 0);
 -webkit-clip-path:inset(50%);
 clip-path:inset(50%);
 height:1px;
 margin:-1px;
 overflow:hidden;
 padding:0;
 position:absolute;
 width:1px;
 white-space:nowrap
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
 clip:auto;
 -webkit-clip-path:none;
 clip-path:none;
 height:auto;
 margin:0;
 overflow:visible;
 position:static;
 width:auto;
 white-space:inherit
}
.invisible {
 visibility:hidden
}
.clearfix:before,
.clearfix:after {
 content:" ";
 display:table
}
.clearfix:after {
 clear:both
}
@media print {
 *,
 *:before,
 *:after {
  background:transparent !important;
  color:#000 !important;
  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) ")"
 }
 a[href^="#"]:after,
 a[href^="javascript:"]:after {
  content:""
 }
 pre {
  white-space:pre-wrap !important
 }
 pre,
 blockquote {
  border:1px solid #999;
  page-break-inside:avoid
 }
 thead {
  display:table-header-group
 }
 tr,
 img {
  page-break-inside:avoid
 }
 p,
 h2,
 h3 {
  orphans:3;
  widows:3
 }
 h2,
 h3 {
  page-break-after:avoid
 }
}