
/**************************** _Base2020.2.css ****************************/
/**************************** START **********************/
/**************************** START **********************/
/**************************** START **********************/


/* General */
html
{
    margin: 0;
    padding: 0;
	min-width: 320px;
    min-height: 100%;
}

body, p, table, tr, td, th, input, select, textarea, h1, h2, h3, h4, h5, h6
{
	font-family: 'Barlow', sans-serif;
	text-align: left; 
}

body, p, table, tr, td
{
	font-size: 18px;
	font-weight: 400;
	text-align: left; 
	color: var(--BodyText);
}
p.Smaller
{
    font-size: 14px;
    line-height: calc(14px * 1.25);
}
th
{
	font-size: 14px;
	font-weight: 400;
	text-align: left; 
	color: var(--BodyText);
}
input, select, textarea
{
	font-size: 18px;
	font-weight: 400;
	text-align: left; 
	color: var(--Blue);
    vertical-align: baseline;
}
option
{
	font-size: 18px;
}
input[type='submit']
{
	text-align: center;
}
body
{
	background-color: var(--VeryLightGray);
	margin: 0px;
	padding: 0px;
	clear: none;
    min-height: 100%;
}

/**************************** BLOCK ELEMENTS **********************/
p, h1, h2, h3, h4, h5, h6
{
	margin: 12px 0px 12px 0px;
}

p, q, li
{
	font-weight: 400;
	color: var(--Blue);
	padding: 0px;
	clear: none;
	line-height: calc(18px * 1.25);
}

h1 
{
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 42px;
    font-weight: 900;
    color: var(--Blue);
    padding: 39px 0px 0px 0px;
    clear: both;
	margin-top: 0;
	margin-bottom: 16px;
	line-height: calc(42px * 1.25);
}
body.Home h1
{
	font-size: 48px;
	line-height: calc(48px * 1.25);
}
h2
{
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 32px;
    font-weight: 900;
    color: var(--Blue);
    padding: 20px 0px 0px 0px;
    clear: both;
	margin-top: 0;
	margin-bottom: 20px;
	line-height: calc(32px * 1.25);
	text-transform: uppercase;
}
body.Home h2
{
	font-size: 36px;
	line-height: calc(36px * 1.25);
}
h3
{
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 900;
    color: var(--Blue);
    padding: 20px 0px 0px 0px;
    clear: both;
	margin-top: 0;
	margin-bottom: 12px;
    text-transform: uppercase;
	line-height: calc(24px * 1.25);
}
body.Home h3
{
	font-size: 28px;
	line-height: calc(28px * 1.25)
}
h4
{
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 900;
    color: var(--Blue);
    padding: 12px 0px 0px 0px;
    clear: both;
	margin-top: 0;
	margin-bottom: 12px;
	line-height: 20px;
}
h4.Smaller
{
    font-size: 16px;
    padding: 8px 0 0 0;
    margin-bottom: 8px;
    line-height: 16px;
}

@media (max-width: 1050px)
{
    p, li
    {
		font-size: 16px;
		line-height: calc(16px * 1.25);
    }
	h1, body.Home h1
	{
		font-size: 42px;
		line-height: calc(42px * 1.25)
	}
	h2, body.Home h2
	{
		font-size: 30px;
		line-height: calc(30px * 1.25)
	}
	h3, body.Home h3
	{
		font-size: 24px;
		line-height: calc(24px * 1.25)
	}
    h4
    {
		font-size: 18px;
		line-height: 18px;
    }
    h4.Smaller
    {
        font-size: 16px;
        padding: 6px 0 0 0;
        margin-bottom: 6px;
        line-height: 16px;
    }
    p.Smaller
    {
        font-size: 13px;
        line-height: calc(13px * 1.25);
    }
}
@media (max-width: 700px)
{
    p, li
    {
		font-size: 14px;
		line-height: calc(14px * 1.25);
    }
	h1, body.Home h1
	{
		font-size: 36px;
		line-height: calc(36px * 1.25);
	}
    h2, body.Home h2
    {
		font-size: 24px;
		line-height: calc(24px * 1.25);
    }
    h3, body.Home h3
    {
		font-size: 20px;
		line-height: calc(20px * 1.25);
    }
    h4
    {
		font-size: 17px;
		line-height: 17px;
    }
    h4.Smaller
    {
        font-size: 14px;
        line-height: 14px;
    }
    p.Smaller
    {
        font-size: 12px;
        line-height: calc(12px * 1.25);
    }
}


ul, ol
{
    color: var(--BodyText);
	margin: 0px;
    padding: 0px 0px 0px 40px;
	margin-bottom: 12px;
}
ul ul, ul ol, ol ol, ol ul
{
    margin: 4px 0 0 0;                            /** CanChange: Spacing between UL/OL inside UL/OL **/
}
li 
{
	margin: 4px 0px 4px 0px;        /** CanChange: Inter LI Spacing **/
}
li:not(.APS):first-child
{
	margin-top: 0;
}
li:not(.APS):last-child
{
	margin-bottom: 0;
}
table, tr, td, th, thead, tfoot, tbody
{
	margin: 0px;
	padding: 0px;
	clear: none;
    text-align: left;
	border-spacing: 0;
}
table
{
	border-collapse: collapse;
}
td, th
{
	vertical-align: top;
}
div>h1:not(.APS):first-child, div>h2:not(.APS):first-child, div>h3:not(.APS):first-child, div>h4:not(.APS):first-child, div>h5:not(.APS):first-child, div>h6:not(.APS):first-child, div>p:not(.APS):first-child, div>ul:not(.APS):first-child, div>ol:not(.APS):first-child,
td>h1:not(.APS):first-child, td>h2:not(.APS):first-child, td>h3:not(.APS):first-child, td>h4:not(.APS):first-child, td>h5:not(.APS):first-child, td>h6:not(.APS):first-child, td>p:not(.APS):first-child, td>ul:not(.APS):first-child, td>ol:not(.APS):first-child,
th>h1:not(.APS):first-child, th>h2:not(.APS):first-child, th>h3:not(.APS):first-child, th>h4:not(.APS):first-child, th>h5:not(.APS):first-child, th>h6:not(.APS):first-child, th>p:not(.APS):first-child, th>ul:not(.APS):first-child, th>ol:not(.APS):first-child
{
    margin-top: 0;
	padding-top: 0;
}
div>h1:not(.APS):last-child, div>h2:not(.APS):last-child, div>h3:not(.APS):last-child, div>h4:not(.APS):last-child, div>h5:not(.APS):last-child, div>h6:not(.APS):last-child, div>p:not(.APS):last-child, div>ul:not(.APS):last-child, div>ol:not(.APS):last-child,
td>h1:not(.APS):last-child, td>h2:not(.APS):last-child, td>h3:not(.APS):last-child, td>h4:not(.APS):last-child, td>h5:not(.APS):last-child, td>h6:not(.APS):last-child, td>p:not(.APS):last-child, td>ul:not(.APS):last-child, td>ol:not(.APS):last-child,
th>h1:not(.APS):last-child, th>h2:not(.APS):last-child, th>h3:not(.APS):last-child, th>h4:not(.APS):last-child, th>h5:not(.APS):last-child, th>h6:not(.APS):last-child, th>p:not(.APS):last-child, th>ul:not(.APS):last-child, th>ol:not(.APS):last-child
{
	margin-bottom: 0;
}

/**************************** FIX ELEMENTS **********************/
div, form { margin: 0px; padding: 0px; }
div { padding-top: 0.01px; padding-bottom: 0.01px; text-align: left; }
img { border: none; display: block;}
p img { display: inline;}
table { border-spacing: 0px; border-collapse: collapse; }
td, th { border-spacing: 0px; vertical-align: top; }

/**************************** INLINE ELEMENTS **********************/
a 
{
    color: var(--Red);
    text-decoration: underline;
	cursor: pointer;
	font-weight: inherit;
}
*[data-scrollto] {
    color: var(--Red);
    text-decoration: underline;
	cursor: pointer;
	font-weight: inherit;
}
a:hover
{
    /*text-decoration: underline;*/
}

/**************************** END **********************/
/**************************** END **********************/
/**************************** END **********************/

/**************************** _Base2024.1.css ****************************/
/**************************** START **********************/
/**************************** START **********************/
/**************************** START **********************/


/**************************** GENERAL **/
/* Do not change anything in these configurations */
html
{
	margin: 0;
	padding: 0;
	min-width: 320px;
	min-height: 100%;
}
body
{
	background-color: var(--BodyBackgroundColor);
	margin: 0px;
	padding: 0px;
	clear: none;
    min-height: 100%;
    min-width: 320px;
}

body, p, table, tr, td, th, q, li
{
	font-size: calc(var(--MainFontSize) * var(--FontRatio));
	font-family: var(--MainFontFamily);
	font-weight: var(--MainFontWeight);
	text-align: left; 
    line-height: calc(var(--MainFontSize) * var(--MainLineHeightRatio));
	color: var(--MainFontColor);
}
h1, h2, h3, h4, h5, h6
{
	font-family: var(--HsFontFamily);
	font-weight: var(--HsFontWeight);
    color: var(--HsColor);
	text-align: left; 
    clear: both;
}
p, q, li
{
	padding: 0px;
	margin: calc(var(--T0MA) * var(--MarginRatio)) 0px calc(var(--T0MB) * var(--MarginRatio)) 0px;
	clear: none;
}
input:not([type='submit']):not([type='radio']), select, textarea, option
{
	font-family: var(--FormControlFontFamily);
	font-weight: var(--FormControlFontWeight);
	font-size: var(--FormControlFontSize);
	text-align: left; 
    vertical-align: baseline;
    background: var(--FormControlBackgroundColor);
}
input[type='submit'], button
{
	font-family: var(--FormButtonFontFamily);
	font-weight: var(--FormButtonFontWeight);
	font-size: var(--FormButtonFontSize);
	text-align: center; 
    vertical-align: baseline;
    background: var(--FormButtonBackgroundColor);
    color: var(--FormButtonTextColor);
}
ul, ol
{
    color: var(--ListColor);
	margin: 0px;
    padding: 0px 0px 0px calc(var(--M3) * var(--PaddingRatio));
	margin-bottom: calc(var(--M1) * var(--MarginRatio));
}
ul ul, ul ol, ol ol, ol ul
{
    margin: calc(var(--D3) * var(--MarginRatio)) 0 0 0;                            /** CanChange on _Root.css: Spacing between UL/OL inside UL/OL **/
}
li 
{
	margin: calc(var(--D3) * var(--MarginRatio)) 0px calc(var(--D3) * var(--MarginRatio)) 0px;        /** CanChange on _Root.css: Inter LI Spacing, typically D3 or D2 **/
}
table, tr, td, th, thead, tfoot, tbody
{
	margin: 0px;
	padding: 0px;
	clear: none;
    text-align: left;
	border-spacing: 0;
}
table
{
	border-collapse: collapse;
}
td, th
{
	vertical-align: top;
}
strong
{
    font-weight: var(--StrongFontWeight);
}

/**************************** ADDITIONAL STYLING FOR Hs ELEMENTS **********************/
/* Your styles in here */
/* Font family, weight are var-configured, but can be overriden. Text-align is configured above.*/
/* Required configurations include font-size and color; padding and margin and line-height. */

h1 
{
	font-size: calc(var(--T1) * var(--HeaderRatio));
    padding: calc(var(--T1P) * var(--PaddingRatio)) 0px 0px 0px;
    margin: calc(var(--T1M) * var(--MarginRatio)) 0px calc(var(--T1M) * var(--MarginRatio)) 0px;
    line-height: calc(var(--T1) * var(--HeaderRatio) * var(--HsLineHeightRatio));
}
h2
{
	font-size: calc(var(--T2) * var(--HeaderRatio));
    padding: calc(var(--T2P) * var(--PaddingRatio)) 0px 0px 0px;
    margin: calc(var(--T2M) * var(--MarginRatio)) 0px calc(var(--T2M) * var(--MarginRatio)) 0px;
    line-height: calc(var(--T2) * var(--HeaderRatio) * var(--HsLineHeightRatio));
}
h3
{
	font-size: calc(var(--T3) * var(--HeaderRatio));
    padding: calc(var(--T3P) * var(--PaddingRatio)) 0px 0px 0px;
    margin: calc(var(--T3M) * var(--MarginRatio)) 0px calc(var(--T3M) * var(--MarginRatio)) 0px;
    line-height: calc(var(--T3) * var(--HeaderRatio) * var(--HsLineHeightRatio));
}
h4
{
	font-size: calc(var(--T4) * var(--HeaderRatio));
    padding: calc(var(--T4P) * var(--PaddingRatio)) 0px 0px 0px;
    margin: calc(var(--T4M) * var(--MarginRatio)) 0px calc(var(--T4M) * var(--MarginRatio)) 0px;
    line-height: calc(var(--T4) * var(--HeaderRatio) * var(--HsLineHeightRatio));
}
h5
{
	font-size: calc(var(--T5) * var(--HeaderRatio));
    padding: calc(var(--T5P) * var(--PaddingRatio)) 0px 0px 0px;
    margin: calc(var(--T5M) * var(--MarginRatio)) 0px calc(var(--T5M) * var(--MarginRatio)) 0px;
    line-height: calc(var(--T5) * var(--HeaderRatio) * var(--HsLineHeightRatio));
}
h6
{
	font-size: calc(var(--T6) * var(--HeaderRatio));
    padding: calc(var(--T6P) * var(--PaddingRatio)) 0px 0px 0px;
    margin: calc(var(--T6M) * var(--MarginRatio)) 0px calc(var(--T6M) * var(--MarginRatio)) 0px;
    line-height: calc(var(--T6) * var(--HeaderRatio) * var(--HsLineHeightRatio));
}

/****************************  ADDITIONAL STYLING FOR FORM CONTROL ELEMENTS **/
input:not([type='submit']):not([type='file']):not([type='radio']):not([type='checkbox']), select, textarea
{
    padding: calc(var(--FormControlPaddingV) * var(--PaddingRatio)) calc(var(--FormControlPaddingH) * var(--PaddingRatio));
    border-radius: var(--FormControlRadius);
    box-sizing: border-box;
    outline: none;
    border: var(--FormControlBorder);
    box-shadow: var(--FormControlShadow);
}
textarea
{
    resize: none;
}
input:not([type='submit']):not([type='radio']):not([type='checkbox']), select
{
    height: var(--FormControlHeight);
}
label {
    user-select: none;
    cursor: pointer;
}

/**************************** APS Class - If not used, first H's, P's, OL's, UL's have a margin-top and padding-top of 0; and last childs have a margin-bottom of 0 **/
div>h1:not(.APS):first-child, div>h2:not(.APS):first-child, div>h3:not(.APS):first-child, div>h4:not(.APS):first-child, div>h5:not(.APS):first-child, div>h6:not(.APS):first-child, div>p:not(.APS):first-child, div>ul:not(.APS):first-child, div>ol:not(.APS):first-child,
td>h1:not(.APS):first-child, td>h2:not(.APS):first-child, td>h3:not(.APS):first-child, td>h4:not(.APS):first-child, td>h5:not(.APS):first-child, td>h6:not(.APS):first-child, td>p:not(.APS):first-child, td>ul:not(.APS):first-child, td>ol:not(.APS):first-child,
th>h1:not(.APS):first-child, th>h2:not(.APS):first-child, th>h3:not(.APS):first-child, th>h4:not(.APS):first-child, th>h5:not(.APS):first-child, th>h6:not(.APS):first-child, th>p:not(.APS):first-child, th>ul:not(.APS):first-child, th>ol:not(.APS):first-child,
li:not(.APS):first-child
{
    margin-top: 0;
	padding-top: 0;
}
div>h1:not(.APS):last-child, div>h2:not(.APS):last-child, div>h3:not(.APS):last-child, div>h4:not(.APS):last-child, div>h5:not(.APS):last-child, div>h6:not(.APS):last-child, div>p:not(.APS):last-child, div>ul:not(.APS):last-child, div>ol:not(.APS):last-child,
td>h1:not(.APS):last-child, td>h2:not(.APS):last-child, td>h3:not(.APS):last-child, td>h4:not(.APS):last-child, td>h5:not(.APS):last-child, td>h6:not(.APS):last-child, td>p:not(.APS):last-child, td>ul:not(.APS):last-child, td>ol:not(.APS):last-child,
th>h1:not(.APS):last-child, th>h2:not(.APS):last-child, th>h3:not(.APS):last-child, th>h4:not(.APS):last-child, th>h5:not(.APS):last-child, th>h6:not(.APS):last-child, th>p:not(.APS):last-child, th>ul:not(.APS):last-child, th>ol:not(.APS):last-child,
li:not(.APS):last-child
{
	margin-bottom: 0;
}

