@charset "utf-8";
/* CSS Documents */
@import 'https://fonts.googleapis.com/css?family=Oswald:300';
body{
	padding:0;
	margin:0;
	font-family:'intel-clear','tahoma',Helvetica,'helvetica',Arial,sans-serif;
	font-size: 13px;
	line-height:18px;
    color: #666;
}
div, p, ul, li, a, span, h1, h2, h3,img{
	padding:0;
	margin:0;
}
img{
	display:inline-block;
	font-size:0;
	line-height:0;
	border:none;
}
ul, li{
	list-style-type:none;
}
.spacer{
	clear:both;
	padding:0;
	margin:0;
	font-size:0;
	line-height:0;
	display:block;
}
h2{
	font-size: 24px;
	color: #ffffff;
}
h1{
	/*font-family: 'Oswald', sans-serif;*/
	font-family:'intel-clear','tahoma',Helvetica,'helvetica',Arial,sans-serif;
	font-weight:normal;
	font-size: 26px;
    line-height: 30px;
    color: #000000;
    padding: 0;
	margin:0 0 15px;
    text-transform: uppercase;
}
h1 sup{
	position:relative;
	top:-8px;
}
h2.heading{
	/*font-family: 'Oswald', sans-serif;*/
	font-family:'intel-clear','tahoma',Helvetica,'helvetica',Arial,sans-serif;
	font-weight:normal;
	font-size: 26px;
    line-height: 30px;
    color: #000000;
    padding: 0;
	margin:0 0 15px;
    text-transform: uppercase;
}
h2.headingBlu{
	/*font-family: 'Oswald', sans-serif;*/
	font-family:'intel-clear','tahoma',Helvetica,'helvetica',Arial,sans-serif;
	font-weight:normal;
	font-size: 24px;
    line-height: 30px;
    color: #004280;
    padding: 0;
	margin:0 0 15px;
}
.OutWrapper{
	/*width:644px;*/
	width:100%;
	margin:0 auto;
}
.Toppannel{
	width:100%;
	background: #0171c5;
    border-bottom: 3px solid #c4c5bf;
	height:70px;
}
.logo{
	margin: 7px 0 7px 20px;
	float:left;
}
.Toppannel h2{
	float:right;
	line-height:70px;
	font-weight:normal;
	width:300px;
}
.navPan{
	background: #0171c5;
	height:28px;
	color:#fff;
}
.PriNav{
	padding:0;
	margin:0;
}
.PriNav li{
	float:left;
	position:relative;
}
.PriNav li a{
	display:inline-block;
	padding: 5px 8px;
	color:#fff;
	text-decoration:none;
}
.PriNav li a:hover{
	background-color:#fff;
	color:#00AEEF;
}
.PriNav li:hover ul.drop1{
	display:block;
}
ul.drop1{
	display:none;
	position:absolute;
	background: #0071C5;
    position: absolute;
    margin: 0px;
    padding: 0px;
    list-style: none;
    z-index: 10;
}
ul.drop1 li{
	padding:0;
	margin:0;
	float:none;
	position:relative;
}
ul.drop1 li:hover ul.drop2{
	display:block;
}
ul.drop1 li a{
	color: #ffffff;
    font-size: 11px;
    padding: 10px;
    margin: 0 10px;
    border-bottom: 1px solid #0059A2;
	display:block;
}
ul.drop1 li:hover{
	background-color:#00AEEF;
}
ul.drop1 li a:hover{
	background-color:inherit!important;
	color:#fff;
}
#d1, #d2{
	width:175px;
}
ul.drop2{
	display:none;
	background: #ffffff;
	color:#0071C5;	
    position: absolute;
    margin: 0px;
    padding: 0px;
    list-style: none;
    z-index: 11;
    width: 200px;
    box-shadow: 1px 1px 3px #888888;
	left:175px;
	top:0;
}
ul.drop2 li{
	padding:0;
	margin:0;
	float:none;
	position:relative;
}
ul.drop2 li a{
	color:#0071C5;
    font-size: 11px;
    padding: 10px;
    margin: 0 10px;
    border-bottom: 1px solid #E1E1E1;
	display:block;
}
ul.drop2 li:hover{
	background-color:inherit!important;
	color:#00AEEF!important;
}
ul.drop2 li a:hover{
	color:#00AEEF!important;
}

.bodyContPan{
	width:100%;
	padding:0 10px 40px;
	box-sizing: border-box;
}

