@charset "utf-8";
/*TABLE OF CONTENTS*/
 
/*
==================================================================================
TOP HEADER RUNNER start here
==================================================================================
*/
/*
HTML Format

<header>
	<div class="runner-content">
		<p>Presented by Chaikin Analytics</p>
	</div>
</header>
*/


header {
  background-color: #000000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid #5a5a5a;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  z-index: 500;
}
.runner-content {
  margin: 0 auto;
  width: 100%;
  max-width: 1080px;
}
.runner-content p {
  font-family: "Gibson", arial, sans-serif;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .3em;
  color: #ffffff;
  margin: 0;
}
/*
==================================================================================
TOP HEADER RUNNER end here 
==================================================================================
*/



/*
==================================================================================
FOOTER YEAR UPDATE start here
==================================================================================
*/

/* HTML FORMAT

<span id="current-year"></span>

*/

/*Year for Footer UPDATE EVERY YEAR*/

 #current-year:before {
            content: "2023";
        }

/*
==================================================================================
FOOTER YEAR UPDATE end here
==================================================================================
*/




/*
==================================================================================
OSANO FOOTER start
==================================================================================
*/

/* HTML FORMAT

<div class="footerRow"><a class="footerItem" href="https://www.chaikinanalytics.com/disclaimer/" target="_blank" rel="noopener">Full Disclaimer</a> <a class="footerItem" href="https://www.chaikinanalytics.com/privacy/" target="_blank" rel="noopener">Privacy</a> <a class="footerItem"
	 href="https://www.chaikinanalytics.com/terms-and-conditions/" target="_blank" rel="noopener">Terms &amp; Conditions</a> <a class="footerItem" href="https://www.chaikinanalytics.com/privacy/#daa" target="_blank" rel="noopener">Ad Choices</a> <a class="footerItem"
	 href="https://beaconstreet-privacy.my.onetrust.com/webform/c246f198-7123-4766-b29c-917342eff0f7/acb7d96e-254f-405c-bf58-34f7919eb6f2" target="_blank" rel="noopener">Do Not Sell My Personal Information</a> <a class="footerItem" href="#a" onclick="window.Osano.cm.showDrawer('osano-cm-dom-info-dialog-open')"
	 data-ol-has-click-handler="">Cookie Preferences</a></div>

*/

    .osano-cm-widget{display: none;}
   .footerRow {
        display: flex;
        flex-direction: row;
        max-width: 1200px;
        justify-content: center;
        margin: 10px auto;
    }
    .footerItem {font-family: verdana,sans-serif;font-size: 12px;color: #454242;line-height: 20px;padding: 0 15px;border-right: 2px solid #bbb;text-decoration: none;}
    .footerItem:last-child{border-right:none;}
    .footerItem:hover{text-decoration: none; color:#454242;}
        @media (max-width: 960px){
    .footerRow {flex-direction: column;text-align: center;}
    }
    #osano-cm-drawer-toggle--category_MARKETING--description {font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 12px;line-height: 1.375;}
    .osano-cm-description p, .osano-cm-view--type_consent p{font-family: Verdana, sans-serif; font-size: 12px;line-height: 1.375;}
    .osano-cm-disclosure__toggle, .osano-cm-header {font-family: Verdana, sans-serif; font-size:17.65px;}
    .osano-cm-header {font-family: "Gibson-SemiBold",arial,sans-serif;font-size: 17.65px;line-height: 1.375em;margin: 0 auto 0 0;}
/*
==================================================================================
OSANO FOOTER end here
==================================================================================
*/



/*
==================================================================================
LIST STYLING start here 
==================================================================================
*/
/*
HTML Structure for Bullet lists
--------------

 <ul class="custom-list">
 	<li class="bullets">Bullet example - Standard bullet. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets green">Bullet example. Green. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets red">Bullet example. Red. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets orange">Bullet example. Orange. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets blue">Bullet example. Blue. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets purple">Bullet example. Purple. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets darkgreen">Bullet example. Dark green. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets darkred">Bullet example. Dark red. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets teal">Bullet example. Teal. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets darkteal">Bullet example. Dark teal. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets forestgreen">Bullet example. Forest green. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets gray">Bullet example. Gray. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets white" style="background-color: black; color: white;">Bullet example. White. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets target">Bullet example - Target bullet. <strong>Same color options as above.</strong> Lorem ipsum dolor sit amet.</li>
 	<li class="bullets target-green">Bullet example. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets target-red">Bullet example. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets target-orange">Bullet example. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets target-blue">Bullet example. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets check">Bullet example – Bullet check. <strong>Same color options as above.</strong> Lorem ipsum dolor sit amet.</li>
 	<li class="bullets check-green">Bullet example – Bullet check. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets check-red">Bullet example – Bullet check. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets check-orange">Bullet example – Bullet check. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets check-blue">Bullet example – Bullet check. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets warning">Bullet example - Warning icon. <strong>Same color options as above.</strong> Lorem ipsum dolor sit amet.</li>
 	<li class="bullets warning-green">Bullet example. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets warning-red">Bullet example. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets warning-orange">Bullet example. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets warning-blue">Bullet example. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets alert">Bullet example - Alert icon. <strong>Same color options as above.</strong> Lorem ipsum dolor sit amet.</li>
 	<li class="bullets alert-green">Bullet example. Alert icon. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets alert-red">Bullet example. Alert icon. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets alert-orange">Bullet example. Alert icon. Lorem ipsum dolor sit amet.</li>
 	<li class="bullets alert-blue">Bullet example. Alert icon. Lorem ipsum dolor sit amet.</li>
 </ul>

NOTE: Additional classes can be added to the <ul> and <li> based on the bullets and overall styling. */

 
ul.custom-list {
	list-style: none; 
	padding-left: 40px;
}
.col-content.centered>ul>li {
	width: 100%;
	max-width: 710px;
}
ul.long-list>li {
	margin-bottom: 0.75em;
}
.bullets {
	background: transparent url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-angle-black.png") no-repeat scroll 0 0 / 1em;
	margin: 0 auto 1em;
	padding-left: 1.5em;
	padding-top: 0;
}
.bullets.green {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-angle-green.png");
}
.bullets.lightgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-angle-lightgreen.png");
}
.bullets.red {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-angle-red.png");
}
.bullets.orange {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-angle-orange.png");
}
.bullets.blue {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-angle-blue.png");
}
.bullets.purple {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-angle-purple.png");
}
.bullets.darkgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-angle-darkgreen.png");
}
.bullets.darkred {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-angle-darkred.png");
}
.bullets.gray {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-angle-gray.png");
}
.bullets.white {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-angle-white.png");
}
.bullets.teal {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-angle-teal.png");
}
.bullets.darkteal {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-angle-darkteal.png");
}
.bullets.forestgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-angle-forestgreen.png");
}
.bullets.target {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-target-black.png");
}
.bullets.target-green {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-target-green.png");
}
.bullets.target-lightgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-target-lightgreen.png");
}
.bullets.target-red {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-target-red.png");
}
.bullets.target-orange {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-target-orange.png");
}
.bullets.target-blue {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-target-blue.png");
}
.bullets.target-purple {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-target-purple.png");
}
.bullets.target-darkgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-target-darkgreen.png");
}
.bullets.target-darkred {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-target-darkred.png");
}
.bullets.target-gray {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-target-gray.png");
}
.bullets.target-white {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-target-white.png");
}
.bullets.target-teal {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-target-teal.png");
}
.bullets.target-darkteal {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-target-darkteal.png");
}
.bullets.target-forestgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-target-forestgreen.png");
}
.bullets.check {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-check-black.png");
}
.bullets.check-green {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-check-green.png");
}
.bullets.check-lightgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-check-lightgreen.png");
}
.bullets.check-red {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-check-red.png");
}
.bullets.check-orange {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-check-orange.png");
}
.bullets.check-blue {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-check-blue.png");
}
.bullets.check-purple {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-check-purple.png");
}
.bullets.check-darkgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-check-darkgreen.png");
}
.bullets.check-darkred {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-check-darkred.png");
}
.bullets.check-gray {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-check-gray.png");
}
.bullets.check-white {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-check-white.png");
}
.bullets.check-teal {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-check-teal.png");
}
.bullets.check-darkteal {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-check-darkteal.png");
}
.bullets.check-forestgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-check-forestgreen.png");
}
.bullets.warning {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/icon-warning-black.png");
}
.bullets.warning-green {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/icon-warning-green.png");
}
.bullets.warning-lightgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/icon-warning-lightgreen.png");
}
.bullets.warning-red {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/icon-warning-red.png");
}
.bullets.warning-orange {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/icon-warning-orange.png");
}
.bullets.warning-blue {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/icon-warning-blue.png");
}
.bullets.warning-purple {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/icon-warning-purple.png");
}
.bullets.warning-darkgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/icon-warning-darkgreen.png");
}
.bullets.warning-darkred {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/icon-warning-darkred.png");
}
.bullets.warning-gray {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/icon-warning-gray.png");
}
.bullets.warning-white {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/icon-warning-white.png");
}
.bullets.warning-teal {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/icon-warning-teal.png");
}
.bullets.warning-darkteal {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/icon-warning-darkteal.png");
}
.bullets.warning-forestgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/icon-warning-forestgreen.png");
}
.bullets.alert {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-alert-black.png");
}
.bullets.alert-green {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-alert-green.png");
}
.bullets.alert-lightgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-alert-lightgreen.png");
}
.bullets.alert-red {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-alert-red.png");
}
.bullets.alert-orange {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-alert-orange.png");
}
.bullets.alert-blue {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-alert-blue.png");
}
.bullets.alert-purple {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-alert-purple.png");
}
.bullets.alert-darkgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-alert-darkgreen.png");
}
.bullets.alert-darkred {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-alert-darkred.png");
}
.bullets.alert-gray {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-alert-gray.png");
}
.bullets.alert-white {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-alert-white.png");
}
.bullets.alert-teal {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-alert-teal.png");
}
.bullets.alert-darkteal {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-alert-darkteal.png");
}
.bullets.alert-forestgreen {
	background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/icons/bullet-alert-forestgreen.png");
}
.bullets.doubleangle {
	background-image: url("https://s3.amazonaws.com/secure-prod-assets/common/icons/bullet-doubleangle.png");
}
.bullets.doubleangle-green {
	background-image: url("https://s3.amazonaws.com/secure-prod-assets/common/icons/bullet-doubleangle-green.png");
}
.bullets.doubleangle-lightgreen {
	background-image: url("https://s3.amazonaws.com/secure-prod-assets/common/icons/bullet-doubleangle-lightgreen.png");
}
.bullets.doubleangle-red {
	background-image: url("https://s3.amazonaws.com/secure-prod-assets/common/icons/bullet-doubleangle-red.png");
}
.bullets.doubleangle-orange {
	background-image: url("https://s3.amazonaws.com/secure-prod-assets/common/icons/bullet-doubleangle-orange.png");
}
.bullets.doubleangle-blue {
	background-image: url("https://s3.amazonaws.com/secure-prod-assets/common/icons/bullet-doubleangle-blue.png");
}
.bullets.doubleangle-purple {
	background-image: url("https://s3.amazonaws.com/secure-prod-assets/common/icons/bullet-doubleangle-purple.png");
}
.bullets.doubleangle-darkgreen {
	background-image: url("https://s3.amazonaws.com/secure-prod-assets/common/icons/bullet-doubleangle-darkgreen.png");
}
.bullets.doubleangle-darkred {
	background-image: url("https://s3.amazonaws.com/secure-prod-assets/common/icons/bullet-doubleangle-darkred.png");
}
.bullets.doubleangle-gray {
	background-image: url("https://s3.amazonaws.com/secure-prod-assets/common/icons/bullet-doubleangle-gray.png");
}
.bullets.doubleangle-white {
	background-image: url("https://s3.amazonaws.com/secure-prod-assets/common/icons/bullet-doubleangle-white.png");
}
.bullets.doubleangle-teal {
	background-image: url("https://s3.amazonaws.com/secure-prod-assets/common/icons/bullet-doubleangle-teal.png");
}
.bullets.doubleangle-darkteal {
	background-image: url("https://s3.amazonaws.com/secure-prod-assets/common/icons/bullet-doubleangle-darkteal.png");
}
.bullets.doubleangle-forestgreen {
	background-image: url("https://s3.amazonaws.com/secure-prod-assets/common/icons/bullet-doubleangle-forestgreen.png");
}
ol.custom-number {
	list-style: none;
	counter-reset: counter;
	padding-left: 1.5em;
}
.numbered {
	margin: 0 0 1em 0.5em;
	padding-left: 1em;
	padding-top: 0.2em;
	position: relative;
	counter-increment: counter;
}
.numbered::before {
	color: #fff;
	content: counter(counter);
	font-family: "Gibson", sans-serif;
	font-size: 80%;
	font-weight: bold;
	left: -0.85em;
	background-color: #308034;
	line-height: 1.1;
	border-radius: 50%;
	padding: 5px 8px;
	width: 32px;
	height: 32px;
	position: absolute;
	text-align: center;
	top: 3px;
}
.big-number {
	margin: 0 0 1em 0;
	padding-left: 1.5em;
	padding-top: 0.2em;
	position: relative;
	counter-increment: counter;
}
.big-number::before {
	color: #1c6623;
	content: counter(counter) ". ";
	font-family: "ProximaNova", "Gibson", sans-serif;
	font-size: 125%;
	font-weight: bold;
	font-weight: 800;
	left: -0.65em;
	width: 1.5em;
	position: absolute;
	text-align: right;
	top: -0.07em;
}
.main-middle li:last-of-type {
	margin-bottom: 1.5em;
}
@media screen and (max-width: 600px) {
	ul.custom-list {
		padding-left: 8px;
	}
	ol.custom-number {
		padding-left: 1em;
	}
	.numbered::before {
		font-size: 100%;
		width: 30px;
		height: 30px;
		padding: 4px 8px;
		left: -1.05em;
		top: -2px;
	}
	.big-number::before {
		top: 0.1em;
	}
}

