/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),
       url('./fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./fonts/roboto-v18-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('./fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./fonts/roboto-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('./fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./fonts/roboto-v18-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



*{
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
}
body{
	font-size:14px;
	color:#202020;
	word-wrap: break-word;
}
@media screen and (min-width: 1180px) {
	body{
		font-size:15px;
	}
}

.container{
	width:100%;
	max-width:1440px;
	padding-left:20px;
	padding-right:20px;
	margin:0 auto;
}
@media screen and (min-width: 768px) {
	.container{
		padding-left:30px;
		padding-right:30px;
	}
}
img{
	vertical-align: top;
	width:auto;
	height:auto;
	max-width:100%;
}
.lazyload{
  /*opacity: 0;
  transition: opacity .5s ease-in;*/
}
a{
	color:#bb190f;
}
a:hover{
	color:#bb190f;
	text-decoration: none;
}
#logo{
	display:inline-block;
	width:240px;
}

#searchBox{
	padding:5px 5px;
	border:1px solid #cccccc;
	width:100%;
	border-radius:3px;
	background:url('images/magnifier_icon.png') #ffffff no-repeat right 4px center;
}

@media screen and (min-width: 768px) {
	#logo{
		width:300px;
	}
	#searchBox{
		width:350px;
	}
}
/* Navigation */
#mobile-nav-btn{
	padding:0.5em 0em 0.5em 0em;
	display:inline-block;
	cursor: pointer;
	color:#ffffff;
}
#mobile-nav-btn i{
	font-size:28px;
}
#mobile-nav-btn span{
	font-weight:300;
}
.nav-area{
	background:url(images/bg-dark.png) #202020;
	border-bottom:6px solid #bb190f;
}
.nav-area > .container{
}

#nav-main{	
	display:none;
	margin:auto 0;
}
#nav-main > ul{
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#nav-main > ul > li{
	display:block;
	position:relative;
	border-top:1px solid #333333;
}
#nav-main > ul > li > a{
	display:block;
	padding:0.5em 0em;
	color:#ffffff;
}
#nav-main > ul > li > a:hover{
	background:rgba(255,255,255,0.1);
}


@media screen and (min-width: 1020px) {
	#mobile-nav-btn{
		display:none;
	}
	#nav-main{
		display:inline-block;
	}
	#nav-main > ul{
		list-style: none;
		display: block;
		margin: 0;
		padding: 0;
	}
	#nav-main > ul:after{ /* ul clearfix */
		display: block;
		content: '';
		clear: both;
	}
	#nav-main > ul > li{
		border:none;
		display:inline-block;
		position:relative;
	}
	#nav-main > ul > li > a{
		display:inline-block;
		padding:1.1em 1em;
		color:#ffffff;
	}
	#nav-main > ul > li > a:hover{
		background:rgba(255,255,255,0.1);
	}
	#nav-main > ul > li.current-menu-item > a{
		background:#bb190f;
	}
	#nav-main > ul > li > ul{
		z-index:100;
		list-style: none;
		margin: 0;
		padding: 0;
		background: yellow;
		display:none;
		position:absolute;
		top:0px;
		left:0px;	
		border-radius:0px 0px 3px 3px;
		box-shadow:0px 5px 5px rgba(0,0,0,0.25);
	}
	#nav-main > ul > li > ul:before{ /* white arrow */
		content:'';
		height:0px;
		position:absolute;  
		border-right: 6px solid transparent;
		border-bottom: 6px solid #ffffff;
		border-left: 6px solid transparent;
		top:-6px;
		left:15px;
	}
	#nav-main > ul > li > ul{
		list-style: none;
		margin: 0;
		padding: 0;
		background: #ffffff;
		display:none;
		position:absolute;
		top:0px;
		left:0px;
		padding:5px;
	}
	#nav-main > ul > li > ul > li{
		display:block;
		padding:5px;
	}
}

@media screen and (min-width: 1280px) {
	#nav-main > ul > li > a{
		display:inline-block;
		padding:1.2em 1.5em;
		color:#ffffff;
	}
}


#main{
	line-height:1.5;
	padding-bottom:6em	
}
.subhead{
	font-weight:300;
	font-size:1.25em;
	color:#666666;
	border-bottom:1px solid #aaaaaa;
	margin-bottom:1em;
}

footer{
	border-top:6px solid #bb190f;
}
.footer-top{
	color:#ffffff;
	background:url(images/bg-dark.png) #202020;
}
.footer-top a{
	color:#ffffff;
}
.footer-nav{
	background:#333333;
}
#nav-footer ul{
	margin:0;
	padding:0;
}
#nav-footer li{
	padding-top:0.5em;
	padding-bottom:0.5em;
	display:inline-block;
	margin-right:1em;
}
#nav-footer a{
	color:#ffffff;
}