.HomeCont{
	padding:35px 0 0 0;
}


.contPan{
	width:100%;
	background-color:#0171c5;
}
.conLftPan{
	width:422px;
	/*width:80%;*/
	color: #ffffff;
    padding:20px;
	float:left;
	box-sizing: border-box;
	border-right:3px solid #fff;
}
.conLftPan h2{
	color: #ffffff;
    font-weight: normal;
    font-size: 18px;
    font-family: Arial;
	padding:0 0 10px;
}
.conLftPan p{
	color: #ffffff;
    font-weight: normal;
    font-size: 12px;
    font-family: Arial;
}
.conRigPan{
	float:right;
	/*width:15%;*/
	width:222px;
	box-sizing: border-box;
}
.video{
	width:100%;
	position:relative;
}
.videoImg{
	display:inline-block;
	margin:20px 0 10px;
	width:100%;
}
.playImg{
	position:absolute;
	left:50%;
	top:50%;
	margin:-49px 0 0 -49px;
}
.video a:hover .playImg{
	opacity:0.7;
}
.videoInfo{
	width:100%;
	margin:0 0 25px 0;
}
.videoInfo ul{
	width:100%;
}
.videoInfo ul li{
	float:left;
	width:32%;
	margin:0 2% 0 0;
}
.videoInfo ul li:last-child{
	margin-right:0!important;
}
.videoInfo ul li span{
	display:block;
	position:relative;
}
.videoInfo ul li span img{
	width:100%;
	margin:0 0 10px;
}
.videoInfo ul li span:hover img{
	opacity:1;
}
.smplayImg{
	width:70px!important;
	height:70px!important;
	position:absolute;
	left:50%;
	top:50%;
	margin:-35px 0 0 -35px!important;
	opacity:0.5;
}
.videoInfo ul li a{
	color:#0071C5 !important;
	font-size:14px;
	text-decoration:none;
}
.videoInfo ul li a:hover img{
	opacity:1;
}

.linkContPan{
	width:100%;
	margin:0 0 25px 0;
}
.linkContPan ul{
	width:100Z%;
}
.linkContPan ul li{
	float:left;
	width:25%;
	margin:0 1% 30px 0;
	background-color: #0871c3;
    padding:20px;
    display: inline-block;
	color: #ffffff;
	min-height: 150px;
}
.linkContPan ul li h3{
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	min-height:40px;
	padding:0 0 10px;
}
.linkContPan ul li h3 span{
	display:block;
	font-size:12px;
	line-height:16px;
	padding:5px 0 0 0;
}
.linkContPan ul li a{
	width:82px;
	display: block;
    background-color: #00aeef;
    padding: 6px 10px;
    color: #ffffff !important;
	text-decoration:none;
}
.linkContPan ul li a:hover{
	background-color:#004280;
}




.conRigPan a{
	width:144px;
	height:48px;
	display:block;
	margin:37px auto;
	line-height:48px;
	padding:0 0 0 10px;
	font-size: 16px;
	color:#fff;
	text-decoration:none;
	background:url(/sw/swchannel/images/users/39003/ContentSyndication/intel-small-arrow.jpg) no-repeat 100% 50% #00aeef;
	
}
.conRigPan a:hover{
	background:url(/sw/swchannel/images/users/39003/ContentSyndication/intel-small-arrow-hover.jpg) no-repeat 100% 50% #004280;
}
.copyInfo{
	border-top:1px solid #d6d3d3;
	padding: 8px 0;
	margin-top: 20px;
}
.copyInfo p{
	color: #c0c0c0;
    font-size: 9px;
	line-height:12px;
	text-align:center;
}

.InCont{
	padding:0 0 0 0;
	width:100%;
	box-sizing: border-box;
}
ul.breadcrumb{
	padding:0;
	margin:0 0 30px;
}
ul.breadcrumb li{
	display:inline;
	font-size: 9px;
	line-height:14px;
	color:#666;
	margin:0 5px 0 0;
}
ul.breadcrumb li a{
	color:#0071C5;
	text-decoration:none;
	margin:0 5px 0 0;
}

