audio, canvas, video {
	display: inline-block;
*display:inline;
*zoom:1;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
	display: none;
}
/* base */
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
html, button, input, select, textarea, a {
	font-family: Freight Sans Pro,Arial,helvetica,sans-serif;
}
body {
	margin: 0;
	background-color: rgba(255,242,0,1.00);
	overflow-x:hidden;
	-webkit-animation: bugfix infinite 1s; 
}
/* Fonts */
@font-face{ 
	font-family: 'NoSpace';
	src: url('../fonts/NoSpaceFont/zerowidthspaces.eot');
	src: url('../fonts/NoSpaceFont/zerowidthspaces.eot?#iefix') format('embedded-opentype'),
url('../fonts/NoSpaceFont/zerowidthspaces.woff') format('woff'),
url('../fonts/NoSpaceFont/zerowidthspaces.ttf') format('truetype'),
url('../fonts/NoSpaceFont/zerowidthspaces.svg#NoSpace') format('svg');
}
@font-face {
  font-family: Freight Sans Pro;
  font-weight: 600;
  src: url(../fonts/FreightSans-Pro/freight-sans-semibold.woff2) format("woff2"), url(../fonts/FreightSans-Pro/freight-sans-semibold.woff) format("woff");
  font-display: swap
}
@font-face {
  font-family: Freight Sans Pro;
  font-weight: 400;
  src: url(../fonts/FreightSans-Pro/freight-sans-regular.woff2) format("woff2"), url(../fonts/FreightSans-Pro/freight-sans-regular.woff) format("woff");
  font-display: swap
}
@font-face {
  font-family: Freight Sans Pro;
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/FreightSans-Pro/freight-sans-italic.woff2) format("woff2"), url(../fonts/FreightSans-Pro/freight-sans-italic.woff) format("woff");
  font-display: swap
}
@font-face {
  font-family: Freight Sans Pro;
  font-weight: 700;
  src: url(../fonts/FreightSans-Pro/freight-sans-bold.woff2) format("woff2"), url(../fonts/FreightSans-Pro/freight-sans-bold.woff) format("woff");
  font-display: swap
}
/* bugfix */
@-webkit-keyframes bugfix { 
  from {padding:0;} 
  to {padding:0;} 
}
/* links */
a:focus {
	outline: thin dotted;
}
a:link, a:visited
{
    color:rgba(0,0,0,1.00);
    text-decoration: none;
}
a:active, a:hover
{
    color: #B0370B;
    text-decoration: none;
}
/*a:active, a:hover {
	outline: 0;
}*/
.navi a,
.navi a.focus {
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 400;
    font-family: Freight Sans Pro,Arial,helvetica,sans-serif;
}
.navi a:link,
.navi a:visited,
.navi a:hover,
.navi a:active {
	text-decoration: none;
	color:rgba(0,0,0,1.00)
}
.navi li.focus a:link,
.navi li.focus a:visited,
.navi li.focus a:hover,
.navi li.focus a:active {
	text-decoration: none;
	color:rgba(255,255,255,1.0)
}
.pg-txt a, 
.article-link {
	display: block;
    background-color:rgba(255,242,0,1.00); 
    vertical-align: top;
} 
.article-link {
    width: 100%;
}
.pg-txt a:link,
.pg-txt a:visited 
.article-link a:link,
.article-link a:visited {
    font-size: 1.4em;
    font-weight: 500;
    color: rgba(50,50,50,1.00);
    font-family: Freight Sans Pro,Arial,helvetica,sans-serif;
    margin: 0.5% 2.5% 0.5% 0;
    padding: 0.45em 0.45em 0.45em 0.75em;
}
.article-file {
    background-color: rgba(255,255,255,1.00);
    margin:2.5% 2.5% 1.5% 0;
    vertical-align: top;
}
.article-file a:link,
.article-file a:visited {
    font-size: 1.0em;
    padding: .13em .43em;
    color: rgba(0,102,179,1.0);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(227,49,45,1.00);
}
.article-template {
    font-family: Freight Sans Pro,Arial,helvetica,sans-serif;
}
/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    line-height: 1.0125em;
	font-weight: 700;
    text-rendering: optimizeLegibility;
    font-family: Freight Sans Pro,Arial,helvetica,sans-serif;
}
h1 {
	font-size: 3.2em;
	margin: .67em 0;
}
h2 {
	font-size: 1.5em;
	margin: .83em 0;
}
h3 {
	font-size: 1.67em;
    line-height: 1.32em;
	margin: 1em 0;
}
h4 {
	font-size: 1em;
	margin: 1.33em 0;
}
h5 {
	font-size: .83em;
	margin: 1.67em 0;
}
h6 {
	font-size: .67em;
	margin: 2.33em 0;
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 600;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
p, pre {
	margin: 1em 0 2em 0;
    font-size: 130%;
	line-height: 1.5;
    font-family: Freight Sans Pro,Arial,helvetica,sans-serif;
	font-weight: 300;
}
q {
	quotes: none;
}
q:before, q:after {
	content: '';
	content: none;
}
small {
	font-size: 80%;
}
.f-osw-n {
	font-weight: normal;
}
/* Lists */
dl, menu, ol, ul {
	margin: 1em 0
}
dd {
	margin: 0 0 0 40px
}
menu, ol, ul {
	padding: 0 0 0 40px
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none
}
/* Embedded content */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
form {
	margin: 0
}
/* Background */




/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align: top;
}