/*
==================================================================================
LIST STYLING ends here 
==================================================================================
*/


/* 
==================================================================================
BEGIN OLD BUTTON STYLING (This is a relatively old styling that might not be used often. In here for legacy sake.
==================================================================================


 <a href="#" target="_top" class="next orderNow store-next-page btn submit-btn" id="storeNextLink">Get Started Now</a> 

 <a href="#" target="_top" class="next orderNow store-next-page btn submit-btn green" id="storeNextLink">Button Green</a> 

 <a href="#" target="_top" class="next orderNow store-next-page btn submit-btn blue" id="storeNextLink">Button Blue</a> 

 <a href="#" target="_top" class="next orderNow store-next-page btn submit-btn orange" id="storeNextLink">Button Orange</a> 

 <a href="#" target="_top" class="next orderNow store-next-page btn submit-btn gradient" id="storeNextLink">Button Gradient Red</a> 

 <a href="#" target="_top" class="next orderNow store-next-page btn submit-btn gradient green" id="storeNextLink">Button Gradient Green</a> 

 <a href="#" target="_top" class="next orderNow store-next-page btn submit-btn gradient blue" id="storeNextLink">Button Gradient Blue</a> 

 <a href="#" target="_top" class="next orderNow store-next-page btn submit-btn gradient orange" id="storeNextLink">Button Gradient Orange</a> 

*/
	.submit-btn {
	background-color: #a41f1f;
	border: none;
	border-radius: 4px;
	color: #ffffff;
	cursor: pointer;
	display: block !important;
	font-family: "Gibson", arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	margin: 40px auto;
	max-width: 450px;
	padding: 0.5em;
	text-align: center;
	text-decoration: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: normal;
	width: 100%;
}
.submit-btn:hover {
	color: #fff;
	background-color: #c82333;
}
.submit-btn.green {
	background-color: #388c21;
}
.submit-btn.green:hover {
	background-color: #43a72a;
}
.submit-btn.blue {
	background-color: #1663b6;
}
.submit-btn.blue:hover {
	background-color: #1d77d7;
}
.submit-btn.orange {
	background-color: #d67805;
}
.submit-btn.orange:hover {
	background-color: #e88811;
}
.submit-btn.gradient {
	background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%) #b52727;
	border: 1px solid;
	border-color: #9a1d1d #651010 #651010 #9a1d1d;
}
.submit-btn.gradient:hover, .submit-btn.gradient:active, .submit-btn.gradient:focus {
	background-color: #9a1d1d;
	border-color: #9a1d1d #651010 #651010 #9a1d1d;
}
.submit-btn.gradient.green {
	background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%) #43a72a;
	border-color: #2d9f1e #1b6a11 #1b6a11 #2d9f1e;
}
.submit-btn.gradient.green:hover, .submit-btn.gradient.green:active, .submit-btn.gradient.green:focus {
	background-color: #398f22;
	border-color: #2d9f1e #1b6a11 #1b6a11 #2d9f1e;
}
.submit-btn.gradient.blue {
	background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%) #196cc6;
	border-color: #0063cc #003975 #003975 #0063cc;
}
.submit-btn.gradient.blue:hover, .submit-btn.gradient.blue:active, .submit-btn.gradient.blue:focus {
	background-color: #11579c;
	border-color: #0063cc #003975 #003975 #0063cc;
}
.submit-btn.gradient.orange {
	background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%) #dd7c07;
	border-color: #cb7206 #945405 #945405 #cb7206;
}
.submit-btn.gradient.orange:hover, .submit-btn.gradient.orange:active, .submit-btn.gradient.orange:focus {
	background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%) #c67006;
	border-color: #cb7206 #945405 #945405 #cb7206;
}
@media screen and (max-width: 500px) {
	.submit-btn {
		font-size: 28px;
	}
}
@media screen and (max-width: 375px) {
	.submit-btn {
		font-size: 26px;
	}
}
@media screen and (max-width: 320px) {
	.submit-btn {
		font-size: 24px;
	}
}