.innSmBanner{
	width: 100%;
    background-color: #0171c5;
	display:table;
	height: 100%;
	padding:0 0 0 20px;
	margin:0 0 40px;
	box-sizing: border-box;
}
.innSmBanner img{
	float:right;
}
.innSmBanner h2{
	display:table-cell;
	vertical-align:middle;
	width:60%;
	font-weight:normal;
	font-size:27px;
	line-height:26px;
}
.innSmBanner h2 a{
	display:block;
	width:80px;
	color: #FDB813;
	font-size:13px;
	line-height:15px;
	text-decoration:none;
	clear:both;
	margin:5px 0 0 0;	
}
.innSmBanner h2 a.download{
	width:110px;
}
ul.boxpan3{
	width:100%;
	text-align:center;
	margin:40px 0;
	height:100%;
	overflow:hidden;
}
ul.boxpan3 li{
	background-color: #0171c5;
	width:170px;
    margin: 0 8px 0 0;
    color: #ffffff;
    padding: 10px 10px 0 10px;
	display:inline-block;
}
ul.boxpan3 li h3{
	color: #ffffff;
    margin-bottom: 10px;
    display: block;
    min-height: 54px;
	font-size: 16px;
	font-weight:normal;
	text-align:left;
}
ul.boxpan3 li h3 sup{
	font-size:24px;
	line-height:0px;
	position:relative;
	top:8px;
}
ul.boxpan3 li img{
	width:100%;
	margin:0 0 15px 0;
}
ul.boxpan3 li a{
	display: block;
    margin: auto;
    font-size: 15px;
    padding: 5px 0;
    width: 100%;
    text-align: center;
    color: #FDB813;
	text-decoration:none;
}
ul.boxpan3 li a.imglink{
	padding:0;
	margin:0;
}
.ReletResoPan{
	width:100%;
}
.iconLft{
	width:70px;
	float:left;
}
.RelContRig{
	width:86%;
	float:left;
	}
.RelContRig h2{
	margin: 0;
    font-size: 22px;
	line-height:24px;
    font-weight: bold;
    color: #004280;
    padding: 0px 0 10px 0;
}
.RelContRig h3{
	font-size: 16px;
	line-height:18px;
    padding-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
	color: #004280;
}
.RelContRig ul{
	padding:0;
	margin:0 0 20px;
}
.RelContRig ul li{
	background:url(/sw/swchannel/images/users/39003/ContentSyndication/blt.png) no-repeat 0 7px;
	padding:0 0 0 15px;
	margin:0 0 5px;
}
.RelContRig ul li a{
	font-size:13px;
	line-height:14px;
	color:#0071C5;
	text-decoration:none;
	}




.contlftPan{
	float:left;
	width:400px;
}
.contlftPan p{
	padding:0 0 15px 0;
}
.contlftPan ul{
	padding:0;
	margin:0 0 20px;
}
.contlftPan ul li{
	background:url(/sw/swchannel/images/users/39003/ContentSyndication/blt.png) no-repeat 0 7px;
	padding:0 0 0 15px;
	margin:0 0 5px;
}
.contlftPan ul li.nolist{
	background:none;
	padding-left:0!important;
	margin:0 0 15px;
	width:100%;
	height:100%;
	overflow:hidden;
}
.contlftPan ul li p{
	line-height:40px;
	padding:0;
	float:left;
	width:347px;
	font-size:13px;
}
.contlftPan ul li span{
	width:40px;
	height:40px;
	float:left;
	display:block;
	margin:0 10px 0 0;
}
.contlftPan ul li  span img{
	width:40px;
	height:40px;

}


.contRigPan{
	float:right;
	width:200px;
}
.fromPan{
	background: none repeat scroll 0 0 #D2D2D2;
    border: 1px solid #CACACA;
	padding: 15px 0 0 0;
}
.fromPan h2{
	padding:0 20px 20px;
	font-size:14px;
	line-height:20px;
	color: #8C8C8C;
}
.fromPan ul{
    background: #f4f4f4;
}

.fromPan ul{
	padding:10px 0 10px 20px;
	margin:0;
}
.fromPan ul li{
	background:url(/sw/swchannel/images/users/39003/ContentSyndication/blt.png) no-repeat 0 7px;
	padding:0 0 0 15px;
	margin:0 0 0;
}
.fromPan ul li a{
	color:#0071c5;
	text-decoration:none;
}
.fromPan ul li a:hover{
	color:#02aefe;
}
.promoPan{
	margin:20px 0 0 0;
}
.promoPan img{
	width:100%;
}
.formPan{
	width:75%;
	margin:10px 0 20px 20px;
	border-left:6px solid #0171c5;
	padding:0 0 0 20px;
}
.formPan table{
	width:100%;
}
.FormTextBox, .FormTextBoxFocus{
	width:100%;
	height:30px;
	border:1px solid #d5d5d5;
	background:url(/sw/swchannel/images/users/39003/ContentSyndication/input-bg.jpg) repeat-x 0 100%;
}
.FormTextAreaBox, FormTextAreaBoxFocus{
	width:100%;
	height:100px;
	border:1px solid #d5d5d5;
	background:url(/sw/swchannel/images/users/39003/ContentSyndication/input-bg.jpg) repeat-x 0 100%;
}
.padbot{
	padding-bottom:15px;
}
.videoOpen{
	height:338px;
	width:75%;
}

