@font-face {
  font-family: 'DINPro-Regular';
  src: url('dinpro-regular-webfont.eot');
  src: url('../fonts/DINPro'), local('../fonts/DINPro-Regular'), url('../fonts/dinpro-regular-webfont.woff') format('woff'), url('dinpro-regular-webfont.ttf') format('truetype'), url('../fonts/dinpro-regular-webfont.svg#webfontVeJgLD7F') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro-Medium';
  src: url('../fonts/dinpro-medium-webfont.eot');
  src: url('../fonts/DINPro'), url('../fonts/DINPro-Medium'), url('../fonts/dinpro-medium-webfont.woff') format('woff'), url('../fonts/dinpro-medium-webfont.ttf') format('truetype'), url('../fonts/dinpro-medium-webfont.svg#webfontL4kg7A4n') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro-Light';
  src: url('../fonts/dinpro-light-webfont.eot');
  src: url('../fonts/DINPro'), url('../fonts/DINPro-Light'), url('../fonts/dinpro-light-webfont.woff') format('woff'), url('../fonts/dinpro-light-webfont.ttf') format('truetype'), url('../fonts/dinpro-light-webfont.svg#webfontWuXhsnZ0') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'SEGOEUIL';
	src: url('../fonts/SEGOEUIL.eot');
	src: local('SEGOEUIL'), url('../fonts/SEGOEUIL.woff') format('woff'), url('../fonts/SEGOEUIL.ttf') format('truetype');
	font-weight:bold;
}

body{font-family:'Segoe UI','SEGOEUIL','DINPro-Medium', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;}
header{ padding:20px 0 20px 0; vertical-align:bottom; position:relative;}
a img,a:link img{ border:0;}
@media screen and (min-width: 768px) {
	header{ padding:24px 0 24px 0; vertical-align:bottom; display:table;  }

}
header div{ display:inherit; vertical-align:bottom; }
@media screen and (min-width: 768px) {
	header div{ display:table-cell; vertical-align:bottom;}
}
header .img-responsive{ display:inline-block;}
.tagline{ float:right; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0;}
@media screen and (min-width: 768px) {
	.tagline{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:right; float:none;}
}