/**************************** FIX ELEMENTS **/
div, form { margin: 0px; padding: 0px; }
div { padding-top: 0.02px; padding-bottom: 0.02px; text-align: left; }
img { border: none; display: block;}
p img { display: inline;}
table { border-spacing: 0px; border-collapse: collapse; }
td, th { border-spacing: 0px; vertical-align: top; }
object {display: block}

/**************************** A ELEMENT **/
a 
{
    color: var(--AColor);
    text-decoration: underline;
	cursor: pointer;
	font-weight: inherit;
}
a:hover
{
    text-decoration: underline;
}
a:hover, a:active
{
	outline: none;
}

/**************************** LEGACY STYLES **********************/
.Bordered 
{
    border: black 1px solid;
}

/**************************** LAYOUT BLOCKS & INLINEs ***********************/
.CenterSelfBlock
{
    margin-left: auto;
    margin-right: auto;
    width: max-content;
    display: block;
}
.RightSelfBlock
{
    margin-left: auto;
    margin-right: 0;
    width: max-content;
    display: block;
}
.CenterChildrenInlineBlocks
{
    text-align: center;
}
span.NoBreak
{
	white-space: nowrap;
	text-wrap: avoid;
}
DIV.CenterContentWrapper
{
    width: 100%; margin-left: auto; margin-right: auto; max-width: var(--LayoutMaxWidth)
}
DIV.CenterContent	
{
    margin-left: var(--LayoutMargin); margin-right: var(--LayoutMargin); overflow-x: clip; 
}

/**************************** VALIDATOR **********************/
div.ValidatorErrors 
{    
	background-color: var(--ValidatorErrorBackgroundColor);
	border: none;
	margin-bottom: calc(var(--M1) * var(--MarginRatio));
    padding: calc(var(--M1) * var(--PaddingRatio)) 0;
    box-sizing: border-box;
    display: none;
    border-radius: var(--FormControlRadius);
    margin-bottom: calc(var(--M2) * var(--MarginRatio));
}
div.ValidatorErrors p {
	color: var(--ValidatorErrorTextColor);
	margin: calc(var(--D2) * var(--FontRatio)) calc(var(--M1) * var(--FontRatio));
}
div.ValidatorOK
{
	background-color: var(--ValidatorOKBackgroundColor);
	border: none;
	margin-bottom: calc(var(--M1) * var(--MarginRatio));
    padding: calc(var(--M1) * var(--PaddingRatio)) 0;
    box-sizing: border-box;
    display: none;
    border-radius: var(--FormControlRadius);
    margin-bottom: calc(var(--M2) * var(--MarginRatio));
}
div.ValidatorOK p {
	color: var(--ValidatorOKTextColor);
	margin: calc(var(--D2) * var(--FontRatio)) calc(var(--M1) * var(--FontRatio));
}
div.ButtonResultOK /* This is the style while showing the OK result*/
{
    cursor: wait !important;
    background-color: var(--ValidatorOKBackgroundColor) !important;
}
div.ButtonSubmitting
{
    cursor: wait;
}

div.ResultOK {
} /* This is the class that is set on the div's when the result OK shows, can be changed in _Root.css */

/**************************** END **********************/
/**************************** END **********************/
/**************************** END **********************/




/**************************** _Root.css ****************************/
h2.RedUnderline, h3.RedUnderline
{
    border-bottom: solid 4px var(--Red);
    padding-bottom: 2px;
}
p.LinkUnderline a
{
	font-family: Raleway, Arial, Helvetica, sans-serif;
    color: var(--White);
    border-bottom: solid 2px var(--Red);
	font-weight: 900;
	text-transform: uppercase;
    text-decoration: none;
}
a:hover, a:active
{
	outline: none;
}
input[type="search"]
{
	color: var(--Blue);
	font-size: 15px;
	font-weight: 400;
	background-color: var(--White);
	display: inline-block;
	padding: 4px;
	box-sizing: border-box;
	border: solid 1px #bdbdbd;
}

div.WidthConstraint
{
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
    box-sizing: border-box;
}
div.WidthConstraintTight
{
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
    box-sizing: border-box;
}
div.WidthConstraintNoPadding
{
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
    box-sizing: border-box;
}

section.WhiteBackground, div.WhiteBackground
{
    background-color: var(--White);
}
section.VeryLightGrayBackground, div.VeryLightGrayBackground
{
    background-color: var(--VeryLightGray);
}
section.LightGrayBackground, div.LightGrayBackground
{
    background-color: var(--LightGray);
}
p.LinkRed, span.LinkRed
{
	color: var(--Red);
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 900;
	text-transform: uppercase
}
.Separation1x
{
    height: 20px;
}
.Separation2x
{
    height: 40px;
}
.Separation3x
{
    height: 60px;
}
.Separation4x
{
    height: 80px;
}
.PaddingTop1x
{
    padding-top: 20px;
}
.PaddingTop2x
{
    padding-top: 40px;
}
.PaddingTop4x
{
    padding-top: 80px;
}
.Padding1x
{
    padding-top: 20px;
    padding-bottom: 20px;
}
.Padding2x
{
    padding-top: 40px;
    padding-bottom: 40px;
}
.Padding4x
{
    padding-top: 80px;
    padding-bottom: 80px;
}
.MarginTop1x
{
    margin-top: 20px;
}
.MarginTop2x 
{
    margin-top: 40px;
}
.MarginTop4x 
{
    margin-top: 80px;
}
.MarginBottom1x 
{
    margin-bottom: 20px;
}
.MarginBottom2x
{
    margin-bottom: 40px;
}
.MarginBottomp4x {
    margin-bottom: 80px;
}
.TitleAndButton
{
    display: flex;
    flex-wrap: nowrap;
	padding-bottom: 20px;
}
.TitleAndButton h2 
{
    flex: 1 1 auto;
	padding-bottom: 0;
	margin-bottom: 0;
}
.TitleAndButton>div
{
    flex: 0 0 max-content;
    align-self: center;
    padding-left: 20px;
}
@media (max-width: 600px)
{
    .TitleAndButton 
    {
        flex-wrap: wrap;
        justify-content: center;
    }
    .TitleAndButton h2
    {
        min-width: 100%;
    }
    .TitleAndButton>div
    {
		padding-top: 12px;
		padding-left: 0;
        padding-bottom: 20px;
    }
}
img.IconFL
{
	float: left;
	margin-right: 20px;
}
hr
{
	background-color: var(--Gray);
	border: none;
	height: 3px;
	clear: both;
}
hr.Separation1x
{
	height: 3px;
	margin-bottom: 20px;
	margin-top: 20px;
}
hr.Separation2x
{
	height: 3px;
	margin-bottom: 40px;
	margin-top: 20px;
}
hr.Separation3x
{
	height: 3px;
	margin-bottom: 50px;
	margin-top: 20px;
}
section.Content
{
	padding-top: 40px;
}

#cboxTitle
{
    padding-left: 60px;
    padding-right: 60px;
    box-sizing: border-box;
    background-color: var(--White);
}

p.Smaller
{
    font-size: 14px;
    line-height: calc(14px * 1.25);
}

th
{
	font-size: 14px;
	font-weight: 400;
	text-align: left; 
	color: var(--BodyText);
}


body.Home h1
{
	font-size: 48px;
	line-height: calc(48px * 1.25);
}
h2
{
	text-transform: uppercase;
}
body.Home h2
{
	font-size: 36px;
	line-height: calc(36px * 1.25);
}
h3
{
    text-transform: uppercase;
}
body.Home h3
{
	font-size: 28px;
	line-height: calc(28px * 1.25)
}
h4
{
	line-height: 20px;
}
h4.Smaller
{
    font-size: 16px;
    padding: 8px 0 0 0;
    margin-bottom: 8px;
    line-height: 16px;
}

@media (max-width: 1050px)
{
	body.Home h1
	{
		font-size: 42px;
		line-height: calc(42px * 1.25)
	}
	body.Home h2
	{
		font-size: 30px;
		line-height: calc(30px * 1.25)
	}
	body.Home h3
	{
		font-size: 24px;
		line-height: calc(24px * 1.25)
	}
    h4.Smaller
    {
        font-size: 16px;
        padding: 6px 0 0 0;
        margin-bottom: 6px;
        line-height: 16px;
    }
    p.Smaller
    {
        font-size: 13px;
        line-height: calc(13px * 1.25);
    }
}
@media (max-width: 700px)
{
    p, li
    {
		font-size: 14px;
		line-height: calc(14px * 1.25);
    }
	body.Home h1
	{
		font-size: 36px;
		line-height: calc(36px * 1.25);
	}
    body.Home h2
    {
		font-size: 24px;
		line-height: calc(24px * 1.25);
    }
    body.Home h3
    {
		font-size: 20px;
		line-height: calc(20px * 1.25);
    }
    h4.Smaller
    {
        font-size: 14px;
        line-height: 14px;
    }
    p.Smaller
    {
        font-size: 12px;
        line-height: calc(12px * 1.25);
    }
}

/**************************** INLINE ELEMENTS **********************/
*[data-scrollto] {
    color: var(--Red);
    text-decoration: underline;
	cursor: pointer;
	font-weight: inherit;
}


/**************************** _Variables.css ****************************/
:root
{
    /* Standard variables*/
    --MarginRatio: 1;
    --PaddingRatio: 1;
    --HeaderRatio: 1;
    --FontRatio: 1;
    --FontRatioFixed: 1;
    
    --BodyBackgroundColor: var(--VeryLightGray);

    --MainFontFamily: 'Barlow', sans-serif;
    --MainFontWeight: 400;
    --MainFontSize: var(--T0);
    --MainLineHeightRatio: 1.25;
    --MainFontColor: var(--Blue);

    --HsFontFamily: Raleway, Arial, Helvetica, sans-serif;
    --HsFontWeight: 900;
    --HsLineHeightRatio: 1.25;
    --HsColor: var(--Blue);

    --FormControlFontFamily: 'Barlow', sans-serif;
    --FormControlFontWeight: 700;
    --FormControlFontSize: 18px;
    --FormControlTextColor: var(--Blue);
    --FormControlBackgroundColor: var(--White);
    --FormControlShadow: none;
    --FormControlPaddingV: 8px;
    --FormControlPaddingH: 8px;
    --FormControlRadius: 0;
    --FormControlBorder: 2px solid var(--Gray);
    --FormControlHeight: inherit;

    --FormButtonFontFamily: 'Barlow', sans-serif;
    --FormButtonFontWeight: 600;
    --FormButtonFontSize: 18px;
    --FormButtonTextColor: var(--White);
    --FormButtonBackgroundColor: var(--Red);
    --FormButtonTextColorHover: var(--White);
    --FormButtonBackgroundColorHover: var(--RedHover);

    --ValidatorOKBackgroundColor: var(--Gray);
    --ValidatorOKTextColor: var(--White);
    --ValidatorErrorBackgroundColor: var(--Red);
    --ValidatorErrorTextColor: var(--White);
    --ValidatorFieldHighlighterBackgroundColor: var(--Red);
    --ValidatorFieldHighlighterTextColor: var(--White);
    --ValidatorErrorFieldBackgroundColor: var(--White);
    --ValidatorErrorFieldTextColor: var(--Blue);

    --ListColor: var(--BodyText);
    --AColor: var(--Red);
    --StrongFontWeight: 700;

    --LayoutMaxWidth: 1280px;

    --M1: 12px;
    --M2: 24px;
    --M3: 36px;
    --M4: 48px;
    --M8: 96px;
    --M10: 120px;
    --M12: 144px;
    --D2: 6px;
    --D3: 4px;
    --D6: 2px;

    --T0: 18px;     --T0MA: 12px;      --T0MB: 12px;  /* For standard texts, T0MA is typically M1, while T0MB can be M1 or M2 */
    --T1: 42px;     --T1M: 16px;   --T1P: 39px;   /* As H1 */
    --T2: 32px;     --T2M: 20px;   --T2P: 20px;   /* As H2 */
    --T3: 24px;     --T3M: 12px;   --T3P: 20px;     /* As H3 */
    --T4: 20px;     --T4M: 12px;   --T4P: 12px;     /* As H4 */
    --T5: 18px;     --T5M: 8px;     --T5P: 6px;     /* As H5 */
    --T6: 16px;     --T6M: 8px;     --T6P: 6px;     /* As H6 */

    /* Custom colors & variables*/
    --BodyText: #555555;    
    --Blue: #0d2043;
    --Red: #dd1f26;
    --VeryLightGray: #f5f5f5;
	--BorderGray: #bdbdbd;
    --Gray: #d7d7d7;
    --RedHover: #e6494f;
    --LightGray: #e0e0e0;
    --BlueHover: #15346e;
    --Turquoise: #31bdc6;
    --White: #ffffff;
    --Grad1A: rgba(13,32,67,0.85);
    --Grad1B: rgba(60,36,103,0.85); 
    --Grad1C: rgba(221,31,38,.85);
    --Lighten: rgba(255,255,255,0.3);
}

@media (max-width: 1050px)
{
    :root
    {
        --TO: 16px;
        --T1: 42px;
        --T2: 30px;
        --T3: 24px;
        --T4: 18px;
    }
}

@media (max-width: 700px)
{
    :root
    {
        --TO: 14px;
        --T1: 36px;
        --T2: 24px;
        --T3: 20px;
        --T4: 17px;
    }
}

/**************************** Global-Boxes.css ****************************/
div.Box
{
	background-color: var(--White);
	padding: 20px;
	border: solid 1px var(--Gray);
}

