@charset "UTF-8";
/* CSS Document */

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after 			{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}

/* Place Holder CSS for Focus */
::placeholder				{color:#AAAAAA !important;}
:focus::-webkit-input-placeholder {opacity: 0;-webkit-transition: opacity 0.35s ease-in-out;transition: opacity 0.35s ease-in-out;}
:focus:-moz-placeholder {opacity: 0;-moz-transition: opacity 0.35s ease-in-out;transition: opacity 0.35s ease-in-out;}
:focus::-moz-placeholder {opacity: 0;-moz-transition: opacity 0.35s ease-in-out;transition: opacity 0.35s ease-in-out;}
:focus:-ms-input-placeholder {opacity: 0;-ms-transition: opacity 0.35s ease-in-out;transition: opacity 0.35s ease-in-out;}

/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after 					{content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.row:after,
.clearfix:after 				{clear: both;}
.row,
.clearfix 					{zoom: 1;}

h2 i, .story-col-40 i, .btn i {font-style:normal !important;}
em							{font-size:96%; font-style:italic; font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';}

/* You can also use a <br class="clear" /> to clear columns */
.clear 						{clear: both;display: block;overflow: hidden;width: 0;height: 0;}

html, body 					{max-width: 100%;overflow-x: hidden;}
html 						{background-color:#inherit !important; overflow: hidden; height: 100%;}
body 						{width:100%; font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:135%; margin:0; 
							font-size:1.1rem; font-weight:400;overflow: auto; height: 100%; background-color:#222 !important;}		
.center 						{text-align:center;}
.canvas						{background-color:#FFF !important;}
.bgwhite						{background-color:#FFF !important;}
.bglightgray					{background-color:#EEE !important; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;}
.search-image-med			{margin:0 0 10px 0;}
.container 					{padding-right:3% !important; padding-left:3% !important;}
.outer 						{min-height:880px;}
.gray 						{color:#999;}
.pipe 						{font-size:130%; margin-top:-14px; font-weight:300;}
.util-menu					{margin:-4px -30px 0 0;}
#overheader 					{min-height:112px; background-color:#212121;}

.fa.fa-twitter				{font-family:sans-serif; margin:0px 4px -12px 0; float:left;}
.fa.fa-twitter::before		{content:"𝕏"; font-size:1.3em; margin-top:0px;}
.sociallinks .fa.fa-twitter 	{font-family: sans-serif; margin:-2px 0 -10px 0 !important; float:left;}
#comp-social .fa.fa-twitter 	{font-family: sans-serif; margin:-5px 2px -10px 0 !important; float:left;}

.collapse 					{position:relative; height:0px; overflow:hidden; -webkit-transition:height .1s ease-in-out !important;
							-moz-transition: height .1s ease-in-out; -o-transition: height .1s ease-in-out; transition: height .1s ease-in-out;}
.img-responsive 				{width:100%; height:auto;}
.max420						{max-width:400px;margin:18px 0 0 -4px;}
#toprightnav					{margin:0 40px -40px 0; padding-right:40px;}
#lower-border				{border:1px solid #444; border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top:0; margin-top:-1px; 
							float:right; font-size:85%; opacity:.8;}
#lower-border a				{color:#999;}
#lower-border a:hover 		{color:#FFF;}
.row.no-gutters 				{margin-right: 0;margin-left: 0; padding-right: 0;padding-left: 0;}
.page-count					{padding:10px 0 16px 0;}
.page-link 					{display:block; min-height:38px;}

/* Mobile Navigation */
.mobile-navigation			{display:none;}
.mobile-navigation .button	{margin:-32px 0 2px 0; xbackground-color:#c1cee9 !important; color:#FFF !important; 
							border:3px solid #222 !important; border-radius:5px !important;
							height:30px; width:30px; float:right;}
.mobile-navigation .button:hover {background-color:#EEE !important; border:3px solid #666 !important;}

#left-navigation h3 {font-size:16pt; line-height:120%; padding:10px 0 3px 0; margin:0 0 6px 0; border-bottom:1px dotted #CCC;}
#left-navigation .spacer {height:10px; margin:0;}
#left-navigation .line {height:1px; border-top:1px dotted #AAA; margin:12px 0 2px 0;}
#left-navigation ul {list-style: none; margin:0; padding:0;}
#left-navigation li {margin:0; padding:0 0 6px 0;}
#left-navigation a h3, .js-navigation h3 {color:#2876c2; font-weight:500; text-decoration:none;}
#left-navigation a h3:hover {text-decoration:none; color:#00a8ff;}
#left-navigation a {color:#1f7dd9 !important; text-decoration:none;}
#left-navigation a:visited {color:#1281E0 !important;}
#left-navigation a:hover {text-decoration:none; color:#1fc2ff !important;}
.fs-light.fs-navigation-overlay-handle.fs-navigation-enabled, .fs-light.fs-navigation-reveal-handle.fs-navigation-enabled {background:#fff; border:1px solid #CCC; border-radius:3px; color:#263238; cursor:pointer; display:block; font-size:14px; line-height:40px; margin:0; position:relative; padding:0 30px 0 14px !important;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; height:38px !important;}
.mobile-navigation .fs-navigation-open {display:none; visibility:hidden;}
.mobile-navigation .fs-navigation-closed {background-color:#c1cee9 !important;}
#left-navigation			{box-shadow:0px 0px 24px rgba(0, 0, 0, 0.2); transform: translate(-50%,  calc(0px - var(--arrow-size))) scale(0.5);
							z-index:10001; border-left:1px solid #AAA; border-right:1px solid #AAA;
							background-color:#EEE; background: linear-gradient(180deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);}
.fs-navigation-handle .fs-navigation-closed:after {background:#FFF !important;}
#left-navigation::-webkit-scrollbar-thumb {background-color:#DDDDDD !important; border-radius:8px !important; border:3px solid #EEE !important;}
#left-navigation::-webkit-scrollbar {width:16px !important;}
#left-navigation::-webkit-scrollbar-track {-xwebkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.3); background-color:#EEE; border-left:1px solid #EEE;}
.dotted-line				{border-bottom:1px dotted #CCC; padding:0 0 8px 0; margin:0 15px 8px 0;}

/* Home Downloads Section */
#downloads .download-head	{font-size:100% !important; line-height:125%;}
#downloads .download-summary {font-size:90%; line-height:120%; margin:4px 0 10px 0; color:#666;}
#downloads .download-cover	{width:98%; height:auto; max-height:344px; max-width:300px; padding:0; margin:4px 10px 12px 0px;
							moz-box-shadow:1px 2px 4px #666; -webkit-box-shadow:1px 2px 4px #666; box-shadow:1px 2px 4px #666;}
#downloads .download-cover:hover {transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;
							moz-box-shadow:2px 4px 10px #666; -webkit-box-shadow:2px 4px 10px #666; box-shadow:2px 4px 10px #666;}
.download-image-small		{width:86px; height:112px; float:left; border:0px; margin:0 6px 10px 0;}
.download-head-small		{font-size:84% !important; line-height:125%; margin:0;}
.download-summary-small		{font-size:75%; line-height:120%; margin:4px 0 6px 0; color:#666;}
.download-cover-small		{width:100%; height:auto; max-height:104px; max-width:80px; padding:0; margin:4px 10px 12px 0px;
							moz-box-shadow:1px 2px 4px #666; -webkit-box-shadow:1px 2px 4px #666; box-shadow:1px 2px 4px #666;}
.download-cover-small:hover {transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;
							moz-box-shadow:2px 4px 10px #666; -webkit-box-shadow:2px 4px 10px #666; box-shadow:2px 4px 10px #666;}
.small-promo				{padding:6px 8px 4px 10px; background-color:#EFEFEF; border:1px solid #EDEDED; border-radius:3px; margin:-4px 0 20px 0;}


/* Style the mobile navigation menu */
.topnav 					{background-color:none;position: relative; min-height:0px; display:none;}
/*.topnav #myLinks 			{display:none; padding:10px 0 10px 0; line-height:180%;}*/

.topnav #myLinks 			{display: none;padding: 10px 20px 10px 20px;line-height: 180%;background-color: #107fc8;margin: 0px -60px 0 -30px;}

#myLinks .categories 		{padding:2px 20px 6px 0; line-height:140%; font-size:26pt !important; font-weight:400;}
#myLinks .sub-categories 	{float:left; padding:0px 26px 10px 0; font-size:18pt !important; margin:-6px 0 4px 0;}
.topnav a 					{color:white; padding:0px; text-decoration:none; display:block;}
.topnav a.icon 				{display: block;position: absolute;right: 0; padding:0px; font-size: 24pt; margin:-10px 0 -10px 0; top:-18px;}
.topnav a:hover 			{background-color:none; color:#FFF;}
.left						{border-left:1px dotted #EEE; margin:0; padding:0 10px 0 0; float:left; text-align:left;}

.menu 						{position:absolute; margin-top:4px; border:1px solid #EEE; background-color:#FFF; width:100%; min-height:500px;
							padding:8px 14px; opacity:.97; moz-box-shadow:0px 3px 6px #BBB; -webkit-box-shadow:0px 2px 6px #BBB; box-shadow:0px 3px 12px #BBB;}
							transform: scale(1.00); transition-timing-function: ease; transition: 0.2s;}
.menu .list-unstyled li		{margin-bottom:6px; line-height:120%;}
.menu a.text 				{color:#0060C2 !important; text-decoration:none; font-weight:400;}
.menu a.text:hover 			{color:#CC3333 !important; text-decoration:underline; font-weight:400;}
.menu-top-img				{width:100%; min-height:176px; overflow:hidden; xdisplay:flex; align-items:center; justify-content:center; 
							border:1px solid #EEE; margin-bottom:10px; border-radius: 4px;}
.menu-top-img img			{width:120%; height:auto; object-position:50% 50%; margin-left:-20px;}
.menu-top-img img:hover		{opacity:1.0; transform: scale(1.05); transition-timing-function: ease; transition: 0.3s;}
.menu-title					{margin:6px 0 8px 0; font-weight:400; line-height:120%;}
.menu-summary				{margin:0 0 2px 0; font-size:90%; line-height:120%; overflow:hidden;
							-webkit-line-clamp:10; display:-webkit-box; -webkit-box-orient:vertical; }
.menu-download 				{height:210px; width:160px; min-width:130px; min-height:176px; max-height:176px; overflow:hidden; xborder:1px solid #EEE;
							align-items:center; justify-content:center; margin-bottom:13px;
							moz-box-shadow:1px 2px 4px #666; -webkit-box-shadow:1px 2px 4px #666; box-shadow:1px 2px 4px #666;}
.menu-download img			{width:100%; height:100% !important; object-position:50% 50%; margin-left:0px;}
.menu-download img:hover	{opacity:1.0; transform: scale(1.05); transition-timing-function: ease; transition: 0.3s;}
.menu .small-photo-card		{width:40%; height:90px; float:left; margin:0px 12px 12px 0px; overflow:hidden; background-color:#EEE;}
.menu .small-photo-card img:hover {opacity:1.0; transform: scale(1.05); transition-timing-function: ease; transition: 0.3s;}
.menu .col-md-2		 		{width:14% !important;}
.menu .list-unstyled li		{padding-bottom:5px;}
.np1						{padding:8px 8px 8px 8px;}

.sm-breadcrumb				{color:#CCC; font-size:85%; padding:0 0 0 6px;}
.sm-breadcrumb a, .sm-breadcrumb a:visited	{color:#b35959;}
.sm-breadcrumb a:hover 		{color:#cc3333;}

/* Editors Picks */
#editors-picks				{min-height:200px; font-size:80%; line-height:120%; color:#666666; padding:0 0 8px 0; 
							margin:-6px 0 -24px 0; width:100%; background-color:#FFF; text-align:left;}
#editors-picks h2			{color:#333; font-weight:300; margin-top:0px; padding-top:0px; text-align:left;}
#editors-picks .picks-head	{margin:12px 0 8px 0; color:#666; font-weight:300; font-size:130%; text-align:left;}
#editors-picks .picks-title {font-size:13pt; line-height:120%; margin:6px 0 6px 0; text-align:left;}
#editors-picks .picks-deck 	{display:block; font-size:11pt; line-height:120%; color:#999; margin:2px 0 12px 0; text-align:left;}
#editors-picks .col-md-3, #editors-picks .col-sm-3, #editors-picks .col-xs-3, #editors-picks .col-md-12 {padding:0 10px 0 10px;}
#editors-picks .picks-image {overflow:hidden; display:flex; justify-content:center; align-items:center; border:1px solid #EEE; max-height:188px;}
#editors-picks .picks-image img:hover {transform: scale(1.1) !important; transition-timing-function: ease; transition: 0.2s;}

/* Custom translucent site header */
.site-header 				{background-color: rgba(0, 0, 0, .84);-webkit-backdrop-filter: saturate(180%) blur(20px);
							backdrop-filter: saturate(180%) blur(20px); border-top:1px dotted #444;}
.site-header a 				{color: #999; xtransition: ease-in-out color .15s; 
							font-size:12.5pt !important; line-height:120% !important; letter-spacing:0 !important; margin:0 !important;}
.site-header a:hover 		{color: #fff;text-decoration: none;}
nav.site-header				{min-height:40px;height:40px;}

footer 						{background-color:#49535B; font-size:86%;}
#footer h5 a				{color:#E9EFF7; font-size:116%;}
#footer h5 a:hover			{color:#FFF !important;}
#footer li 					{line-height:120%; margin-bottom:6px !important;}
#footer li a				{color:#B4C5DA;}
#footer li a:hover 			{color:#FFF;}
#footer a:hover 			{color:#E9EFF7 !important;}
#footer .copyright			{color:#B4C5DA; opacity:.5;}

/* Alternate red footer
footer 						{background-color:#830000; was:#f3f3f3; font-size:86%;}
#footer h5 a				{color:#fbefef; font-size:116%;}
#footer h5 a:hover			{color:#FFF !important;}
#footer li 					{line-height:120%; margin-bottom:6px !important;}
#footer li a				{color:#feafc4;}
#footer li a:hover 			{color:#FFF; was:#ff2929;}
#footer a:hover 			{color:#fbefef !important;}
#footer .copyright			{color:#e6616a; opacity:.6;}
*/

/* Advertising */
.ad-leaderboard				{background-color:#e8e8e8; padding:3px 4px 3px 4px; font-size:0px; text-align:center; width:100%; min-height:96px; overflow:hidden;}
.ad-leaderboard img 		{max-width:970px; max-height:90px; height:auto;}
.ad-rectangle				{background-color:#transparent; width:100%; min-width:302px; font-size:0px; margin-left:-1px; 
							text-align:center; padding:6px 0 6px 0; border-bottom:1px dotted #999; border-top:1px dotted #999;}
.ad-rectangle img 			{max-width:300px; max-height:600px; height:auto;}
.ad-rectangle1				{background-color:#transparent; width:100%; min-width:302px; font-size:0px; margin-left:-1px; overflow:hidden;
							text-align:center; padding:20px 0 20px 0; border-left:1px dotted #AAA;}
.ad-rectangle1 img 			{max-width:300px; max-height:250px; height:auto; overflow:hidden;}
.ad-rectangle2				{background-color:#transparent; width:100%; min-width:302px; font-size:0px; margin-left:-1px; overflow:hidden;
							text-align:center; padding:0px 0 20px 0; border-left:1px dotted #AAA;}
.ad-rectangle2 img 			{max-width:300px; height:auto; overflow:hidden;}
.jumbo 						{width:100%; min-height:18px; margin-bottom:-18px; line-height:90%;}
.ad-leaderboard .top iframe {max-width:970px; max-height:90px; xwidth:100%; height:auto; margin:0 auto; padding-bottom:0px; margin-bottom:0;}
.ad-billboard				{padding:6px 0 6px 0; font-size:0px;}
.ad-billboard img 			{width:100%; height:auto; max-width:970px; max-height:250px; margin:0 0 0 -15px;}
#top-jumbo {background-color: #fff;height:auto;min-height:0px;}
#sc247_640_Top 				{width: 100% !important; height:700px !important; margin: 0 auto; padding-right:20px;}
#sc247_640_Top iframe 		{width:100% !important;}
#sc247_970_Top iframe 		{text-align:center; border: 1px solid #F00;}
#top-jumbo .container, #top-jumbo .row {margin: 0px !important;}


.break						{height:1px; clear:left;}
.pad1 						{height:1px;}
.pad2 						{height:2px;}
.pad3 						{height:3px;}
.pad4 						{height:4px;}
.pad6 						{height:6px;}
.pad8 						{height:8px;}
.pad10	 					{height:10px; clear:left; }
.pad12 						{height:12px; clear:left; }
.pad14 						{height:14px; clear:left; }
.pad16 						{height:16px; clear:left; }
.pad18 						{height:18px; clear:left; }
.pad20 						{height:20px; clear:left; }
.pad24 						{height:24px; clear:left; }
.pad30 						{height:30px; clear:left; }
.pad36 						{height:36px; clear:left; }
.pad40 						{height:40px; clear:left; }
.pad48 						{height:48px; clear:left; }
.pad54 						{height:54px; clear:left; }
.pad60 						{height:60px; clear:left; }
.pad70						{height:70px; clear:left; }
.pad80 						{height:80px; clear:left; }
.pad120						{height:120px; clear:left; }
.pad200						{height:200px; clear:left; }
.v-space-60					{height:60px; clear:left; }
.v-space-80					{height:80px; clear:left; }
.v-space-120				{height:120px; clear:left; }
.v-space-180				{height:180px; clear:left; }
.v-space-200				{height:200px; clear:left; }
.v-space-240				{height:240px; clear:left; }
.v-space-300				{height:300px; clear:left; }
.v-space-360				{height:360px; clear:left; }
.v-space-480				{height:480px; clear:left; }

/* Media Queries */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.nav_offscreen				{display:none; visibility:hidden;}
.ad-rectangle1				{border-left:1px dotted #AAA; border-right:1px dotted #AAA;}
.pl-2 						{padding-left:.1rem !important;}
.container 					{width:100%;}
.menu 						{display:none !important; visibility:hidden;}
.mobile-navigation 			{float:right; display:block; margin:-32px 32px 0 0;}
.max420						{max-width:380px; margin:22px 0 0 0;}
.hidden-xs					{display:none; visibility:hidden;}
.hidden-sm					{display:none; visibility:hidden;}
.hidden-md					{display:none; visibility:hidden;}
.hidden-lg					{display:none; visibility:hidden;}
#footer h5 a				{font-size:104%;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
.nav_offscreen				{display:none; visibility:hidden; width:360px;}
.ad-rectangle1				{border-left:1px dotted #AAA; border-right:1px dotted #AAA;}
.pl-2 						{padding-left:.1rem !important;}
.container 					{width:100%; min-width:620px}
.hidden-xs					{display:none; visibility:hidden;}
.hidden-sm					{display:none; visibility:hidden;}
.hidden-md					{display:none; visibility:hidden;}
.hidden-lg					{display:none; visibility:hidden;}
.menu 						{display:none !important; visibility:hidden;}
.menu-top-img				{width:100%; min-height:66px;}
.menu-top-img img 			{width:136% !important; margin-left: -28px !important;}
.menu-download 				{width:100%; min-height:66px;}
.menu .small-photo-card		{width:40%; height:78px;}
.menu .heading 				{font-size:70%;}
.menu-summary				{font-size:75%; line-height:120%; -webkit-line-clamp:6;}
.menu-title					{font-size:80%;}
.mobile-navigation 			{float:right; display:block; margin:-32px 72px 0 0;}
#lower-border 				{margin-right:-30px;}
.max420						{max-width:380px; margin:22px 0 0 0;}
#footer h5 a					{font-size:108%;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
.nav_offscreen				{display:none; visibility:hidden; width:400px;}
.ad-leaderboard				{min-height:96px !important;}
.container 					{width:98%; min-width:780px; xborder:1px solid #300;}
.hidden-xs					{display:none; visibility:hidden;}
.hidden-sm					{display:none; visibility:hidden;}
.hidden-md					{display:none; visibility:hidden;}
.menu-top-img				{width:100%; min-height:92px;}
.menu-top-img img 			{width:136% !important; margin-left: -28px !important;}
.menu-download 				{height:130px; width:112px;}
.menu .small-photo-card		{width:40%; height:78px;}
.menu .heading 				{font-size:80%;}
.menu-summary				{font-size:80%; line-height:120%; -webkit-line-clamp:7;}
.menu-title					{font-size:85%;}
#toprightnav 				{padding-right:10px;}
#lower-border 				{margin-right:-20px;}
#nl 							{margin-right:-4px !important;}
.nav-link 					{padding: .5rem .7rem !important;}
.max420						{max-width:380px; margin:22px 0 0 -4px;}
#footer h5 a					{font-size:110%;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1299.98px) {
.nav_offscreen				{display:none; visibility:hidden; width:400px;}
.ad-leaderboard				{min-height:96px !important;}
.hidden-md, .hidden-lg		{display:none;}
.menu-top-img				{width:100%; min-height:178px; height: 178px;}
.menu-top-img img 			{width:136% !important; margin-left: -28px !important;}
.menu-download 				{height:168px; width:130px; max-height:168px;}
.menu .small-photo-card		{width:40%; height:78px;}
.menu-summary				{font-size:80%; line-height:120%; -webkit-line-clamp:8;}
.menu-title					{font-size:85%;}
.max420						{max-width:400px; margin:20px 0 0 -4px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
.nav_offscreen				{display:none; visibility:hidden; width:400px;}
#downloads .download-cover	{max-height:334px;}
.ad-leaderboard				{min-height:97px;}
.container 					{width:100%; max-width:1460px !important; xborder:1px solid #00F;}
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12
							{float: left;}
.max480						{width:540px; max-width:540px;}
.col-340 					{width: 100%;}
.col-xl-12 					{width: 100%;}
.col-xl-11 					{width: 91.66666667%;}
.col-xl-10 					{width: 83.33333333%;}	
.col-xl-9 					{width: 75%;}
.col-xl-8 					{width: 66.66666667%;}
.col-xl-7 					{width: 58.33333333%;}
.col-xl-6 					{width: 840px; margin-right:10px;}
.col-xl-5 					{width: 41.66666667%;}
.col-xl-4 					{width: 33.33333333%;}
.col-xl-3 					{width: 300px;}
.col-xl-2 					{width: 16.66666667%;}
.col-xl-1 					{width: 8.33333333%;}

.right-column-site 			{max-width: 340px; margin-right:-2px;}
.left-column-site			{max-width: 1200px;}
.right-column				{padding-left:10px; margin-left:10px; width:42%;}
.left-column					{padding-right:0px; margin-right:-20px; width:58%; max-width:55% !important;}
.menu						{xmin-height:480px;}
.menu-download 				{height:188px; width:144px; max-height:190px;}
.menu-top-img				{height:190px; margin-bottom:10px;}
.menu .small-photo-card		{width:40%; height:94px;}
#menu-res					{padding-bottom:40px !important; min-height:520px !important;}
#menu-sub					{padding-bottom:40px;}
}