/* 
==================================================================================
 BUTTON STYLING end
==================================================================================
*/


/*
==================================================================================
BOUNCING ARROW start
==================================================================================

HTML Structure
--------------
<div class="arrow-tab">
    <div class="arrow bounce"><span id="arrowScroll"> </span></div>
</div>
*/

@keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
            -ms-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0);
          }
            40% {
            -ms-transform: translateY(-6px);
            -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
          }
            60% {
            -ms-transform: translateY(-4px);
            -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
          }
        }
        .arrow {
            position: relative;
            bottom: -22px;
            left: 50%;
            margin-left:-12px;
            width: 24px;
            height: 24px;
            background: transparent url("https://static.cloudsna.com/store/PROD/images/SIR/gilder-book/angle-down-white.png") no-repeat scroll 0 0 / 24px;
        }
        .bounce {
          animation: bounce 2s infinite;
        }
		
        /*Circle with border*/
        .arrow-tab {
			background-color: #8b0000;
            border: 4px solid #fff;
            border-radius: 50%;
            display: table;
            font-size: 1px;
            height: 70px;
            left: 50%;
            margin: -30px auto 0;
            opacity: 1;
            padding-top: 4px;
            position: absolute;
            text-align: center;
            width: 70px;
            z-index: 0;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);            
        }
        @media screen and (min-width: 1200px){
            .arrow{
                bottom: -20px;
                margin-left:-15px;
                width: 30px;
                height: 30px;
                background: transparent url("https://static.cloudsna.com/store/PROD/images/SIR/gilder-book/angle-down-white.png") no-repeat scroll 0 0 / 30px;
            }
        }