div.BoxPurple
{
	background-image: linear-gradient(90deg, var(--Grad1A) 0, var(--Grad1B) 100%);
	background-size: cover;
	padding: 10px 20px 20px 20px;
	clip-path: polygon(calc(100% - 30px) 0, 100% 60px, 100% 100%, 0 100%, 0 0);
}
div.BoxPurple h2
{
	color: var(--White);
	padding-top: 4px;
	margin-top: 0;
	margin-bottom: 0;
}
div.BoxPurple h4
{
	color: var(--White);
	padding-top: 4px;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
div.BoxPurple p
{
	color: var(--White);
	margin-top: 4px;
}
div.BoxPurple div.LinksOnBoxPurple
{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
}
div.BoxPurple div.LinksOnBoxPurple
{
	flex: 0 0 auto;
}
div.BoxPurple p.LinkOnBoxPurple a, div.BoxPurple div.LinksOnBoxPurple a
{
	text-transform: uppercase;
	color: var(--Red);
	font-weight: 700;
	text-decoration: none;
}

div.BoxPurple hr
{
	color: var(--White);
}
div.BoxPurple div.B
{
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 4px;
    align-content: flex-start;
    padding-top: 8px;
	padding-bottom: 8px;
}
div.BoxPurple div.B p.Title
{
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
div.BoxPurple div.B p
{
    margin: 0;
    text-transform: uppercase;
}

div.FileDownload
{
    display: flex;
    margin-bottom: 20px;
    cursor: pointer;
}
div.FileDownload div.FileDownloadButton
{
    flex: 0 0 46px;
    height: 44px;    
    background-color: var(--Red);
    border-radius: 4px;
    position: relative;
    top: -6px;
    margin-left: 20px;
}
div.FileDownload p
{
    flex: 1 1 auto;
    align-self: center;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 20px;
    margin-right: 20px;
}

div.DocumentLink
{
    display: flex;
    margin-bottom: 20px;
    cursor: pointer;
}
div.DocumentLink div.DocumentLinkButton
{
    flex: 0 0 46px;
    height: 44px;    
    background-color: var(--Red);
    border-radius: 4px;
    position: relative;
    top: -6px;
    margin-left: 20px;
}
div.DocumentLink p
{
    flex: 1 1 auto;
    align-self: center;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 20px;
    margin-right: 20px;
}

/**************************** Global-ButtonColor.css ****************************/
button
{
	background-color: var(--Red);
	color: var(--White);
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: center;
	display: inline-block;
	padding: 8px 40px;
	border-radius: 6px;
	cursor: pointer;
	text-decoration: none;
	font-weight: 900;
	text-transform: uppercase;
	vertical-align: baseline;
    border: none;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
button.Height2x
{
	padding: 16px 54px;
}
button:hover 
{
	transition: color .4s ease, background-color .4s ease, border .4s ease;
	background-color: var(--RedHover);
}
.ButtonSet button:not(:last-child) 
{
    margin-right: 20px;
}
.ButtonSet button:not(:first-child) 
{
    margin-top: 20px;
}
button.White 
{
    background-color: var(--White);
    color: var(--Blue);
    border: solid 1px var(--Blue);
}
button.White a
{
    color: var(--Blue);
    text-decoration: none;
}
button.White:hover 
{
    color: var(--BlueHover);
    border: solid 1px var(--BlueHover);
    transition: background-color 0.4s;
}
button.White:hover a
{
    color: var(--BlueHover);
}

button.OverBlueBackground 
{
    background-color: transparent;
    border: solid 1px var(--White);
    transition: background-color 0.4s;
}
button.OverBlueBackground:hover 
{
    background-color: var(--Red);
    transition: background-color 0.4s;
}


div.ButtonColor
{
	padding: 12px;
	margin-top: 12px;
}
div.ButtonColor span
{
	float: right;
	color: var(--White);
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 900;
}
div.ButtonColor a
{
	text-decoration: none;
	color: var(--White);
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 900;
	text-transform: uppercase;
}
div.ButtonColor:hover
{
	filter: brightness(1.25) saturate(1.25);
	transition: filter .4s ease;
	cursor: pointer;
}
div.ButtonColor1
{
	background-color: #2fbdc6;
}
div.ButtonColor2
{
	background-color: #fb8b02;
}
div.ButtonColor3
{
	background-color: #563636;
}
div.ButtonColor4
{
	background-color: #0e7c7b;
}
div.ButtonColor5
{
	background-color: #e53835;
}


/**************************** Global-Footer.css ****************************/
footer
{
    background-color: var(--Blue);
    padding-bottom: 40px;
}
div.Footer
{
    display: grid;
    grid-template-columns: 2fr 1.5fr 2fr;
    grid-column-gap: 60px;
}
div.Footer div.A
{
    padding-top: 20px;
}
div.Footer div.A h3
{
    text-transform: uppercase;
    padding-top: 0;
}
div.Footer h3, div.Footer div.B a, div.Footer div.C a, div.Footer p
{
    color: var(--White);
}
div.Footer div.B
{
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 4px;
    align-content: flex-start;
    padding-top: 20px;
}
div.Footer div.B p.Title
{
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
div.Footer div.B p
{
    margin: 0;
    text-transform: uppercase;
}
div.Footer div.B a {
    text-decoration: none;
}
div.Footer div.C
{
    padding-top: 20px;
}
div.Footer div.C ul
{
    display: grid;
    grid-template-columns: max-content max-content;
    grid-column-gap: 40px;
    grid-row-gap: 8px;
    align-content: flex-start;
    padding: 0;
    margin: 0;
}
div.Footer div.C ul li
{
    list-style: none;
    padding: 0;
    margin: 0;
}  

div.Footer div.C ul li a
{
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: solid 2px var(--Red);
    text-wrap: none;
    white-space: nowrap;
}
@media (max-width: 900px) {
    div.Footer
    {
        grid-template-columns: 0.4fr 0.6fr;
        grid-row-gap: 20px;
    }
    div.Footer div.A
    {
        grid-column-start: 1;
        grid-column-end: 3;
    }
}
@media (max-width: 650px) {
    div.Footer
    {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }
    div.Footer div.A
    {
        grid-column-start: 1;
        grid-column-end: 2;
    }
}

/**************************** Global-FooterSocialMedia.css ****************************/
section.FooterSocialMedia
{
    background-color: var(--Gray);
    padding-top: 10px;
    padding-bottom: 10px;
}
div.FooterSocialMedia
{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
@media (max-width: 750px)
{
    div.FooterSocialMedia
    {
        flex-wrap: wrap;
        justify-content: center;
    }
    div.FooterSocialMedia div.A
    {
        flex: 0 0 auto;
        padding-bottom: 8px;
    }
    div.FooterSocialMedia div.B
    {
        flex: 0 0 auto;
        padding-bottom: 8px;
    }
    div.FooterSocialMedia div.C
    {
        flex: 0 0 auto;
        padding-bottom: 8px;
    }
}
div.FooterSocialMedia div.A
{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
div.FooterSocialMedia div.A div
{
    flex: 0 0 auto;
    padding-right: 10px;
}
div.FooterSocialMedia div.B
{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
div.FooterSocialMedia div.B div
{
    flex: 0 0 auto;
    padding-right: 10px;
}
div.FooterSocialMedia p
{
    font-size: 13px;
}
div.FooterSocialMedia a
{
    color: var(--Blue);
    padding: 4px;
    text-decoration: none;
}
div.FooterSocialMedia div.A a.Icon:hover
{
    transition: color 0.2s ease;
    color: var(--White);
}


/**************************** Global-Forms.css ****************************/
form
{
	margin-top: 0;
}
form p.Caption
{
	margin-bottom: 0;
	font-size: 15px;
    margin-top: 12px;
}
form p.Caption:first-of-type
{
    margin-top: 0;
}
span.Required
{
	color: var(--Red);
}
form select, form textarea, form input
{
	width: 100%;
	box-sizing: border-box;
    line-height: 26px;
}
form textarea
{
	height: 80px;
}
form textarea.Height3x
{
	height: 240px;
}
form select
{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url('/images/template/ArrowDown.svg');
	background-position: right 10px center;
	background-size: 24px 24px;
	background-repeat: no-repeat;
    background-color: var(--White);
	padding-right: 36px;
	cursor: pointer;
}

form div.FieldHighlighter
{
    position: absolute;
    clip-path: polygon(0 20px, 20px 20px, 40px 0, 60px 20px, 100% 20px, 100% 100%, 0 100%, 0 0);
    background-color: var(--Red);
    display: none;
    padding: 30px 10px 10px 10px;
    color: var(--White);
}
form div.FieldHighlighter p
{
    color: var(--White);
}
form div.Errors
{
    background-color: var(--Gray);
    padding: 12px;
    display: none;
    margin-bottom: 20px;
}
form div.Errors p
{
    margin-top: 4px;
    margin-bottom: 4px;
    color: var(--Red);
    font-weight: 700;
}


/**************************** Global-Grid.css ****************************/
div.Grid
{
	display: grid;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}
div.Grid div.Item
{
	max-width: 440px;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
div.Grid2Columns
{
	grid-template-columns: repeat(2, 1fr);
}
div.Grid3Columns
{
	grid-template-columns: repeat(3, 1fr);
}
div.Grid4Columns
{
	grid-template-columns: repeat(4, 1fr);
}
div.Grid5Columns
{
    grid-template-columns: repeat(5, 1fr);
}
div.Grid6Columns
{
    grid-template-columns: repeat(6, 1fr);
}
div.Grid.Force5Columns
{
	grid-template-columns: repeat(5, 1fr);
}
div.Grid.Force4Columns
{
	grid-template-columns: repeat(4, 1fr);
}
div.Grid.Force3Columns
{
	grid-template-columns: repeat(3, 1fr);
}
div.Grid.Force2Columns
{
	grid-template-columns: repeat(2, 1fr);
}
div.Grid.Force1Columns
{
	grid-template-columns: 1fr;
}

div.Grid div.Item
{
	display: flex;
	flex-direction: column;
}
div.Grid div.Item div.Image
{
	flex: 1 0 auto;
	min-height: 140px;
	overflow: hidden
}
div.Grid div.Item div.Image img
{
	width: 100%;
    clip-path: polygon(calc(100% - 30px) 0, 100% 60px, 100% 100%, 0 100%, 0 0);
}
div.Grid div.Item>h4
{
	flex: 0 0 40px;
	background: linear-gradient(90deg, var(--Grad1A) 0, var(--Grad1B) 50%, var(--Grad1C) 100%);
	background-size: 200%;
	background-position-x: 0%;
	transition: background-position .5s;
	padding: 12px;
	margin: 0;
	color: var(--White);
	text-transform: uppercase;
	box-sizing: border-box;
	position: relative;
	top: -1px;
}
div.Grid div.Item>h4 a
{
    color: var(--White);
    text-decoration: none;
}
div.Grid div.Item.Active
{
	cursor: pointer;
}
div.Grid div.Item.Active>h4
{
	background-position-x: 100%;
	transition: background-position .5s;
}
div.Grid div.Item div.Desc
{
	flex: 1 1 70%;
	padding: 12px;
	background: var(--White);
	border-left: solid 1px var(--Gray) ;
	border-right: solid 1px var(--Gray) ;
}
div.Grid div.Item.NoH4 div.Desc { 
    border-left: none;
    border-right: none;
}
div.Grid div.Item div.Link
{
	flex: 0 0 auto;
	padding: 12px;
	background-color: var(--White);
	border-left: solid 1px var(--Gray);
	border-right: solid 1px var(--Gray);
}
div.Grid div.Item.NoH4 div.Link {
    border-left: none;
    border-right: none;
}

div.Grid div.Item div.Progress
{
	flex: 0 0 3px;
	background: linear-gradient(270deg, var(--White) 50%, var(--Red) 50%);
	background-size: 200%;
	background-position: 100%;
	transition: background-position .5s ease;
	border-bottom: solid 1px var(--Gray);
    border-left: solid 1px var(--Gray);
    border-right: solid 1px var(--Gray);
	box-sizing: border-box;
}
div.Grid div.Item.NoH4 div.Progress {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

div.Grid div.Item.Active div.Progress
{
	flex: 0 0 3px;
	background: linear-gradient(270deg, var(--White) 50%, var(--Red) 50%);
	background-size: 200%;
	background-position: 0%;
	transition: background-position .5s ease;
	border-bottom: solid 1px var(--Gray);
	box-sizing: border-box;
}
div.Grid div.Item div.Desc span.Highlight
{
    text-decoration: underline;
    font-style: italic;
}

div.Grid.Logos div.Item
{
	display: block;
	background-color: var(--White);
	padding: 20px;
	border-bottom: solid 4px var(--Blue);
}
div.Grid.Logos div.Item div.Image
{
	min-height: unset;
}
div.Grid.Logos div.Item div.Image img
{
	clip-path:  none;
	width: 100%;
	max-width: 175px;
	margin-left: auto;
	margin-right: auto;
}

div.Grid.NoProgress div.Item
{
    border-bottom: solid 4px var(--Blue)
}

/**************************** Global-HatchSection.css ****************************/
div.Hatch {
    background: repeating-linear-gradient(135deg,#e0e0e0, #e0e0e0 5px, var(--Gray) 6px, var(--Gray) 8px);
}

div.HatchWithButton {
    background: repeating-linear-gradient(135deg,#e0e0e0, #e0e0e0 5px, var(--Gray) 6px, var(--Gray) 8px);
}
div.HatchWithButton button {
    position: relative;
    top: 12px;
}


/**************************** Global-Header.css ****************************/
header
{
	background-color: var(--White);
    position: sticky;           /** this was fixed before **/
    width: 100%;
    z-index: 3;
    top: 0;
}


header figure {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0;
    margin-top: 15px;
}
header figure img
{
	height: 81px;
	margin-top: 5px;
}
header div.RegionSelector
{
    float: left;
    padding-top: 48px;
    position: relative;
    cursor: pointer;
}
header div.RegionSelector p.RegionCaption
{
    font-weight: 700;
}
header div.RegionSelector p
{
    margin-bottom: 0; 
    margin-top: 0;
}
header div.RegionSelector a
{
    text-decoration: none;
    color: var(--Blue);
    white-space: nowrap;
    padding: 4px 20px 8px 20px;
    display: block;
}
header div.RegionSelector img
{
    float: left;
    width: 36px;
    margin-right: 10px;
}
header div.RegionSelectorDropdown
{
    display: none;
    position: absolute;
    top: 95px;
    background-color: var(--White);
    width: 180px;
}
header div.RegionSelectorDropdown ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
header div.RegionSelectorDropdown li
{
    padding: 0;
}
header div.RegionSelectorDropdown li:hover
{
    background-color: var(--LightGray);
}
header div.Region p
{
    font-weight: bold;
}
@media (max-width: 800px) {
    header div.RegionSelector
    {
        display: none;
    }
}


header div.TopWrapper
{
	display: flex;
	flex-wrap: nowrap;
	padding-top: 12px;
	align-items: baseline;
	justify-content: flex-end;
	padding-left: 20px;
	padding-right: 20px;
}
header div.TopWrapper div.ShippingWorldwide {
    display: flex;
	flex-wrap: nowrap;
	align-items: center;
    margin-bottom: 4px;
    margin-left: 40px;
	color: var(--Blue);
	font-weight: 700;
	text-decoration: none;
	font-size: 16px;
    align-self: center;
}
    
header div.TopWrapper div.ShippingWorldwide img {
    margin-right: 8px;
}

header div.TopWrapper div.Phone {
    display: inline-block;
    margin-top: 0px;
    margin-left: 40px;
    vertical-align: baseline;
    margin-bottom: 4px;
    white-space: nowrap;
    word-break: keep-all;
}
header div.TopWrapper div.Phone a
{
	color: var(--Blue);
	font-weight: 700;
	text-decoration: none;
	font-size: 18px;
}
header div.TopWrapper div.TopButtons
{
	vertical-align: baseline;
	word-break: keep-all;
	white-space: nowrap;
	margin-top: 8px;
}
header div.TopWrapper div.TopButtons button
{
	vertical-align: baseline;
	margin-left: 20px;
}
header div.TopWrapper div.SearchField 
{
	display: flex;
	flex-wrap: nowrap;
	margin-left: 20px;
}
header div.TopWrapper div.SearchField input
{
	padding: 6px 10px 8px 10px;
	vertical-align: middle;
	width: calc(100% - 30px);
}
header div.TopWrapper div.SearchField button
{
	background-color: var(--Blue);
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	width: 32px;
	border: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0;
}
header div.TopWrapper div.SearchField button
{
	color: var(--White);
}
header nav
{
	text-align: right;
	margin-top: 14px;
}
header nav ul
{
	display: block;
	margin-right: 20px;
	margin-bottom: 0;
}
header nav ul li
{
	display: inline-block;
	margin-left: 12px;
	margin-bottom: 0;
}
header nav a
{
	color: var(--Blue);
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	display: inline-block;
	padding: 12px 16px;
	cursor: pointer;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	vertical-align: baseline;
}
header nav ul li:hover
{
	background-color: var(--Red);
	color: var(--White);
	transition: color .4s ease, background-color .4s ease, border .4s ease;
}
header nav ul li.Active
{
	background-color: var(--Red);
}
header nav ul li.Active a
{
	color: var(--White);
}
header nav ul li:hover a
{
	color: var(--White);
	transition: color .4s ease, background-color .4s ease, border .4s ease;
}
div#SideMenuButton
{
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: var(--Blue);
	color: var(--White);
	padding: 12px;
	z-index: 4;
	cursor: pointer;
	display: none;
	width: 48px;
	height: 52px;
	text-align: center;
}

@media (max-width: 1100px) {
    header
    {
        height: 117px;
    }
	header div.TopWrapper
	{
		flex-wrap: wrap;
        padding-top: 20px;
	}
	header div.TopWrapper div.TopButtons
	{
		order: 3;
	}
	header nav
	{
		display: none;
	}
	div#SideMenuButton {
		display: block;
	}
    header div.TopWrapper div.ShippingWorldwide {
        display: none;
    }
}
@media (max-width: 750px) {
    header
    {
        height: 90px;
    }
	header figure
	{
		margin-top: 10px;
	}
    header div.TopWrapper
	{
        padding-top: 12px;
	}
	header div.TopWrapper div.TopButtons
	{
		display: none;
	}

	header figure img
	{
		height: 60px;
	}
}


/**************************** Global-ImportantNotice.css ****************************/
div.ImportantNotice
{
    padding: 10px;
    background-color: var(--Red);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
    box-sizing: border-box;
    display: none;
}
@media (max-width: 1050px) {
    div.ImportantNotice {
        bottom: unset;
        top: 0;
        position: static;
    }
}
div.ImportantNotice button:hover
{
    background-color: var(--White);
    color: var(--Red);
    transition: 0.4s ease;
}
div.ImportantNotice p
{
    color: var(--White);
    text-align: center;
}
div.ImportantNotice p a
{
    color: var(--VeryLightGray);
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}
div.ImportantNotice p a:hover
{
    color: var(--White);
    transition: color 0.2s ease;
}

/**************************** Global-Read.css ****************************/
	div.Read p, div.Read li
	{
		line-height: calc(18px * 1.5);
	}
    div.Read p.Smaller
    {
        line-height: calc(15px * 1.25)
    }

	@media (max-width: 1050px)
	{
		div.Read p, div.Read li
		{
			line-height: calc(16px * 1.5);
		}
        div.Read p.Smaller
        {
            line-height: calc(13px * 1.25)
        }
	}
	@media (max-width: 700px)
	{
		div.Read p, div.Read li
		{
			line-height: calc(14px * 1.5)
		}
        div.Read p.Smaller
        {
            line-height: calc(12px * 1.25)
        }
	}

	div.Read li
	{
		list-style-image: url('/images/template/Bullet.png');
	}
	div.Read a
	{
		font-weight: 700;
	}
	div.Read div.AvoidWidows 
	{
		overflow: hidden;
	}
	div.Read div.AvoidWidows h3, div.Read div.AvoidWidows h2
	{
		clear: unset;
	}
	div.Read div.AvoidWidows h3:first-child
	{
		margin-top: 0;
		padding-top: 0;
	}
	div.Read div.AvoidWidows div.FL
	{
		float: left;
		margin-right: 20px;
		margin-bottom: 10px;
	}
	div.Read div.AvoidWidows div.FR
	{
		float: right;
		margin-left: 20px;
		margin-bottom: 10px;
	}
	div.Read div.AvoidWidows div.Content
	{
		float: unset;
		margin-bottom: 20px;
        overflow: visible;
	}
	div.Read div.AvoidWidows.Active1
	{
		display: flex;
		flex-wrap: nowrap;
	}
	div.Read div.AvoidWidows.Active1 div.Floated
	{
		flex: 0 0 auto;
		align-self: flex-start;
	}
	div.Read div.AvoidWidows.Active1 div.Floated.FR
	{
		flex: 0 0 auto;
		align-self: flex-start;
		order: 2;
	}
	div.Read div.AvoidWidows.Active1 div.Floated
	{
		flex: 0 0 auto;
		align-self: flex-start;
	}
	div.Read div.AvoidWidows.Active1 div.Content
	{
		flex: 1 1 auto;
	}
	div.Read div.AvoidWidows.Active2
	{
		display: flex;
		flex-wrap: wrap;
	}
	div.Read div.AvoidWidows.Active2 div.Floated
	{
		flex: 0 0 100%;
		margin-left: 0;
		padding-bottom: 8px;
	}
	div.Read div.AvoidWidows.Active2 div.Content
	{
		flex: 0 0 100%;
	}
	div.Read div.AvoidWidows div.Floated img
	{
		max-width: 100%;
	}
    div.ImageWithCaption
    {
	    background-image: linear-gradient(90deg, var(--Grad1A) 0, var(--Grad1B) 100%);
	    background-size: cover;
	    clip-path: polygon(calc(100% - 15px) 100%, 100% calc(100% - 30px), 100% 0, 0 0, 0 100%);
        display: inline-block;
    }
    div.ImageWithCaption p
    {
        color: var(--White);
        padding: 0 20px 12px 20px;
    }

	div.Read div.Grid
	{
		margin-bottom: 60px;
	}
	div.Read div.Highlight
	{
		background-color: var(--LightGray);
		padding: 20px;
	}
	div.Read div.HighlightStandardP
	{
		background-color: var(--LightGray);
		padding: 20px;
	}
	div.Read div.Highlight p
	{
		font-size: 28px;
		line-height: calc(28px * 1.25);
		font-weight: 700;
	}
	@media (max-width: 1050px)
	{
		div.Read div.Highlight p
		{
			font-size: 24px;
			line-height: calc(24px * 1.25);
			font-weight: 700;
		}
	}
	@media (max-width: 700px)
	{
		div.Read div.Highlight p
		{
			font-size: 20px;
			line-height: calc(20px * 1.25);
			font-weight: 700;

		}
	}
	div.Read h2.Bulleted, div.Read h3.Bulleted
	{
		list-style-image: url('/images/template/Bullet.png');
		list-style-position: outside;
		margin-bottom: 0px;
		display: list-item;
	}
	div.Read p.BulletedDesc
	{
		margin-top: 0;
	}
	div.Read img.Expand
	{
		width: 100%;
	}
	div.Read img
	{
		max-width: 100%;
	}
	div.Read table td
	{
		padding: 8px;
		border: solid 1px var(--Gray)
	}
	div.Read table tr:nth-child(2n)
	{
		background-color: var(--White)
	}
	div.Read table tr:nth-child(2n+1)
	{
		background-color: var(--VeryLightGray)
	}
	div.Read table td p
	{
		margin-top: 0;
		margin-bottom: 0;
	}
	div.Read table th
	{
		background: linear-gradient(90deg, var(--Grad1A) 0, var(--Grad1B) 100%);
		padding: 8px;
	}
	div.Read table th p
	{
		font-family: Raleway, Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: 700;
		color: var(--White);
		padding: 0px 0px 0px 0px;
		clear: both;
		margin-top: 4px;
		margin-bottom: 4px;
		line-height: 18px;
	}
	@media (max-width: 1050px) {
		div.Read table th p
		{
			font-size: 16px;
		}

	}
	@media (max-width: 700px) {
		div.Read table th p
		{
			font-size: 14px;
		}

	}


/**************************** Global-SideMenuContent.css ****************************/
div#SideMenuContent
{
	background-color: var(--Blue);
	display: none;
	z-index: 4;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	padding: 0 0 0 12px;
	width: 250px;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
div#SideMenuContent div.Root
{
	padding: 0;
}
div#SideMenuContent div.Root div
{
	padding: 8px 8px;
	list-style: none;
	margin: 0;
	border-bottom: solid 1px var(--White);
}
div#SideMenuContent div.Root div.SideMenuTitle a
{
	color: var(--White);
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	display: inline-block;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}
div#SideMenuContent div.Root div.SideMenuTitle:hover
{
	transition: color .4s ease, background-color .4s ease, border .4s ease;
	background-color: var(--Blue);
	cursor: pointer;
}
div#SideMenuContent div.Root div.SideMenuTitle.Active
{
	background-color: var(--Red);
}
div#SideMenuContent div.Root ul.Submenu
{
	display: none;
	background-color: var(--Blue);
	margin: 0;
	padding: 0;
	list-style: none;
}
div#SideMenuContent div.Root ul.Submenu li
{
	margin: 0;
	padding: 4px 16px 4px 32px;
	border-bottom: solid 1px var(--Lighten);
}
div#SideMenuContent div.Root ul.Submenu li:last-child
{
	margin: 0;
	padding: 4px 16px 4px 32px;
	border-bottom: solid 1px var(--White);
}
div#SideMenuContent div.Root ul.Submenu li a
{
	text-decoration: none;
	color: var(--White);
}
div#SideMenuContent div.Root ul.Submenu li:hover
{
	transition: color .4s ease, background-color .4s ease, border .4s ease;
	background-color: var(--BlueHover);

}

/**************************** Global-Tables.css ****************************/
table.ContentCentered td p, table.ContentCentered th p
{
    text-align: center;
}

/**************************** Global-TopMenuContent.css ****************************/
div.TopMenuContent
{
	background-color: var(--BlueHover);
	display: none;
	z-index: 2;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
div.TopMenuContent ul
{
	display: inline-block;
	padding: 0;
}
div.TopMenuContent ul li
{
	padding: 12px 16px;
	list-style: none;
	margin: 0;
	border-bottom: solid 1px var(--Blue);
}
div.TopMenuContent ul li a
{
	color: var(--White);
	text-decoration: none;
}

div.TopMenuContent ul li:hover
{
	transition: color .4s ease, background-color .4s ease, border .4s ease;
	background-color: var(--Blue);
	cursor: pointer;
}

/**************************** Home-About.css ****************************/
body.Home section.About
{
	background-image: linear-gradient(90deg, var(--Grad1A) 0, var(--Grad1B) 100%), url('/images/template/GenericBack.jpg');
	background-size: cover;
	/*padding: 0 20px 0 20px;*/
}
body.Home div.About
{
	box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 440px;
}
body.Home div.AboutLeft
{
	border-left: solid 4px var(--Red);
    padding: 40px;
	max-width: 800px;
}
body.Home div.AboutRight
{
	padding-top: 40px;
    position: relative;
    overflow: hidden;
}
body.Home div.AboutRight div
{
    height: 100%;
}

body.Home div.AboutRight img
{
    width: 100%;
}
body.Home div.AboutRight button
{
    position: absolute;
    bottom: 40px;
    right: 20px;
}

@media (max-width: 1200px) {
    body.Home div.About
    {
        grid-template-columns: 1fr 330px;
    }
}
@media (max-width: 1000px)
{
    body.Home div.About
    {
        grid-template-columns: 1fr;
    }
    body.Home div.AboutRight
    {
        display: none;
    }
}
body.Home div.About h2
{
	color: var(--White);
}
body.Home div.About p
{
	color: var(--White);
}
body.Home div.About div.ButtonSet
{
	margin-top: 20px;
}


/**************************** Home-Clients.css ****************************/
body.Home section.Clients h2
{
    display: none;
}
body.Home div.Clients
{
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
body.Home div.Clients ul {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    position: relative;
    padding: 0;
    justify-content: center;
}
body.Home div.Clients ul li
{
    flex: 0 0 auto;
    margin: 0 20px 0 0
}
body.Home div.Clients ul li img
{
    padding: 20px;
    box-sizing: border-box;
    background-color: white;
}
body.Home div.Clients h2
{
    display: none;
}

/**************************** Home-EBookBanner.css ****************************/
section.EbookBanner 
{
	background-image: linear-gradient(90deg, var(--Grad1A) 0, var(--Grad1B) 100%), url('/images/content/Default/EBookBannerBack.webp');
    background-size: cover;
    cursor: pointer;
}
div.EbookBanner
{
    display: flex;
    flex-wrap: nowrap;
	box-sizing: border-box;
    position: relative;
	border-left: solid 4px var(--Red);
}
div.EbookBanner div.Left
{
    flex: 1 1 auto;
}
div.EbookBanner div.Left h2
{
    color: var(--White);
	font-family: Raleway, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: 900;
	margin-bottom: 0;
	padding: 40px 20px 40px 40px;
}
div.EbookBanner div.Right
{
    flex: 1 1 300px;
    min-width: 200px;
}
div.EbookBanner div.Right img
{
    position: absolute;
    bottom: 0;
    right: 0;
}
div.EbookBanner div.Right button
{
    position: absolute;
    bottom: 20px;
    right: 20px;
}
@media (max-width: 700px)
{
    div.EbookBanner
    {
        flex-wrap: wrap;
    }
    div.EbookBanner div.Left
    {
        flex: 0 0 100%;
    }
    div.EbookBanner div.Right
    {
        flex: 0 0 100%;
        text-align: center;
    }
    div.EbookBanner div.Left h2
    {
        padding-bottom: 0;
    }
    div.EbookBanner div.Right img
    {
        position: static;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 20px;
    }
    div.EbookBanner div.Right div.Button
    {
        display: inline-block;
        vertical-align: bottom;
        position: relative;
        top: -40px;
    }
}
@media (max-width: 400px)
{
    div.EbookBanner div.Right
    {
        padding-bottom: 20px;
    }
    div.EbookBanner div.Right img
    {
        position: static;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    div.EbookBanner div.Right div.Button
    {
        position: static;
    }
}

/**************************** Home-Glossary.css ****************************/
body.Home ul.Glossary
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    grid-column-gap: 40px;
    padding: 0;
    margin: 0;
}
body.Home ul.Glossary li
{
    white-space: nowrap;
    word-break: keep-all;
    padding-right: 20px;
    list-style: none;
    box-sizing: border-box;
    font-size: 20px;
    margin-bottom: 12px;
}
@media (max-width: 1050px)
{
    body.Home ul.Glossary
    {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
    body.Home ul.Glossary li
    {
        font-size: 18px;
    }
}
@media (max-width: 700px)
{
    body.Home ul.Glossary
    {
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    }

    body.Home ul.Glossary li
    {
        font-size: 16px;
    }
}
body.Home ul.Glossary li a
{
    color: var(--Blue);
    font-weight: 900;
    text-decoration: none;
}
body.Home section.Glossary div.Button
{
    margin-left: auto;
}


/**************************** Home-MainTitle.css ****************************/
body.Home section.MainTitle
{
	background: repeating-linear-gradient(135deg,#e0e0e0, #e0e0e0 5px, var(--Gray) 6px, var(--Gray) 8px);
}
body.Home div.MainTitle
{
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	min-height: 100px;
}
body.Home div.MainTitleLeft
{
	flex: 0 0 calc(66.66% - 13px);
	position: relative;
	padding-right: 80px;
    box-sizing: border-box;
}
body.Home div.MainTitleLeftBox
{
	clip-path: polygon(100% 0, 100% calc(100% - 80px), calc(100% - 40px) 100%, 0 100%, 0 0);
	background: linear-gradient(90deg, var(--Grad1A) 0, var(--Grad1B) 100%);
	padding: 20px 40px 0 20px;
	position: absolute;
	bottom: 20px;
	max-width: 100%;
	box-sizing: border-box;
}
body.Home div.MainTitle h1
{
	color: var(--White);
	font-family: Raleway, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	border-left: solid 4px var(--Red);
	margin-bottom: 0;
	padding: 0 20px 20px 20px;
}
body.Home div.MainTitleRight
{
	padding: 20px;
	flex: 0 1 35%;
	box-sizing: border-box;
    overflow-x: hidden;
}
body.Home div.MadeInTheUSA
{
	box-sizing: border-box;
    max-width: 120px;
    margin-left: auto;
    text-align: right;
}
body.Home div.MadeInTheUSA img
{
    max-width: 120px;
    position: absolute;
    top: -44px;
    display: inline-block;
    right: 20px;
}
body.Home div.SustainableByDesign
{
	box-sizing: border-box;
    max-width: 180px;
    margin-left: auto;
    text-align: right;
}
body.Home div.SustainableByDesign img
{
    max-width: 180px;
    position: absolute;
    top: -40px;
    display: inline-block;
    right: 165px;
}
body.Home div.DownloadCatalog
{
	box-sizing: border-box;
    max-width: 220px;
    margin-left: auto;
    text-align: right;
}
body.Home div.DownloadCatalog img
{
    max-width: 220px;
    position: absolute;
    top: -47px;
    display: inline-block;
    right: 360px;
    cursor: pointer;
}
@media (max-width: 1280px) {
	body.Home div.MainTitle
	{
		display: block;
		position: relative;
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
		min-height: 100px;
	}
	body.Home div.MainTitleLeft
	{
		position: static;
		max-width: 100%;
		padding-right: 0;
	}
	body.Home div.MainTitleLeftBox
	{
		position: static;
	}
	body.Home div.MainTitle h1
	{
		padding-bottom: 20px;
	}
	body.Home div.MainTitleRight 
	{
		max-width: 100%;
	}
	body.Home div.MainTitleRight div.MadeInTheUSA
	{
		width: 100%;
	}
	body.Home div.MainTitleRight div.MadeInTheUSA img
	{
		position: static;
        display: none;
	}
	body.Home div.MainTitleRight div.SustainableByDesign
	{
		width: 100%;
	}
	body.Home div.MainTitleRight div.SustainableByDesign img
	{
		position: static;
        display: none;
	}
	body.Home div.MainTitleRight div.DownloadCatalog
	{
		width: 100%;
	}
	body.Home div.MainTitleRight div.DownloadCatalog img
	{
		position: static;
        display: none;
	}
}

/**************************** Home-NewsAndPress.css ****************************/

body.Home div.NewsAndPress
{
    display: flex;
    flex-wrap: nowrap;
    width: calc(100% + 20px);
}
body.Home div.News
{
    flex: 1 1 50%;
    margin-right: 20px;
    padding-top: 20px;
    min-width: 300px;
    box-sizing: border-box;
}
body.Home div.News div.NewsItem
{
    background-color: var(--White);
	border: solid 1px var(--Gray) ;
    margin-bottom: 20px;
}
body.Home div.News div.NewsItem div.Content
{
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 0;
}

body.Home div.News div.NewsItem div.Date
{
    flex: 0 0 72px;
    margin-right: 20px;
    align-self: flex-start
}
body.Home div.News div.NewsItem.Active
{
	cursor: pointer;
}
body.Home div.News div.NewsItem.Active div.Date
{
	background-position-y: 100%;
	transition: background-position .5s;
}
body.Home div.News div.NewsItem div.Desc
{
    flex: 1 1 100%;
}
body.Home div.News div.NewsItem div.Desc h3
{
    margin-top: 0px;
    padding-top: 4px;
}
body.Home div.News div.NewsItem div.Desc h3 a {
    text-decoration: none;
    color: var(--Blue);
}

body.Home div.News div.NewsItem div.Desc p.Section
{
    color: var(--Turquoise);
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 12px;
    margin-bottom: 0;
}

body.Home div.Press
{
    flex: 1 1 50%;
    margin-right: 20px;
    padding-top: 20px;
    min-width: 300px;
}

@media (max-width: 1000px) {
    body.Home div.NewsAndPress
    {
        flex-wrap: wrap;
    }
}
@media (max-width: 500px)
{
    body.Home div.News
    {
        min-width: unset;
    }
    body.Home div.Press
    {
        min-width: unset;
    }
}



/**************************** Home-Products.css ****************************/
body.Home section.Products img.Seals
{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/**************************** Home-Testimonial.css ****************************/
body.Home section.Clients div.Testimonial
{
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
    cursor: pointer;
}
body.Home section.Clients div.Testimonial q
{
	font-family: 'Barlow', sans-serif;
	font-size: 28px;
	line-height: calc(28px * 1.33);
	text-align: center;
	font-style: italic;
	display: block;
	padding-bottom: 40px;
}
@media (max-width: 1050px)
{
    body.Home section.Clients div.Testimonial q
    {
        font-size: 24px;
    	line-height: calc(24px * 1.33);
    }
}
@media (max-width: 700px)
{
    body.Home section.Clients div.Testimonial q
    {
        font-size: 20px;
    	line-height: calc(20px * 1.33);
    }
}
body.Home section.Clients div.Testimonial div.Author
{
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	align-items: center;
}
body.Home section.Clients div.Testimonial div.Author div.Line
{
	flex: 1 10 auto;
}
body.Home section.Clients div.Testimonial div.Author div.Main
{
	flex: 0 1 auto;
	padding-left: 20px;
	padding-right: 20px;
}
body.Home section.Clients div.Testimonial div.Author div.Main p.Author
{
	color: var(--Red);
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 900;
	text-transform: uppercase;
	vertical-align: middle;
}


/**************************** Home-Video.css ****************************/
div.Video
{
	width: 100%;
	height: 50vh;
	min-height: calc(100vw * 0.32);
	overflow: hidden;
}
div.Video video
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}


/**************************** Internal-Header.css ****************************/
section.HeaderInternal
{
	height: 250px;
	background-size: cover;
	background-position: center center;
	position: relative;
	border-bottom: solid 20px var(--Blue);
}
section.HeaderInternal div.H1Box
{
	clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 20px) 100%, 0 100%, 0 0);
	background: linear-gradient(90deg, var(--Grad1A) 0, var(--Grad1B) 100%);
	padding: 8px 40px 0 40px;
	position: absolute;
	bottom: -20px;
	max-width: 100%;
	box-sizing: border-box;
	min-width: 280px;
	margin-left: -40px;
}
section.HeaderInternal div.H1Box h1, section.HeaderInternal div.H1Box h2{
    color: var(--White);
    padding-top: 0;
    padding-bottom: 16px;
    margin-top: 4px;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 34px;
}
section.HeaderInternal div.H1Box h1 sup, section.HeaderInternal div.H1Box h1 sub
{
    font-size: 50%;
}

section.HeaderInternal p.BreadcrumbNavigation
{
	color: var(--White);
	padding-top: 8px;
	padding-bottom: 0px;
	margin-bottom: 4px;
	margin-top: 8px;
}
section.HeaderInternal p.BreadcrumbNavigation a
{
	font-size: 14px;
	color: var(--White);	
	text-decoration: none;
}
section.HeaderInternal p.BreadcrumbNavigation a+span.Arrow
{
	margin-left: 12px;
}
section.HeaderInternal p.BreadcrumbNavigation a~span.Arrow
{
	margin-right: 12px;
}
section.HeaderInternal p.BreadcrumbNavigation
{
	margin: 0;
	padding: 0;
}
section.HeaderInternal p.BreadcrumbNavigation span.Arrow::before
{
	content: '>';
	color: var(--Red);
	font-size: 12px;
}


section.HeaderInternal#AbAssociations
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Associations.webp');
}
section.HeaderInternal#AbCareers
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Careers.webp');
}
section.HeaderInternal#AbCertificatesAndCompliance
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Certificates.webp');
}
section.HeaderInternal#AbCustomersAndTestimonials
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Partners.webp');
}
section.HeaderInternal#AbDistributors
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/GlobalDistributors.webp');
}
section.HeaderInternal#AbOverview
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/About.webp');
}
section.HeaderInternal#AbProductsSnapshot
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/SealingProductsAll.webp');
}
section.HeaderInternal#AbTeamZAGO
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Team.webp');
}
section.HeaderInternal#AbTheZAGOAdvantage
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Team.webp');
}
section.HeaderInternal#SeOverview
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Services.webp');
}
section.HeaderInternal#SeNASM82496Testing
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/NASM82496Testing.webp');
}
section.HeaderInternal#SeNEMAReady
{ 
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/NEMAReady.webp');
}
section.HeaderInternal#SeSecondaryProcesses
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/SecondaryProcesses.webp')
}
section.HeaderInternal#SeProductCustomization
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/ProductCustomization.webp')
}
section.HeaderInternal#MaCustomerSatisfactionSurvey
{
	background-image: url('/images/headers/CustomerSatisfactionSurvey.webp')
}
section.HeaderInternal#InOverview
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Industries.webp')
}
section.HeaderInternal#InMilitaryAndDefense
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/MilitaryAndDefense.webp');
}
section.HeaderInternal#InAerospace
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Aerospace.webp');
}
section.HeaderInternal#InElectronicsAndEnclosures
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Electronics.webp');
}
section.HeaderInternal#InCommercialLighting
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/CommercialLighting.webp');
}
section.HeaderInternal#InMedicalDevices
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Medical.webp');
}
section.HeaderInternal#InRoboticsAndDrones
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/RoboticsAndDrones.webp');
}
section.HeaderInternal#InMarine
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Marine.webp');
}
section.HeaderInternal#InEnergyGenerationAndRecovery
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/EnergyGenerationAndRecovery.webp');
}
section.HeaderInternal#InAutomotive
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Automotive.webp');
}
section.HeaderInternal#InLiDAR
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/LiDAR.webp');
}
section.HeaderInternal#InIndustrialManufacturing
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/IndustrialManufacturing.webp');
}
section.HeaderInternal#InOffshoreWind
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/OffshoreWind.webp');
}
section.HeaderInternal#ReOverview
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Resources.webp');
}
section.HeaderInternal#ReClearanceHoleData
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/ClearanceHoleData.webp');
}
section.HeaderInternal#ReDimensionalTables
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/DimensionalTables.webp');
}
section.HeaderInternal#ReInstallationAndTorque
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/InstallationAndTorque.webp');
}
section.HeaderInternal#ReChoosingYourScrewMaterial
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/About.webp');
}
section.HeaderInternal#ReChoosingYourORingMaterial
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Products.webp');
}
section.HeaderInternal#ReSealingScrewsEngineering
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/SealingScrewsEngineering.webp');
}
section.HeaderInternal#ReCrystalSwitchSealsSpecifications
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/CrystalSwitchSealsSpecifications.webp');
}
section.HeaderInternal#ReSelfSealingNutsEngineering
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/SelfSealingNutsEngineering.webp');
}
section.HeaderInternal#ReSwitchBootsEngineering
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/SwitchBootsEngineering.webp');
}
section.HeaderInternal#ReWhatAreSealingFasteners
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/WhatAreSealingFasteners.webp');
}
section.HeaderInternal#ReWhatAreSecurityScrews
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/WhatAreSecurityScrews.webp');
}
section.HeaderInternal.Products
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Products.webp');
}
section.HeaderInternal#PrOverview
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/SealingProducts.webp');
}
section.HeaderInternal#PrSealingFasteners
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/SealingFasteners.webp');
}
section.HeaderInternal#PrSwitchBoots
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/SwitchBoots.webp');
}
section.HeaderInternal#PrSealingNuts
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/SealingNuts.webp');
}
section.HeaderInternal#PrSealingWashers
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/PressureSealingWashers.webp');
}
section.HeaderInternal#PrSecurityTamperProofSealScrews
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/SecurityTamperProofSealScrews.webp');
}
section.HeaderInternal#PrSealingFastenersScrewMilSpec {
    background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/MilSpecScrews.webp');
}