.slicknav_menu {
	display:none;
}





.toggle, [id^=drop] {
 display: none;
}

nav {
  margin: 0 auto;
  padding:0;
  background-color: #0171c5;
  height:auto;
/*  width:644px;*/
  z-index:999;
  position:relative;
}

/*#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}*/

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  /*background-color: #254441;*/
}

nav a {
  /*display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;*/
      display:inline-block;
    padding: 5px 8px;
	margin:0;
    color: #fff;
    text-decoration: none;
	font-family: 'intel-clear','tahoma',Helvetica,'helvetica',Arial,sans-serif;
    font-size: 13px;
    line-height: 18px;
}

nav ul li ul li:hover { background: #0171c5; }

nav a:hover { background-color: #fff; color: #00AEEF;}

nav ul ul {
  display: none;
  position: absolute;
  top: 28px;
  background-color: #0171c5;
   width: 175px;
}
nav ul ul#a5{
	width:100px;
}
nav ul ul#a6{
	width:80px;
}
nav ul li:hover > ul { display: inherit; }

nav ul ul li {
 
  float: none;
  /*display: list-item;*/
  position: relative;
  display:block;
}
nav ul ul li a{
	display:block;
	color: #ffffff;
    font-size: 11px;
    padding: 10px;
    margin: 0 10px;
    border-bottom: 1px solid #0059A2;
    display: block;
}
nav ul ul li a:hover{
	 background-color: inherit!important;
	 color:#fff!important;
	 
}
nav ul ul li:hover{
	    background:#00AEEF!important;
		color:#fff!important;
}
nav ul ul ul{
	position:absolute;
	left:175px;
	top:0;
	 background:#fff!important;
	
	 
}
nav ul ul ul li {
/*  position: relative;
  top: -60px;
  left: 170px;*/
      padding: 0;
    margin: 0;
    float: none;
}
nav ul ul ul li a{
	 color:#0071C5!important;
}
nav ul ul ul li:hover{
	background:#fff!important;
	
}
nav ul ul ul li a:hover{
color:#00AEEF!important;
}

/*li > a:after { content: '+'; }*/

li > a:only-child:after { content: ''; }