/* content Layout */

#column-left{
	margin-bottom:2em;
}
#column-right{

}
.mobile-hide{
	display:none;
}

@media screen and (min-width: 1020px) {
	#column-left{
		margin-right:3%;
		float:left;
		width:22%;
	}
	#column-right{
		float:left;
		width:75%;
	}
	.desktop-hide{
		display:none;
	}
	.mobile-hide{
		display:block;
	}
}


#image-header{
	background:#f0f0f0;
	margin-bottom:2em;
}
@media screen and (min-width: 1020px) {
	#image-header{
		margin-bottom:3em;
	}
}



.image-header-container{
	background-size: auto 100%;
	background-position: center right;
	background-repeat: no-repeat;	
}
.image-header-content{
	padding-top:1.5em;
	padding-bottom:1.5em;
	max-width:475px;
	height:100px;
	display:table-cell;
	vertical-align: middle;
}

@media screen and (min-width: 1280px) {
	.image-header-content{
		height:175px;		
	}
}
@media screen and (max-width: 1020px) {
	.image-header-container{
		background:none !important;
	}
}

#image-header h1{
	font-size:2em;
	font-weight:300;
	margin-bottom:0.1em;
}
@media screen and (min-width: 768px) {
	#image-header h1{
		font-size:2.5em;
	}
}
#image-header h2{
	font-size:1.15em;
	font-weight:300;
}

/* IMAGE DB */
.image_db_thumb{
	position:relative;	
	display:block;
	border:1px solid #cccccc;
	padding: 100% 0 0 0;
	overflow: hidden;
	margin-bottom:5px;
}
.image_db_thumb img{
	position: absolute;
	display: block;
	max-width: 100%;
	max-height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto; 
	object-fit: contain;
}

.btn-light {
	background-color: #f0f0f0;
	border-color: #f0f0f0;
}
h1{
	font-size:2em;
	font-weight:300;	
	margin-bottom:1em;
}
h1 span{
	display:block;
	color:#999999;
	font-size:0.75em;
}
.light{
	color:#999999;
}
.border{
	border:1px solid #cccccc;
}
a:focus {
	outline: 0px;
}
.termsofuse-area, .termsofuse-area-small{
	font-size:13px;
	line-height:1.2;
	max-height:250px;
	overflow:auto;
	padding:0.5em;
	border:1px solid #cccccc;
}
.termsofuse-area-small{
	max-height:150px;
}