.jumbotron{ text-align:center; color:#FFF; background-color:#0078d7; margin-bottom:0;}
.jumbotron .logobox{ position:relative; zoom:1; overflow:hidden;}
.jumbotron .logobox img.img-responsive{ vertical-align:top; }
.jumbotron .title{ text-align:left; background:none/*:rgba(255,255,255,.3)*/; padding:0px 0px; margin:40px 0;}
.jumbotron .title h1,.jumbotron .title h2,.jumbotron .title h3{ font-size: 82px;font-family:'SEGOEUIL','Segoe UI','DINPro-Medium', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important; margin:0;}
.jumbotron .title .lead{font-family:'Segoe UI','SEGOEUIL','DINPro-Medium', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important; margin-top:20px;}
@media screen and (min-width: 768px) {
	.jumbotron h1,.jumbotron .h1 {font-size: 82px;font-family:'SEGOEUIL','Segoe UI','DINPro-Medium', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;}
	
}

.section{ margin-top:20px; margin-bottom:20px;}
.section .series{ }
.section .series .series-box{ background:#f0f0f0; padding:0 30px 30px 30px;margin-bottom:30px; border-bottom:1px solid #ccc;}
.section .series .series-box .img-responsive{ margin:0 auto;}
.section .series .series-box:hover{ background-color:#f6f6f6;}

@media screen and (min-width: 992px) {
	.section .series .series-box.cseries,.section .series .series-box.pseries,.section .series .series-box.wsseries{ min-height:502px;}
	}
@media screen and (min-width: 1200px) {
	.section .series .series-box.cseries,.section .series .series-box.pseries,.section .series .series-box.wsseries{ min-height:483px;}
}
.section .series .series-box.gseries{ border-top:5px solid #f00;}

.section .series .series-box .title{ text-align:center; margin-bottom:20px;}
.section .series .series-box .title .text{ text-align:center; color:#FFF; padding:10px 20px;display:inline-block; border-radius:0px 0px 8px 8px}
.section .series .series-box .title .text h3{ padding:0; margin:0;}
.section .series .series-box a,.section .series .series-box a:link{ display:inline-block; padding:10px 14px; margin:5px 2px 5px 2px; color:#333; background-color:#ddd; min-width:91px;}


.section .series .series-box a:hover,.section .series .series-box a:active,.section .series .series-box a:focus { color:#FFF; text-decoration:none;}

.section .series .series-box a{ text-align:center;}
.section .series .series-box.gseries .title .text{ background:#F00;}
.section .series .series-box.gseries a:hover,.section .series .series-box.gseries a:active,.section .series .series-box.gseries a:focus{ background-color:#ff0000;}

.section .series .series-box.wsseries{ border-top:5px solid #76b900; }
.section .series .series-box.wsseries .title .text{ background:#76b900;}
.section .series .series-box.wsseries a:hover,.section .series .series-box.wsseries a:active,.section .series .series-box.wsseries a:focus{ background-color:#76b900;}


.section .series .series-box.cseries,.section .series .series-box.pseries,.section .series .series-box.sseries,.section .series .series-box.tablet{ border-top:5px solid #454545; }
.section .series .series-box.cseries .title .text,
.section .series .series-box.pseries .title .text,
.section .series .series-box.sseries .title .text,
.section .series .series-box.tablet .title .text{ background:#454545;}
.section .series .series-box.cseries a:hover,.section .series .series-box.cseries a:active,.section .series .series-box.cseries a:focus,
.section .series .series-box.pseries a:hover,.section .series .series-box.pseries a:active,.section .series .series-box.pseries a:focus,
.section .series .series-box.sseries a:hover,.section .series .series-box.sseries a:active,.section .series .series-box.sseries a:focus,
.section .series .series-box.tablet a:hover,.section .series .series-box.tablet a:active,.section .series .series-box.tablet a:focus,
.section .series .series-box.aio a:hover,.section .series .series-box.aio a:active,.section .series .series-box.aio a:focus
{ background-color:#454545;}

.section .series .series-box.aio{ border-top:5px solid #454545; }

@media screen and (min-width: 992px) {
	.section .series .series-box.aio{ min-height:622px;}
	}
@media screen and (min-width: 1200px) {
	.section .series .series-box.aio{ min-height:522px;}
}
.section .series .series-box.aio .title .text{ background:#454545;}
.section .series .series-box.aio a,.section .series .series-box.aio a:link{ display:inline-block; background-color:#ddd; padding:10px 20px; min-width:168px;}
.section .series .series-box.aio a:hover,.section .series .series-box.aio a:active,.section .series .series-box.aio a:focus{ background-color:#454545;}
.section .series .series-box.sseries,.section .series .series-box.tablet,.section .series .series-box.aio{ padding-bottom:0;}

.section .series .series-box.aio_gseries{ border-top:5px solid #f00;}

@media screen and (min-width: 992px) {
	.section .series .series-box.aio_gseries{ min-height:;}
	}
@media screen and (min-width: 1200px) {
	.section .series .series-box.aio_gseries{ min-height:;}
}

.section .series .series-box.aio_gseries a,.section .series .series-box.aio_gseries a:link{ display:inline-block; background-color:#ddd; padding:10px 20px; min-width:210px;}
@media screen and (min-width: 768px) {
	.section .series .series-box.aio_gseries a,.section .series .series-box.aio_gseries a:link{ display:inline-block; background-color:#ddd; padding:10px 20px; min-width:324px;}
	}
@media screen and (min-width: 992px) {
	.section .series .series-box.aio_gseries a,.section .series .series-box.aio_gseries a:link{ display:inline-block; background-color:#ddd; padding:10px 20px; min-width:286px;}
	}

@media screen and (min-width: 1200px) {
	.section .series .series-box.aio_gseries a,.section .series .series-box.aio_gseries a:link{ display:inline-block; background-color:#ddd; padding:10px 20px; min-width:240px;}

	}
.section .series .series-box a{ text-align:center;}
.section .series .series-box.aio_gseries .title .text{ background:#F00;}
.section .series .series-box.aio_gseries a:hover,.section .series .series-box.aio_gseries a:active,.section .series .series-box.aio_gseries a:focus{ background-color:#ff0000;}

/*
.section .series .series-box.pseries{ border-top:5px solid #454545; }
.section .series .series-box.pseries .title .text{ background:#454545;}
.section .series .series-box.pseries a:hover,.section .series .series-box.pseries a:active,.section .series .series-box.pseries a:focus{ background-color:#555;}


.section .series .series-box.sseries{ border-top:5px solid #606060; }
.section .series .series-box.sseries .title .text{ background:#606060;}
.section .series .series-box.sseries a:hover,.section .series .series-box.sseries a:active,.section .series .series-box.sseries a:focus{ background-color:#606060;}

.section .series .series-box.tablet{ border-top:5px solid #000; }
.section .series .series-box.tablet .title .text{ background:#000;}
.section .series .series-box.tablet a:hover,.section .series .series-box.tablet a:active,.section .series .series-box.tablet a:focus{ background-color:#000;}

.section .series .series-box.sseries,.section .series .series-box.tablet{ padding-bottom:0;}
.section .series .series-box.sseries .title .text,.section .series .series-box.tablet .title .text{ margin-bottom:18px; }
.section .series .series-box.sseries a,.section .series .series-box.tablet a{ text-align:center;}
*/

.footer{ padding:20px 0; background:#ccc; color:#000;}
.footer .copyright{ margin-top:10px; text-align:center;}
@media screen and (min-width: 768px) {
	.footer .copyright{ margin-top:23px; text-align:left;}
}