/*
// ------------------------------------
// App-specific settings
// ------------------------------------
*/

:root
{
	--main-color:transparent;
	--off-white-color:rgb(240,236,228);
	
	--bright-green:rgb(1,215,161);
	--dark-green:rgb(0,100,110);
	
	--bright-blue:rgb(0,191,221);
	--dark-blue:rgb(3,81,127);
	
	--bright-purple:rgb(171,50,191);
	--dark-purple:rgb(80,0,121);
}

/* This style is used by the AcgApp.isEnanced() method to determine if we are using the enhanced stylesheet */
body:after
{
	content:'default';
	display:none;
}

#cssCheck
{
	font-weight:800;
}

.outerArea
{
	jbackground-color:rgb(242,242,242);
	jpadding:0em 0;
	padding-left: 30px;
	padding-right: 30px;
	width:100%;
	/* Had to remove overflow-x because it prevents "sticky" position from working */
	joverflow-x:hidden;	/* This is required to fix "position:fixed" issues on iOS */
	joverflow:hidden;	/* Including overflow hidden will break the ability to use "sticky" content within */

	/* height:100%; */
	jmin-height:100%;	/* Moved to .acg class in global. We want to ensure an app covers browser height, but not necessarily an individual "outerArea" */
	jtext-align:center;
	jcolor:#374850;
	jz-index:1;
}
@media screen and (max-width: 1024px)
{
	.outerArea
	{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (max-width: 900px)
{
	.outerArea
	{
		padding-left: 30px;
		padding-right: 30px;
	}
	.removeLeftRightPaddingWhenStacked
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	.includeLeftRightPaddingWhenStacked
	{
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media screen and (max-width: 800px)
{
	.removeLeftRightPaddingWhen50PercentStacked
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	.includeLeftRightPaddingWhen50PercentStacked
	{
		padding-left: 30px;
		padding-right: 30px;
	}
	.stackedTopMargin
	{
		margin-top:3px;
	}
}
@media screen and (max-width: 600px)
{
	.outerArea
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.removeLeftRightPaddingWhenStacked
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	.removeLeftRightPaddingWhen50PercentStacked
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	.includeLeftRightPaddingWhen50PercentStacked
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.includeLeftRightPaddingWhenStacked
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	
}
/* .acgRwdTablet .outerArea
{
	padding-left: 15px;
	padding-right: 15px;

} */
.innerArea
{
	jbackground-color:rgb(255,255,255);

	jdisplay:inline-block;	/* caused a scrollbar to appear even though content fit */
	position:relative;
	max-width:1580px;
	width:100%;
	jmin-height:100%;	/* Moved to .acg class in global. We want to ensure an app covers browser height, but not necessarily an individual "innerArea" */
	
	margin:auto;
	jpadding:0 20px;
	padding:0;
	joverflow:hidden;
}

.noScript
{
	padding-top:1em;
	width:960px;
	margin:auto;
	color:#000000;	
}

#preloadContent
{
	padding:2em;
	text-align:center;
}

#scriptContent
{
	jbackground-color:#ffffff;
	jcolor:#444444;
}

.contentNavBar
{
	display: flex;
}

.stickyfixed{
   position: fixed;
   top: 0;
}

.acgTitle
{
	font-family: "intel-one", "intel-clear", Helvetica, Arial, sans-serif;
	font-size:34px;
	font-weight:300;
	jpadding-right:1em;
	margin-bottom:10px;
	jline-height:45px;
	line-height: 1.22;
}
.acgRwdNarrow .acgTitle
{
	font-size:32px;
	line-height:40px;
	jmargin-bottom:24px;
}
.acgBlockTitle
{
	font-family: "intel-one", "intel-clear", Helvetica, Arial, sans-serif;
	font-size:34px;
	font-weight:300;
	jpadding-right:1em;
	margin-bottom:10px;
	jline-height:45px;
	line-height: 1.22;
}
@media screen and (max-width: 1200px)
{
	.acgBlockTitle
	{
		font-size:28px;
		line-height:38px;
		jmargin-bottom:24px;
	}
}
@media screen and (max-width: 900px)
{
	.acgBlockTitle
	{
		font-size:26px;
		line-height:32px;
		jmargin-bottom:24px;
	}
}
.acgTitleRightPadding
{
	padding-right:2em;
}
@media screen and (max-width: 1200px)
{
	.acgTitleRightPadding
	{
		padding-right:0em;
	}
}
/* .acgRwdNarrow .acgTitleRightPadding
{
	padding-right:0em;
} */

.acgTitleTopMargin
{
	margin-top:0px;
}
@media screen and (max-width: 1200px)
{
	.acgTitleTopMargin
	{
		margin-top:13px;
	}
}
@media screen and (max-width: 900px)
{
	.acgTitleTopMargin
	{
		margin-top:3px;
	}
}
.topTitleBottomMargin
{
	margin-bottom:40px;
}
.extraLeftMargin
{
	margin-left:1em;
}
@media screen and (max-width: 1200px)
{
	.extraLeftMargin
	{
		margin-left:0.5em;
	}
}
@media screen and (max-width: 900px)
{
	.extraLeftMargin
	{
		margin-left:0em;
	}
}
.acgSectionLast
{
	display:flex;
	justify-content:center;
}

.acgSection
{
	margin-top:140px;
	margin-bottom:140px;
}

.acgSection:first-child
{
	margin-top:80px;
}

.acgRwdNarrow .acgSection
{
	margin-top:100px;
	margin-bottom:100px;
}

.acgSectionCopyBlock
{
	jmargin-top:56px;
	jmargin-bottom:56px;
}
/* .acgRwdNarrow .acgSectionCopyBlock
{
	margin-top:42px;
	margin-bottom:42px;
} */

.acgSection:not(:first-child)
{
	jmargin-top:2rem;
}

.acgSectionTitle
{
	jpadding:1rem 0;	/* do we need this? */
	text-align:center;
	font-size:36px;
	font-weight:bold;
	margin-bottom:40px;
}

.acgRwdNarrow .acgSectionTitle
{
	font-size:28px;
}

.acgSectionCopy
{
	font-size: 16.8px;
	text-align:left;
	jmax-width:700px;
	padding-right:1rem;
	jmargin-top:40px;
	jmargin-bottom:40px;
	line-height: 1.4;
}

.acgSectionCopy:not(:last-child)
{
	margin-bottom:40px;
}
@media screen and (max-width: 1200px)
{
	.acgSectionCopy
	{
		padding-right:0;
	}
}
/*.acgRwdNarrow .acgSectionCopy
{
	padding-right:0;
}
*/

.acgSectionCopyReference
{
	font-style:italic;
	font-size:16px;
	text-align:center;
}

.acgSectionCopyBold
{
	font-weight: bold;
}

.acgSectionImage
{
	width:100%;
}

.acgRwdWide .acgSectionImage
{
	jmax-width:522px;
}

.acgChartGroup
{
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
	margin-top:35px;
	row-gap:48px;
}

.acgChartGroupItem
{
	jwidth:33%;
	flex-basis:calc(33% - 10px);
}
.acgChartGroupItem:not(:last-child)
{
	jmargin-bottom:4px;
}

.acgChartBlock
{
	width:250px;
	margin:auto;
}

/* sets size of chart */
.acgChartParent
{
	width:186px;
	height:186px;
	margin:auto;
}

.acgChartLabel
{
	font-size:16px;
	margin-top:14px;
	jmargin-bottom:44px;
	text-align:center;
}

.acgAnimatedText
{
	jdisplay:none;
	position:absolute;
	font-size:2.47em;
	jline-height:1.1;
}

.acgNavMenu
{
	display:flex;
}
.acgNavMenuItem
{
	padding:0 1rem;
}
.acgDigitalThreadPieceLabel
{
	font-weight:bold;
}
.acgPieChartText
{
	line-height:1.1;
	max-width:280px;
}

.acgRwdWide .acgBarChartArea
{
	display:flex;
	justify-content:center;
	margin-top:56px;
}

.acgAccordionContainer
{
	padding:0 40px;
}

.acgRwdNarrow .acgAccordionContainer
{
	padding:0 20px;
}
.acgHeroArea
{
	jmargin-top:200px;
}
.acgRwdNarrow .acgHeroArea
{
	jmargin-top:108px;
}
.acgHeroAreaTopAndBottomPadding
{
	padding-top: 4em;
	padding-bottom: 4em;
}
.acgRwdNarrow .acgHeroAreaTopAndBottomPadding
{
	padding-top: 2em;
	padding-bottom: 2em;
}
.topHeroImage
{
	max-width:95%;
	margin-left:auto;
}
@media screen and (max-width: 1200px)
{
	.topHeroImage
	{
		jpadding-left: 2em;
		max-width:100%;
		margin-left:0;
		margin-right:0;
	}
}
@media screen and (max-width: 900px)
{
	.topHeroImage
	{
		jmax-width: 50%;
		margin-left:auto;
		margin-right:auto;
	}
}
@media screen and (max-width: 900px)
{
	.contentHeroImage
	{
		jmax-width: 50%;
		margin-left:auto;
		margin-right:auto;
	}
}

.acgHeroAreaGrid
{
	display:grid;
	grid-template-columns: auto 36%;	/* 2 columns */
	align-items: center;	/* center vertically */
}
@media screen and (max-width: 1200px)
{
	.acgHeroAreaGrid
	{
		grid-template-columns: auto 44%;	/* 2 columns */
	}
}
@media screen and (max-width: 900px)
{
	.acgHeroAreaGrid
	{
		grid-template-columns: auto;	/* 1 column */
	}
	.extraPaddingOnTop
	{
		margin-top: 1em;
	}
}
/* .acgRwdNarrow .acgHeroAreaGrid
{
	display:grid;
	grid-template-columns: auto;
} */
.acgHeroAreaPadding
{
	padding-top: 2em;
	padding-bottom: 2em;
}
@media screen and (max-width: 900px)
{
	.acgHeroAreaPadding
	{
		padding-top: 0em;
	}
}
.acgHeroAreaGrid50Percent
{
	display:grid;
	grid-template-columns: auto 50%;	/* 2 columns */
	align-items: center;	/* center vertically */
}
@media screen and (max-width: 800px)
{
	.acgHeroAreaGrid50Percent
	{
		grid-template-columns: auto;	/* 1 column */
	}
}
.acgHeroAreaGridPhotoOnRight
{
	display:grid;
	grid-template-columns: 40% auto;	/* 2 columns */
	jpadding-left: 2em;
	jpadding-right: 2em;
	padding-top: 2em;
	padding-bottom: 2em;
	align-items: center;	/* center vertically */
}
@media screen and (max-width: 1200px)
{
	.acgHeroAreaGridPhotoOnRight
	{
		grid-template-columns: 44% auto;	/* 2 columns */
	}
}
@media screen and (max-width: 900px)
{
	.acgHeroAreaGridPhotoOnRight
	{
		jgrid-template-columns: auto;	/* 1 column */
		display: flex;
        flex-direction: column-reverse; /* display in 1 column, reversing the order */
		padding-top: 3em;
		padding-left: 0em;
		padding-right: 0em;
	}
}
/* .acgRwdNarrow  .acgHeroAreaGridPhotoOnRight
{
	display:grid;
	grid-template-columns: auto;
} */
.acgHeroAreaGridPhotoOnRight50Percent
{
	display:grid;
	grid-template-columns: 50% auto;	/* 2 columns */
	jpadding-left: 2em;
	jpadding-right: 2em;
	padding-top: 2em;
	padding-bottom: 2em;
}
@media screen and (max-width: 800px)
{
	.acgHeroAreaGridPhotoOnRight50Percent
	{
		//grid-template-columns: auto;	/* 1 column */
		display: flex;
        flex-direction: column-reverse; /* display in 1 column, reversing the order */
		padding-top: 0em;
		padding-left: 0em;
		padding-right: 0em;
	}
}
.photoOnRight50PercentImageContainer
{
	padding-left:1em;
}
@media screen and (max-width: 800px)
{
	.photoOnRight50PercentImageContainer
	{
		padding-left:0em;
	}
}
.acgHeroText
{
	margin-left: 1em;
	margin-right: 1em;
}
@media screen and (max-width: 900px)
{
	.acgHeroText
	{
		margin-left: 0em;
		margin-right: 0em;
	}
	.negativeTopMarginWhenStacked
	{
		margin-top: -1.5em; /* to account for white space at bottom of graphics saved on a white background */
	}
}
.acgHeroTextOnLeft
{
	margin-left: 0em;
	margin-right: 0em;
}
@media screen and (max-width: 900px)
{
	.acgHeroTextOnLeft
	{
		margin-left: 0em;
		margin-right: 0em;
	}
}
.acgHeroText50Percent
{
	margin-left: 1em;
	margin-right: 1em;
}
@media screen and (max-width: 800px)
{
	.acgHeroText50Percent
	{
		margin-left: 0em;
		margin-right: 0em;
	}
}
.extraLeftMarginTopHero
{
	margin-left:3em;
}
@media screen and (max-width: 1200px)
{
	.extraLeftMarginTopHero
	{
		margin-left:2em;
	}
}
@media screen and (max-width: 900px)
{
	.extraLeftMarginTopHero
	{
		margin-left:0em;
	}
}


.acgHeroTextTopPadding
{
}
@media screen and (max-width: 900px)
{
	.acgHeroTextTopPadding
	{
		padding-top: 2em;
	}
}
/* .acgRwdNarrow .acgHeroTextTopPadding
{
	padding-top: 1em;
} */
.acgBottomHeroArea
{
	margin-top:160px;
	margin-bottom:160px;
}
.panelBackgroundRed
{
	background-color: red;
}
.panelBackgroundGreen
{
	background-color: green;
}

.grayArea
{
	background-color: rgb(247,247,247);
}
.areaTopAndBottomPadding
{
	padding-top: 2em;
	padding-bottom: 3em;

}
.areaTopPadding
{
	padding-top: 2em;

}
.areaBottomPadding
{
	padding-bottom: 3em;

}
.acgHorizontallyCenteredText
{
	text-align:center;
	display: flex;
	justify-content: center;
}
@media screen and (max-width: 600px)
{
	.acgHorizontallyCenteredText
	{
		text-align:left;
		justify-content: left;
	}
}
.videoContainer
{
	aspect-ratio: 16 / 9 !important;
	margin-left: 2em;
}
@media screen and (max-width: 1200px)
{
	.videoContainer
	{
		margin-left: 0em;
	}
}
.videoContainer2
{
	aspect-ratio: 16 / 9 !important;
	margin-left: 0em;
}
@med
.videoContainerRightMargin
{
	margin-right: 1em;
}
.mejs__time
{
	height:inherit !important;
}
.whoBenefitsImagesGrid
{
	display: grid;
	column-gap: 15px;
	grid-template-columns: repeat(4, 1fr);	/* 4 columns */
}
@media screen and (max-width: 1200px)
{
	.whoBenefitsImagesGrid
	{
		display: grid;
		grid-template-columns: repeat(2, 1fr);	/* 2 columns */
		grid-template-rows: 50% 50%;	/* 2 rows */
	}
}
@media screen and (max-width: 600px)
{
	.whoBenefitsImagesGrid
	{
		display: grid;
		grid-template-columns: auto;	/* 1 columns */
		grid-template-rows: unset;
	}
}
.whoBenefitsItem
{
	padding-top: 15px;
	padding-bottom: 15px;
	jmargin-left: 15px;
	jmargin-right: 15px;
}
.whoBenefitsItemTitle
{
	font-family: "intel-one", "intel-clear", Helvetica, Arial, sans-serif;
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 0.4em;
}

.productGroupTitle
{
	font-family: "intel-one", "intel-clear", Helvetica, Arial, sans-serif;
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 15px;
	jmargin-top: 35px;
}
.productGridRow
{
	display: grid;
	grid-template-columns: 160px auto;	/* 2 columns */
	gap: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
}
@media screen and (max-width: 600px)
{
	.productGridRow
	{
		grid-template-columns: 130px auto;	/* 2 columns */
	}
}
.productGridItem
{
	font-size: 16px;
	padding: 0.75em;
	background-color: rgb(235,235,235);
}
@media screen and (max-width: 600px)
{
	.productGridItem
	{
		font-size: 14px;
	}
}
.productNone
{
	font-size: 16px;
}
@media screen and (max-width: 600px)
{
	.productNone
	{
		font-size: 14px;
	}
}
.no-break-hyphen {
  word-break: keep-all;
  white-space: nowrap;
}

.grayFooterArea
{
	background-color: rgb(231,231,231);
}
.footer
{
	font-size: 16px;
	padding-top: 3em;
	padding-bottom: 3em;
}
.footer-logo-container
{
	margin-bottom: 2em;
}
.footer-logo-rebrand
{
	width: 5rem;
}

/*
#main .anchor-links,
.anchor-links {
  position: fixed;
  top: -150px;
  left: 0;
  right: 0;
  z-index: 7;
  background: #e9e9e9;
  padding: 0 20px;
  font-size: 16px;
  line-height: 20px;
  -webkit-transition: top 0.3s linear;
          transition: top 0.3s linear; }
  #main .anchor-links.static,
  .anchor-links.static {
    position: static;
    overflow: hidden; }
  #main .anchor-links.left,
  .anchor-links.left {
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: 260px;
    overflow-y: auto;
    padding: 30px 0;
    background: #f2f2f2; }
    #main .anchor-links.left > ul,
    .anchor-links.left > ul {
      margin: 0; }
    #main .anchor-links.left > ul > li,
    .anchor-links.left > ul > li {
      padding: 5px 0; }
      #main .anchor-links.left > ul > li:last-child,
      .anchor-links.left > ul > li:last-child {
        padding: 5px 0; }
    #main .anchor-links.left > ul > li > a,
    .anchor-links.left > ul > li > a {
      text-transform: uppercase; }
    #main .anchor-links.left ul ul,
    .anchor-links.left ul ul {
      position: absolute;
      left: -100000px;
      overflow: hidden;
      font-size: 12px;
      line-height: 16px; }
      #main .anchor-links.left ul ul a:after,
      .anchor-links.left ul ul a:after {
        background: #53565a; }
      #main .anchor-links.left ul ul .active > a,
      .anchor-links.left ul ul .active > a {
        color: #53565a; }
    #main .anchor-links.left ul .active ul,
    .anchor-links.left ul .active ul {
      position: static;
      left: 0; }
    #main .anchor-links.left ul,
    .anchor-links.left ul {
      max-width: none;
      display: block;
      float: none;
      margin: 0 0 -5px; }
      #main .anchor-links.left ul li,
      .anchor-links.left ul li {
        display: block;
        padding: 5px 0 5px 10px;
        text-align: left;
        height: auto; }
        #main .anchor-links.left ul li:last-child,
        .anchor-links.left ul li:last-child {
          padding: 5px 0 5px 10px; }
      #main .anchor-links.left ul a,
      .anchor-links.left ul a {
        display: block;
        padding: 0 15px;
        position: relative; }
        #main .anchor-links.left ul a:last-child:after, #main .anchor-links.left ul a:after,
        .anchor-links.left ul a:last-child:after,
        .anchor-links.left ul a:after {
          bottom: 0;
          top: 0;
          left: auto;
          right: -3px;
          height: auto;
          width: 3px; }
      #main .anchor-links.left ul .active > a,
      .anchor-links.left ul .active > a {
        jcolor: #c01818; }
        #main .anchor-links.left ul .active > a:after,
        .anchor-links.left ul .active > a:after {
          right: 0; }
    @media screen and (max-width: 1260px) {
      #main .anchor-links.left,
      .anchor-links.left {
        display: none; } }
  .off-canvas #main .anchor-links, .off-canvas
  .anchor-links {
    top: 0; }
  .modal-open #main .anchor-links,
  .off-canvas.fixed #main .anchor-links, .modal-open
  .anchor-links,
  .off-canvas.fixed
  .anchor-links {
    top: 54px; }
  @media screen and (max-width: 1319px) {
    #main .anchor-links .container,
    .anchor-links .container {
      padding: 0; } }
  @media screen and (max-width: 1023px) {
    #main .anchor-links,
    .anchor-links {
      font-size: 12px;
      line-height: 16px; } }
  #main .anchor-links h3,
  .anchor-links h3 {
    float: left;
    margin: 0;
    padding: 13px 0 0; }
  #main .anchor-links ul,
  .anchor-links ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: table;
    max-width: 920px; }
    #main .anchor-links ul.right,
    .anchor-links ul.right {
      float: right; }
    #main .anchor-links ul li,
    .anchor-links ul li {
      display: table-cell;
      vertical-align: middle;
      padding: 0 30px 0 0;
      text-align: center;
      height: 54px;
      position: relative; }
      #main .anchor-links ul li:before,
      .anchor-links ul li:before {
        display: none; }
      #main .anchor-links ul li:last-child,
      .anchor-links ul li:last-child {
        padding: 0; }
        #main .anchor-links ul li:last-child a:after,
        .anchor-links ul li:last-child a:after {
          right: 0; }
      #main .anchor-links ul li.has-drop-down:after,
      .anchor-links ul li.has-drop-down:after {
        position: absolute;
        right: 30px;
        top: 50%;
        width: 0;
        height: 0;
        content: '';
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 8px solid #000;
        margin-top: -3px; }
      #main .anchor-links ul li.has-drop-down > a,
      .anchor-links ul li.has-drop-down > a {
        padding: 0 12px 0 0; }
      #main .anchor-links ul li.has-drop-down:hover ul,
      .anchor-links ul li.has-drop-down:hover ul {
        display: block; }
      #main .anchor-links ul li.has-drop-down:hover > a:after,
      .anchor-links ul li.has-drop-down:hover > a:after {
        height: 3px; }
      #main .anchor-links ul li ul,
      .anchor-links ul li ul {
        position: absolute;
        top: 100%;
        background: #e9e9e9;
        right: 30px;
        width: 170px;
        display: none; }
        #main .anchor-links ul li ul a:after,
        .anchor-links ul li ul a:after {
          right: 0; }
        #main .anchor-links ul li ul li,
        .anchor-links ul li ul li {
          text-align: left;
          display: block;
          padding: 8px 15px;
          height: auto; }
          #main .anchor-links ul li ul li:last-child,
          .anchor-links ul li ul li:last-child {
            padding: 8px 15px; }
      @media screen and (max-width: 1319px) {
        #main .anchor-links ul li,
        .anchor-links ul li {
          padding: 0 15px 0 0; }
          #main .anchor-links ul li.has-drop-down:after,
          .anchor-links ul li.has-drop-down:after {
            right: 15px; }
          #main .anchor-links ul li ul,
          .anchor-links ul li ul {
            right: 15px; } }
      @media screen and (max-width: 1023px) {
        #main .anchor-links ul li,
        .anchor-links ul li {
          padding: 0 12px 0 0; }
          #main .anchor-links ul li.has-drop-down:after,
          .anchor-links ul li.has-drop-down:after {
            right: 12px; }
          #main .anchor-links ul li ul,
          .anchor-links ul li ul {
            right: 12px; } }
    #main .anchor-links ul a,
    .anchor-links ul a {
      display: table;
      width: 100%;
      padding: 0; }
      #main .anchor-links ul a span,
      .anchor-links ul a span {
        padding: 5px 0;
        display: table-cell;
        vertical-align: top; }
  #main .anchor-links a,
  .anchor-links a {
    display: block;
    color: #000;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
    padding: 17px 0;
    overflow: hidden; }
    #main .anchor-links a:after,
    .anchor-links a:after {
      content: '';
      position: absolute;
      bottom: 0;
      height: 0;
      right: 30px;
      left: 0;
      background: #00b1f5;
      -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease; }
      @media screen and (max-width: 1319px) {
        #main .anchor-links a:after,
        .anchor-links a:after {
          right: 15px; } }
      @media screen and (max-width: 1023px) {
        #main .anchor-links a:after,
        .anchor-links a:after {
          right: 12px; } }
    #main .anchor-links a:focus,
    .anchor-links a:focus {
      text-decoration: none; }
    #main .anchor-links a:hover,
    .anchor-links a:hover {
      color: #000;
      text-decoration: none; }
      #main .anchor-links a:hover:after,
      .anchor-links a:hover:after {
        height: 3px; }
  #main .anchor-links .active > a,
  .anchor-links .active > a {
    jcolor: #c01818; }
    #main .anchor-links .active > a:after,
    .anchor-links .active > a:after {
      height: 3px; }
  #main .anchor-links .sub-nav,
  .anchor-links .sub-nav {
    float: right; }
    #main .anchor-links .sub-nav li,
    .anchor-links .sub-nav li {
      padding: 9px 0  7px 10px;
      margin: 0;
      float: left;
      display: block;
      height: auto; }
      #main .anchor-links .sub-nav li:last-child,
      .anchor-links .sub-nav li:last-child {
        padding: 9px 0  7px 10px; }
    #main .anchor-links .sub-nav a,
    .anchor-links .sub-nav a {
      display: block;
      border: 1px solid #53565a;
      background: #53565a;
      padding: 7px 11px 6px;
      text-align: center;
      min-height: 0;
      height: auto;
      display: block;
      color: #fff; }
      #main .anchor-links .sub-nav a:after,
      .anchor-links .sub-nav a:after {
        display: none; }
      #main .anchor-links .sub-nav a:hover,
      .anchor-links .sub-nav a:hover {
        color: #fff;
        border-color: #c01818;
        background: #c01818; }
    @media screen and (max-width: 1023px) {
      #main .anchor-links .sub-nav li,
      .anchor-links .sub-nav li {
        padding: 11px 0  7px 10px; }
        #main .anchor-links .sub-nav li:last-child,
        .anchor-links .sub-nav li:last-child {
          padding: 11px 0  7px 10px; }
      #main .anchor-links .sub-nav a,
      .anchor-links .sub-nav a {
        padding: 7px 5px 7px; } }
  @media screen and (max-width: 767px) {
    #main .anchor-links,
    .anchor-links {
      top: -100px; }
      #main .anchor-links ul,
      .anchor-links ul {
        display: none; }
      #main .anchor-links h3,
      .anchor-links h3 {
        display: none; }
      #main .anchor-links .sub-nav,
      .anchor-links .sub-nav {
        display: block; }
        #main .anchor-links .sub-nav li,
        .anchor-links .sub-nav li {
          padding: 7px 0  7px 10px; }
          #main .anchor-links .sub-nav li:last-child,
          .anchor-links .sub-nav li:last-child {
            padding: 7px 0  7px 10px; }
        #main .anchor-links .sub-nav a,
        .anchor-links .sub-nav a {
          padding: 4px 8px; }
      .modal-open #main .anchor-links,
      .off-canvas.fixed #main .anchor-links, .modal-open
      .anchor-links,
      .off-canvas.fixed
      .anchor-links {
        top: 40px; } }

#main .anchor-links-holder .anchor-links,
.anchor-links-holder .anchor-links {
  position: static;
  text-align: center; }
  #main .anchor-links-holder .anchor-links ul,
  .anchor-links-holder .anchor-links ul {
    max-width: 100%;
    margin: 0 auto; }
  #main .anchor-links-holder .anchor-links a,
  .anchor-links-holder .anchor-links a {
    color: #fff; }
  #main .anchor-links-holder .anchor-links .active a,
  .anchor-links-holder .anchor-links .active a {
    color: #000; }

#main .anchor-links-holder.fixed,
.anchor-links-holder.fixed {
  height: 54px; }
  #main .anchor-links-holder.fixed .anchor-links,
  .anchor-links-holder.fixed .anchor-links {
    position: fixed; }
  @media screen and (max-width: 767px) {
    #main .anchor-links-holder.fixed,
    .anchor-links-holder.fixed {
      height: 0; } }
*/