/*
==================================================================================
BOUNCING ARROW end
==================================================================================
*/

/*
==================================================================================
IMAGE STYLING start 
==================================================================================
*/
.img-center {
	display: block;
	margin: 40px auto;
	width: 100%;
}
.content-chart {
	display: block;
	margin: 30px auto;
	width: 100%;
}
.content-chart.wide {
	display: block;
	left: 50%;
	position: relative;
	margin: -10px auto 20px;
	max-width: 105%;
	width: 105%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.big-bundle {
	display: block;
	margin: 40px auto;
	max-width: 600px;
	width: 100%;
}
img.signature {
	display: block;
	margin: 30px 0 15px;
	width: 80%; 
	max-width: 280px;
}
figure.img-caption {
	display: block;
	margin: 40px auto;
	width: 100%;
}
figure img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
figcaption {
	border-top: 1px solid #bbb;
	font-family: "Gibson", sans-serif;
	font-size: 15px;
	line-height: 1.25;
	text-align: left;
	margin: 20px auto 0;
	padding: 8px 0 0 0;
}

.headshot {
    max-width: 130px;
    float: right;
    padding: 5px;
}

.sidebar {
	border-top: none; 
	border-bottom: none;
	border-left: 1px solid #a8a8a8;
	float: right;
	position: relative;
	max-width: 100%;
	width: 450px;
	margin: 0 0 20px -60px;
	padding: 20px;
	right: -100px;
}
.sidebar img, .sidebar video {
	width: 100%;
	margin-bottom: 10px;
}
.sidebar p {
	font-family: "Gibson", sans-serif;
	font-size: 15px;
	line-height: 1.3;
}
.sidebar p:last-of-type {
	margin-bottom: 0;
}
.side-image {
	float: right;
	max-width: 100%;
	width: 250px;
	margin: 0 0 20px 20px;
}
.side-image-left {
	float: left;
	max-width: 100%;
	width: 200px;
	margin: 0 20px 20px 0;
}
.wide-wrapper {
	position: relative;
	margin: 20px auto 40px;
}
.wide-container {
	position: relative;
	width: 1200px;
	left: 50%;
	padding: 20px 0 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	transform: translateX(-50%);
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
}
.clip-container {
	padding: 20px 0 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 40px auto;
	width: 100%;
	position: relative;
}
.video-clip {
	display: block;
	margin-bottom: 10px;
	max-width: 100%;
	width: 1000px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.image-holder {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0 8px;
}
.wide-container.double-wide .image-holder {
	width: 50%;
}
.wide-container.triple-wide .image-holder {
	width: 33%;
}
.image-holder img {
	width: 100%;
	margin: 10px auto;
}
.image-holder p, .clip-container p, .wide-container p {
	font-family: "Gibson",arial,sans-serif;
	font-size: 14px;
	line-height: 1.3;
}
.main-container {
	display: block;
	margin: 0 auto;
	max-width: 720px;
	width: 100%;
}
.main-container.copy-vid {
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
}
.vsl-container {
	margin: 40px 0;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.copy-vid .vsl-container {
	border: 4px solid #fff;
}
.vsl-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 1200px) {
	.wide-container {
		width: 1100px;
	}
}
@media screen and (max-width: 1100px) {
	.wide-container {
		width: 1000px;
	}
}
@media screen and (max-width: 1000px) {
	.sidebar {
		margin-left: 20px;
		right: 0;
		width: 350px;
	}
	
	.wide-container {
		width: 900px;
	}
}
@media screen and (max-width: 900px) {
	.wide-container {
		width: 800px;
	}
	.wide-container.triple-wide {
		width: 100%;
	}
	.wide-container.triple-wide .image-holder {
		width: 100%;
	}
}
@media screen and (max-width: 800px) {
	.wide-container {
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	.sidebar {
		width: 320px;
	}
	.image-holder, .wide-container.double-wide .image-holder, .wide-container.triple-wide .image-holder {
		width: 100%;
	}
}
@media screen and (max-width: 500px) {
	.sidebar {
		border-top: 1px solid #a8a8a8;
		border-bottom: 1px solid #a8a8a8;
		border-left: none;
		float: none;
		margin: 30px auto;
		width: 100%;
	}
	.sidebar p {
		font-size: 14px;
	}
	.side-image, .side-image-left, .headshot {
		float: none;
		display: block;
		margin: 20px auto;
		width: 200px;
	}
}

/*
==================================================================================
IMAGE STYLING end
==================================================================================
*/


/*
==================================================================================
TABLE STYLING start
==================================================================================
*/

.table {
	border-collapse: collapse;
	font-family: "Gibson", sans-serif;
	font-size: 16px;
	margin: 0 auto 40px;
	width: 100%;
}
.striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0,0,0,.05);
}
.table td:first-child, .table th:first-child {
	text-align: left;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	border-top: 1px solid #ddd;
	padding: 8px;
	line-height: 1.333;
	vertical-align: top;
}
.table>tbody>tr>th {
	color: #fff;
	background-color: #0f7dc2;
	border-color: #0f7dc2;
	font-family: "Gibson", sans-serif;
	font-weight: bold;
	padding: 14px 8px;
	text-align: right;
}
.table>tbody>tr>td {
	display: table-cell;
	border-top: 1px solid #dee2e6;
	text-align: right;
}
@media screen and (max-width: 600px) {
	.table {
		font-size: 14px;
	}
}
/*
==================================================================================
TABLE STYLING end
==================================================================================
*/


/*
==================================================================================
TESTIMONIAL STYLING start
==================================================================================
*/
.testimonial {
    background: url(https://hopstatic.s3.amazonaws.com/images/quotes-blue.png) no-repeat scroll left top transparent;
    border: none;
    color: #333333;
    font-family: "Gibson-SemiBold",arial,sans-serif;
    font-size: 24px;
    height: auto;
    margin: 0 auto 20px;
    min-height: 70px;
    padding: 22px 0 0 14px;
    max-width: 640px;
    width: 100%;
}

/*New quoteblock styles added 1-25-2021 by Alex*/
/*============ Gray Quoteblock with Orange Icon ============
Uses the HTML Format:
<div class="quoteblock-orange">
    <div class="quote-tab">
        <div class="quote"></div>
    </div>
    <p><strong>[QUOTE TEXT]</strong></p>
</div>
*/
        .quoteblock-orange{
            display:block;
            width:100%;
            background-color: #f4f3f3;
            border: 2px solid #d1d1d1;
            margin:52px auto 30px;
			padding: 40px 40px 36px;
        }
        .quote-tab {
            background-color:#ff9700;
            border: 2px solid #fff;
            border-radius: 50%;
            display: table;
            height: 66px;
            left: 50%;
            margin: -74px auto 0;
            opacity: 1;
            position: absolute;
            text-align: center;
            width: 66px;
            z-index: 0;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }
        .quote{
            position: relative;
            bottom: -14px;
            left: 50%;
            margin-left:-17px;
            width: 34px;
            height: 34px;
            background: transparent url("https://hopstatic.s3.amazonaws.com/images/quotes-white-new.png") no-repeat scroll 0 0 / 34px;
        }
        .quoteblock-orange p{
            border: none;
            color: #434343;
            font-family: "Proxima Nova Semibold",arial,sans-serif;
            font-size: 18pt;
            width: 100%;
            max-width:900px;
            line-height: 1.375;
        }
/* === End orange quote styling ===*/

/*============ Gray Quoteblock with Blue icon and Signature ============
Uses the HTML format:
<div class="quoteblock-blue innershadow">
    <p><strong>[Quote Text]</strong></p>
    <p class="quote-signature">- [Name, Position]</p>
</div>
*/
        .quoteblock-blue{
            display:block;
            width:100%;
            background-image: linear-gradient(to right, #e5e5e3, #ffffff);
			padding: 36px 15px;
			margin-bottom: 20px;
        }
        .innershadow{
            width:100%;
           -moz-box-shadow:    inset 0 0 15px #e5e5e3;
           -webkit-box-shadow: inset 0 0 15px #e5e5e3;
           box-shadow:         inset 0 0 15px #e5e5e3;
        }
        .quote-icon{
            width:100%;
            max-width:40px;
            display: block;
            margin:0 auto;
            padding:50px 0 20px;
        }
        .quoteblock-blue p{
            background: url(https://hopstatic.s3.amazonaws.com/images/quotes-blue-new2.png) no-repeat scroll left top;
            background-size: 34px;
            color: #454545;
            font-family: "ProximaNova-Bold", arial, sans-serif;
            font-weight: 700;
            font-size: 18pt;
            width: 100%;
            padding-left: 44px;
            max-width:750px;
            line-height: 1.375;
            margin:0 auto 16px;
        }
		.quoteblock-blue p:last-of-type{
			margin-bottom: 0;
		}
        .quoteblock-blue p.quote-signature{
            text-align: center;
            color:#205799;
            background:none;
            padding:0;
			margin-bottom: 0;
        }
/* === End Blue Quote styling ===*/


@media screen and (max-width: 480px) {
     /*=== Quote Block Mobile styling ===*/
        /*    Orange Mobile Quoteblock CSS*/
        .quoteblock-orange{
            margin-top:50px;
            padding: 36px 28px 28px;
        }
        .quoteblock-orange p{font-size:16pt;}
        .quote-tab{
            margin: -68px auto 0;
            height:60px;
            width:60px;
        }
        .quote{
            bottom:-13px;
            width: 30px;
            height: 30px;
            background-size: 30px;
            margin-left: -15px;
        }
        /*    End Orange Styling*/
        /*    Blue Mobile Quoteblock CSS*/
        .quoteblock-blue{
            margin: 20px auto;
            padding: 32px 15px;
        }
        .quoteblock-blue p{font-size:16pt;}
        .quote-icon{
            padding:40px 0 20px;
            max-width: 30px;
        }
        /*    End Blue Styling*/
}

/* added July 15 2020 for class="sidebar-image-left"  class on CHN HTML- pushes the blue quote over */
.testimonial-with-left-side-image {
    background: url(https://hopstatic.s3.amazonaws.com/images/quotes-blue.png) no-repeat scroll left top transparent;
    border: none;
    color: #333333;
    font-family: "Gibson-SemiBold",arial,sans-serif;
    font-size: 20px;
    height: auto;
    margin: 0 auto 20px 200px;
    min-height: 70px;
    padding: 22px 0 0 14px;
    max-width: 640px;
    width: 100%;
}

/*
==================================================================================
TESTIMONIAL STYLING end
==================================================================================
*/


/*
==================================================================================
DISCLOSURE STYLING end
==================================================================================
/*

/*Disclosures Formatting*/
.disclosures-background{background-color: rgba(0,55,102,0.7);}		
.disclosures {
    font: normal 14px/18px 'Roboto Condensed',sans-serif !important;
    color: #fff !important;
    text-align: left;
    max-width: 1115px;
    margin: auto;
	padding: 20px;
}
.disclosures>a{
    color:#34AFEB !important;
    text-decoration:underline !important;
}
.disclosures>a:visited {
    color:#34AFEB !important;
    text-decoration:underline !important;
}
.disclosures>a:hover {
    color:#199cdd !important;
    text-decoration:none !important;
}

/* === DISCLOSURE STYLING end ===*/


/*== GUARANTEE BOX start ===*/



/*
-----HTML Layout----- (Note: Headshot is Steve S. Others are in Archive. Bootstrap required for this style)
<div id="guarentee-box"><img src="https://secure-prod-assets.s3.amazonaws.com/common/images/guarantee/responsive-guarantee-badge/money-back-seal-30-day.png" class="gb-badge" alt="badge" />
	<div class="row">
		<div class="col-sm">
			<h3>100% Satisfaction Guarantee</h3>
			<p>Your subscription is backed by 100% money-back guarantee.</p>
			<p>If your subscription isnt everything you expected, simply contact our Maryland-based Customer Service team at 1-888-261-2693 within the first 30 days and we will issue a full refund.</p>
		</div>
		<div class="gb-signoff col-md-3">
            <img src="https://secure-prod-assets.s3.amazonaws.com/common/images/guarantee/responsive-guarantee-badge/headshots/steve-sjuggerud-headshot.png" class="gb-headshot" alt="headshot" />
            <img src="https://secure-prod-assets.s3.amazonaws.com/common/signatures/web/steve-sjuggerud-signature.png" alt="sig" class="gb-signature" />
			<p>Steve Sjuggerud<br /><em>Editor</em></p>
		</div>
	</div>
</div>
*/
#guarentee-box {
    width: 100%;
    max-width: 700px;
    display: block;
    background-image: url("https://secure-prod-assets.s3.amazonaws.com/common/images/guarantee/responsive-guarantee-badge/guarantee-bkgd.jpg");
    position: relative;
    height: auto; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; 
    margin: 90px auto 50px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px 13px hsl(0deg 0% 93%);
    outline: 10px solid rgba(255,255,255,1.00);
    border: 3px solid #000000;
    padding: 20px;
}

#guarentee-box .gb-badge {
    max-width: 180px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    left: 50%;
    transform: translate(-50%,-73%);

}

#guarentee-box .row {
    background-color:inherit;
    margin-top: -100px;
    margin-bottom: 16px;
    padding: 8px;
}


#guarentee-box h3 {
    font-family: "Gibson-SemiBold",arial,sans-serif;
    margin: 0px 0px 20px;height: 1.2;
    font-size: 33px;
    text-align: left;
}
#guarentee-box p {
    font-family: "Gibson",arial,sans-serif;
    line-height: 1.325;
    font-size: 20px;
    margin: 16px 0px 0px 0px;
}
#guarentee-box .gb-signoff {
      border-left: 1px solid rgba(152,152,152,1.00);

}

