

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * din-2014:
 *   - http://typekit.com/eulas/00000000000000007735afea
 *   - http://typekit.com/eulas/00000000000000007735afee
 *   - http://typekit.com/eulas/00000000000000007735aff4
 *   - http://typekit.com/eulas/00000000000000007735aff6
 * din-2014-narrow:
 *   - http://typekit.com/eulas/00000000000000007735afe5
 *   - http://typekit.com/eulas/00000000000000007735afeb
 *
 * © 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2021-03-05 16:24:32 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=ill4zrx&ht=tk&f=32226.32227.32230.32231.32236.32238&a=1473737&app=typekit&e=css");



@font-face {
font-family:"din-2014";
src:url("https://use.typekit.net/af/c2b6e5/00000000000000007735afee/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/c2b6e5/00000000000000007735afee/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/c2b6e5/00000000000000007735afee/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"din-2014";
src:url("https://use.typekit.net/af/2bc98d/00000000000000007735aff1/30/l?subset_id=2&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/2bc98d/00000000000000007735aff1/30/d?subset_id=2&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/2bc98d/00000000000000007735aff1/30/a?subset_id=2&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;
}

@font-face {
font-family:"din-2014";
src:url("https://use.typekit.net/af/1fe1ce/00000000000000007735aff6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/1fe1ce/00000000000000007735aff6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/1fe1ce/00000000000000007735aff6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}


@font-face {
    font-family: 'opensans';
    src: url('/fonts/opensans-regular-webfont.eot');
    src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-regular-webfont.woff') format('woff'),
         url('/fonts/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url('/fonts/icomoon11.eot');
    src: url('/fonts/icomoon11.eot?#iefix') format('embedded-opentype'),
         url('/fonts/icomoon11.woff') format('woff'),
         url('/fonts/icomoon11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; 
}
body {
 font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
font-weight: 400;
font-style: normal;
	font-size:15px;
	background:#F4F4F4;
}
table {

}
p {
	font-size:15px; 

	margin:0px;
	margin-bottom:10px;
	line-height:150%; 
} 
h1 {
	font-size:26px;
	font-weight:600; 
	margin:0px;
	margin-bottom:10px;
	padding-top:10px;
	width:100%;

}
h2 {
	font-size:20px;
	font-weight:600;
	margin:0px;
	margin-bottom:10px;
	color:#000;

	padding-top:10px;
	width:800px;

}
h3 {
	font-size:20px;
	font-weight:600;
	padding-top:10px;

	margin:0px;
	margin-bottom:10px;
	color:#006CFF;

	width:800px;
}
table h1, table  h2,table  h3,table  h4,table  h5 {
	width:auto;
}
h4 {
	font-size:20px;
	font-weight:600;
	margin:0px;
	padding-top:10px;
	margin-bottom:10px;
	font-family: din-2014, sans-serif;
	color:#FF0000;
	width:800px;
}
h5 {
	font-size:20px;
	font-weight:600;
	margin:0px;
	font-family: din-2014, sans-serif;
	padding-top:10px;
	margin-bottom:10px;
	color:#000;
	width:800px;
	

}
h5:before{
	width:1200px;
	content:'';
	border-top:1px solid #000;
	padding-top:10px;
	display:block;
}
h6 {
	font-size:20px;
	font-weight:600;
	font-family: din-2014, sans-serif;
	margin:0px;
	margin-bottom:10px;
	color:#006CFF;
padding-top:10px;
	width:800px;
}
h6:before{
	width:1200px;
	content:'';
	border-top:1px solid #006CFF; 
	padding-top:10px;
	display:block;
}
hr {
  border-top: 1px solid #8E8E8E;
}
a {
	color:#006CFF;
	text-decoration: none;  
}
a:hover{
	color:#666;
	
}
a:visited {
	color : #80268D;
}
[class^="CC_ico-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	/*line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.CC_ico-exit:before {
	content: "\62";
}
.CC_ico-dot:before {
	content: "\2013";
}
ul, ol {
	width:800px;
	font-family: din-2014, sans-serif;
}
table ul, table ol {
	width:auto;
}
p {
	display:block;
	width:800px;
}
table p {
	width:auto;
}
h1 {
	
}
ul {
  list-style: none; /* Remove default bullets */
}

ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #006CFF; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.image_caption{
	font-size:14px;
	line-height:20px;
}

.inline_button{
	display:inline-block;
	padding:10px 30px;
	border:1px solid #006CFF;
	vertical-align: top;
	margin:10px;
	font-size:16px;
	line-height:15px;
	background:#fff;
	color:#000;
}
.inline_button:visited {
	color:#000;
}
.inline_button:hover{
	background:#006CFF;
	color:#fff;
}

table.basic_table {
	border-collapse:collapse;
	text-align:left;
	margin-bottom:10px;
	font-size:14px;
	width:100%;
}
table.basic_table td, table.basic_table th{
	padding:10px;
	border:none;
	background:#fff;
	
	border-bottom:1px solid #42454A;
	
}
table.basic_table tr:first-child td {
	color:#fff;
	background:#42454A;
	font-size:20px;
}
table.basic_table tr td:first-child {
	border-right:1px solid #42454A;
}
table.basic_table tr:first-child td:first-child {
	border-right:1px solid #fff;
}
table.small_table {
	border-collapse:collapse;
	text-align:left;
	margin-bottom:10px;
	font-size:8px;
	width:100%;
}
table.small_table td, table.small_table th{
	padding:2px;
	border:none;
	background:#fff;
	
	border-bottom:1px solid #42454A;
	
}
table.small_table tr:first-child td {
	color:#fff;
	background:#42454A;
	font-size:10px;
}
table.small_table tr td:first-child {
	border-right:1px solid #42454A;
}
table.small_table tr:first-child td:first-child {
	border-right:1px solid #fff;
}

table.xytable {
	border-collapse:collapse;
	text-align:left;
	margin-bottom:10px;
	font-size:14px;
	width:100%;
}
table.xytable td, table.xytable th{
	padding:10px;
	border:none;
	background:#fff;
	
	border-bottom:1px solid #42454A;
	
}
table.xytable tr:first-child td , table.xytable tr td:first-child{
	color:#fff;
	background:#42454A;
	font-size:20px;
}
table.xytable tr:first-child td , table.xytable tr td:first-child{
	border-bottom:1px solid #F4F4F4;
}
table.xytable tr td {
	border-right:1px solid #42454A;
}
table.xytable tr td:last-child {
	border-right:none;
}
table.xytable tr:first-child td {
	border-right:1px solid #fff;
}


table.xy2table {
	border-collapse:collapse;
	text-align:left;
	font-size:14px;
	margin-bottom:10px;
	width:100%;
}
table.xy2table td, table.xy2table th{
	padding:10px;
	border:none;
	background:#fff;
	
	border:1px solid #42454A;
	
}

table.blue_table {
	border-collapse:collapse;
	text-align:left;
	margin-bottom:10px;
	font-size:14px;
	width:100%;
}
table.blue_table td, table.blue_table th{
	padding:10px;
	border:none;
	background:#F4F4F4;
	
	border-bottom:1px solid #42454A;
	
}
table.blue_table tr td:first-child {
	color:#006CFF;
}
table.blue_table tr:first-child td {
	color:#fff;
	background:#42454A;
	font-size:20px;
}

table.bluev_table {
	border-collapse:collapse;
	text-align:left;
	font-size:14px;
	margin-bottom:10px;
	width:100%;
}
table.bluev_table td, table.bluev_table th{
	padding:10px;
	border:none;
	background:#F4F4F4;
	border-right:1px solid #42454A;
	border-bottom:1px solid #42454A;
	
}
table.bluev_table tr td:first-child {
	color:#006CFF;
}
table.bluev_table tr:first-child td {
	color:#fff;
	background:#42454A;
	font-size:20px;
}
table.bluev_table tr:first-child td{
	border-right:1px solid #fff;
}
table.bluev_table tr td:last-child {
	border-right:none;
}
table.red_table {
	border-collapse:collapse;
	text-align:left;
	font-size:14px;
	margin-bottom:10px;
	width:100%;
}
table.red_table td, table.red_table th{
	padding:10px;
	border:none;
	background:#F4F4F4;
	
	border-bottom:1px solid #42454A;
	
}
table.red_table tr td:first-child {
	color:#FF0000;
}




table.basic_table_even_odd {
	border-collapse:collapse;
	text-align:left;
	margin-bottom:10px;
	width:100%;
}
table.basic_table_even_odd tr:nth-child(2n+1) td {
	background:#F4F4F4;
}

table.basic_table_even_odd td, table.basic_table_even_odd th{
	padding:10px;
	border:none;
	background:#fff;
	
	border-bottom:1px solid #42454A;
	
}
table.basic_table_even_odd tr:first-child td {
	color:#fff;
	background:#42454A;
}
table.basic_table_even_odd tr td:first-child {
	border-right:1px solid #42454A;
}
table.basic_table_even_odd tr:first-child td:first-child {
	border-right:1px solid #fff;
}
table.compatibility_table {
	width:100%;
	border-collapse:collapse;
	font-size:14px;
}
table.compatibility_table td { 
	border:none;
	font-size:16px;
	padding:10px;
	text-align:center;
	border-bottom:1px solid #000;
}
table.compatibility_table tr:first-child td {
	background: #999;
	color:#fff;
	border-bottom:none;
	border-right:2px solid #F4f4f4;
	vertical-align: bottom;
	
	
}
table.compatibility_table tr:first-child td:last-child{
	border-right:none;
}
.rotate {
	writing-mode: vertical-rl;
	text-orientation: mixed;
}
.image_link {
	
}
.shadow { 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 10px;
}
.shadow_no_border {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
}