/* Other ratios */
.ratio2_1:before {
	padding-top: 50%;
}

/* effects */
#waiting {
    display: none;
    margin: 15px 0px 15px 0px;
    text-align: center;
}

/* nav */
div.navi,
div.navi-mob {
    display: table-cell;
	width: 72%;
    vertical-align: bottom;
    padding: 0 0 0.5% 0;
    text-align: right;
}
div.navi-mob {
	display: none;
}
#topmenu ul {
	padding: 0;
	display: table;
	margin: 0 0;
	float: left;
}
#topmenu ul li {
	padding: 1% 1.0em;
	border: none;
	text-align: center;
	display: table-cell;
	height: 100%;
}
#topmenu ul li:nth-child(7),
#topmenu ul li:nth-child(8) {
	display: none;
}
#topmenu li.divider {
	font-size: 1px;
	border: none;
	padding: 0;
	display: table-cell;
	width: 1px;
	vertical-align: top;
}
#topmenu li.focus {
	/*background-color: rgba(0,70,32,1.00);*/
	background-color: rgba(0,70,132,1.00);
}

/* nav sub */

/* nav mobile */
#header label {
	padding:0 0.125em;
	font:2.875em/1.4375em Arial;
	}
#menu label {
	padding:0 0.25em;
	font:3.125em/1.375em Arial;
	}
#menu .sub-nav label {
	padding:0 0.3125em;
	font:2em/2em Arial;
	top:0;
	}
#main-nav-check, #menu .sub-nav-check {
	position:absolute;
	top:-9999px;
	left:-9999px;
}
.toggle-menu {
    display: none;
    cursor: pointer;
    color: rgba(255,242,0,1.00);
    font-size: 3.2em;
    padding: auto 2%;
    margin: 0px;
    line-height: 0.65em;
    z-index: 500;
    vertical-align: middle;
}
.container {
	background:#fff;
	min-height:100%;
	padding:0;
	margin:0;
}
#menu, #menu .sub-nav {
	position:absolute;
	top:0;
	bottom:0;
	width:14.75em;
	z-index:9999;
	left:-14.75em;
}
.container, #menu, #menu .sub-nav {
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition:-webkit-transform .25s ease;
	transition:transform .25s ease;
}
#menu ul {
	line-height:2.75em;
	text-decoration:none;
	padding:0;
	list-style:none;
	margin-top:4.0625em;
	border-top:1px solid #ffffff;
}
#menu li {
	border-bottom:1px solid #ffffff;
}
#menu li a {
	display: block;
	font-size:1.0em;font-weight: 600;
	padding-left:1.5em;
	color:#ffffff;
	text-decoration:none;
}
#menu li a:hover, #menu .toggle-sub:hover {
	background:#A4A4A4;
}
#menu .sub-nav {
	margin-top:-1px;
}
#menu .sub-heading {
	margin-top:4.0625em;
	padding-left:1.3125em;
	color:#ffffff;
	font: small-caps bold 1.1em;
}
#menu .sub-heading:before {
	content:"";
	display:table-row;
	height:1px;
	width:14.75em;
	margin-left:-1.3125em;
	background:#444;
}
#menu .toggle-sub {
	font:bold 1em/2.75em Arial !important;
	color:rgba(0,0,0,1.00);
    background:rgba(255,242,0,1.00);
	float:right;
	top:auto;
	margin-top:-2.75em;
	width:2.25em;
	border-left:1px solid #ffffff;
	cursor:pointer;
	text-align:center;
}
.container, #menu, #menu .sub-nav
{
	-webkit-transform:translate3d(0,0,0)
}

