/* Product page specific */
.product-image				{overflow:hidden; max-height:600px; position:50% 50%; text-align:center;
							display:flex; align-items:center; justify-content:center; border-radius:8px;}
.product-bg					{min-height:360px; width:100%; margin-top:-10px;
							background: rgb(209,209,209); background: linear-gradient(180deg, rgba(202,216,230,1) 0%, 
							rgba(220,225,230,1) 47%, rgba(220,225,230,1) 100%);}
h1.product					{font-size:36pt !important; line-height:102% !important; margin:4px 0 12px 0 !important; 
							font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:-.038em !important; padding-right:0;}
h3.red						{color:#953030 !important; margin:20px 0 2px 2px !important;}
.vimeo-pad					{margin-top:-10px;}
.product-video-container 		{max-width:600px; margin-bottom:18px;}
.product-video 				{position:relative; padding-top:0px; height:0; margin-bottom:10px; overflow:hidden; padding-bottom:56.25%;
    							/* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */}
.product-video iframe 		{position:absolute; top:0; left:0; width:100%; height:100%; border:none;
    							/*width:75%; min-width:680px; min-height:500px;*/}
#product-right 				{float:left; padding:8px 8px 8px 8px; margin:0 0 12px 0; width:100%;
							border:1px dotted #AAA; font-size:10pt; color:#666; line-height:130%;}
.leftylogo					{float:left; width:40%; margin-right:10px; border:1px dotted #AAA; min-height:126px; padding:6px 12px 6px 12px;
							display: flex; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */
							display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox;-webkit-flex-align: center;
							-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.lefty 						{float:left; width:58%; margin-right:-10px; border:1px dotted #AAA; min-height:126px; padding:4px 3px 5px 7px;}
.righty						{float:none; width:58%; margin-top:10px; border:1px dotted #AAA; min-height:126px; padding:4px 3px 5px 7px;}
.leftylogo					{float:left; width:40%; margin-right:10px; border:1px dotted #AAA; min-height:126px; padding:6px 12px 6px 12px;}
.wider						{width:100% !important; text-align:center;}
.wider-left					{width:100% !important; text-align:left;}
.product-logo img			{width:90% !important; margin:0; object-position:50% 50%;}
.hidden-summary				{display:none; visibility:hidden;}
.right-column				{}
.clear						{height:1px; width:100% !important; display:block; clear:both !important;}

#cover-image					{margin:0; display:flex; align-items:center; justify-content:center;}
#cover-image img 			{margin:0; object-position:50% 50%; max-width:380px; border:1px solid #DDD; 
							-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);}

.box							{display: flex;}
.box > * 					{flex: 0 0 auto;}
	  
/* Article page specific */
#article h1 					{font-size:40pt; line-height:102% !important; marginwas:20px 0 12px 0; margin:4px 0 12px 0 !important
							font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:-.03em; padding-right:0;}
#article h2 					{font-size:22pt; color:#000 !important; font-weight:500 !important; margin:10px 0 6px 0 !important;}
#article .byline 			{float:left; margin-right:8px; font-size:14pt; line-height:135%; margin-bottom:4px;}
#article .dateline 			{float:left; margin-right:0px; font-size:14pt; line-height:135%; margin-bottom:4px;}
#article .social 			{float:left; font-size:14pt; line-height:135%; margin:-4px 8px 4px 0;}
#article h2.deck 			{font-size:18pt; line-height:120%; margin:-8px 0 18px 0; padding-bottom:12px; 
							font-weight:300; font-weight:300 !important; color:#5e768b !important;}
#article .image-caption 		{font-size:86%; line-height:120%; color:#666; border-top:1px dotted #CCC; margin:8px 0 10px 0; padding:4px 0 0 0;}
#article .image-credit 		{font-size:10px; line-height:100%; color:#999; margin:6px 0 -8px 0; padding:0 2px 4px 0; text-align:right;}
#article #offsite-link 		{padding:8px 20px; font-size:110%; xwidth:40% !important; min-width:280px; margin-top:10px; margin-bottom:20px;}
#article #offsite-link i		{font-style:normal !important;}
#article #offsite-link a		{color:#DDD !important;}
#article #offsite-link a:hover {color:#FFF !important;}

#article .slideshow figure {width:32%; float:left; margin:4px 4px 6px 0;}
#article .slideshow figure h2 {font-size:100%;}
#article .slideshow figure .slideshow-desc {font-size:80%; color:#999 !important; width:100%;  min-height:20px; 
							text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#article .slideshow figure .video {overflow:hidden; height:100px; max-height:100px; display:flex; object-fit:cover;}
#article .slideshow figure .video img {width:110%; margin:-10px 0 -10px 0; object-position:50% 50%;}
#article .btn-slideshow 		{width:98%; margin:4px 20px 20px 0px; font-size:120%;}
#article .btn-slideshow a 	{color:#EEE !important;}
#article .btn-slideshow a:hover {color:#FFF !important;}
#article .slideshow h2		{margin-top:-4px !important;}
#article .break				{height:0px !important;}
#article .break::after 		{content:"";display:block;clear:both;}
#article hr					{height:11px; margin:5px 0 5px 0;}

/*************** story styles ******************/
#storybody span[style]{ line-height: inherit !important; font-size: inherit !important;}
/*span[style]{ line-height: inherit !important; font-size: inherit !important;}
span[itemprop="articleBody"] [style]{ line-height: inherit !important; font-size: inherit !important;}*/

#storybody 					{font-family:Roboto, Helvetica, Arial, sans-serif; font-size:14pt; line-height:145%; padding:0 20px 0 0; color:#333; min-height:800px;}
#storybody .articleDateline {font-family:Georgia, "Times New Roman", Times, serif; font-size:16pt; line-height: 18pt; color:#666; margin:16px 0px 6px 0px;}
#storybody b 				{color:#333; font-weight:bold; }
#storybodysnippet a>b, .storybodysnippet a>b:visited, .storybodysnippet b>a, .storybodysnippet b>a:visited  {color:#06C;}
#storybodysnippet td 		{line-height:120%;}
#storybody .posted 			{font-family:Arial,Helvetica,sans-serif; font-size:8pt; line-height:11pt; margin-left:2px; margin-bottom:2px; font-weight:normal; color: #666;}
#storybody p 				{padding:0px; margin:0px 0px 16px 0px;}
td.storyLeft 				{padding-right: 12px;}
#storybody blockquote p 	{margin:0px 0px 10px 2px; padding:6px;}
#storybody blockquote 		{xfont-family: Arial, Helvetica, sans-serif; /*font-size: 10pt;*/ font-style: normal; line-height: normal; color: #6492C6; 
							border-left:2px solid #eee; margin: 0px 0px 10px 2px; padding-top: -10px; padding-right: 6px; padding-bottom: 8px; padding-left: 6px;}
#storybody blockquote ul 	{font-size:116%; line-height:100%;}
#storybody blockquote ol 	{font-size:116%; line-height:100%;}

#storybody font 			{font-size: 12pt !important; line-height:16pt !important;}
#storybody .wlWriterEditableSmartContent {display:none !important;}
#storybody table 			{border-collapse: collapse; font-size:90%;}
#storybody table.table-width {max-width:1000px;}
#storybody table .small 	{line-height:110% !important; font-size:70%;}
#storybody table tr 		{border:1px solid #CCC;}
#storybody table td 		{padding:6px;}
#storybody span 			{font-family:Arial, Helvetica, sans-serif !important; font-size: 12pt !important; line-height:16pt !important; color:#333 !important;}

#storybody table#readers-choice 			{border-collapse:collapse; font-size:85%; line-height:120%; border:1px solid #EEE; border-radius:6px; margin-bottom:20px; color:#333;
										moz-box-shadow:3px 3px 12px #DDD; -webkit-box-shadow:3px 3px 12px #DDD; box-shadow:3px 3px 12px #DDD; width:100% !important;}
#storybody table#readers-choice tr 		{border:1px solid #FFF;}
#storybody table#readers-choice th, 		#storybody table#readers-choice td {border-bottom: 1px solid #DDD !important; vertical-align: top;}
#storybody table#readers-choice tr:nth-child(even) {background-color:#f6f6f6;}
#storybody table#readers-choice tr:hover 	{background-color:#EEE;}
#storybody table#readers-choice h3 		{line-height:110% !important; font-size:120% !important; color:#a77610; margin:0 0 6px 0;}
#storybody table#readers-choice td 		{padding:9px 4px 10px 6px;}
#storybody table#readers-choice td img 	{width:172px; max-width:30%; height:auto; float:left; margin:0 14px 0px 0; float:left !important;}
#storybody #readers-choice h4				{line-height:100%; font-size:120% !important; font-weight:400 !important; margin:0 !important;}
#storybody #readers-choice .red, #red		{color:#dc3545 !important;}
#storybody #readers-choice input[type="radio"] {margin:3px 14px 2px 6px !important; size:32px; font-size:150%; float:left;
										-ms-transform: scale(1.5); /* IE 9 */ -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */ transform: scale(1.5);}

#storybody i {font-style:italic;}
#storybody #storyside {float:left; margin:10px 18px 8px 0px; width:280px; line-height:15pt;}
#storybody h1 {color: #900; font-size:1.4em; line-height:110%; letter-spacing:-0.05em; margin: 10px 0 10px 0; text-transform: uppercase;}
#storybody h2 {font-size:22pt; color:#000; margin:14px 0px 8px 0px; letter-spacing:0px; font-weight:300;}
#storybody h3 {font-size:20pt; margin:14px 0px 8px 0px; letter-spacing:0px; font-weight:500;}
#storybody h4 {font-size:18pt !important; color:#666; font-weight:300 !important; margin-top:12px;}
#storybody h6 { font-family:Arial, Helvetica, sans-serif; width:170px; float:left; margin:6px 14px 8px 0px; border-top:8px solid #C99; padding:8px 8px 4px 0px; font-size:11pt; color:#903; font-weight:bold; line-height:120%;}
#storybody h6 i {margin:6px 6px 0px 0px; clear:left; display:inline-block; width:170px; padding:4px 0px 0px 0px; border-top:1px dotted #C99; font-size:11pt; color:#903; font-weight:normal; line-height:130%; text-align:right; }
#storybody strong {/*font: bold 13pt Arial,sans-serif; */ color:#000000; margin:0px; }
#storybody .photosmleft	{float:left; margin-right: 16px; padding-top:4px; max-width:35%; width:auto; display:inline-block; width:180px;}
#storybody .photosmright {float:right; margin-left: 16px; padding-top:4px; max-width:35%; width:auto; display:inline-block; width:180px;}
#storybody .photosmleft .caption, #storybody .photosmright .caption {width:inherit; font-size:10pt; line-height:14pt; color:#777; margin:-4px 0 0 0; padding:0px;}
#storybody .photoright {float:right; margin-left: 12px; padding-top:4px;}
#storybody .photoleft {float:left; margin-right: 12px; padding-top:4px;}
#storybody .photoR {float:right; margin-left: 12px; padding-top:4px;}
#storybody .photoL {float:left; margin-right: 12px; padding-top:4px;}
#storybody .sidebar {float:left; width:240px; margin-right: 12px; padding-top:4px; font-size:11pt; line-height:12pt;}
#storybody .sidebar img {max-width:240px; padding-top:4px; margin-bottom:4px; font-size:11pt; line-height:12pt;}
#storybody .sidebarL {float:left; width:240px; margin-right:12px; padding-top:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebarL img {max-width:240px; padding-top:4px; margin-bottom:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebarL li {font-size:10pt; line-height:12pt;}
#storybody .sidebarR {float:right; width:240px; margin-left: 12px; margin-right: 20px; padding-top:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebarR img {max-width:240px; padding-top:4px; margin-bottom:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebarR li {font-size:10pt; line-height:12pt;}
#storybody .aboutbox {padding:6px 8px 6px 8px; background-color:#e9e9e9; border:1px solid #c5d0db; -moz-border-radius: 4px;-webkit-border-radius: 4px; margin-right:18px; display:table; margin-top:4px; width:100%;}
#storybody table {margin-bottom:12px; clear:left;}
#storybody img {height: auto;max-width: 100%;}
#storybody .quote { font-family:Arial, Helvetica, sans-serif; width:170px; float:left; margin:6px 14px 8px 0px; border-top:8px solid #C99; padding:8px 8px 4px 0px; font-size:11pt; color:#903; font-weight:bold; line-height:120%;}
#storybody .quote i {margin:6px 6px 0px 0px; clear:left; display:inline-block; width:170px; padding:4px 0px 0px 0px; border-top:1px dotted #C99; font-size:11pt; color:#903; font-weight:normal; line-height:130%; text-align:right; }
#storybody ul {margin: 0px 0px 20px 4px; padding-left:20px; color:#444 !important;}
#storybody ol {margin: 0px 0px 20px 8px; padding-left:24px; color:#444 !important;}
#storybody ul li {xlist-style-image:url(/images/site/bullet_gray.gif);margin-left:10px;margin-bottom:8px;padding-right:30px; color:#444;font-size: 90%; line-height:130%; /*margin-top:-6px;*/}
#storybody ul ul {margin: 0px 0px 8px 20px;color:#666;}
#storybody ul ul li {color:#000; text-size:9pt important!; line-height:11pt;}
#storybody ol li {list-style-image:none;}
#storybody ol ol {margin: 0px 0px 8px 20px; color:#666;}
#storybody ol ol li {color:#000; text-size:9pt important!; line-height:11pt;}
#storybody li {list-style-image:url(/images/site/bullet_gray.gif);margin-left:8px;margin-bottom:8px;padding-right:30px; font-size:100%; line-height:138%; /*margin-top:-6px;*/}
#storybody ul ul li {list-style-image:url(/images/site/bullet_gray3.gif);margin-left:6px;margin-bottom:8px;padding-right:30px; font-size:96%; line-height:114%; /*margin-top:-6px;*/}
#storybody ul ul ul li {list-style-image:url(/images/site/bullet_gray2.gif);margin-left:6px;margin-bottom:8px;padding-right:30px; font-size:90%; line-height:108%; /*margin-top:-6px;*/}

#storybody .photoR .sidebarR {float:left; margin-left: 0px; padding-top:0px;}
#storybody img {height:auto;}
#storybody .photoleft {float:left; margin: 0 20px 8px 0; width:36%;}
#storybody .photoright {float:right; margin:0 0 8px 20px; width:36%;}

#storybody .photofull {margin:8px 0 16px 0;}
#storybody .photofull img {width:99% !important; height:auto;}
#storybody .photofull .caption {width:99%; border-top:1px dotted #999; padding:10px 0 20px 0;}
#storybody .photoleft img, #storybody .photoright img, #storybody .photofull img {margin: 4px 0 8px 0; display:block !important; max-width:100% !important; height:auto !important;}
#storybody .photoleft .caption, #storybody .photoright .caption, #storybody .photofull .caption {font-size:86%; line-height:120%; color:#666;}
#storybody .photoleft .caption p, #storybody .photoright .caption p, #storybody .photofull .caption p {font-size:86%; line-height:120%; color:#666;}
#storybody .calloutleft {float:left; width:40%; min-width:180px; margin:5px 15px 8px 0; padding:10px 4px 4px 0; border-top:6px solid #eabda5; border-bottom:1px solid #FFF; font-size:24px; font-weight:300; line-height:28px; color:#ea5800;}
#storybody .calloutright {float:right; width:35%; min-width:180px; margin:5px 0 8px 15px; padding:10px 0 4px 4px; border-top:6px solid #eabda5; border-bottom:1px solid #FFF; font-size:24px; font-weight:300; line-height:28px; color:#ea5800;}
#storybody .calloutattrib {font-size:16px; font-weight:300; line-height:21px; font-style:italic; text-align:right;}

#storybody .sidebar 	{float:left; width:300px; margin-right: 12px; padding-top:4px; font-size:11pt; line-height:12pt;}
#storybody .sidebar img {max-width:280px; padding-top:4px; margin-bottom:4px; font-size:11pt; line-height:12pt;}
#storybody .sidebar-left {float:left; width:280px; margin-right:18px; padding-top:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebar-left img {max-width:280px; padding-top:4px; margin-bottom:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebar-right {float:right; width:280px; margin-left: 12px; margin-right: 6px; padding-top:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebar-right img {max-width:280px; padding-top:4px; margin-bottom:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebar-right h3, #storybody .sidebar-right h4, #storybody .sidebar-full h3, #storybody .sidebar-full h4, #storybody .sidebar-left h3, #storybody .sidebar-left h4  {font-size:14pt !important; line-height:15pt; margin-bottom:8px; margin-top:0px; display:block !important; visibility:visible !important;}
#storybody .sidebar-right p, #storybody .sidebar-left p, #storybody .sidebar-full p {
	line-height:130% !important; color:#666 !important; margin-bottom:10px; padding:0;}
#storybody .sidebar-right li, #storybody .sidebar-left li, #storybody .sidebar-full li {font-size:10pt; line-height:12pt; margin-left:0; padding-left:0;}
#storybody .sidebar-right ul, #storybody .sidebar-left ul, #storybody .sidebar-full ul {margin-left:0; padding-left:24px;}
#storybody .sidebar-right, #storybody .sidebar-left {box-shadow:1px 2px 5px rgba(0,0,0,0.2), 1px 2px 5px rgba(0,0,0,0.2);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1); padding:10px 4px 6px 10px; margin-bottom:12px;}
#storybody .sidebar-right:hover, #storybody .sidebar-left:hover {box-shadow: 0 6px 12px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}

.sideleft {background-color:#f5f6f6; float:left; width:30%; min-width:180px; padding:10px; margin:2px 18px 15px 0; box-shadow:2px 2px 2px #c1c1c1; font-size:14px;}
.sideright {background-color:#f5f6f6; float:right; width:35%; min-width:180px; padding:10px; margin:2px 0 15px 18px; box-shadow:2px 2px 2px #c1c1c1;font-size:14px;}
.sidefull {background-color:#f5f6f6; padding:10px; margin:15px 0 15px 0; box-shadow:2px 2px 2px #c1c1c1; font-size:14px; display:table;}
.sideleft h4, .sideright h4, .sidefull h4, .aboutbox h4 {font-size:24px; padding-bottom:6px; margin-top:4px; margin-bottom:12px; border-bottom:1px dotted #06C; font-weight:normal; font-family:roboto condensed, Arial, sans-serif;}
.sideleft p, .sideright p, .sidefull p, .aboutbox p {font-size:14pt; line-height:18pt;}
.sideleft img, .sideright img, .sidefull img, .aboutbox img {max-width:100% !important; display:block !important; height:auto !important; margin-bottom:8px;}
.sideright ul, .sideleft ul, .sidefull ul, .aboutbox ul {padding:0px 0 0 6px; margin:0px;}
.sideright ul li, .sideleft ul li, .sidefull ul li, .aboutbox ul li {margin-bottom:14px; list-style-type:disc; padding-left:0px; line-height:18px; font-size:14px;}
.sideright ol, .sideleft ol, .sidefull ol, .aboutbox ol {padding:0px 0 0 6px; margin:0px;}
.sideright ol li, .sideleft ol li, .sidefull ol li, .aboutbox ol li {margin-bottom:14px; list-style-type:decimal; padding-left:0px; line-height:18px; font-size:14px;}
.twocol {clear:left;}
.twocolleft {width:49%; float:left; padding:0 15px 15px 0; line-height:20px;}
.twocolright {width:50%; float:left; padding:0 0 15px 0; line-height:20px;}
#subHed {font-size:13pt; line-height:120%;}
#storybody .aboutbox hr {color:#F00 !important; width:100% !important;}
#storybody .video-container {max-width: 880px;margin-bottom: 18px;}
#storybody .video {position: relative;padding-top: 0px;height: 0;overflow: hidden;padding-bottom: 56.25%;
    /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */}
#storybody .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;
    /*width:75%; min-width:680px; min-height:500px;*/}
#right-col .video-container {max-width: 100% !important;width: 100% !important;margin-bottom: 10px;}
#right-col .video {position: relative;padding-top: 0px;height: 0;overflow: hidden;padding-bottom: 56.25%;
    /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */}
#right-col .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}


/* 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;}

/* Wide image at top of article */
.wide-image-container	{margin:20px 0 10px 0;}


/* Related News in Right Column */
#related				{color:#666; font-weight:300; line-height:120%; 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 4px 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%;}

#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%;}
#related #download .image {width:20% !important; max-height:250px; margin:0 12px 0 0; float:left; overflow:hidden; display:flex; 
						align-items:center; justify-content:center; min-width:100px !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);}