#guarentee-box .gb-headshot {
    width: 100%;
    padding-left: 10px;
    margin-top: -10px;
    max-width: 180px;
    display: block;
    margin: 0 auto;

}
#guarentee-box .gb-signoff p {
    text-align: center;
    padding-top: 0px;
    font-size: 18px;
    margin: 6px 0px 6px 0px;

}

#guarentee-box .gb-signature {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    display: block;
}
/*== GUARANTEE BOX end ===*/

/*== TIMER start ===*/

/*    HTML Layout
    <h5 style="text-align: center;"><span>This Offer Expires in:<br /></span></h5>
	<div id="event-timer"></div>
    
    (Note: Header can be changed around to match need of pub)
*/
#event-timer {
    color: #000;
    font-family: 'Roboto',arial,sans-serif;
    font-size: 16px;
    margin: 20px auto;
    text-align: center;
    text-transform: uppercase;
}
#event-timer > div {
    border-right: 1px dashed rgba(0, 0, 0, 0.45); 
    display: inline-block;
    margin-right: 20px;
    padding-right: 20px;
    text-align: center;
}
#event-timer > div:last-child, #lead-clock .time-unit:last-child {
    border-right: 0 none;
    margin-right: 0;
    padding-right: 0;
}
#event-timer span {
    color: #c00;
    display: block;
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 5px;
    padding-top: 10px;
    font-weight: 700;
}
/* === TIMER end === */

