/**************************** _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 **********************/

/**************************** _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
}
.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;
}
.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;
}
span.NoBreak
{
	white-space: nowrap;
	text-wrap: avoid;
}
textarea
{
    resize: none;
}

#cboxTitle
{
    padding-left: 60px;
    padding-right: 60px;
    box-sizing: border-box;
    background-color: var(--White);
}

/**************************** _Variables.css ****************************/
:root
{
    --BodyText: #555555; 
	--BorderGray: #bdbdbd;
    --Gray: #d7d7d7;
    --Red: #dd1f26;
    --RedHover: #e6494f;
    --LightGray: #e0e0e0;
    --VeryLightGray: #f5f5f5;
    --Blue: #0d2043;
    --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);
}

/* IMPORTANT CLASSES FOR LAYOUT */

/* Inside Grids, .Item's that need to have: div.Image, h4, div.Desc, div.Link & div.Progress*/

/* Section.Content can be .WhiteBackground or .GrayBackground */
/* Inside Section.Content, a div.Content that is .Read (adjusts line height) and .ConstraintWidth or .ConstraintWidthTight */

/* To float images, div.AvoidWidows with two divs inside: div.FL & div.Content */

/**************************** 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%;
	padding: 8px;
	font-weight: 700;
	box-sizing: border-box;
	border: solid 1px var(--BorderGray);
    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('../img/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.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('../img/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('../img/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;
}
div.TopMenuContent.TopMenuContent-pro{width:1200px;margin-left:-600px;left: 50% !important;; padding:20px;}
div.TopMenuContent.TopMenuContent-pro ul{width:100%}
div.TopMenuContent.TopMenuContent-pro ul li{box-sizing: border-box;}
div.TopMenuContent.TopMenuContent-pro ul li{width:25%; float:left; line-height:2;}
div.TopMenuContent.TopMenuContent-pro ul li .erji a{display:block;}
/**************************** Home-About.css ****************************/
body.Home section.About
{
	background-image: linear-gradient(90deg, var(--Grad1A) 0, var(--Grad1B) 100%), url('../img/GenericBack.jpg');
	background-size: cover;
	/*padding: 0 20px 0 20px;*/
}
body.Home div.About
{
	box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 50%;
}
body.Home div.AboutLeft
{
	border-left: solid 4px var(--Red);
    padding: 40px;
	max-width: 800px;
}
.Aboutleft-gd {margin-top:40px;}
.Aboutleft-gd .swiper-container{ padding-bottom:30px;}
.Aboutleft-gd .swiper-slide img{width:100%;}
.Aboutleft-gd .swiper-slide p{color:#fff;font-size:18px;line-height:2;}
body.Home div.AboutRight
{
	padding-top: 40px;
    position: relative;
    overflow: hidden; padding-bottom:40px;
}
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('../img/EBookBannerBack.png');
    background-size: cover;
    cursor: pointer;
}
div.EbookBanner
{
     
	box-sizing: border-box;
    position: relative;
 
}
div.EbookBanner div.Left
{
    flex: 1 1 auto;
}
div.EbookBanner div.Left h3
{
    color: var(--White);
	font-family: Raleway, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: 900;
	margin-bottom: 0; text-align: center;
	padding: 40px 20px 10px 40px;
}

