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

/* Home page specific */
#home h1, #404 h1			{font-size:27pt;}
h1.lrg-head					{font-size:27pt;}
.pad120						{height:120px;}
.nav-tabs					{}
.nav-tabs li a 				{padding:2px 4px 2px 4px !important; margin-bottom:10px; margin-right:8px;}
.tab-content				{margin-top:11px;}
.nav-pills 					{padding: 0 0 4px 0; margin-left:-6px;}
.nav-pills .nav-link 		{padding: 5px 12px;margin: 0 -2px 0 0;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color:#333; background-color: #EEE; was:#007bff;}
.news-title					{font-size:12pt; font-weight:400; margin:0 0 8px 0; border-bottom:1px dotted #CCC; padding:0 0 6px 0;}
.news-head					{font-size:13.8pt; font-weight:400; letter-spacing:-.01em;}
.news-heading 				{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}	
.news-summary				{font-size:96%; color:#555; margin-bottom:9px; line-height:126%;}
.news-summary p				{margin-top: 0;margin-bottom: 0;}

#404-bg 					{border:10px solid #F00; content: ""; position:absolute; background-image:url(../jpg/404-55.jpg); min-height:1000px; 
							background-position:right 0px top 0px; background-repeat:no-repeat; background-size:70%; background-opacity:.6;}

/* Dummy devices (replace them with your own or something else entirely!) */
.product-device 			{position: absolute;right: 10%;bottom: -30%;width: 300px;height: 540px;
							background-color: #333;border-radius: 21px;-webkit-transform: rotate(30deg);transform: rotate(30deg);}
.product-device::before 	{position: absolute;top: 10%;right: 10px;bottom: 10%;left: 10px;content: "";
							background-color: rgba(255, 255, 255, .1);border-radius: 5px;}
.product-device-2 			{top: -25%;right: auto;bottom: 0;left: 5%;background-color: #e5e5e5;}

.pilg-title					{min-width:14%; font-size:120%; xheight:24px; margin:0; padding:0 10px 0 8px; float:left;}
.pilg-title a				{color:#dc023e;}
.pilg-desc 					{xwidth:86%; font-size:92%; color:#666; float:left; height:24px; padding:2px 0 0 0; 
							overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; width:128ch;}
.pilg-desc p				{padding:0 6px 0 0; margin:0; float:left !important; display:inline-block;}
.pilg-line					{border-top:1px dotted #d28096; margin:10px 0 10px 0; width:100%;}
a.pilg-link					{color:#d28096;}
a.pilg-link:hover			{color:#e80643 !important;}

/* Home Latest in MH Display */
#home-content				{color:#666; font-weight:300; line-height:125%; xwidth:100%; padding-right:40px;}
#home-content h3			{font-size:16pt; padding-bottom:4px; margin-bottom:13px; border-bottom:1px dotted #AAA;}
#home-content .image		{width:32%; max-height:190px; margin:0 18px 0 0; float:left; overflow:hidden; display:flex; align-items:center; justify-content:center;}
#home-content .image img 	{width:110% !important; margin:0 0 0 -10px; object-position:50% 50%;}
#home-content img:hover	{transform: scale(1.05); transition-timing-function: ease; transition: 0.3s;}
#home-content .head			{font-weight:500; font-size:125%; margin:2px 0 4px 0; padding-right:20px;}
#home-content .text			{margin:0 0 2px 0; font-size:112%; line-height:130%; padding-right:20px;}
.topic-line					{border-top:1px dotted #999; margin:12px 24px 24px 0;}
.btn-eye:before				{content: '\f06e'; font-family:FontAwesome; padding:0 6px 0 0;}
.btn-eye					{width:160px;}
.inner						{margin-top:10px;}

#latest img					{max-height:240px; overflow:hidden; float:left; border:1px solid #DDD; margin:6px 16px 4px 0;}
#latest .image				{max-height:240px; overflow:hidden; float:left; border:1px solid #DDD; margin:6px 16px 4px 0;}
#latest .image img 			{margin:0 0 0 0; object-position:50% 50%; max-height:240px;}
#latest .image img:hover	{transform: scale(1.05); transition-timing-function: ease; transition: 0.3s;}

#sm-cover-image				{margin:0; border:1px solid #DDD; width:25%; float:left;
							width:30%; max-height:300px; margin:0 18px 0 0; display:flex; align-items:center; justify-content:center;}
							-webkit-box-shadow: 2px 5px 8px 2px rgba(160,160,160,0.6); box-shadow: 2px 5px 8px 2px rgba(160,160,160,0.6);}
#sm-cover-image img 		{width:100% !important; margin:0 0 0 -10px; object-position:50% 50%;}
#home-content #download .image {width:20% !important; max-height:400px; margin:0 18px 0 0; float:left; overflow:hidden; display:flex; 
							align-items:center; justify-content:center; min-width:120px !important;
							-webkit-box-shadow: 2px 5px 8px 2px rgba(160,160,160,0.6); box-shadow: 2px 5px 8px 2px rgba(160,160,160,0.6);}
#home-content #download .image img {width:100% !important; margin:0; object-position:50% 50%;}
#home-content #download .image:hover {transform: scale(1.04); transition-timing-function: ease; transition: 0.3s;}

/* Top home page slider */
#slider 					{}
#slider .carousel-item 		{min-height: 380px; margin-top:-4px;}
#slider .carousel-indicators li {}
#slider .carousel-indicators {bottom: -20px;}
#slider h2					{font-size:21.25pt; line-height:115%; font-weight:400; margin:10px 0 4px 0; letter-spacing:-.01em;}
#slider .summary			{font-size:96%; line-height:128%; color:#666;}
#slider .titlensummary		{min-height:140px;}
#slider .mid				{padding-left:18px; display:table; float:left; margin-top:2px; margin-bottom:18px; width:44%;}
#slider h3					{font-size:21.5pt; padding:2px 0 0px 0; letter-spacing:-.01em;}
#slider .related			{margin:4px 0 4px 0; color:#888;}
#slider .home-related		{line-height:115%; padding:0 0 6px 0;}
.home-top-img				{margin:6px 0 6px 0; overflow:hidden; padding:2px 0 4px 0; 
							display:flex; align-items:center; justify-content:center; border-bottom:1px solid #9AA; background-color:#666;}
.home-top-img img			{width:120% !important; margin:0 0 6px 0; object-position:50% 50%;}
.home-top-img img:hover 	{transform: scale(1.1); transition-timing-function: ease; transition: 0.5s;}

.product-top-img			{margin:0 0 6px 0; overflow:hidden; padding:0; height:144px; border-right:1px dotted #DDD; border-bottom:1px solid #9AA; 
							display:flex; align-items:center; justify-content:center; background-color:#b2b9bf;}
.product-top-img img		{width:104% !important; margin:0 0 4px 0; object-position:50% 50%; z-index:-1}
.product-top-img img:hover 	{transform: scale(1.04); transition-timing-function: ease; transition: 0.3s;}
.product-head				{line-height:120%; margin:2px 0 4px 0;}
.product-summary			{font-size:82%; line-height:128%; color:#666; margin:2px 0 10px 0;}
.product-logo				{text-align:center; xheight:58px; padding:14px 40px 10px 40px; background-color:#b2b9bf;}
.product-logo img			{width:90% !important; margin:0 0 4px 0; object-position:50% 50%; xmax-width:180px;}
.product-gradiant::before {overflow:hidden; margin-top:-2px !important; max-height:66px; margin-right:10px;
    background-image: linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 30%, rgba( 178, 185, 191, 1 ) 100% );
    background-image: -moz-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 30%, rgba( 178, 185, 191, 1 ) 100% );
    background-image: -ms-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 30%, rgba( 178, 185, 191, 1 ) 100% );
    background-image: -o-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 30%, rgba( 178, 185, 191, 1 ) 100% );
    background-image: -webkit-linear-gradient( bottom, rgba( 255, 255, 255, 0 ) 30%, rgba( 178, 185, 191, 1 ) 100% );
    content: "\00a0";
    height: 100%;
    position: absolute;
    width: 96.5%;
}

#slider .company-logo-sm 	{width:120px; height:60px; float:left; overflow:hidden; display:flex; align-items:center; justify-content:center;
							border:1px solid #DDD; margin:2px 10px 12px 1px; }
#slider .company-logo-sm img {width:90% !important; margin:0px 4px 4px 4px; object-position:50% 50%;}
#slider .sm-related			{font-size:10pt; line-height:120%; xdisplay:inline-block; color:#666;}
#slider .slider-left		{color:#666; width:55%; float:left; margin-bottom:20px;}

/* Home Sections */
#home-top					{min-height:350px;}
#home-full					{min-height:260px; margin-left:-6px;}
#home-mid					{min-height:600px;}

/* Companies Section on Home */
#home-comp					{min-height:300px; padding:0; margin:0; display:block;}
#home-comp .home-comp-left {width:50%; float:left; min-height:500px;}
#home-comp .home-comp-right {width:50%; float:left; min-height:500px;}
#home-comp .float			{float:left;}
#home-comp .company-image 	{}
#home-comp .title 			{font-size:12pt; line-height:120%; margin:6px 0 4px 0;}
#home-comp .deck 			{display:block; font-size:10pt; line-height:110%; color:#999; }
#home-comp .col-md-3, #editors-picks .col-sm-3, #editors-picks .col-xs-3, #editors-picks .col-md-12 {padding:0 10px 0 10px;}
#home-comp .picks-image:hover {transform: scale(1.04); transition-timing-function: ease; transition: 0.3s;}
.sm-company-desc			{min-height:124px;}
.sm-company-logo			{height:60px; margin:6px 0 6px 0;overflow:hidden; padding:2px 0 4px 0;
							display:flex; align-items:center; justify-content:center; border-bottom:1px dotted #CCC;}
.sm-company-logo img		{width:80% !important; margin:0 0 6px 0; object-position:50% 50%;}
.carousel-indicators li 	{box-sizing: content-box;-ms-flex: 0 1 auto;flex: 0 1 auto;width: 30px;height: 3px;margin-right: 3px;margin-left: 3px; margin-top:6px;
	  						text-indent: -999px;cursor: pointer; background-color: #ccc;background-clip: padding-box;border-top: 10px solid transparent;
	  						border-bottom: 18px solid transparent;opacity: .5;transition: opacity .6s ease;}
.carousel-indicators li 	{height: 4px;}

#cc							{color:#666; font-weight:300; line-height:125%; xwidth:100%;}
#cc h3						{font-size:16pt; padding-bottom:4px; margin-bottom:13px; border-bottom:1px dotted #AAA;}
#cc .image					{width:28%; max-height:120px; margin:0 18px 0 0; float:left; overflow:hidden; display:flex; align-items:center; justify-content:center;}
#cc .image img 				{width:110% !important; margin:0 0 0 -10px; object-position:50% 50%;}
#cc .head					{font-weight:500; font-size:125%; margin:2px 0 4px 0; padding-right:20px; line-height:124%;}
#cc .text					{margin:0 0 2px 0; font-size:100%; line-height:120%; padding-right:20px;}
#home .line					{margin:8px 0 4px 0; border-top:1px dotted #999; width:100%;}
#home .line2				{margin:8px 0 6px 0; border-top:1px dotted #999; width:94%;}
.home-padding				{margin:0 auto 0 auto !important; max-width:1252px;}

/* Related News in Right Column */
#related					{color:#666; font-weight:300; line-height:125%; width:100%;}
#related h3					{font-size:16pt; padding-bottom:4px; margin-bottom:13px; border-bottom:1px dotted #AAA;}
#related .rel-image			{width:160px; margin:0 10px 0 0; height:96px; float:left; overflow:hidden; display:flex; align-items:center; justify-content:center;}
#related .rel-image img		{width:125% !important; margin:0 0 0 -10px; object-position:50% 50%;}
#related .rel-head			{font-weight:500; font-size:115%; margin:2px 0 4px 0; padding-right:20px;}
#related .rel-text			{margin:0 0 2px 0; font-size:92%; line-height:120%; padding-right:20px;}

#related .rel-logo			{width:160px; margin:0 10px 0 0; height:96px; float:left; overflow:hidden; display:flex; align-items:center; justify-content:center;}
#related .rel-logo img		{width:90% !important; margin:0 0 0 -10px; object-position:50% 50%;}

.home-gradiant				{min-height:300px; background: rgb(234,236,237);
							background: linear-gradient(180deg, rgba(234,236,237,1) 0%, rgba(237,240,244,1) 39%, rgba(255,255,255,1) 100%);}

/* Promoted Post Styles */
#promoted-post				{min-height:200px; font-size:100%; line-height:120%; color:#666666; padding:0 0 8px 0; 
							margin:-6px 0 -24px 0; width:100%; background-color:#EEE;}
#promoted-post h2			{color:#333; font-weight:300; margin-top:0px; padding-top:0px;}
#promoted-post .pp-head		{margin:12px 0 8px 0; font-weight:400; font-size:13.8pt; }
#promoted-post .pp-head:hover {color:#cc3333;}
#promoted-post .pp-image 	{float:left; opacity:.7; line-height:110%; margin:0; width:24px;}
#promoted-post .pp-image img {width:18px; opacity:.7;}
#promoted-post .pp-content 	{flex:1; padding:0 2px 0 0; float:left; line-height:110%; margin-bottom:6px;}
#promoted-post .pp-content:hover {color:#09C; text-decoration:underline;}
#pp-content:hover 			{color:#09C !important; text-decoration:underline;}
div.pp-cover 				{float:left; margin:0 14px 10px 0;-webkit-box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.4);-moz-box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.4);box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.4);}
div.pp-cover img 			{width:112px; height:auto;}
div.pp-cover:hover 			{transform: scale(1.02); transition-timing-function: ease; transition: 0.2s;
							moz-box-shadow:2px 4px 10px #666; -webkit-box-shadow:2px 4px 10px #666; box-shadow:2px 4px 10px #666;}

/* Archive Section */
#mag-container				{width:100%;margin:0 20px 0 0;float:left;}
.mag-card					{border-radius:6px; border:1px solid #DDDDDD; background-color:#DEDEDE;}
.mag-title					{color:#333; font-weight:300; padding:4px 0 10px 0; font-size:22pt; line-height:125%;}
.mag-image-container		{float:left; width:54%; margin:0 18px 18px 0;}
.mag-image					{-webkit-box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.4);-moz-box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.4);
							box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.4);
							border: 1px solid #124262;width:100%;}
.mag-image:hover 			{transform: scale(1.02); transition-timing-function: ease; transition: 0.2s;
							moz-box-shadow:2px 4px 10px #666; -webkit-box-shadow:2px 4px 10px #666; box-shadow:2px 4px 10px #666;}
.mag-head					{font-size:16pt; line-height:18pt; margin:0 0 4px 0;}
.mag-head-sm				{font-size:14pt; line-height:17pt; margin:0 0 10px 0;}
.mag-desc					{color:#666; margin:0 0 12px 0;}

/* Extra utilities */
.flex-equal > * 			{-ms-flex: 1;flex: 1;}
.overflow-hidden 			{overflow: hidden; }

.eoa h3 					{padding-left: 30px !important;}
.eoa-padright 				{padding-right:0px !important; margin:0 10px 0 30px !important;}


/* Media Queries */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
#slider .slider-left		{width:92%; margin-bottom:10px;}
#slider .mid				{padding-left:0px; margin-bottom:10px; width:92%;}
#slider .home-related		{font-size:10pt !important;}
#slider .sm-related 		{line-height: 110%;margin-bottom:10px;}
#home h1, #404 h1 			{font-size:19pt !important;}
h1.lrg-head					{font-size:19pt;}
#slider h2					{font-size:16pt;}
#slider h3					{font-size:12pt;}
#slider .carousel-indicators {bottom: -20px; margin-bottom:20px;}
#home .carousel-inner 		{padding-bottom: 30px;}
.eoa						{margin:0 20px 0 20px; !important;}
.eoa-padright 				{padding-right:0px !important; margin:0 10px 0 10px !important;}
.home-top-img				{height:200px; margin:6px 0 6px 0; overflow:hidden; padding:2px 0 4px 0;}
.product-top-img			{height:124px; margin:0; overflow:hidden; padding:2px 0 4px 0;}
.product-gradiant::before 	{background-image:none;}
#home-content				{padding-right:0px;}
.pilg-title					{width:100%; height:inherit; padding:0 10px 0 0px;}
.pilg-desc 					{width:100%; height:inherit; padding:2px 0 0 0; white-space:normal !important;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
#slider .home-related		{font-size:10pt !important;}
#slider .sm-related 		{line-height: 110%;margin-bottom:10px;}
#slider h2					{font-size:18pt;}
#slider h3					{font-size:12pt;}
#slider .carousel-indicators {bottom: -20px; margin-bottom:20px;}
#home .carousel-inner 		{padding-bottom: 30px;}
.eoa						{margin:0 20px 0 20px; !important;}
.eoa-padright 				{padding-right:0px !important; margin:0 10px 0 10px !important;}
.home-top-img				{height:240px; margin:6px 0 6px 0; overflow:hidden; padding:2px 0 4px 0;}
.product-top-img			{height:144px; margin:0; overflow:hidden; padding:2px 0 4px 0;}
#home h1, #404 h1 			{font-size:22pt !important;}
h1.lrg-head					{font-size:22pt;}
.product-gradiant::before 	{background-image:none;}
#home-content				{padding-right:0px;}
.pilg-title					{width:100%; height:inherit; padding:0 10px 0 0px;}
.pilg-desc 					{width:100%; height:inherit; padding:2px 0 0 0; white-space:normal !important;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
.flex-md-equal > * 			{-ms-flex: 1;flex: 1;  }
.bd-placeholder-img-lg 		{font-size: 3.5rem;}
#slider .home-related		{font-size:12pt !important;}
#slider .sm-related 		{line-height: 110%;margin-bottom:10px;}
#slider .carousel-indicators {bottom: -10px; margin-bottom:20px;}
#home .carousel-inner 		{padding-bottom: 30px;}
.home-top-img				{height:200px; margin:6px 0 6px 0; overflow:hidden; padding:2px 0 4px 0;}
.product-top-img			{height:90px; margin:0; overflow:hidden; padding:0 0 -12px 0;}
.product-gradiant::before 	{margin-right:10px; width:94%; margin-top:0px !important;}
.pilg-title					{width:100%; height:inherit; padding:0 10px 0 0px;}
.pilg-desc 					{width:100%; height:inherit; padding:2px 0 0 0; white-space:normal !important;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
#slider .home-related		{font-size:12pt !important;}
.home-top-img				{height:250px;}
.product-top-img			{height:136px;}
#home .carousel-inner 		{padding-bottom: 15px;}
.product-gradiant::before 	{margin-top:0px !important;}
.pilg-title					{margin:0; padding:0;}
.pilg-desc 					{width:86%; width:106ch;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1699.98px) {
#slider .home-related		{font-size:12pt !important;}
.product-top-img			{height:154px;}
.home-top-img				{height:300px;}
#home .carousel-inner 		{margin-bottom: 4px; padding-bottom: 10px;}
.product-logo img			{width:80% !important; margin:0 0 4px 0; object-position:50% 50%; max-width:150px;}
.product-gradiant::before 	{margin-top:-2px !important;}
.pilg-desc 					{width:86%; width:106ch;}
}

/* Extra large devices (large desktops, 1600px and up) */
@media (min-width: 1700px) {
#slider .home-related		{font-size:12pt !important;}
.product-top-img			{height:168px;}
.home-top-img				{height:340px;}
#home .carousel-inner 		{margin-bottom: 4px; padding-bottom: 10px;}
.product-logo img			{width:80% !important; margin:0 0 4px 0; object-position:50% 50%; max-width:150px;}
.product-gradiant::before 	{margin-top:16px !important;}
}