/* === PRICE GRID start === */

/*HTML Example here: https://secure-prod-assets.s3.amazonaws.com/common/experiments/table-example.html*/
		.main-middle .price-grid .row{
			background-color: #f2f2f2;
            border-radius:  0;
		}
		.price-grid .row.pg-head{
			background-color: #ffffff;
		}
		.price-grid .row.pg-body::before{
			content: "";
			width: 30px;
			height: 100%;
			background-color: #f2f2f2;
			position: absolute;
			top: 0;
			left: -30px;
		}
		.price-grid .row.pg-body::after{
			content: "";
			width: 100%;
			height: 1px;
			background-color: #dddddd;
			position: relative;
			bottom: 0;
			left: 0;
			z-index: 10;
		}
		img.red-arrow{
			float: right;
			position: relative;
			width: 100%;
			max-width: 100px;
			top: 30px;
			right: 40px;
		}
		.price-grid .row .pg-content{
			padding: 25px 0 0;
		}
		.price-grid .row .pg-content div{
			padding: 8px 12px;
		}
		.price-grid .row.pg-body .pg-content{
			padding: 14px 12px 14px 0;
			border-right: 1px solid #dddddd;
		}
		
		.price-grid .row div:nth-child(3){
			    box-shadow: 0 2px 3px rgba(0,0,0,0.4);
        }
		.price-grid .row.pg-head div:nth-child(3){
			box-shadow: 0 1px 6px rgba(0,0,0,0.4);
		}
		
		.price-grid .row div p{
			position: relative;
			z-index: 10;
		}
		.price-grid .row div p.pg-icon{
			text-align: center;
			margin: 12px;
		}
		.price-grid .row div:nth-child(3)::after{
			content: "";
			margin: auto;
			background-color: #ffffff;
			position: absolute;
			z-index: 5;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
		}
		.price-grid p{
			font-family: "Gibson","Helvetica Neue",helvetica,arial,sans-serif;
			font-size: 19px;
			margin-bottom: 0;
		}
		.price-grid p strong{
			font-family: "Gibson-Semibold","Helvetica Neue",helvetica,arial,sans-serif;
			font-weight: normal;
		}
		.main-middle .price-grid .row h2{
			font-family: "Gibson-Semibold","Helvetica Neue",helvetica,arial,sans-serif;
			font-size: 40px;
			line-height: 1.125;
			text-align: left;
			padding-top: 10px;
			padding-bottom: 0;
			margin-top: 0;
			margin-bottom: 0;
		}
		.price-grid p.grid-title {
			font-family: "Gibson-Semibold","Helvetica Neue",helvetica,arial,sans-serif;
			font-size: 22px;
			line-height: 1.125;
			border-bottom: 4px solid #666666;
			margin-bottom: 10px;
		}
		.price-grid .row.pg-head p.value-label{
			font-family: "Gibson-Semibold","Helvetica Neue",helvetica,arial,sans-serif;
			font-size: 16px;
			text-align: center;
			text-transform: uppercase;
			letter-spacing: .025em;
			color: #ffffff;
			background-color: #cc0000;
			padding: 2px;
			width: 100%;
            line-height: 20px;
		}
		.price-grid .row.pg-head p.value-label.secondary-value{
			color: #aa8a19;
			background-color: transparent;
			z-index: 0;
			padding: 1px 0;
			border: 1px solid #aa8a19;
			margin-bottom: 8px;
            line-height: 20px;
		}

		.price-grid p.pg-price{
			font-family: "Gibson-Semibold","Helvetica Neue",helvetica,arial,sans-serif;
			font-size: 36px;
			text-align: center;
			letter-spacing: -.025em;
		}
		.price-grid p.pg-price-crossout{
			text-align: center;
			color: #737373; 
			margin-bottom: -8px;
		}
		p.price-empty {
    		margin-bottom: 34px;
		}

		.price-grid p.pg-price-crossout span{
			position: relative;
		}
		.price-grid p.pg-price-crossout span::before{
			content: '';
			border-bottom: 2px solid #cc0000;
			width: 100%;
			position: absolute;
			right: 0;
			top: 50%;
		}