#related #download .image img {width:100% !important; margin:0; object-position:50% 50%;}
#related #download .image:hover {transform: scale(1.04); transition-timing-function: ease; transition: 0.3s;}


/* Download form styles */
#form					{border:1px solid #DDD; background-color:#EEE; padding:16px 12px; margin:-40px 0 20px 0;}
#form .resource-img		{width:100px; margin:0 18px 10px 18px; height:auto; float:left; overflow:hidden; display:flex; align-items:center; justify-content:center;
						border:1px solid #CCC; box-shadow:1px 2px 5px rgba(0,0,0,0.2), 1px 2px 5px rgba(0,0,0,0.2); transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
#form .resource-img img	{width:100% !important; margin:0; object-position:50% 50%;}
#form .resource-line	{margin:0 4px 10px 4px; border-top:1px dotted #AAA;}
#form .resource-text	{font-weight:500; font-size:100%; margin:2px 0 8px 0; line-height:110% !important; width:80%; min-width:180px;}
#form .resource-title	{font-weight:500; font-size:100%; margin:2px 0 8px 0; padding-right:20px;}
#form .resource-summary	{font-weight:500; font-size:76%; margin:2px 0 4px 0; padding-right:20px; color:#777;}
#form .row .form-group	{margin-bottom: .5rem;}
#form .g-recaptcha		{display:none; visibility:hidden;}
.anchor {content: "";display: block;height:0px;margin:40px 0 0 0;}
#world:before {
    content: '';
    display: block; 
    position: relative; 
    width: 0; 
    height: 2em; 
    margin-top: -2em;
}


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


/* Media Queries */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.eoa .eoa-tags, .eoa .eoa-padright	{padding-right:0px;}
#article .slideshow figure .video	{height:90px; max-height:90px;}
#storybody .photoleft, #storybody .photoright {width:40%;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
.eoa .eoa-tags, .eoa .eoa-padright	{padding-right:0px;}
#article .slideshow figure 			{min-height:120px;}
#article .slideshow figure .video	{height:90px; max-height:90px; border:1px solid #F00;}
#storybody .photoleft, #storybody .photoright {width:40%;}
}

/* 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;}
.eoa .eoa-tags, .eoa .eoa-padright	{padding-right:20px;}
#article .slideshow figure .video	{height:90px; max-height:90px; border:1px solid #F00;}
#storybody .photoleft, #storybody .photoright {width:50%;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
.eoa .eoa-tags, .eoa .eoa-padright	{padding-right:40px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

@media (min-width: 660px) and (max-width: 984px) {
.product-image				{max-height:480px; width:624px;}
}