Inboxes

Create an inbox to save and track emails. It's free!

+New inbox

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <title>
   GYROSCOPE
  </title>
  <style type="text/css">
   /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
	#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
	.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
	.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
	body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
	table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
	img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */

	/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
	body{margin:0; padding:0;}
	img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
	table{border-collapse:collapse !important;}
	body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}

	/* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */

	/* ========== Page Styles ========== */

	#bodyCell{padding:20px;}
	#templateContainer{width:600px;}

	/**
	* @tab Page
	* @section background style
	* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
	* @theme page
	*/


	#bodyTable{
		/*@editable*/ background-color:#f1f1f1;
		border-radius: 12px;
	}

	/**
	* @tab Page
	* @section background style
	* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
	* @theme page
	*/

	/**
	* @tab Page
	* @section email border
	* @tip Set the border for your email.
	*/
	#templateContainer{

		background: #fff;
		border-radius: 12px;
		box-shadow: 1px 1px 8px rgba(0,0,0,0.15);
	}

	/**
	* @tab Page
	* @section heading 1
	* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
	* @style heading 1
	*/
	h1{
		/*@editable*/ color:#047ae2 !important;
		display:block;
		/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
		/*@editable*/ font-size: 24px;
		/*@editable*/ font-style:normal;
		/*@editable*/ font-weight: 500;
		/*@editable*/ line-height: 160%;
		/*@editable*/ letter-spacing:normal;
		margin-top:0;
		margin-right:0;
		margin-bottom:10px;
		margin-left:0;
		/*@editable*/ text-align:left;
	}

	/**
	* @tab Page
	* @section heading 2
	* @tip Set the styling for all second-level headings in your emails.
	* @style heading 2
	*/
	h2{
		/*@editable*/ color:#627484 !important;
		display:block;
		/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
		/*@editable*/ font-size: 18px;
		/*@editable*/ font-style: normal;
		/*@editable*/ font-weight: 600;
		/*@editable*/ line-height: 140%;
		/*@editable*/ letter-spacing:normal;
		margin-top:0;
		margin-right:0;
		margin-bottom:10px;
		margin-left:0;
		/*@editable*/ text-align:left;
	}

	/**
	* @tab Page
	* @section heading 3
	* @tip Set the styling for all third-level headings in your emails.
	* @style heading 3
	*/
	h3{
		/*@editable*/ color:#627484 !important;
		display:block;
		/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
		/*@editable*/ font-size: 14px;
		/*@editable*/ font-weight: 500;
		/*@editable*/ line-height: 160%;
		/*@editable*/ letter-spacing:normal;
		margin-top:0;
		margin-right:0;
		margin-bottom: 12px;
		margin-left:0;
		/*@editable*/ text-align:left;
	}

	/**
	* @tab Page
	* @section heading 4
	* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
	* @style heading 4
	*/
	h4{
		/*@editable*/ color:#808080 !important;
		display:block;
		/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
		/*@editable*/ font-size:14px;
		/*@editable*/ font-style:italic;
		/*@editable*/ font-weight:normal;
		/*@editable*/ line-height: 140%;
		/*@editable*/ letter-spacing:normal;
		margin-top:0;
		margin-right:0;
		margin-bottom:10px;
		margin-left:0;
		/*@editable*/ text-align:left;
	}


	p {
		color: rgba(0,0,0,0.7);
		display:block;
		font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
		font-size: 12px
		/*@editable*/ font-weight:normal;
		/*@editable*/ line-height: 1.6;
		/*@editable*/ letter-spacing:normal;
		margin-top:0;
		margin-right:0;
		margin-bottom: 14px;
		margin-left:0;
	}

	.extra-space {
		margin-top: 12px !important;
	}

	#templateContainer p {
		/*@editable*/ font-size:14px;
	}

	/* ========== Header Styles ========== */

	/**
	* @tab Header
	* @section preheader style
	* @tip Set the background color and bottom border for your email's preheader area.
	* @theme header
	*/
	#templatePreheader{
	}

	/**
	* @tab Header
	* @section preheader text
	* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
	*/
	.preheaderContent{
		/*@editable*/ color:#808080;
		/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
		/*@editable*/ font-size:10px;
		/*@editable*/ line-height:125%;
		/*@editable*/ text-align:left;
	}

	/**
	* @tab Header
	* @section preheader link
	* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
	*/
	.preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{
		/*@editable*/ color:#606060;
		/*@editable*/ font-weight:normal;
		/*@editable*/ text-decoration:underline;
	}

	/**
	* @tab Header
	* @section header style
	* @tip Set the background color and borders for your email's header area.
	* @theme header
	*/
	#templateHeader{

	}

	/**
	* @tab Header
	* @section header text
	* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
	*/
	.headerContent{
		/*@editable*/ color:#505050;
		/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
		/*@editable*/ font-size:20px;
		/*@editable*/ font-weight:bold;
		/*@editable*/ line-height:100%;
		/*@editable*/ padding-top:0;
		/*@editable*/ padding-right:0;
		/*@editable*/ padding-bottom:0;
		/*@editable*/ padding-left:0;
		/*@editable*/ text-align:left;
		/*@editable*/ vertical-align:middle;
	}

	/**
	* @tab Header
	* @section header link
	* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
	*/
	.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
		/*@editable*/ color:#EB4102;
		/*@editable*/ font-weight:normal;
		/*@editable*/ text-decoration:underline;
	}

	#headerImage{
		height:auto;
		border-radius: 8px 8px 0 0;
		max-width:600px;
	}

	/* ========== Body Styles ========== */

	/**
	* @tab Body
	* @section body style
	* @tip Set the background color and borders for your email's body area.
	*/
	#templateBody{
	}

	.bigButton {
		background: #056bca;
		border-radius: 6px;
		display: inline-block;
		font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
		color: #fff !important;
		padding: 12px 16px;
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 12px;
		margin-right: 8px;
		text-decoration: none !important;
	}

	.bigButton.grey {
		background: #8ea0b1;
	}

	.button {
		background: #8ea0b1;
		border-radius: 6px;
		color: #fff !important;
		display: inline-block;
		font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
		font-size: 13px;
		padding: 8px 12px;
		line-height: 16px;
		margin-right: 8px;
		margin-bottom: 12px;
		text-decoration: none !important;
	}

	.blue.button {
		background: #056bca;
	}

	/**
	* @tab Body
	* @section body text
	* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
	* @theme main
	*/
	.bodyContent{
		/*@editable*/ color:#505050;
		/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
		/*@editable*/ font-size:16px;
		/*@editable*/ line-height:150%;
		padding-top:20px;
		padding-right:20px;
		padding-bottom:20px;
		padding-left:20px;
		/*@editable*/ text-align:left;
	}

	/**
	* @tab Body
	* @section body link
	* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
	*/
	.bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{
		/*@editable*/ color:#175eff;
		/*@editable*/ font-weight:normal;
		/*@editable*/ text-decoration:underline;
	}

	.bodyContent img{
		display:inline;
		height:auto;
		max-width:560px;
	}
	/**
	* @tab Columns
	* @section column style
	* @tip Set the background color and borders for your email's column area.
	*/
	#templateColumns{
	}

	/**
	* @tab Columns
	* @section left column text
	* @tip Set the styling for your email's left column content text. Choose a size and color that is easy to read.
	*/
	.leftColumnContent{
		/*@editable*/ color:#505050;
		/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
		/*@editable*/ font-size:14px;
		/*@editable*/ line-height:150%;
		padding-top:0;
		padding-right:20px;
		padding-bottom:10px;
		padding-left:20px;
		/*@editable*/ text-align:left;
	}

	/**
	* @tab Columns
	* @section left column link
	* @tip Set the styling for your email's left column content links. Choose a color that helps them stand out from your text.
	*/
	.leftColumnContent a:link, .leftColumnContent a:visited, /* Yahoo! Mail Override */ .leftColumnContent a .yshortcuts /* Yahoo! Mail Override */{
		/*@editable*/ color:#175eff;
		/*@editable*/ font-weight:normal;
		/*@editable*/ text-decoration:underline;
	}

	/**
	* @tab Columns
	* @section center column text
	* @tip Set the styling for your email's center column content text. Choose a size and color that is easy to read.
	*/
	.centerColumnContent{
		/*@editable*/ color:#505050;
		/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
		/*@editable*/ font-size:14px;
		/*@editable*/ line-height:150%;
		padding-top:0;
		padding-right:20px;
		padding-bottom:10px;
		padding-left:20px;
		/*@editable*/ text-align:left;
	}

	/**
	* @tab Columns
	* @section center column link
	* @tip Set the styling for your email's center column content links. Choose a color that helps them stand out from your text.
	*/
	.centerColumnContent a:link, .centerColumnContent a:visited, /* Yahoo! Mail Override */ .centerColumnContent a .yshortcuts /* Yahoo! Mail Override */{
		/*@editable*/ color:#175eff;
		/*@editable*/ font-weight:normal;
		/*@editable*/ text-decoration:underline;
	}

	/**
	* @tab Columns
	* @section right column text
	* @tip Set the styling for your email's right column content text. Choose a size and color that is easy to read.
	*/
	.rightColumnContent{
		/*@editable*/ color:#505050;
		/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
		/*@editable*/ font-size:14px;
		/*@editable*/ line-height:150%;
		padding-top:0;
		padding-right:20px;
		padding-bottom:10px;
		padding-left:20px;
		/*@editable*/ text-align:left;
	}

	/**
	* @tab Columns
	* @section right column link
	* @tip Set the styling for your email's right column content links. Choose a color that helps them stand out from your text.
	*/
	.rightColumnContent a:link, .rightColumnContent a:visited, /* Yahoo! Mail Override */ .rightColumnContent a .yshortcuts /* Yahoo! Mail Override */{
		/*@editable*/ color:#175eff;
		/*@editable*/ font-weight:normal;
		/*@editable*/ text-decoration:underline;
	}

	.leftColumnContent img, .rightColumnContent img{
		display:inline;
		height:auto;
		max-width:260px;
	}


	.columnImage {
		border-radius: 8px !important;
		box-shadow: 4px 4px 8px rgba(0,0,0,0.2);
	}


	.topBorder {
		border-top: 1px solid #f1f1f1;
	}

	/*////// FRAMEWORK STYLES //////*/
	.flexibleContainerCell {
		border-top: 1px solid #f1f1f1;
	}
	.flexibleContainerCell{
		padding-top:24px;
		padding-right:12px;
		padding-left:12px;
	}
	.flexibleImage{
		border-radius: 8px;
		box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
		height:auto;
	}
	.bottomShim{padding-bottom:16px;}
	.imageContent, .imageContentLast{padding-bottom:12px;}
	.nestedContainerCell{padding-top:12px; padding-right:12px; padding-left:12px;}


	/* ========== Footer Styles ========== */

	/**
	* @tab Footer
	* @section footer style
	* @tip Set the background color and borders for your email's footer area.
	* @theme footer
	*/
	#templateFooter{
		max-width: 600px;
		margin: 0 auto 16px auto;
		padding-bottom: 32px;
	}

	#templateFooter p {
		color: rgba(0,0,0,0.25);
		margin: 4px 0;
	}

	#templateFooter p a {
		color: rgba(0,0,0,0.33);
	}

	/**
	* @tab Footer
	* @section footer text
	* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
	* @theme footer
	*/
	.footerContent{
		/*@editable*/ color: #999;
		/*@editable*/ font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
		/*@editable*/ font-size: 11px;
		font-weight: 400;
		/*@editable*/ line-height: 120%;
		padding-top: 16px;
		padding-right: 20px;
		/*padding-bottom:20px;*/
		padding-left:  24px;
		/*@editable*/ text-align:left;
	}

	/**
	* @tab Footer
	* @section footer link
	* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
	*/
	.footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
		/*@editable*/ color: #777;
		/*@editable*/ font-weight:normal;
		text-decoration: none;
	}




	/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */

        @media only screen and (max-width: 480px){
		/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
		body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
            body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */

		/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
		#bodyCell{padding:10px !important;}

		/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */

		/* ======== Page Styles ======== */

		/**
		* @tab Mobile Styles
		* @section template width
		* @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
		*/
		#templateContainer{
			max-width:600px !important;
			/*@editable*/ width:100% !important;
		}

		/**
		* @tab Mobile Styles
		* @section heading 1
		* @tip Make the first-level headings larger in size for better readability on small screens.
		*/
		h1{
			/*@editable*/ font-size:24px !important;
			/*@editable*/ line-height:100% !important;
		}

		/**
		* @tab Mobile Styles
		* @section heading 2
		* @tip Make the second-level headings larger in size for better readability on small screens.
		*/
		h2{
			/*@editable*/ font-size:20px !important;
		}

		/**
		* @tab Mobile Styles
		* @section heading 3
		* @tip Make the third-level headings larger in size for better readability on small screens.
		*/
		h3{
			/*@editable*/ font-size:18px !important;
		}

		/**
		* @tab Mobile Styles
		* @section heading 4
		* @tip Make the fourth-level headings larger in size for better readability on small screens.
		*/
		h4{
			/*@editable*/ font-size:16px !important;
		}

		/* ======== Header Styles ======== */

		#templatePreheader{display:none !important;} /* Hide the template preheader to save space */

		/**
		* @tab Mobile Styles
		* @section header image
		* @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
		*/
		#headerImage{
			height:auto !important;
			/*@editable*/ max-width:600px !important;
			/*@editable*/ width:100% !important;
		}

		/**
		* @tab Mobile Styles
		* @section header text
		* @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
		*/
		.headerContent{
			/*@editable*/ font-size:20px !important;
			/*@editable*/ line-height:125% !important;
		}

		/* ======== Body Styles ======== */

		/**
		* @tab Mobile Styles
		* @section body image
		* @tip Make the main body image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
		*/
		#bodyImage{
			height:auto !important;
			/*@editable*/ max-width:560px !important;
			/*@editable*/ width:100% !important;
		}

		/**
		* @tab Mobile Styles
		* @section body text
		* @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
		*/
		.bodyContent{
			/*@editable*/ font-size:18px !important;
			/*@editable*/ line-height:125% !important;
		}

		/* ======== Column Styles ======== */

		.templateColumnContainer{display:block !important; width:100% !important;}

		/**
		* @tab Mobile Styles
		* @section column image
		* @tip Make the column image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
		*/
		.columnImage{
			display: block;
			height:auto !important;
			/*@editable*/ max-width: 320px !important;
			/*@editable*/ width:100% !important;
		}

		/**
		* @tab Mobile Styles
		* @section left column text
		* @tip Make the left column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
		*/
		.leftColumnContent{
			/*@editable*/ font-size:16px !important;
			/*@editable*/ line-height:125% !important;
		}

		/**
		* @tab Mobile Styles
		* @section right column text
		* @tip Make the right column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
		*/
		.rightColumnContent{
			/*@editable*/ font-size:16px !important;
			/*@editable*/ line-height:125% !important;
		}

		/* ======== Footer Styles ======== */

		/**
		* @tab Mobile Styles
		* @section footer text
		* @tip Make the body content text larger in size for better readability on small screens.
		*/
		.footerContent{
		}


		/*////// FRAMEWORK STYLES //////*/
		/*
			CSS selectors are written in attribute
			selector format to prevent Yahoo Mail
			from rendering media query styles on
			desktop.
		*/
		table[id="emailBody"], table[class="flexibleContainer"]{width:100% !important;}

		/*
			The following style rule makes any
			image classed with 'flexibleImage'
			fluid when the query activates.
			Make sure you add an inline max-width
			to those images to prevent them
			from blowing out.
		*/
		img[class="flexibleImage"]{height:auto !important; width:100% !important;}

		/*
			Make buttons in the email span the
			full width of their container, allowing
			for left- or right-handed ease of use.
		*/
		table[class="emailButton"]{width:100% !important;}
		td[class="buttonContent"]{padding:0 !important;}
		td[class="buttonContent"] a{padding:15px !important;}

		td[class="textContentLast"], td[class="imageContentLast"]{padding-top:20px !important;}

		/*////// GENERAL STYLES //////*/
		td[id="bodyCell"]{padding-top:10px !important; padding-Right:10px !important; padding-Left:10px !important;}


	}
  </style>
 </head>
 <body leftmargin="0" marginheight="0" marginwidth="0" offset="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;height: 100% !important;width: 100% !important;" topmargin="0">
  <center>
   <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" id="bodyTable" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 0;background-color: #f1f1f1;border-radius: 12px;border-collapse: collapse !important;height: 100% !important;width: 100% !important;" width="100%">
    <tr>
     <td align="center" id="bodyCell" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 20px;height: 100% !important;width: 100% !important;" valign="top">
      <table border="0" cellpadding="0" cellspacing="0" id="templateContainer" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 600px;background: #fff;border-radius: 12px;box-shadow: 1px 1px 8px rgba(0,0,0,0.15);border-collapse: collapse !important;">
       <tr>
        <td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" valign="top">
         <!-- BEGIN HEADER // -->
         <table border="0" cellpadding="0" cellspacing="0" id="templateHeader" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;" width="100%">
          <tr>
           <td class="headerContent" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #505050;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 20px;font-weight: bold;line-height: 100%;padding-top: 0;padding-right: 0;padding-bottom: 0;padding-left: 0;text-align: left;vertical-align: middle;' valign="top">
            <a style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #EB4102;font-weight: normal;text-decoration: underline;">
             <img id="headerImage" mc:label="header_image" src="https://inboxflows.com/_/image/https%253A%252F%252Fmedia.gyrosco.pe%252Fimages%252Femail%252Fheader2.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpYS5neXJvcyJ9:1kXPFf:B_d79dSOTmjWydEsCmThHpCsstXrvEOpl3zWG5WvGFE" style="max-width: 600px;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;border-radius: 8px 8px 0 0;"/>
            </a>
           </td>
          </tr>
         </table>
         <!-- // END HEADER -->
        </td>
       </tr>
       <!-- Top intro -->
       <tr>
        <td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" valign="top">
         <!-- BEGIN BODY // -->
         <table border="0" cellpadding="0" cellspacing="0" id="templateBody" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;" width="100%">
          <tr>
           <td class="bodyContent" mc:edit="body_content00" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #505050;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 16px;line-height: 150%;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: left;' valign="top">
            <h1 style='display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 24px;font-style: normal;font-weight: 500;line-height: 160%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;color: #047ae2 !important;'>
             Continue syncing data?
            </h1>
            <h3 style='display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 14px;font-weight: 500;line-height: 160%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 12px;margin-left: 0;text-align: left;color: #627484 !important;'>
             Hi Ramy, please reconnect Twitter to continue syncing ⚡️
            </h3>
            <p style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: rgba(0,0,0,0.7);display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 14px;line-height: 1.6;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 14px;margin-left: 0;'>
            </p>
            <p style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: rgba(0,0,0,0.7);display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 14px;line-height: 1.6;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 14px;margin-left: 0;'>
             Your Twitter integration to Gyroscope recently expired and needs to be added again to continue syncing.
            </p>
            <p style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: rgba(0,0,0,0.7);display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 14px;line-height: 1.6;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 14px;margin-left: 0;'>
             This is nothing to worry about, and usually happens after a few months. Reconnecting should just take a few seconds and fully restore the syncing of new data.
            </p>
            <a class="bigButton" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background: #056bca;border-radius: 6px;display: inline-block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;padding: 12px 16px;font-size: 15px;line-height: 18px;margin-bottom: 12px;margin-right: 8px;color: #fff !important;font-weight: normal;text-decoration: none !important;' target="_blank">
             Reconnect from Settings
            </a>
            <a class="grey bigButton" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background: #8ea0b1;border-radius: 6px;display: inline-block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;padding: 12px 16px;font-size: 15px;line-height: 18px;margin-bottom: 12px;margin-right: 8px;color: #fff !important;font-weight: normal;text-decoration: none !important;' target="_blank">
             Help Center
            </a>
           </td>
          </tr>
         </table>
         <!-- // END BODY -->
        </td>
       </tr>
       <tr>
        <td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" valign="top">
         <table border="0" cellpadding="0" cellspacing="0" id="templateBody" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;" width="100%">
          <tr>
           <td class="bodyContent topBorder" mc:edit="body_content00" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #505050;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 16px;line-height: 150%;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: left;border-top: 1px solid #f1f1f1;' valign="top">
            <p style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: rgba(0,0,0,0.7);display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 14px;line-height: 1.6;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 14px;margin-left: 0;'>
             Gyroscope is available on three great platforms. Staying aware of your
						  latest stats is what will keep you healthy. You should set up all of
						  them for the best experience!
            </p>
            <a class="blue button" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background: #056bca;border-radius: 6px;display: inline-block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 13px;padding: 8px 12px;line-height: 16px;margin-right: 8px;margin-bottom: 12px;color: #fff !important;font-weight: normal;text-decoration: none !important;'>
             Gyrosco.pe
            </a>
            <a class="button" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background: #8ea0b1;border-radius: 6px;display: inline-block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 13px;padding: 8px 12px;line-height: 16px;margin-right: 8px;margin-bottom: 12px;color: #fff !important;font-weight: normal;text-decoration: none !important;'>
             iPhone
            </a>
            <a class="button" style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background: #8ea0b1;border-radius: 6px;display: inline-block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 13px;padding: 8px 12px;line-height: 16px;margin-right: 8px;margin-bottom: 12px;color: #fff !important;font-weight: normal;text-decoration: none !important;'>
             Chrome
            </a>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>
    </tr>
    <td align="center" class="footer" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" valign="top">
     <!-- BEGIN FOOTER // -->
     <table border="0" cellpadding="0" cellspacing="0" id="templateFooter" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;max-width: 600px;margin: 0 auto 16px auto;padding-bottom: 32px;border-collapse: collapse !important;" width="100%">
      <tr align="center">
       <td align="center" class="footerContent" mc:edit="footer_content01" style='padding-top: 16px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #999;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 11px;font-weight: 400;line-height: 120%;padding-right: 20px;padding-left: 24px;text-align: left;' valign="top">
        <p style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: rgba(0,0,0,0.25);display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 12px
		 font-weight:normal;line-height: 1.6;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 14px;margin-left: 0;margin: 4px 0;'>
         Gyroscope Innovations · 548 Market St, San Francisco
        </p>
        <p style='-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: rgba(0,0,0,0.25);display: block;font-family: -apple-system-headline, -apple-system, "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;font-size: 12px
		 font-weight:normal;line-height: 1.6;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 14px;margin-left: 0;margin: 4px 0;'>
         Too many emails?
         <a style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: rgba(0,0,0,0.33);font-weight: normal;text-decoration: none;">
          Change email settings
         </a>
        </p>
       </td>
      </tr>
     </table>
     <!-- // END FOOTER -->
    </td>
   </table>
  </center>
  <img alt="" height="1px" src="https://inboxflows.com/_/image/http%253A%252F%252Femail.mail.gyrosco.pe%252Fo%252FeJyNkD1rwzAQhn-NvAgLfVjWefAQhxpK6dKPoaMinx2FRgqyTJt_X7uklG5djhvufd6Hm64pzi5e8BHn2U54P7RESqV101jNSwCjSiEQSnCVLrnkB-UqlEphaXMptFLcaA1mDRXTD-t5OZzQ5Y30FpdEXz58zpioDxmnZLOPgR7tTPHz4hMORApKek6anjRAOk2f0MUQVgLNka5r9mFBOl-D82FijP0pu4k_-PCtjinFtB34VnIB3CghpWgqwwTrhNqb3X5X6b67682eVPxs_Tu7sdgFi2M7olHDaLQAqAHlOlVtNYAYOYyiNr_NrzOm__9rc0ptveoMypi1evEj4sBcPBdD65wcq8MXD3l25Q/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmVtYWlsLm1haWwuZyJ9:1kXPFf:05Wq2sT8S9ALiybdNkir4MHO5w8-XriXbU8EUZvWY-Y" width="1px"/>
 </body>
</html>