section.HeaderInternal#ContactUs
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/ContactUs.webp');
}
section.HeaderInternal#NewsAndEvents, section.HeaderInternal#Press
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/News.webp');
}
section.HeaderInternal#Glossary {
    background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Glossary.webp');
}
section.HeaderInternal#WebinarRegistration {
    background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Webinar.webp');
}
section.HeaderInternal#Quote {
    background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Quote.webp');
}
section.HeaderInternal#Success {
    background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Success.webp');
}
section.HeaderInternal#Expo {
    background-image: linear-gradient(90deg, rgba(13,32,67,0) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Expo.webp');
}
section.HeaderInternal#SeAnniversary30
{
    background-image: linear-gradient(90deg, rgba(13,32,67,0) 0, rgba(13,32,67,0.2) 100%), url('/images/headers/Anniversary30.webp');
}
section.HeaderInternal#EBook, section.HeaderInternal#PrivacyPolicy, section.HeaderInternal#Search, section.HeaderInternal#SitemapHTML,section.HeaderInternal#Publications, section.HeaderInternal#MediaDetail
{
    height: 0;
    margin-bottom: 80px;
}
section.HeaderInternal#EBook div.H1Box, section.HeaderInternal#PrivacyPolicy div.H1Box, section.HeaderInternal#Search div.H1Box, section.HeaderInternal#SitemapHTML div.H1Box, section.HeaderInternal#Publications div.H1Box, section.HeaderInternal#MediaDetail div.H1Box
{
    bottom: auto;
    top: 20px;
    max-width: inherit;
}