div.EbookBanner div.Left h4
{
    color: var(--White);
	font-family: Raleway, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: 900;
	margin-bottom: 0; text-align: center;
 
}
.EbookBannerbtn{ text-align:center; padding:30px 0 40px 0;}
.EbookBannerbtn a{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; margin: 0 10px;
    font-weight: 900;
    text-transform: uppercase;
    vertical-align: baseline;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
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(56.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; font-size:30px;
}
body.Home div.MainTitleRight
{
	padding: 20px;
	flex: 0 1 45%;
	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-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('../img/Associations.jpg');
}
section.HeaderInternal#AbCareers
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Careers.jpg');
}
section.HeaderInternal#AbCertificatesAndCompliance
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Certificates.jpg');
}
section.HeaderInternal#AbCustomersAndTestimonials
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Partners.jpg');
}
section.HeaderInternal#AbDistributors
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/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('../img/About.jpg');
}
section.HeaderInternal#AbProductsSnapshot
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/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('../img/Team.jpg');
}
section.HeaderInternal#AbTheZAGOAdvantage
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Team.jpg');
}
section.HeaderInternal#SeOverview
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Services.jpg');
}
section.HeaderInternal#SeNASM82496Testing
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/NASM82496Testing.jpg');
}
section.HeaderInternal#SeNEMAReady
{ 
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/NEMAReady.jpg');
}
section.HeaderInternal#SeSecondaryProcesses
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/SecondaryProcesses.jpg')
}
section.HeaderInternal#SeProductCustomization
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/ProductCustomization.jpg')
}
section.HeaderInternal#MaCustomerSatisfactionSurvey
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/CustomerSatisfactionSurvey.jpg')
}
section.HeaderInternal#InOverview
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Industries.jpg')
}
section.HeaderInternal#InMilitaryAndDefense
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/MilitaryAndDefense.jpg');
}
section.HeaderInternal#InAerospace
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Aerospace.jpg');
}
section.HeaderInternal#InElectronicsAndEnclosures
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Electronics.jpg');
}
section.HeaderInternal#InCommercialLighting
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/CommercialLighting.jpg');
}
section.HeaderInternal#InMedicalDevices
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Medical.jpg');
}
section.HeaderInternal#InRoboticsAndDrones
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/RoboticsAndDrones.jpg');
}
section.HeaderInternal#InMarine
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Marine.jpg');
}
section.HeaderInternal#InEnergyGenerationAndRecovery
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/EnergyGenerationAndRecovery.jpg');
}
section.HeaderInternal#InAutomotive
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Automotive.jpg');
}
section.HeaderInternal#InLiDAR
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/LiDAR.jpg');
}
section.HeaderInternal#InIndustrialManufacturing
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/IndustrialManufacturing.jpg');
}
section.HeaderInternal#InOffshoreWind
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/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('../img/Resources.jpg');
}
section.HeaderInternal#ReClearanceHoleData
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/ClearanceHoleData.jpg');
}
section.HeaderInternal#ReDimensionalTables
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/DimensionalTables.jpg');
}
section.HeaderInternal#ReInstallationAndTorque
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/InstallationAndTorque.jpg');
}
section.HeaderInternal#ReProTipsForChoosingScrewMaterial
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/About.jpg');
}
section.HeaderInternal#ReChoosingYourORingMaterial
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Products.jpg');
}
section.HeaderInternal#ReSealingScrewsEngineering
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/SealingScrewsEngineering.jpg');
}
section.HeaderInternal#ReCrystalSwitchSealsSpecifications
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/CrystalSwitchSealsSpecifications.jpg');
}
section.HeaderInternal#ReSelfSealingNutsEngineering
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/SelfSealingNutsEngineering.jpg');
}
section.HeaderInternal#ReSwitchBootsEngineering
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/SwitchBootsEngineering.jpg');
}
section.HeaderInternal#ReWhatAreSealingFasteners
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/WhatAreSealingFasteners.jpg');
}
section.HeaderInternal#ReWhatAreSecurityScrews
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/WhatAreSecurityScrews.jpg');
}
section.HeaderInternal.Products
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Products.jpg');
}
section.HeaderInternal#PrOverview
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/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('../img/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('../img/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('../img/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('../img/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('../img/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('../img/MilSpecScrews.jpg');
}

section.HeaderInternal#ContactUs
{
	background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/ContactUs.jpg');
}
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('../img/News.jpg');
}
section.HeaderInternal#Glossary {
    background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Glossary.jpg');
}
section.HeaderInternal#WebinarRegistration {
    background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Webinar.jpg');
}
section.HeaderInternal#Quote {
    background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Quote.jpg');
}
section.HeaderInternal#Success {
    background-image: linear-gradient(90deg, rgba(13,32,67,0.2) 0, rgba(13,32,67,0.2) 100%), url('../img/Success.jpg');
}
section.HeaderInternal#Expo {
    background-image: linear-gradient(90deg, rgba(13,32,67,0) 0, rgba(13,32,67,0.2) 100%), url('../img/Expo.webp');
}
section.HeaderInternal#SeAnniversary30
{
    background-image: linear-gradient(90deg, rgba(13,32,67,0) 0, rgba(13,32,67,0.2) 100%), url('../img/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: 30px;
    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;
}


/**************************** 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('../img/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: 12px 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, 0.5fr); 
    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
{
	 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-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;
    }
}


section.ContactUs div.Layout
{
	display: grid;
	grid-template-columns: 2fr minmax(280px, 1fr);
	grid-column-gap: 60px;
}
section.ContactUs form.ContactMain div.Layout2Columns
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 40px;
	grid-row-gap: 20px;
}
section.ContactUs form.ContactMain div.Layout2Columns div p
{
	margin-top: 0;
	margin-bottom: 0px;
}
section.ContactUs form.ContactMain div.Layout2Columns div.Span2
{
	grid-column-start: span 2;
}
section.ContactUs form.ContactMain p.SeparateFromAbove
{
    margin-top: 8px;
}
@media (max-width: 1050px)
{
	section.ContactUs form.ContactMain div.Layout2Columns {
		grid-template-columns: 1fr;
    	grid-row-gap: 8px;
	}
	section.ContactUs form.ContactMain div.Layout2Columns div.Span2
	{
		grid-column-start: 1;
	}
	section.ContactUs form.ContactMain div.Layout2Columns div
	{
		display: flex;
		align-items: baseline;
	}
	section.ContactUs form.ContactMain div.Layout2Columns div input, form.ContactMain div.Layout2Columns div select
	{
		order: 2;
		flex: 1 1 auto;
        min-width: 120px;
	}
	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)
{
    section.ContactUs form.ContactMain div.Layout2Columns 
    {
		grid-row-gap: 20px;
	}
	section.ContactUs form.ContactMain div.Layout2Columns div
	{
		display: block;
	}
    section.ContactUs form.ContactMain div.Layout2Columns div p
    {
        
    }
}
@media (max-width: 650px)
{
	section.ContactUs div.Layout
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
	section.ContactUs div.Layout>div:nth-child(1)
	{
		grid-row-start: 2;
	}
	section.ContactUs div.Layout>div:nth-child(2)
	{
		grid-column-start: 1;
	}

}

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;
}
section.ContactUs form.ContactMain div.LayoutXColumnsCheckboxes p
{
	display: contents;
}
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;
}
section.ContactUs form.ContactMain div.ButtonWrapper
{
	display: flex;
	flex-wrap: wrap;
}
section.ContactUs form.ContactMain div.ButtonWrapper p
{
	flex: 1 1 auto;
	min-width: 200px;
	margin-bottom: 16px;
}
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
{ 
}

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);
}


.fuwu-list {
    margin-top:20px;   
}
 
.fuwu-list .nytit {
    padding-bottom: 30px
}

.fuwu-list .gaishu {
    padding-bottom: 50px
}

.fuwu-list .list {
    margin-bottom:  0px
}

.fuwu-list .list .biaoti01 {
    display: flex;
    justify-content: space-around;
    background-color: #f9f9f9;
    padding: 20px 0;
    border-top: 2px solid #333;
    border-bottom: 1px solid #ddd
}

.fuwu-list .list .biaoti01 span:first-child {
    flex: 1
}

.fuwu-list .list .biaoti01 span {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    width: 120px;
    text-align: center
}

.fuwu-list .list .biaoti01 div {
    width: 50%
}

.fuwu-list .list .item {
    border-bottom: 1px solid #efefef;
    padding: 20px  20px;
    display: block;background:#fff; padding:15px; margin-bottom:10px; 
}

.fuwu-list .list .item:hover .biaoti span {
    color: #df002c
}

.fuwu-list .list .new-list {
    padding: 0
}

.fuwu-list .list .new-list a {
    display: block;
    padding: 20px 50px
}

.fuwu-list .list .new-list a:hover span {
    color: #df002c
}

.fuwu-list .list .biaoti {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.fuwu-list .list .biaoti span {
    font-size: 20px;
    line-height: 1;
    color: #333
}

.fuwu-list .list .biaoti span i {
    font-size: 30px;
    font-weight: normal; font-style: normal;
}

.fuwu-list .list .detail {
    padding: 20px;
    padding-right: 0;
    display: none ; font-size:14px;
}

.fuwu-list .list .detail p{font-size:14px;}
.fuwu-list .list{}

.fuwu-list table{ width:100%; border-left:#e6e6e6 1px solid ; border-top:#e6e6e6 1px solid; border-collapse:collapse;}
.fuwu-list td, .fuwu-list th {
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
	
	 border-right:#e6e6e6 1px solid; border-bottom:#e6e6e6 1px solid;}
	 .fuwu-list table tr:nth-child(even) {
    background-color: #f5f5f5}
	.fuwu-list table tr:hover {
    background-color: #f5f5f5}
ul,li{list-style:none;padding:0;margin:0;}
.newlist{ background:url('../img/617c8d1f10d6c.jpg') 100% 100%; padding:60px 0;}
.newlist h2{color:#fff;}
.newlistul {margin:0 -15px; overflow:hidden;}
.newlistul li{width:33.3%;float:left;}
.newlistul li a{display:block;margin:15px; text-decoration:none; background:#fff;padding:20px;}

.pt-50{padding-top:50px;}
.pb-50{padding-bottom:50px;}

.lxwmbox{ background:#fff;padding:20px;}


.other-list ul {margin:0 -15px; overflow:hidden;}
.other-list li{width:33.3%;float:left;}
.other-list li a{display:block;margin:15px; border:#ddd 1px solid; text-decoration:none; background:#fff; 
padding:20px;}

.wiki{ position:fixed; right:0.5%; top:15%; background:#fff; display:none;padding:40px 0; background-color: rgba(255, 255, 255, 0.7);}
.wiki h2{font-size:24px; padding-bottom:0; text-align: right;font-size: 20px;
    padding-bottom: 0;
    margin-bottom: 0;}
.wiki.show{ display:block;}
.wiki_left_in li{ margin-bottom:10px; text-align: right;}
.wiki_left_in li a{color:#000; font-size:12px; text-decoration:none}
.wiki_left_in li.selected a{font-weight:900; color:var(--Red)}
.wiki_left_in li>ul{margin-left:15px;}


.wiki1{ position:fixed; left:0.5%; top:15%; background:#fff; display:none;padding:40px 0; background-color: rgba(255, 255, 255, 0.7);}
.wiki1 h2{font-size:24px; padding-bottom:0; text-align: right;font-size: 20px;
    padding-bottom: 0;
    margin-bottom: 0;}
.wiki1.show{ display:block;}
.wiki1_left_in li{ margin-bottom:0px; text-align: right;}
.wiki1_left_in li a{color:#000; font-size:12px; text-decoration:none}
.wiki1_left_in li.selected a{font-weight:900; color:var(--Red)}
.wiki1_left_in li>ul{margin-left:15px;}