#menu, #menu ul {
	margin-bottom: 0px;
	overflow: hidden;
	text-align:left;
	background-color:#000000;
    height: 200%;
}

/* #### - extra css for js enhancement - #### */
#menu .close-all { display:none }
.js #menu .close-all { display:inline; color:#ffffff; }
.js #menu .toggle-menu { top:0; z-index:9999 }
.js #menu .sub-nav .toggle-menu { left:0.15em; width:1em; color:#ffffff; }

/* #### - define ids of animated container, menu and sub-menus here - #### */
%mobile-menu-ids;

.page-content { padding:1em 2em; max-width:64em; margin:auto }
.page-content:after { display:block; content:''; height:1px } /* fixes bottom padding issue in IE10 */

/* doc */
.doc {
    text-align: left;
	font-family: 'NoSpace';
    padding: 0 0 3% 0;
}
/* images */
.img_scl {
    width: 100%;
	/*overflow: hidden;*/
}
.img_scl:before {
	content: "";
	display: block;
}
.img_scl img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.img-lnk div {
}
.img-lnk img {
}
.img-lnk h2,
.img-lnk a {
	display: none;
}


/* reoccurring */


/* news */
.nwsli {
}
.nws-tm {
    margin: 0 0 10% 0;
    border-color: #000000;
    border-style: solid;
    border-width: 0 0 1px 0;
    padding: 1% 5% 3% 0%;
}
.nws-dt,
.nws-h,
.nws-lnk a:link,
.nws-lnk a:visited {
    margin: 0px;
    padding: 0px;
    color: #303030;
}
.nws-dt {
    padding: 0 0 1% 0;
    font-size: 1.0em;
    font-weight: 600;
    color: rgba(81,81,81,1.00);
}
/* intro */

/* preview */


/* preview no imgage*/


/* page */

/* Article back link */

.lnk-bck-w-mx {
    display: table;
    width: 100%;
    max-width: 1200px;
	margin: 0px auto;
    padding: 0;
    vertical-align: middle;
    border-top: 1px solid rgba(0,70,132,1.00);
}
.lnk-bck,
.lnk-bck-dsc {
    display: inline-block;
    border: none;
    padding: 0.5% 1.5%;
    font-family: Freight Sans Pro,Arial,helvetica,sans-serif;
    margin: 0;
    vertical-align: middle;
}
.lnk-bck-dsc div {
    font-weight: 400;
    font-family: Freight Sans Pro,Arial,helvetica,sans-serif;
}
.lnk-bck div,
.lnk-bck a,
.lnk-bck b {
    display: table-cell;
    vertical-align: middle;
}
.lnk-bck a:link,
.lnk-bck a:visited {
    color: rgba(0,0,0,1.00);
    font-size: 1.20em;
    font-weight: 400;
    font-family: Freight Sans Pro,Arial,helvetica,sans-serif;
    text-transform: uppercase;
}
.lnk-bck-laquo {
    padding: 0 0.55%;
    color: rgba(77,77,77,1.00);
    font-size: 1.4em;
    font-weight: 400;
    font-family: Freight Sans Pro,Arial,helvetica,sans-serif;
    text-transform: uppercase;
}
/* Page Extras */

/* Gallery */
.article-gallery {
    width: 100%;
}
.imageGallery {
}
.GallImg,
.GallImg img {
    width: 100%;
}
.GallImg:before {
    padding-top: 66.66666667%;
}
a[rel=gallery]
{
    border-color: rgba(0,102,179,1.0);
    border-style: solid;
    border-width: 1px;
    cursor: -moz-zoom-in, -webkit-zoom-in, pointer;
    width: 28%;
    display: inline-block;
    padding: 1%;
    margin: 0 3% 3% 0;
}
a[rel=gallery]:hover
{
    border-color: #000000;
}
/* Widgets */


/* footer */

/* No Display switch */
.NoDsp-mbl {
    display: none!important;
}
.NoDsp-dsk {
    display: none!important;
}

@media (min-width:1152px) and (max-width:1279px)  {

}
@media (min-width:1280px) and (max-width:1365px){

}
@media (min-width:1366px) and (max-width:1489px){

}
@media (min-width:1490px) and (max-width:1679px){

}
@media (min-width:1680px){

}
@media (min-width:1920px){

}
@media (min-width:370px) and (max-width:567px) {

}
@media (min-width:568px) and (max-width:639px) {

}
@media (min-width:640px) and (max-width:735px) {

}
@media (min-width:736px) and (max-width:979px) {

}
@media (min-width:980px) and (max-width:1151px) {

}
@media (max-width:369px) {

}