/* subnav */
.subnav-title{
	color:#999999;
	margin-bottom:8px;
}
.subnav{
	line-height:1.2;
	position:relative;
	color:#222222;
	display:block;
	padding:0.85em 1.25em 0.85em 0.25em;
	border-top:1px solid #aaaaaa;
}
.subnav:hover{
	color:initial;
	background-color:#f6f6f6;
}
.subnav-haschilds:before{
  position: absolute;
  top: 0.85em;
  right: .25em;
  font-family: FontAwesome;
  content: "\f107";
  content: "\f0fe";
}
.subnav-level-0.subnav-active, .subnav-level-0.subnav-active:hover{
	color:#ffffff;
	background-color: #bb190f;	
}
.subnav-level-1{
	color:#222222;
	border-color:#ffffff;
	background:#f7e6e8;
	padding:0.4em 2em 0.4em 1.25em;
}
.subnav-level-1.subnav-active, .subnav-level-1:hover, .subnav-level-1.subnav-active:hover{ background:#f0ced2; }

.subnav-a1, .subnav-a1:hover{ color:#7f9a04; }
.subnav-a1.subnav-level-0.subnav-active, .subnav-a1.subnav-level-0.subnav-active:hover{	background-color: #7f9a04; }
.subnav-a1.subnav-level-1{ background:#f2f5e5;}
.subnav-a1.subnav-level-1.subnav-active, .subnav-a1.subnav-level-1:hover, .subnav-a1.subnav-level-1.subnav-active:hover{ background:#e5ebcd; }

.subnav-a2, .subnav-a2:hover{ color:#3e8fa7; }
.subnav-a2.subnav-level-0.subnav-active, .subnav-a2.subnav-level-0.subnav-active:hover{	background-color: #69a2b3; }
.subnav-a2.subnav-level-1{ background:#f0f6f7;}
.subnav-a2.subnav-level-1.subnav-active, .subnav-a2.subnav-level-1:hover, .subnav-a2.subnav-level-1.subnav-active:hover{ background:#e1ecf0; }

.subnav-a3, .subnav-a3:hover{ color:#d67e00; }
.subnav-a3.subnav-level-0.subnav-active, .subnav-a3.subnav-level-0.subnav-active:hover{	background-color: #eb8b02; }
.subnav-a3.subnav-level-1{ background:#fdf3e5;}
.subnav-a3.subnav-level-1.subnav-active, .subnav-a3.subnav-level-1:hover, .subnav-a3.subnav-level-1.subnav-active:hover{ background:#fbe8cc; }

.subnav-a4, .subnav-a4:hover{ color:#bb190f; }

.subnavterm{
	border-top:1px solid #aaaaaa;
	height:1px;
	overflow:hidden;
}

h3{
	font-size:1.5em;
}
@media screen and (min-width: 700px) {
	h3{
		font-size:1.75em;
	}
}
.red{
	color:#bb190f;	
}
.h1, .h2, .h3, .h4{
	line-height:1.25;
}
.h2{
	font-size:1.5em;	
}
.h3{
	font-size:1.25em;	
}
.h4{
	font-size:1.15em;	
}
.highlightbox{
	background:#f4f4f4;
	padding:1em;
	border-left:4px solid #cccccc;
	margin-bottom:1em;
}

hr{
	padding:0;
	margin-top:1.5em;
	margin-bottom:1.5em;
	display:block;
	border:none;
	height:2px;
	overflow:hidden;
	position: relative;
	background:#f0f0f0;	
}
hr:before{
	position: absolute;
	content:'';
	width:5%;
	height:100%;
	background:#cccccc;	
}

/* News */

.imagearea{
	position:relative;	
	display:block;
	border:1px solid #cccccc;
	padding: 50% 0 0 0;
	overflow: hidden;
}
.imagearea img{
	position: absolute;
	display: block;
	max-width: 100%;
	max-height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	object-fit: contain;
}
.imagearea66{
	padding: 66% 0 0 0;
}
.imagearea75{
	padding: 75% 0 0 0;
}
.imagearea100{
	padding: 100% 0 0 0;
}

.border-white-10px{
	border:10px solid #ffffff;
}


/* colors */
.red{ color:#bb190f; }
.green{ color:#7f9a04; }
.blue{ color:#69a2b3; }
.orange{ color:#d67e00; }
.grey{ color:#666666;}
.white{ color:#ffffff; }

/* sizes */
.text-small{
	font-size:0.875em;
}
.text-large{
	font-size:1.25em;
}
.text-xlarge{
	font-size:1.35em;
}
.weight-light{
	font-weight:300;
}
.text-big{
	font-size:1.45em;
	color:#666666;
	font-weight:300;
}
.pageLink{
	position:relative;
	display:flex;
	align-items: flex-end; 
	background:#f0f0f0;
	vertical-align: bottom;
	min-height:80px;
	padding:1em 2em 1em 1em;
	color:inherit;
	border-left:4px solid #cccccc;
}
.pageLink span{
	z-index:10;
}
.pageLink:hover{
	color:inherit;
	background-color:#e0e0e0;
}
.pageLink:before {
	z-index:0;
	top:-0.55em;
	right:-0.05em;
	position:absolute;
	font-size:6em;
	color: rgba(255,255,255,0.4);
	font-family: FontAwesome;
	content: "\f101";
}

/* stats */
div.statsBar{
	position:relative;
	clear:both;
	overflow:visible;
	margin-top:4px;
	padding:0.25em;
}

div.statsBar_orange{
	background:#fdf3e5;
}

div.statsBar_grey{
	background:#f4f4f4;
}

div.statsBar_blue{
	background:#f0f6f7;
}

div.statsBar_red{
	background:#f7e6e8;
}

div.statsBar_green{
	background:#f2f5e5;
}

div.statsBarTitle{
	float:left;
	color:#666666;
}

div.statsBarVal{
	float:right;
	color:#333333;
}

span.statsBarRaise{
	padding-left:4px;
	color:#666666;
}

.statsBarPlus_green, .statsBarPlus_red, .statsBarMinus_green, .statsBarMinus_red{
	padding-left:6px;
}

.statsBarPlus_green, .statsBarMinus_red{
	color:#009900;
}

.statsBarMinus_green, .statsBarPlus_red{
	color:#990000;
}


/* subline */

.subLine, .subLine_green, .subLine_grey, .subLine_blue, .subLine_orange ,.subLine_red{
	font-size:1.35em;
	color:#b20a1c;
	font-weight:300;
	margin:0px;
	margin-top:2em;	
	margin-bottom:1.25em;	
	padding:0.35em 0.5em;
	background: #f7e6e8;
	border-left:4px solid #b20a1c;
}

h4.subLine_green{
	color:#7f9a04;
	border-color:#7f9a04;
	background: #f2f5e5;
}

h4.subLine_grey{
	color:#666666;
	border-color:#666666;
	background: #f4f4f4;
}

h4.subLine_blue{
	color:#69a2b3;
	border-color:#69a2b3;
	background: #f0f6f7;
}

h4.subLine_orange{
	color:#eb8b02;
	border-color:#eb8b02;
	background: #fdf3e5;
}

h4.subLine_red{
	color:#b20a1c;
	border-color:#b20a1c;
	background: #f7e6e8;
}

.hSep{
	height:1px;
	overflow:hidden;
	margin-top:1.5em;
	margin-bottom:1.5em;
	border-bottom:1px solid #cccccc;
}

.highlightbox-head{
	color:#aaaaaa;
	font-size:1.15em;
	padding-bottom:0.25em;
	border-bottom:2px solid #ffffff;
	margin-bottom:1em;
}

ul{
	margin-bottom:1em;
	padding-left:1em;
}
li{
}

.pageNav{
	border-top:1px solid #cccccc;
}

a.pdfDownload {
	text-decoration: none;
	display: block;
	padding: 0.5em 0.5em;
	background-color:#f4f4f4;
	margin-bottom:1em;
}
a.pdfDownload span {
	color: #999999;
	font-size: 0.875em;
	font-weight: normal;
}
a.pdfDownload:before {
	font-size:1.25em;
	margin-right:0.25em;
	color: #666666;
	font-family: FontAwesome;
	content: "\f1c1";
}
a.pdfDownload:hover {
	background-color:#e0e0e0;
}

.fb_pdf{
	display:block;
	background:#ffffff;
	padding:0.5em;
}

.fb_pdf i{
	font-size:20px;
}
a.fb_pdf span {
	color: #999999;
	font-size: 0.875em;
	font-weight: normal;
}

#printRes{

}
#printRes td{
	padding-right:0.25em;	
}

.mag-image{
	position: relative;
	display:inline-block;
}
.mag-image img{
	/*border:1px solid #cccccc;*/	
}
.mag-image:before {
	opacity: 0.8;
	font-size:1em;
	display:block;
	padding:0.5em 0.75em;
	font-weight: normal;
	position:absolute;
	top:0;
	right:0;
	color: #333333;
	font-family: FontAwesome;
	content: "\f002";
	background:rgba(255,255,255,0.7);
}

/* sitemap */
.sitemap{
	color:inherit;
	padding:0.5em 0.75em;
	display:block;
	margin-bottom:1px;
}
.sitemap-level0{	
	margin-top:2em;
	color:#b20a1c;
	background-color:#f7e6e8;
}
.sitemap-level1{
	margin-left:1.5em;
	background-color:#f0f0f0;
}
.sitemap-level2{
	padding:0.25em 0.75em;
	margin-left:3em;
	background-color:#f8f8f8;
}
.sitemap:hover{
	background-color:#e0e0e0;
}
.sitemap-subtitle{
	color:#999999;
}

/* margins & paddings */
.mb-0em{ margin-bottom:0; }     
.mt-0em{ margin-top:0; }           
.mb-05em{ margin-bottom:0.5em; }  
.mt-05em{ margin-top:0.5em; } 
.mt-1em{ margin-top:1em; } 
.mt-2em{ margin-top:2em; }    
.mt-3em{ margin-top:3em; }    
.mt-4em{ margin-top:4em; }   
.mt-5em{ margin-top:5em; } 
.mb-1em{ margin-bottom:1em; } 
.mb-2em{ margin-bottom:2em;}   
.mb-3em{ margin-bottom:3em; }   
.mb-4em{ margin-bottom:4em; }  
.mb-5em{ margin-bottom:5em; }     
.mr-1em{ margin-right:1em; } 
.mr-2em{ margin-right:2em;}   
.mr-3em{ margin-right:3em; }   
.mr-4em{ margin-right:4em; }  
.ml-1em{ margin-left:1em; } 
.ml-2em{ margin-left:2em;}   
.ml-3em{ margin-left:3em; }   
.ml-4em{ margin-left:4em; }  
.pt-1em{ padding-top:1em; }  
.pt-2em{ padding-top:2em; }  
.pt-3em{ padding-top:3em; }   
.pt-4em{ padding-top:4em; }  
.pb-05em{ padding-bottom:0.5em; }
.pb-1em{ padding-bottom:1em; }  
.pb-2em{ padding-bottom:2em; }  
.pb-3em{ padding-bottom:3em; }  
.pb-4em{ padding-bottom:4em; }
.pl-1em{ padding-left:1em !important; }  
.pl-2em{ padding-left:2em !important; }  
.pl-3em{ padding-left:3em !important; }   
.pl-4em{ padding-left:4em !important; }    
.pr-1em{ padding-right:1em !important; }  
.pr-2em{ padding-right:2em !important; }  
.pr-3em{ padding-right:3em !important; }   
.pr-4em{ padding-right:4em !important; }