/* CSS Document */

@font-face {
    font-family: 'open_sanslight';
    src: url('/font/opensans-light-webfont.woff2') format('woff2'),
         url('/font/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('/font/opensans-bold-webfont.woff2') format('woff2'),
         url('/font/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('/font/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('/font/opensans-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@media print {
	body {
		font-family: 'open_sanslight', sans-serif;
		font-size: 12px;
		line-height: 1.2em;	
		color: #000;
		width: 100%;
	}
	
	*,
	*::before,
	*::after {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}
	
	.noneprint {
		display: none; 
		width: 0; 
		height: 0;
	}	
	
	.pagebreak {page-break-before: always;}	

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

	p + p {margin-top: 15px;}

	a {
		text-decoration: none; 
		color: #000;
		display: inline-block;
	}

	h1 {
		margin: 0 0 15px 0;
		padding: 0;
		font-family: 'open_sansextrabold_italic', sans-serif;
		font-weight: normal;	
		font-size: 2.5em;
		line-height: 1.3em;
		color: #000;
		text-transform: uppercase;
	}

	h2 {
		margin: 0;
		padding: 0;
		font-family: 'open_sansbold', sans-serif;
		font-weight: normal;	
		font-size: 1.6em;
		line-height: 1.3em;
		color: #000;
	}

	h3 {
		margin: 0 0 15px 0;
		padding: 0;	
		font-family: 'open_sansextrabold_italic', sans-serif;
		font-weight: normal;	
		text-transform: uppercase;
		font-size: 1.6em;
		line-height: 1.3em;
		color: #000;
	}

	h4, h5, h6 {
		margin: 0 0 15px 0;
		padding: 0;
		font-family: 'open_sansbold', sans-serif;
		font-weight: normal;	
		font-size: 1.3em;
		line-height: 1.3em;
		color: #000;
	}
	
	p + h4 {margin-top: 35px;}

	strong {
		font-family: 'open_sansbold', sans-serif;
		font-weight: normal;
		font-size: 1em;
		line-height: 1.3em;	
		color: #000;
	}

	hr {
		border: none;
		border-top: dotted 3px #000;
		width: 200px;
		margin-left: 0;
		margin-bottom: 15px;
	}
	
	.border {border: 1px solid #000;}	
	
	.clear {clear: both;}

	img {filter: grayscale(1);}

	main .row:last-of-type {padding-bottom: 30px;}
	main .row + .row {padding-top: 30px;}
	
	main .row > [class*='col-'] {padding-bottom: 20px;}
	
	main img {
		width: 80%;
		margin: 15px 0;
	}
	
	.info {
		max-width: 320px;
		margin: 35px 5px 5px 0;
		padding: 10px 15px;
		text-decoration: none;
		color: #000;
		display: inline-block;
		border: 1px solid #000;
		border-radius: 3px;
	}

	.button, nav, .bottomnav {display: none;}
	
	.logo img {
		width: 350px;
		margin: 20px 0;
	}
	
	header {margin-bottom: 50px;}
	
	.col-lg-3.col-md-4.col-sm-6.relative {
		width: calc(25% - 20px);
		height: 200px;
		margin: 0 10px;
		float: left;
	}	
	
	.col-lg-3 {
		width: calc(25% - 20px);
		height: 400px;
		margin: 0 10px;
		float: left;
	}	
	
	.col-lg-4 {
		width: 33.33%;
		float: left;
	}	
	
	.col-lg-4.col-md-12, .col-lg-8 {
		width: 100%;
		float: none;
	}
	
	footer {margin-top: 30px;}
	
}