/**************************** Internal-Testimonials.css ****************************/
div.Read div.Testimonials div.Item
{
	display: flex;
	margin-bottom: 20px;
}
div.Read div.Testimonials div.Item q
{
	flex: 0 0 35%;
	background-color: var(--White);
	border-left: solid 4px var(--Red);
	padding: 20px;
	align-self: stretch;
	font-family: 'Barlow', sans-serif;
	font-size: 28px;
	line-height: calc(28px * 1.33);
	text-align: left;
	font-style: italic;
	display: block;
	box-sizing: border-box;
}
@media (max-width: 1050px)
{
    div.Read div.Testimonials div.Item q
    {
        font-size: 24px;
    	line-height: calc(24px * 1.33);
    }
}
@media (max-width: 700px)
{
    div.Read div.Testimonials div.Item q
    {
        font-size: 20px;
    	line-height: calc(20px * 1.33);
    }
}
div.Read div.Testimonials div.Item div.Desc
{
	flex: 0 0 65%;
	padding: 20px;
	align-self: flex-start;
	box-sizing: border-box;
}
div.Read div.Testimonials div.Item p.Author
{
	font-weight: 900;
}
div.Read div.Testimonials hr
{
	background-color: var(--Gray);
	border: none;
	height: 3px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/**************************** MultiplePages-LayoutFixedMenu.css ****************************/
div.LayoutFixedMenu
{
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 3fr;
    grid-column-gap: 80px;
}
@media (max-width: 800px)
{
	div.LayoutFixedMenu
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
}
div.LayoutFixedMenu div.Menu
{
    background-image: linear-gradient(90deg, #f5f5f5, #ffffff);
}
div.LayoutFixedMenu div.Menu div.MenuContent
{
    padding-right: 40px;
}
div.LayoutFixedMenu div.Menu>div 
{
    position: sticky;
    top: 130px;
}
div.LayoutFixedMenu div.Menu img.Robot
{
    display: block; 
    position: relative; 
    right: -106px; 
    width: 100%;
}
@media (max-width: 800px)
{
    div.LayoutFixedMenu div.Menu
    {
        background-image: none;
    }
    div.LayoutFixedMenu div.Menu div.MenuContent
    {
        padding-right: 0;
    }
    div.LayoutFixedMenu div.Menu img.Robot
    {
        display: none;
    }
}
div.LayoutFixedMenu div.Menu *[data-scrollto]
{
    font-weight: 700;
}


div.LayoutFixedMenu3Cols
{
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 3fr;
    grid-column-gap: 80px;
}
@media (max-width: 1200px)
{
	div.LayoutFixedMenu3Cols
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
}
div.LayoutFixedMenu3Cols div.Menu
{
    background-image: linear-gradient(90deg, #f5f5f5, #ffffff);
}
div.LayoutFixedMenu div.Menu div.MenuContent
{
    padding-right: 40px;
}
div.LayoutFixedMenu3Cols div.Menu>div 
{
    position: sticky;
    top: 130px;
}
div.LayoutFixedMenu3Cols div.Menu img.Robot
{
    display: block; 
    position: relative; 
    right: -106px; 
    width: 100%;
}
@media (max-width: 1200px)
{
    div.LayoutFixedMenu3Cols div.Menu
    {
        background-image: none;
    }
    div.LayoutFixedMenu3Cols  div.Menu div.MenuContent
    {
        padding-right: 0;
    }
    div.LayoutFixedMenu3Cols div.Menu img.Robot
    {
        display: none;
    }
}
div.LayoutFixedMenu3Cols div.Menu *[data-scrollto]
{
    font-weight: 700;
}

div.LayoutFixedMenu7030
{
    display: grid;
    grid-template-columns: minmax(360px, 1fr) 2fr;
    grid-column-gap: 80px;
}
@media (max-width: 1200px)
{
	div.LayoutFixedMenu7030
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
}
div.LayoutFixedMenu7030 div.Menu
{
    background-image: linear-gradient(90deg, #f5f5f5, #ffffff);
}
div.LayoutFixedMenu7030 div.Menu div.MenuContent
{
    padding-right: 40px;
}

div.LayoutFixedMenu7030 div.Menu>div 
{
    position: sticky;
    top: 130px;
}
div.LayoutFixedMenu7030 div.Menu img.Robot
{
    display: block; 
    position: relative; 
    right: -141px; 
    width: 100%;
}
@media (max-width: 1200px)
{
    div.LayoutFixedMenu7030 div.Menu
    {
        background-image: none;
    }
    div.LayoutFixedMenu7030 div.Menu div.MenuContent
    {
        padding-right: 0;
    }
    div.LayoutFixedMenu7030 div.Menu img.Robot
    {
        display: none;
    }
}
div.LayoutFixedMenu7030 div.Menu *[data-scrollto]
{
    font-weight: 700;
}


/**************************** MultiplePages-NewsItem.css ****************************/
div.NewsItem div.Progress
{
	height: 3px;
	background: linear-gradient(270deg, var(--White) 50%, var(--Red) 50%);
	background-size: 200%;
	background-position: 100%;
	transition: background-position .5s ease;
	box-sizing: border-box;
}
div.NewsItem.Active div.Progress
{
	height: 3px;
	background: linear-gradient(270deg, var(--White) 50%, var(--Red) 50%);
	background-size: 200%;
	background-position: 0%;
	transition: background-position .5s ease;
	box-sizing: border-box;
}
div.NewsItem div.Date 
{
	background: linear-gradient(180deg, var(--Blue) 0,#3c2467 50%, var(--Red) 100%);
	background-size: 100% 200%;
    clip-path: polygon(100% 0,100% calc(100% - 20px),calc(100% - 10px) 100%,0 100%,0 0);
	background-position-y: 0%;
	transition: background-position .5s;
	padding: 8px 16px 12px 16px;
	color: var(--White);
	text-transform: uppercase;
	box-sizing: border-box;
}
div.NewsItem div.Date p
{
    color: var(--White);
    text-align: center;
    margin: 0;
    line-height: 24px;
}
div.NewsItem div.Date span
{
    display: block;
}
div.NewsItem div.Date span.Month
{
    font-size: 16px;
    font-weight: 700;
}
div.NewsItem div.Date span.Day
{
    font-size: 32px;
    font-weight: 700;
}
div.NewsItem div.Date span.Year
{
    font-size: 16px;
    font-weight: 700;
}


/**************************** MultiplePages-PressItem.css ****************************/
div.PressItem
{
    background-color: var(--White);
	border: solid 1px var(--Gray) ;
    margin-bottom: 20px;
    box-sizing: border-box;
}
div.PressItem div.Content
{
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 20px;
    padding-right: 20px;
}
@media (max-width: 500px)
{
	div.PressItem div.Content
    {
        flex-wrap: wrap;
    }
    div.PressItem div.ImageWrapper
    {
        flex: 1 1 100%;
    }
}
div.PressItem.Active
{
	cursor: pointer;
}
div.PressItem div.ImageWrapper
{
    flex: 0 0 auto;
    padding: 20px 0 0 20px;
}
div.PressItem div.ImageWrapper img
{
    width: 140px;
    padding: 20px;
    border: solid 1px var(--Gray);
    transition: border-color 0.5s ease;
}
div.PressItem.Active div.ImageWrapper img
{
    border: solid 1px var(--White);
    transition: border-color 0.5s ease;
}
div.PressItem div.Desc
{
    flex: 1 1 100%;
    padding-left: 20px;
}
div.PressItem div.Desc p.Section
{
    color: var(--Gray);
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 0;
}
div.PressItem div.Desc h3
{
    margin-top: 0px;
    padding-top: 4px;
    font-size: 20px;
    line-height: 20px;
}
div.PressItem div.Progress
{
	height: 3px;
	background: linear-gradient(270deg, var(--White) 50%, var(--Red) 50%);
	background-size: 200%;
	background-position: 100%;
	transition: background-position .5s ease;
	box-sizing: border-box;
}
div.PressItem.Active div.Progress
{
	height: 3px;
	background: linear-gradient(270deg, var(--White) 50%, var(--Red) 50%);
	background-size: 200%;
	background-position: 0%;
	transition: background-position .5s ease;
	box-sizing: border-box;
}


/**************************** MultiplePages-PublicationItem.css ****************************/
div.PublicationItem
{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

div.PublicationItem div.Cover
{
    flex: 0 0 auto;
    padding-left: 20px;
    cursor: pointer;
}
div.PublicationItem div.Desc
{
    flex: 1 1 auto;
    padding: 4px 20px 4px 20px;
    cursor: pointer;
}
div.PublicationItem a
{
    color: var(--BodyText);
    text-decoration: none;
    font-weight: 400;
}

/**************************** SectionDistributors.css ****************************/
body.Distributors div.Grid div.Item div.Image {
    min-height: unset;
}
body.Distributors div.Grid div.Item p.Smaller {
    font-weight: 700;
}
body.DistributorDetail div.Layout {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) 2fr;
    grid-column-gap: 80px;
}
body.DistributorDetail div.Layout div.Logo img {
    width: 100%;
}
@media (max-width: 700px)
{
	body.DistributorDetail div.Layout
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
}

/**************************** SectionIndustry.css ****************************/
body.IndustryDualColumn div.Layout
{
	display: grid;
	grid-template-columns: 3fr minmax(300px, 2fr);
	grid-column-gap: 120px;
}
@media (max-width: 1000px)
{
	body.IndustryDualColumn div.Layout
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
}
body.IndustryDualColumn div.News div.NewsItem
{
    margin-bottom: 40px;
    cursor: pointer;
}
body.IndustryDualColumn div.News div.NewsItem div.Desc
{
    flex: 1 1 100%;
	background-image: linear-gradient(90deg, var(--Grad1A) 0, var(--Grad1B) 100%);
	background-size: cover;
	padding: 20px 20px;
	clip-path: polygon(calc(100% - 30px) 0, 100% 60px, 100% 100%, 0 100%, 0 0);
	margin-top: -20px;
	margin-left: 20px;
	margin-right: 20px;
}
body.IndustryDualColumn div.News div.NewsItem div.Desc h3
{
    margin-top: 0px;
    padding-top: 4px;
    color: var(--White);
}
body.IndustryDualColumn div.News div.NewsItem div.Desc h3 a {
    text-decoration: none;
    color: var(--White);
}
body.IndustryDualColumn div.News div.NewsItem div.Desc p
{
    color: var(--White);
}
body.IndustryDualColumn div.News div.NewsItem div.Desc p.Section
{
    color: var(--Turquoise);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: calc(18px * 1.25);
}

body.IndustryDualColumn div.News div.PressItem
{
    margin-bottom: 40px;
    cursor: pointer;
}
body.IndustryDualColumn div.News div.PressItem div.Desc p.Section
{
    line-height: calc(18px * 1.25);
    margin-bottom: 8px;
}


body.IndustryDualColumn div.NewsAndEventsWrapper
{
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 40px;
}

body.IndustryDualColumn div.BuildYourPart
{
    cursor: pointer;
}

@media (max-width: 1300px)
{
	body.IndustryDualColumn div.News div.PressItem div.Content
    {
        flex-wrap: wrap;
    }
    body.IndustryDualColumn div.News div.PressItem div.ImageWrapper
    {
        flex: 1 1 100%;
    }
}
@media (max-width: 1000px)
{
    body.IndustryDualColumn div.NewsAndEventsWrapper
    {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    body.IndustryDualColumn div.News div.NewsItem img
    {
        display: none;
    }
    body.IndustryDualColumn div.News div.PressItem div.ImageWrapper
    {
        display: none;
    }
    body.IndustryDualColumn div.News div.NewsItem div.Desc
    {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 700px)
{
    body.IndustryDualColumn div.NewsAndEventsWrapper
    {
        grid-template-columns: 1fr;
    }
}



/**************************** SectionProducts-Forms.css ****************************/

div.FormTitle
{
	background-image: linear-gradient(90deg, var(--Grad1A) 0, var(--Grad1B) 100%), url('/images/template/GenericBack.jpg');
	background-size: cover;
	padding: 12px 20px;	
    overflow: auto;
}
div.FormTitle h4
{
	color: var(--White);
    clear: none;
}
div.FormButton
{
	background-color: var(--Red);
	padding: 20px 20px;
	cursor: pointer;
}
div.FormButton:hover
{
	transition: color .4s ease, background-color .4s ease, border .4s ease;
	background-color: var(--RedHover);
}
div.FormButton h4
{
	color: var(--White);
	text-align: right;
	text-transform: uppercase;
}

/* This only applies to the H4 along a button, otherwise, the H4 will be first-child and the padding and margin will be set to 0 */
/* This is OK, as we only want the padding for the H4 with the button */
div.FormTitle h4
{
    padding-top: 2px;
    margin-top: 0;
}
div.FormTitle > button {
    float: right;
    background-color: var(--Red);
    padding: 4px 10px;
    cursor: pointer;
    border-radius: 4px;
    color: #ffffff;
    text-transform: uppercase;
}
div.FormTitle > button:hover
{
	transition: color .4s ease, background-color .4s ease, border .4s ease;
	background-color: var(--RedHover);
}
.Stage2
{
    display: none;
}
div.MilSpecDual {
    display: flex;
    flex-wrap: wrap;
}
div.MilSpecDual select:nth-of-type(1)
{
    flex: 1 1 57%;
    min-width: 300px;
}
div.MilSpecDual select:nth-of-type(2)
{
    flex: 1 1 43%;
}

/**************************** SectionProducts-Forms-ContactProduct.css ****************************/
form.ContactProduct div.FormGrid
{
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 8px;
	align-items: baseline;
}
form.ContactProduct p.Field
{
    margin-top: 0;
    margin-bottom: 0;
}
form.ContactProduct p.SeparateFromAbove
{
    margin-top: 12px;
}


/**************************** SectionProducts-Forms-ContactQuote.css ****************************/
/*This is the same as UniquePage-ContactUs*/

body.PrQuote3 div.Layout
{
	display: grid;
	grid-template-columns: 2fr minmax(250px, 1fr);
	grid-column-gap: 60px;
}
body.PrQuote3 form.ContactQuote div.Layout2Columns
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 40px;
	grid-row-gap: 20px;
}
body.PrQuote3 form.ContactQuote div.Layout2Columns div p
{
	margin-top: 0;
	margin-bottom: 0px;
}
body.PrQuote3 form.ContactQuote div.Layout2Columns div.Span2
{
	grid-column-start: span 2;
}
body.PrQuote3 form.ContactQuote p.SeparateFromAbove
{
    margin-top: 8px;
}
@media (max-width: 1050px)
{
	body.PrQuote3 form.ContactQuote div.Layout2Columns {
		grid-template-columns: 1fr;
    	grid-row-gap: 8px;
	}
	body.PrQuote3 form.ContactQuote div.Layout2Columns div.Span2
	{
		grid-column-start: 1;
	}
	body.PrQuote3 form.ContactQuote div.Layout2Columns div
	{
		display: flex;
		align-items: baseline;
	}
	body.PrQuote3 form.ContactQuote div.Layout2Columns div input, form.ContactQuote div.Layout2Columns div select
	{
		order: 2;
		flex: 1 1 auto;
        min-width: 120px;
	}
	body.PrQuote3 form.ContactQuote div.Layout2Columns div p
	{
		order: 1;
		flex: 0 0 max-content;
		min-width: 150px;
        margin-bottom: 0;
	}
}
@media (max-width: 800px)
{
    body.PrQuote3 form.ContactQuote div.Layout2Columns 
    {
		grid-row-gap: 20px;
	}
	body.PrQuote3 form.ContactQuote div.Layout2Columns div
	{
		display: block;
	}
    body.PrQuote3 form.ContactQuote div.Layout2Columns div p
    {
        
    }
}
@media (max-width: 650px)
{
	body.PrQuote3 div.Layout
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	body.PrQuote3 div.Layout>div:nth-child(1)
	{
		grid-row-start: 2;
	}
	body.PrQuote3 div.Layout>div:nth-child(2)
	{
		grid-column-start: 1;
	}

}

body.PrQuote3 form.ContactQuote div.LayoutXColumnsCheckboxes
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-column-gap: 20px;
	grid-row-gap: 8px;
}
body.PrQuote3 form.ContactQuote div.LayoutXColumnsCheckboxes p
{
	display: contents;
}
body.PrQuote3 form.ContactQuote div.LayoutXColumnsCheckboxes input
{
	display: inline-block;
	width: auto;
	margin: 0 8px 0 0;
	height: 24px;
	width: 24px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
body.PrQuote3 form.ContactQuote div.ButtonWrapper
{
	display: flex;
	flex-wrap: wrap;
}
body.PrQuote3 form.ContactQuote div.ButtonWrapper p
{
	flex: 1 1 auto;
	min-width: 200px;
	margin-bottom: 16px;
}
body.PrQuote3 form.ContactQuote div.ButtonWrapper button
{
	flex: 0 0 auto;
	margin-left: auto;
}




/**************************** SectionProducts-General.css ****************************/
div.ProductImage
{
	overflow: hidden;
	margin-bottom: 20px;
}
div.ProductImageWithCaption
{
	background-image: linear-gradient(90deg, var(--Grad1A) 0, var(--Grad1B) 100%);
	background-size: cover;
	clip-path: polygon(calc(100% - 15px) 100%, 100% calc(100% - 30px), 100% 0, 0 0, 0 100%);
    display: inline-block;
	overflow: hidden;
	margin-bottom: 20px;
}
div.ProductImageWithCaption[data-linkto] {
    cursor: pointer;
}
div.ProductImageWithCaption p
{
    color: var(--White);
    padding: 0 20px 12px 20px;
}

div.PrQuote1Grid
{
	display: grid; 
    grid-template-columns: 1.5fr minmax(350px, 1fr); 
    grid-column-gap: 60px;
	padding-top: 40px;
}
div.PrQuote1GridEnlarged
{
    display: grid;
    grid-template-columns: 1.2fr minmax(350px, 1fr);
    grid-column-gap: 60px;
    padding-top: 40px;
}
div.PrQuote1Grid h3:first-child, div.PrQuote1GridEnlarged h3:first-child 
{
    padding-top: 0;
}
@media (max-width: 1000px)
{
	div.PrQuote1Grid
	{
		grid-template-columns: 1.5fr minmax(280px, 1fr);
	}
    div.PrQuote1GridEnlarged
    {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 600px)
{
	div.PrQuote1Grid
	{
		grid-template-columns: 1fr;
	}
}
div.PrQuote1GridColumn1
{
	display: grid; grid-template-columns: minmax(200px, 1fr) 2fr; grid-column-gap: 20px;
}
@media (max-width: 850px)
{
	div.PrQuote1GridColumn1
	{
		grid-template-columns: 1fr;
	}

}
div.PrQuote1GridColumn2
{
	padding-top: 0;
	background-color: var(--VeryLightGray);
}
@media (max-width: 600px)
{
	div.PrQuote1GridColumn1
	{
		grid-template-columns: 1fr;
	}

}

div.PrQuote2Grid
{
    display: grid;
    grid-template-columns: minmax(200px, 1fr) 2fr; grid-column-gap: 20px;
	padding-top: 40px;
}
div.PrQuote2Grid h3:first-child
{
	padding-top: 0;
}
@media (max-width: 750px)
{
	div.PrQuote2Grid
	{
		grid-template-columns: 1fr;
	}
}

div.PrQuote2Grid div.BoxReview
{
    display: grid;
    grid-template-columns: max-content 1fr;
    background-color: var(--White);
    grid-row-gap: 0;
    border-left: solid 1px var(--Gray);
    border-top: solid 1px var(--Gray);
}
@media (max-width: 500px) {
    div.PrQuote2Grid div.BoxReview
    {
        grid-template-columns: auto 1fr;
    }
}

div.BoxReview div
{
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0;
    border-right: solid 1px var(--Gray);
    border-bottom: solid 1px var(--Gray);
}
div.BoxReview div.Span
{
    grid-column-start: 1;
    grid-column-end: 3;
}
div.BoxReview div.Span p.Caption
{
    margin-top: 12px;
}
div.BoxReview div p
{
    margin-top: 0;
    margin-bottom: 4px;
}

div.BoxReview div:nth-child(2n-1) p
{
    font-weight: 700;
}
div.BoxReview div p.Edit
{
    float: right;
    margin-left: 20px;
    padding-bottom: 200px;
    margin-bottom: -200px;
}


/**************************** SectionTeam.css ****************************/
body.Team div.Layout
{
	display: grid;
	grid-template-columns: 2fr minmax(350px, 1.5fr);
	grid-column-gap: 60px;
}
@media (max-width: 850px)
{
    body.Team div.Layout
    {
	    display: grid;
	    grid-template-columns: 2fr minmax(200px, 1.5fr);
	    grid-column-gap: 40px;
    }
}
@media (max-width: 550px)
{
	body.Team div.Layout
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	body.Team div.Layout>div:nth-child(1)
	{
		grid-row-start: 2;
	}
	body.Team div.Layout>div:nth-child(2)
	{
		grid-column-start: 1;
        align-self: center;
	}
}

/**************************** UniquePage-Careers.css ****************************/
body.CareersDualColumn div.Layout
{
	display: grid;
	grid-template-columns: 3fr minmax(300px, 2fr);
	grid-column-gap: 120px;
}
@media (max-width: 1000px)
{
	body.CareersDualColumn div.Layout
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
}
body.CareersDualColumn div.BoxPosition
{
    background-color: var(--White);
    padding: 20px;
}

/**************************** UniquePage-ClearanceHoleData.css ****************************/
body.ClearanceHoleData table#DriveTypes tr td:nth-child(3) p {
    text-align: left; 
}
body.ClearanceHoleData table#DriveTypes tr td {
    vertical-align: middle;
}


/**************************** UniquePage-ContactUs.css ****************************/
/*This is the same as SectionProducts-Forms-ContactQuote.css */

body.ContactUs div.Layout
{
	display: grid;
	grid-template-columns: 2fr minmax(250px, 1fr);
	grid-column-gap: 60px;
}
body.ContactUs form.ContactMain div.Layout2Columns
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 40px;
	grid-row-gap: 20px;
}
body.ContactUs form.ContactMain div.Layout2Columns div p
{
	margin-top: 0;
	margin-bottom: 0px;
}
body.ContactUs form.ContactMain div.Layout2Columns div.Span2
{
	grid-column-start: span 2;
}
body.ContactUs form.ContactMain p.SeparateFromAbove
{
    margin-top: 8px;
}
@media (max-width: 1050px)
{
	body.ContactUs form.ContactMain div.Layout2Columns {
		grid-template-columns: 1fr;
    	grid-row-gap: 8px;
	}
	body.ContactUs form.ContactMain div.Layout2Columns div.Span2
	{
		grid-column-start: 1;
	}
	body.ContactUs form.ContactMain div.Layout2Columns div
	{
		display: flex;
		align-items: baseline;
	}
	body.ContactUs form.ContactMain div.Layout2Columns div input, form.ContactMain div.Layout2Columns div select
	{
		order: 2;
		flex: 1 1 auto;
        min-width: 120px;
	}
	body.ContactUs form.ContactMain div.Layout2Columns div p
	{
		order: 1;
		flex: 0 0 max-content;
		min-width: 150px;
        margin-bottom: 0;
	}
}
@media (max-width: 800px)
{
    body.ContactUs form.ContactMain div.Layout2Columns 
    {
		grid-row-gap: 20px;
	}
	body.ContactUs form.ContactMain div.Layout2Columns div
	{
		display: block;
	}
    body.ContactUs form.ContactMain div.Layout2Columns div p
    {
        
    }
}
@media (max-width: 650px)
{
	body.ContactUs div.Layout
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	body.ContactUs div.Layout>div:nth-child(1)
	{
		grid-row-start: 2;
	}
	body.ContactUs div.Layout>div:nth-child(2)
	{
		grid-column-start: 1;
	}

}

body.ContactUs form.ContactMain div.LayoutXColumnsCheckboxes
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-column-gap: 20px;
	grid-row-gap: 8px;
}
body.ContactUs form.ContactMain div.LayoutXColumnsCheckboxes p
{
	display: contents;
}
body.ContactUs form.ContactMain div.LayoutXColumnsCheckboxes input
{
	display: inline-block;
	width: auto;
	margin: 0 8px 0 0;
	height: 24px;
	width: 24px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
body.ContactUs form.ContactMain div.ButtonWrapper
{
	display: flex;
	flex-wrap: wrap;
}
body.ContactUs form.ContactMain div.ButtonWrapper p
{
	flex: 1 1 auto;
	min-width: 200px;
	margin-bottom: 16px;
}
body.ContactUs form.ContactMain div.ButtonWrapper button
{
	flex: 0 0 auto;
	margin-left: auto;
}




/**************************** UniquePage-CustomerSatisfactionSurvey.css ****************************/
/*This is the same as SectionProducts-Forms-ContactQuote.css */

body.CustomerSatisfactionSurvey div.Layout
{
	display: grid;
	grid-template-columns: 2fr minmax(250px, 1fr);
	grid-column-gap: 60px;
}
body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.Layout2Columns
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 40px;
	grid-row-gap: 20px;
}
body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.Layout2Columns div p
{
	margin-top: 0;
	margin-bottom: 0px;
}
body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.Layout2Columns div.Span2
{
	grid-column-start: span 2;
}
body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey p.SeparateFromAbove
{
    margin-top: 8px;
}
@media (max-width: 1250px)
{
	body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.Layout2Columns {
		grid-template-columns: 1fr;
    	grid-row-gap: 8px;
	}
	body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.Layout2Columns div.Span2
	{
		grid-column-start: 1;
	}
	body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.Layout2Columns div
	{
		display: flex;
		align-items: baseline;
	}
	body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.Layout2Columns div input, form.ContactCustomerSatisfactionSurvey div.Layout2Columns div select
	{
		order: 2;
		flex: 1 1 auto;
        min-width: 120px;
	}
	body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.Layout2Columns div p
	{
		order: 1;
		flex: 0 0 max-content;
		min-width: 150px;
        margin-bottom: 0;
	}
}
@media (max-width: 1100px)
{
    body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.Layout2Columns 
    {
		grid-row-gap: 20px;
	}
	body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.Layout2Columns div
	{
		display: block;
	}
    body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.Layout2Columns div p
    {
        
    }
}
@media (max-width: 950px)
{
	body.CustomerSatisfactionSurvey div.Layout
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	body.CustomerSatisfactionSurvey div.Layout>div:nth-child(1)
	{
		grid-row-start: 2;
	}
	body.CustomerSatisfactionSurvey div.Layout>div:nth-child(2)
	{
		grid-column-start: 1;
	}

}

body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.LayoutXColumnsCheckboxes
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-column-gap: 20px;
	grid-row-gap: 8px;
}
body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.LayoutXColumnsCheckboxes p
{
	display: contents;
}
body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.LayoutXColumnsCheckboxes input
{
	display: inline-block;
	width: auto;
	margin: 0 8px 0 0;
	height: 24px;
	width: 24px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.ButtonWrapper
{
	display: flex;
	flex-wrap: wrap;
}
body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.ButtonWrapper p
{
	flex: 1 1 auto;
	min-width: 200px;
	margin-bottom: 16px;
}
body.CustomerSatisfactionSurvey form.ContactCustomerSatisfactionSurvey div.ButtonWrapper button
{
	flex: 0 0 auto;
	margin-left: auto;
}

body.CustomerSatisfactionSurvey div.Rate
{
    display: grid;
    grid-template-columns: repeat(5, minmax(min-content, 64px));
    grid-column-gap: 10px;
    width: min-content;
    margin-left: auto;
    margin-right: auto;
}
body.CustomerSatisfactionSurvey div.Rate>p
{
    white-space: nowrap;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 4px;
}
body.CustomerSatisfactionSurvey div.Rate span.Rate
{
    width: 64px;
    height: 64px;
    cursor: pointer;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    user-select: none;
}
@media (max-width: 800px) 
{
    body.CustomerSatisfactionSurvey div.Rate
    {
        grid-column-gap: 0;
    }
    body.CustomerSatisfactionSurvey div.Rate span.Rate
    {
        margin-left: 12px;
        margin-right: 12px;
    }
}
body.CustomerSatisfactionSurvey div.Rate>div>p
{
    text-align: center;
}

/**************************** UniquePage-DefaultLocalized.css ****************************/
/*This is the same as SectionProducts-Forms-ContactQuote.css */

body.Home section.MainTitle div.MainTitleRight {
    align-self: flex-end;
}
body.Home section.MainTitle div.MainTitleRight div.ExpeditedShipping {
    text-align: right;
}
body.Home section.MainTitle div.MainTitleRight div.ExpeditedShipping img {
    position: absolute;
    bottom: 56px;
    max-width: 250px;
    right: 60px;
}
body.Home section.MainTitle div.MainTitleRight div.ExpeditedShipping button {
    white-space: nowrap;
}
@media (max-width: 850px)
{
    body.Home section.MainTitle div.MainTitleRight div.ExpeditedShipping {
        text-align: center;
    }
    body.Home section.MainTitle div.MainTitleRight div.ExpeditedShipping img {
        display: none;
    }
}


body.Home section.ContactUs div.Layout
{
	display: grid;
	grid-template-columns: 2fr minmax(280px, 1fr);
	grid-column-gap: 60px;
}
body.Home section.ContactUs form.ContactMain div.Layout2Columns
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 40px;
	grid-row-gap: 20px;
}
body.Home section.ContactUs form.ContactMain div.Layout2Columns div p
{
	margin-top: 0;
	margin-bottom: 0px;
}
body.Home section.ContactUs form.ContactMain div.Layout2Columns div.Span2
{
	grid-column-start: span 2;
}
body.Home section.ContactUs form.ContactMain p.SeparateFromAbove
{
    margin-top: 8px;
}
@media (max-width: 1050px)
{
	body.Home section.ContactUs form.ContactMain div.Layout2Columns {
		grid-template-columns: 1fr;
    	grid-row-gap: 8px;
	}
	body.Home section.ContactUs form.ContactMain div.Layout2Columns div.Span2
	{
		grid-column-start: 1;
	}
	body.Home section.ContactUs form.ContactMain div.Layout2Columns div
	{
		display: flex;
		align-items: baseline;
	}
	body.Home section.ContactUs form.ContactMain div.Layout2Columns div input, form.ContactMain div.Layout2Columns div select
	{
		order: 2;
		flex: 1 1 auto;
        min-width: 120px;
	}
	body.Home section.ContactUs form.ContactMain div.Layout2Columns div p
	{
		order: 1;
		flex: 0 0 max-content;
		min-width: 150px;
        margin-bottom: 0;
	}
}
@media (max-width: 800px)
{
    body.Home section.ContactUs form.ContactMain div.Layout2Columns 
    {
		grid-row-gap: 20px;
	}
	body.Home section.ContactUs form.ContactMain div.Layout2Columns div
	{
		display: block;
	}
    body.Home section.ContactUs form.ContactMain div.Layout2Columns div p
    {
        
    }
}
@media (max-width: 650px)
{
	body.Home section.ContactUs div.Layout
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	body.Home section.ContactUs div.Layout>div:nth-child(1)
	{
		grid-row-start: 2;
	}
	body.Home section.ContactUs div.Layout>div:nth-child(2)
	{
		grid-column-start: 1;
	}

}

body.Home section.ContactUs form.ContactMain div.LayoutXColumnsCheckboxes
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-column-gap: 20px;
	grid-row-gap: 8px;
}
body.Home section.ContactUs form.ContactMain div.LayoutXColumnsCheckboxes p
{
	display: contents;
}
body.Home section.ContactUs form.ContactMain div.LayoutXColumnsCheckboxes input
{
	display: inline-block;
	width: auto;
	margin: 0 8px 0 0;
	height: 24px;
	width: 24px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
body.Home section.ContactUs form.ContactMain div.ButtonWrapper
{
	display: flex;
	flex-wrap: wrap;
}
body.Home section.ContactUs form.ContactMain div.ButtonWrapper p
{
	flex: 1 1 auto;
	min-width: 200px;
	margin-bottom: 16px;
}
body.Home section.ContactUs form.ContactMain div.ButtonWrapper button
{
	flex: 0 0 auto;
	margin-left: auto;
}




/**************************** UniquePage-DimensionalTables.css ****************************/
body.DimensionalTables section.Content {
    padding-top: 0;
}

body.DimensionalTables div.TableAndSidePicture {
    display: grid;
    grid-template-columns: 2fr minmax(200px, 1fr);
}
@media (max-width: 1000px) {
    body.DimensionalTables div.TableAndSidePicture {
        display: grid;
        grid-template-columns: 1fr;
    }
    body.DimensionalTables div.TableAndSidePicture img {
        display: none;
    }

}


/**************************** UniquePage-FormEBook.css ****************************/
body.EBookForm div.Layout
{
	display: grid;
	grid-template-columns: minmax(350px, 1.25fr) 1.5fr;
	grid-column-gap: 60px;
}
body.EBookForm form.EBook div.Layout2Columns
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 40px;
	grid-row-gap: 8px;
}
body.EBookForm form.EBook div.Layout2Columns div p
{
	margin-top: 0;
	margin-bottom: 8px;
}
@media (max-width: 1100px)
{
	body.EBookForm div.Layout
	{
		grid-template-columns: minmax(250px, 1.25fr) 1.75fr;
	}
	body.EBookForm form.EBook div.Layout2Columns {
		grid-template-columns: 1fr;
        grid-row-gap: 20px;
	}
    body.EBookForm form.EBook div.Layout2Columns div p
    {
        margin-bottom: 0;
    }
}
@media (max-width: 900px)
{
	body.EBookForm div.Layout
	{
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	body.EBookForm div.Layout:first-child img
    {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
	}
	body.EBookForm form.EBook div.Layout2Columns {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 500px)
{
	body.EBookForm form.EBook div.Layout2Columns {
		grid-template-columns: 1fr;
	}
}
body.EBookForm form.EBook div.ButtonWrapper
{
	display: flex;
	flex-wrap: wrap;
}
body.EBookForm form.EBook div.ButtonWrapper p
{
	flex: 1 1 auto;
	min-width: 200px;
	margin-bottom: 16px;
}
body.EBookForm form.EBook div.ButtonWrapper button
{
	flex: 0 0 auto;
	margin-left: auto;
}


/**************************** UniquePage-FormWebinar.css ****************************/
body.WebinarRegistration div.Layout
{
	display: grid;
	grid-template-columns: minmax(450px, 1.5fr) 1.5fr;
	grid-column-gap: 60px;
}
@media (max-width: 1200px)
{
	body.WebinarRegistration div.Layout
	{
		grid-template-columns: minmax(450px, 1fr) 1.5fr;
	}
}
body.WebinarRegistration form.WebinarRegistration div.Layout2Columns
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 40px;
	grid-row-gap: 8px;
}
body.WebinarRegistration form.WebinarRegistration div.Layout2Columns div p
{
	margin-top: 0;
	margin-bottom: 8px;
}
@media (max-width: 1050px)
{
	body.WebinarRegistration div.Layout
	{
		grid-template-columns: minmax(350px, 1.25fr) 1fr;
	}
	body.WebinarRegistration form.WebinarRegistration div.Layout2Columns {
		grid-template-columns: 1fr;
        grid-row-gap: 20px;
	}
    body.WebinarRegistration form.WebinarRegistration div.Layout2Columns div p
    {
        margin-bottom: 0;
    }
}
@media (max-width: 950px)
{
	body.WebinarRegistration div.Layout
	{
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	body.WebinarRegistration form.WebinarRegistration div.Layout2Columns {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 500px)
{
	body.WebinarRegistration form.WebinarRegistration div.Layout2Columns {
		grid-template-columns: 1fr;
	}
}
body.WebinarRegistration form.WebinarRegistration div.ButtonWrapper
{
	display: flex;
	flex-wrap: wrap;
}
body.WebinarRegistration form.WebinarRegistration div.ButtonWrapper p
{
	flex: 1 1 auto;
	min-width: 200px;
	margin-bottom: 16px;
}
body.WebinarRegistration form.WebinarRegistration div.ButtonWrapper button
{
	flex: 0 0 auto;
	margin-left: auto;
}
body.WebinarRegistration div.Speakers {

}

/**************************** UniquePage-Glossary.css ****************************/
body.Glossary dt
{
    color: var(--Blue);
    font-weight: 900;
    margin-bottom: 4px;
}
body.Glossary dd
{
    margin-bottom: 20px;
}
@keyframes DoBlink
{
    0% { color: var(--Blue)  }
    100% { color: var(--Red)  }
}
body.Glossary dt.Blink
{
    animation-name: DoBlink;
    animation-duration: 0.2s;
    animation-iteration-count: 10;
    animation-direction: alternate;
}

/**************************** UniquePage-LandingAnniversary30.css ****************************/
body.LandingAnniversary30 div.Right
{
    overflow: hidden;
}
body.LandingAnniversary30 section.Content
{
    padding-top: 0;
}
body.LandingAnniversary30 div.ChampagneToast
{
    background-color: var(--Blue);
    padding-bottom: 20px;
}
body.LandingAnniversary30 div.ChampagneToast img
{
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
body.LandingAnniversary30 div.ChampagneToast h3
{
    color: var(--White);
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
body.LandingAnniversary30 div.ChampagneToast p
{
    color: var(--White);
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
body.LandingAnniversary30 div.Right div.Read img
{
    width: 100%;
}

/**************************** UniquePage-NewsAndEvents.css ****************************/
body.NewsAndEvents div.Layout
{
	display: grid;
	grid-template-columns: 2fr minmax(250px, 1fr);
	grid-column-gap: 60px;
}
@media (max-width: 650px)
{
	body.NewsAndEvents div.Layout
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	body.NewsAndEvents div.Layout>div:nth-child(1)
	{
		grid-row-start: 2;
	}
	body.NewsAndEvents div.Layout>div:nth-child(2)
	{
		grid-column-start: 1;
	}
}
body.NewsAndEvents img
{
    width: 100%;
}

body.NewsAndEvents div.NewsItem img
{
	width: 100%;
}
body.NewsAndEvents div.NewsItem
{
	position: relative;
	margin-bottom: 40px;
    cursor: pointer;
}
body.NewsAndEvents div.NewsItem div.Date
{
	top: 0;
	left: 0;
	position: absolute;
    z-index: 2;
}
body.NewsAndEvents div.NewsItem div.Desc
{
	background-image: linear-gradient(90deg, var(--Grad1A) 0, var(--Grad1B) 100%);
	background-size: cover;
	padding: 20px 20px;
	clip-path: polygon(calc(100% - 30px) 0, 100% 60px, 100% 100%, 0 100%, 0 0);
	margin-top: -80px;
	margin-left: 20px;
	margin-right: 20px;
}
body.NewsAndEvents div.NewsItem.NoImage div.Desc
{
    margin-top: 0;
    padding-left: 60px;
}
@media (max-width: 750px) {
    body.NewsAndEvents div.NewsItem div.Desc	
	{
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		clip-path: none;
	}
}
@media (max-width: 650px)
{
	body.NewsAndEvents div.NewsItem div.Desc	
	{
		margin-top: -80px;
		margin-left: 20px;
		margin-right: 20px;
		clip-path: polygon(calc(100% - 30px) 0, 100% 60px, 100% 100%, 0 100%, 0 0);
	}
}
@media (max-width: 500px)
{
	body.NewsAndEvents div.NewsItem div.Desc	
	{
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		clip-path: none;
	}
}
body.NewsAndEvents div.NewsItem div.Desc h2
{
	color: var(--White);
	padding-top: 0;
	text-shadow: var(--Grad1A) 2px 0 40px;
	padding-bottom: 0;
	margin-bottom: 0;
}
body.NewsAndEvents div.NewsItem div.Desc a
{
    color: var(--White);
    text-decoration: none;
}
body.NewsAndEvents div.NewsItem div.Desc p
{
	color: var(--White);
}
body.NewsAndEvents div.NewsItem div.Desc p.Section
{
	color: var(--Turquoise);
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
body.NewsAndEvents div.News
{
	overflow: hidden;
	text-align: center;
}

body.NewsAndEvents div.ShareArticle label
{
    float: left;
    font-weight: 700;
    color: var(--Blue);
    margin-top: 12px;
}
body.NewsAndEvents div.ShareArticle ul
{
    display: flex;
    flex-wrap: nowrap;
    padding-left: 20px;
}
body.NewsAndEvents div.ShareArticle ul li
{
    flex: 0 0 auto;
    padding-left: 10px;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
}
body.NewsAndEvents button+button
{
    float: right;
}
@media (max-width: 440px)
{
    body.NewsAndEvents button
    {
        padding-left: 10px;
        padding-right: 10px;
    }
}
body.NewsAndEvents iframe
{
    width: 100%;
}

/**************************** UniquePage-NewsAndEvents-Paginator.css ****************************/
div.Paginator
{
	text-align: center;
}
div.Paginator ul
{
	display: inline-flex;
	flex-wrap: nowrap;
	list-style: none;
	padding: 0;
	margin-left: -8px;
	justify-content: center;
}
div.Paginator ul li
{
	flex: 0 0 auto;
	border: solid 1px var(--Gray);
	padding: 4px 12px;
	list-style: none;
	background-color: var(--White);
	margin-left: 8px;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
div.Paginator ul li.Prev, div.Paginator ul li.Next,div.Paginator ul li.First, div.Paginator ul li.Last

{
	border-color: var(--Blue);
}
div.Paginator ul li.Disabled
{
	background-color: var(--Gray);
	color: var(--BodyText);
}
div.Paginator ul li.Active
{
	cursor: pointer;
}
div.Paginator ul li.Current
{
	background-color: var(--Red);
	color: var(--White);
}
div.Paginator ul li a
{
	text-decoration: none; 
	color: var(--Blue);
}


/**************************** UniquePage-Poll.css ****************************/
body.Poll div.Layout
{
	display: grid;
	grid-template-columns: minmax(450px, 1.5fr) 1.5fr;
	grid-column-gap: 60px;
}
@media (max-width: 1200px)
{
	body.Poll div.Layout
	{
		grid-template-columns: minmax(450px, 1fr) 1.5fr;
	}
}
body.Poll form.Poll div.Layout2Columns
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 40px;
	grid-row-gap: 8px;
}
body.Poll form.Poll div.Layout2Columns div p
{
	margin-top: 0;
	margin-bottom: 8px;
}
@media (max-width: 1050px)
{
	body.Poll div.Layout
	{
		grid-template-columns: minmax(350px, 1.25fr) 1fr;
	}
	body.Poll form.Poll div.Layout2Columns {
		grid-template-columns: 1fr;
        grid-row-gap: 20px;
	}
    body.Poll form.Poll div.Layout2Columns div p
    {
        margin-bottom: 0;
    }
}
@media (max-width: 950px)
{
	body.Poll div.Layout
	{
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	body.Poll form.Poll div.Layout2Columns {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 500px)
{
	body.Poll form.Poll div.Layout2Columns {
		grid-template-columns: 1fr;
	}
}
body.Poll form.Poll div.ButtonWrapper
{
	display: flex;
	flex-wrap: wrap;
}
body.Poll form.Poll div.ButtonWrapper p
{
	flex: 1 1 auto;
	min-width: 200px;
	margin-bottom: 16px;
}
body.Poll form.Poll div.ButtonWrapper button
{
	flex: 0 0 auto;
	margin-left: auto;
}

body.Poll form.Poll div.LayoutXColumnsCheckboxes
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-column-gap: 20px;
	grid-row-gap: 8px;
}
body.Poll form.Poll div.LayoutXColumnsCheckboxes p
{
	display: contents;
}
body.Poll form.Poll div.LayoutXColumnsCheckboxes input
{
	display: inline-block;
	width: auto;
	margin: 0 8px 0 0;
	height: 24px;
	width: 24px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}


/**************************** UniquePage-PPCLanding.css ****************************/
body.PPCLanding div.Right
{
    overflow: hidden;
}
body.PPCLanding section.Clients h2
{
    display: none;
}
body.PPCLanding div.Clients
{
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
body.PPCLanding div.Clients ul {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    position: relative;
    padding: 0;
    justify-content: center;
}
body.PPCLanding div.Clients ul li
{
    flex: 0 0 auto;
    margin: 0 15px 0 0
}
body.PPCLanding div.Clients ul li img
{
    padding: 20px;
    box-sizing: border-box;
    background-color: white;
}
body.PPCLanding div.Clients h2
{
    display: none;
}
body.PPCLanding section.Content
{
    padding-top: 0;
}
body.PPCLanding div.ProductBuilderOnRight
{
    display: grid; grid-template-columns: 1fr 420px; grid-column-gap: 40px;
}
body.PPCLanding div.ProductBuilderOnRight div.ProductBuilderOnRightInner
{
    display: grid;
    grid-template-columns: 1fr;
}
body.PPCLanding div.ProductBuilderOnRight div.FieldGrid
{
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 4px;
    align-items: baseline;
}

@media (max-width: 1000px) {
    body.PPCLanding div.ProductBuilderOnRight
    {
        display: grid; grid-template-columns: 1fr 340px; grid-column-gap: 40px;
    }
    body.PPCLanding div.ProductBuilderOnRight div.FieldGrid
    {
        display: block;
    }
}

@media (max-width: 800px) {
    body.PPCLanding div.ProductBuilderOnRight
    {
        display: grid; grid-template-columns: 1fr;
    }
    body.PPCLanding div.ProductBuilderOnRight div.ProductBuilderOnRightInner
    {
        grid-template-columns: 1fr 420px;
    }
    body.PPCLanding div.ProductBuilderOnRight div.FieldGrid
    {
        display: grid;
    }
}
@media (max-width: 680px) {
    body.PPCLanding div.ProductBuilderOnRight div.FieldGrid
    {
        display: block;
    }
    body.PPCLanding div.ProductBuilderOnRight div.ProductBuilderOnRightInner
    {
        grid-template-columns: 1fr 340px;
    }
}
@media (max-width: 600px) {
    body.PPCLanding div.ProductBuilderOnRight div.FieldGrid
    {
        display: block;
    }
    body.PPCLanding div.ProductBuilderOnRight div.ProductBuilderOnRightInner
    {
        grid-template-columns: 1fr;
    }
}

body.PPCLanding img.ScrewDiagram
{
    width: 100%;
    max-width: 600px;
}

/**************************** UniquePage-Press.css ****************************/
body.Press div.Layout
{
	display: grid;
	grid-template-columns: 2fr minmax(250px, 1fr);
	grid-column-gap: 60px;
}
@media (max-width: 850px)
{
	body.Press div.Layout
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	body.Press div.Layout>div:nth-child(1)
	{
		grid-row-start: 2;
	}
	body.Press div.Layout>div:nth-child(2)
	{
		grid-column-start: 1;
	}
}

/**************************** UniquePage-ReInstallationAndTorque.css ****************************/
body.ReInstallationAndTorque div.SideBySideTables {
    display: flex;
    margin-left: -40px;
    flex-wrap: wrap;
}

body.ReInstallationAndTorque div.SideBySideTables>div
{
    flex: 1 1 calc(50% - 40px);
    margin-left: 40px;
}
body.ReInstallationAndTorque div.SideBySideTables>div:nth-child(1)
{
    min-width: 320px;
}
body.ReInstallationAndTorque div.SideBySideTables>div:nth-child(2)
{
    min-width: 240px;
}
body.ReInstallationAndTorque div.SideBySideTables div table
{
    width: 100%;
}
body.ReInstallationAndTorque div.SideBySideTables div table tr td:last-child p, body.ReInstallationAndTorque div.SideBySideTables div table tr th:last-child p
{
    text-align: right;
}


/**************************** UniquePage-Search.css ****************************/
body.Search div.Layout
{
	display: grid;
	grid-template-columns: 2fr minmax(250px, 1fr);
	grid-column-gap: 60px;
}
@media (max-width: 850px)
{
	body.Search div.Layout
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	body.Search div.Layout>div:nth-child(1)
	{
	}
	body.Search div.Layout>div:nth-child(2)
	{
		display: none;
	}
}

div.SearchableElement
{
    background-color: var(--White);
	border: solid 1px var(--Gray) ;
    margin-bottom: 20px;
    box-sizing: border-box;
}
div.SearchableElement div.Content
{
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 20px;
    padding-left: 20px;
    order: 1;
}
@media (max-width: 500px)
{
	div.SearchableElement div.Content
    {
        flex-wrap: wrap;
    }
    div.SearchableElement div.ImageWrapper
    {
        flex: 1 1 100%;
    }

}
div.SearchableElement.Active
{
	cursor: pointer;
}
div.SearchableElement div.ImageWrapper
{
    flex: 0 0 auto;
    padding: 20px 20px 0 20px;
    order: 2;
}
div.SearchableElement div.ImageWrapper img
{
    width: 240px;
    padding: 0px;
    border: solid 1px var(--Gray);
    transition: border-color 0.5s ease;
}
div.SearchableElement.Active div.ImageWrapper img
{
    border: solid 1px var(--White);
    transition: border-color 0.5s ease;
}
div.SearchableElement div.Desc
{
    flex: 1 1 100%;
}
div.SearchableElement div.Desc p.Section
{
    color: var(--Turquoise);
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 0;
}
div.SearchableElement div.Desc h3
{
    margin-top: 0px;
    padding-top: 4px;
    font-size: 20px;
    line-height: 20px;
}
div.SearchableElement div.Progress
{
	height: 3px;
	background: linear-gradient(270deg, var(--White) 50%, var(--Red) 50%);
	background-size: 200%;
	background-position: 100%;
	transition: background-position .5s ease;
	box-sizing: border-box;
}
div.SearchableElement.Active div.Progress
{
	height: 3px;
	background: linear-gradient(270deg, var(--White) 50%, var(--Red) 50%);
	background-size: 200%;
	background-position: 0%;
	transition: background-position .5s ease;
	box-sizing: border-box;
}


/**************************** UniquePage-SecondaryProcesses.css ****************************/
body.SecondaryProcesses section.Content
{
    padding-top: 0;
}


/**************************** UniquePage-Sitemap.css ****************************/
body.Sitemap section.Content ul li a {
    text-decoration: none;
    font-weight: 400;
    color: var(--BodyText);
}