@media screen and (max-width: 643px) {
	

	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	.navPan{
		height:auto;
	}
	ul.drop1{
		position:relative;
		width:90%;
		left:0;
	}
	ul.drop1 li a{
		margin:0;
    	padding:5px;
	}
	ul.drop1 li:hover {
		background-color:inherit!important;
		
	}
	ul.drop1 li:hover a,  ul.drop1 li:hover span{
		color:#00AEEF;
	}
	 ul.drop2{
		position:relative;
		width:100%;
		left:0;
		padding:0;
		margin:0!important;
	}
	ul.drop2 li a{
		margin:0;
    	padding:5px 5px 5px 30px;
		border-bottom:none;
		border-bottom:1px solid #CCC;
	}
	ul.drop2 li a:hover{
		color:#000!important;
	}
	
	
	
	.OutWrapper{
		width:100%;
	}
	.bodyContPan{
		width:99%;
	}
	.conLftPan{
		width: 70%;
	}
	.conRigPan{
		width: 30%;
	}
	.conRigPan a{
		width: 80%;
	}
	ul.boxpan3 li{
		margin:0 25px 25px 0;
	}
	.iconLft{
		width:10%;
	}
	.contlftPan{
		width:60%;
	}
	.contRigPan{
		width:35%;
	}
	
	
	
	
	nav {
		padding:3px 0!important;
	}
	li > label:after { content: ''; padding:0 0 0 18px; background:url(/sw/swchannel/images/users/39003/arrowe.gif) no-repeat 100% 50%; }/**/
/*li > label:focus:after { content: '?'; }*/


nav { margin: 0; padding: 0;
    width: 100%;}

.toggle + a,
 .menu { display: none; }
 .icon{
	 background:url(/sw/swchannel/images/users/39003/icon.gif) no-repeat 15px 50%;/**/
	 padding:10px 8px!important;
	 border-bottom:none!important;
 }
.toggle {
	
  display: block;
  background-color: #0171c5;
   padding:0;
 color: #FFF;
  /* font-size: 20px;
  line-height: 60px;*/
  text-decoration: none;
  border: none;
  cursor:pointer;
  /*text-indent:-10000px;*/
  font-family: "intel-clear","tahoma",Helvetica,"helvetica",Arial,sans-serif;
    font-size: 13px;
    line-height: 18px;
	padding:5px 8px!important;
	border-bottom:1px solid #0059a2;
}

.toggle:hover { background-color: #0171c5;  }

[id^=drop]:checked + ul { display: block; }

nav ul{
	width:100%;
	float:none;
	box-sizing: border-box;
	padding:0 2%;
	background-color: #0171c5;
}
nav ul li a, nav ul li lable{
	 padding:5px 8px!important;
	  font-size: 13px;
    line-height: 18px;
	font-family: "intel-clear","tahoma",Helvetica,"helvetica",Arial,sans-serif;
	display:block;
	background-color: #0171c5;
	border-bottom:1px solid #0059a2;
}

nav ul li {
  display: block;
  width: 100%;
  margin:0 auto;
  float:none;
  padding:0;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 0;}
nav ul li ul li .toggle, nav ul ul a{
	background-color:inherit!important;
}
.icon:hover{
	background-color:#0171c5!important;
}
nav a:hover,
 nav ul ul ul a,  .toggle:hover { background-color: #034373;  color:#fff;}

nav ul li ul li .toggle,
 nav ul ul a { background-color: #212121; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
  width:100%;
}
nav ul ul ul{
	position:relative;
	 width:100%;
	 left:inherit;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
nav ul ul#a5{
	width:100%;
}
nav ul ul#a6{
	width:100%;
}
	
}
@media screen and (max-width: 600px) {
	.smplayImg{
		height:50px!important;
		width:50px!important;
		margin:-25px 0 0 -25px !important;
	}
	.conLftPan{
		width: 100%;
		border-right:none;
	}
	.conLftPan h2{
		text-align:center;
	}
	.conLftPan p{
		text-align:center;
	}
	.contPan{
		padding:0 0 20px 0;
	}
	
	
	.conRigPan {
		clear: both;
		float: none;
		margin: 0 auto 0;
	}
	.conRigPan a{
		margin:0;
		width:150px;
	}
	.videoInfo ul li{
		width:60%;
		float:none;
		text-align:center;
		margin:0 auto 10px;
	}
	.videoInfo ul li:last-child{
		margin:0 auto!important;
	}
	.linkContPan ul li{
		width:40%;
	}
	h1{
		display: block;
		float: left;
		text-align: left;
		width: 100%;
	}
	.iconLft img{
		width:80%;
	}
	ul.boxpan3 li{
		margin:0 auto 25px;
		clear:both;
		display:block;
	}
	.fromPan h2{
		line-height:16px;
	}

}

@media screen and (max-width: 480px) {
	.logo {
	    margin: 7px 0 7px 10px;
}
	.Toppannel h2 {
	     font-size: 21px;
   		 width: 170px;
	}
	.videoInfo ul li{
		width:100%;
	}
	.conRigPan {
		width: 190px;
	}
	.playImg{
		height:50px!important;
		width:50px!important;
		margin:-25px 0 0 -25px !important;
	}
	.linkContPan ul li{
		width:100%;
		box-sizing: border-box;
		margin:0 0 10px 0;
	}
	.innSmBanner h2 {
		display: block;
		font-size: 23px;
		font-weight: normal;
		line-height: 26px;
		padding: 10px 10px 0;
		text-align: center;
		vertical-align: middle;
		width: 100%;
		box-sizing: border-box;
}
	.innSmBanner h2 a{
		margin:0 auto;
	}
	.innSmBanner{
		padding:0;
	}
	.RelContRig h2{
		font-size:20px;
	}
	.contlftPan{
		width:100%;
	}
	.contRigPan{
		float:none;
		margin:0 auto;
		clear:both;
	}
	.videoOpen{
		width:100%;
		height:228px;
	}
}