/* === PRICE GRID end === */

/*=== GENERAL STYLING start===*/

/* Correction to Bootstrap highlighting, normally too light. */
mark{background-color:#F5F534;}

/*HIGHLIGHT COLORS start*/
.highlight-yellow{
	background-color:#CCCC00;
	padding: 5px;

}
.highlight-green{
	background-color:#61F22A;
	padding: 5px;

}
.highlight-red{
	background-color: #A4201F;
	padding: 5px;
}
.highlight-blue{
	background-color:#28AFFF;
	padding: 5px;

}
/*For indenting emphasis sentences.*/


.indent{margin-left:40px !important;}
.justinIndent{margin-left:40px !important; font-family: Arial;}

/* div class for wrapping items */
.wrapper{
    margin: 40px auto 20px;
    max-width: 100%;
    padding: 10px;
    position: relative;
}

/* Transcript Emphasis - defaul color: black */
.transcript-name {
    display: block;
    font-family: "Gibson",arial,sans-serif;
    color:#000000;
    font-weight: 700;
    padding-bottom: 2px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
}
/*NOTE: add classes below to default transcript to change color*/
.transcript-name.grn{color:#3E7B40;}
.transcript-name.blu{color:#13588d;}
.transcript-name.red{color:#952121;}
.transcript-name.ppl{color:#5f3e7b;}
.transcript-name.ong{color:#D37A00;}
    
/*=== END GENERAL STYLING ===*/


/*==== Begin Media Queries with Labels ====*/
@media screen and (max-width:1200px){
    .arrow{
        bottom: -25px;
        margin-left:-15px;
        width: 30px;
        height: 30px;
        background: transparent url("https://static.cloudsna.com/store/PROD/images/SIR/gilder-book/angle-down-white.png") no-repeat scroll 0 0 / 30px;
    }
}

/* === PRICE GRID MOBILE STYLING === */
@media screen and (min-width: 992px){
.main-middle .price-grid h2.pg-mobile-title {
    display: none;
}
}
@media screen and (max-width: 991px) {
	.main-middle.order-form {
		padding-top: 90px;
	}

	.main-middle .row{
		position: relative;
	}
	img.red-arrow {
		display: none;
	}
	.price-grid .row.pg-head{
		position: -webkit-sticky; 
		position: sticky;
		top: 0;
		z-index: 10;
		border-bottom: 3px solid #aaaaaa;
	}
	.price-grid .row.pg-body{
		z-index: 5;
	}
	.price-grid .row.pg-body::before{
		display: none;
	}
	.main-middle .price-grid h2.pg-mobile-title {
		font-family: "Gibson-Semibold","Helvetica Neue",helvetica,arial,sans-serif;
		font-size: 40px;
		line-height: 1.125;
		padding-bottom: 0;
		margin-bottom: 30px;
	}
	.main-middle .price-grid .row h2{
		display: none;
	}
	.price-grid .row.pg-head div:nth-child(3) {
		box-shadow: 0 -2px 8px rgba(0,0,0,0.4);
	}
	.price-grid .row.pg-body div:nth-child(2){
		border-left: 1px solid #dddddd;
	}
	.price-grid .row.pg-body div:nth-child(3) {
		border-left: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
	}
	.price-grid .row.pg-body div:last-child{
		border-right: 1px solid #dddddd;
	}
	.price-grid .row.pg-body::after {
		margin-left: 0;
	}
	.price-grid .row div:nth-child(3){
		box-shadow: none;
	}
	.price-grid .row.pg-body .col{
		background-color: #ffffff;
	}
	.price-grid .row.pg-body .pg-content{
		padding-left: 14px;
		border-left: 1px solid #dddddd;
	}
	.price-grid .row.pg-head div:nth-child(3)::after{
		content: "";
		height: 100px;
		position: absolute;
		left: -10px;
		right: -10px;
		margin: auto;
		top: auto;
		bottom: 0;
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%);
		display: block;
		width: auto;
	}
	.price-grid .row.pg-head .pg-content:first-child{
		padding-top: 0;
	}
}
@media screen and (max-width: 480px) {	
.storeOF .breakdown, table.offer, .storeOF p.bullets, .storeOF p {
    margin-left: 0;
}
	img.price-choice-bundle{
		display: none;
	}
	.storeOF h3{
		font-size: 32px;
		line-height: 36px;
	}
	.storeOF h4{
		font-size: 22px;
		line-height: 26px;
	}
	.storeOF .breakdown-desc{
		font-size: 18px;
		line-height: 22px;
	}
	.storeOF .breakdown-desc-small, .storeOF li{
		font-size: 16px;
		line-height: 20px;
	}
	.deal-tabs{
		width: 90px;
	}
	.deal-tabs.best-deal{
		width: 100px;
	}
	.main-middle h2{
		font-size: 36px;
	}
}
/*=== END PRICE GRID MOBILE STYLING ===*/


    /*  --- Alternative Mobile styling with larger numbers. Better used on HH/MM/SS format. ---
    #event-timer > div {
        margin-right: 10px;
        padding-right: 10px;
    }
    #event-timer span {
        font-size: 40px;
        line-height: 40px;
    }
    --- End alt styling --- */  

    #event-timer{font-size:12px;}
    #event-timer > div {
        margin-right: 10px;
        padding-right: 10px;
    }
    #event-timer span {
        font-size: 20px;
        line-height: 15px;
    }
    /* ===End Timer Mobile Styling ===*/