/* Minification failed. Returning unminified contents.
(120,19): run-time error CSS1030: Expected identifier, found '#regGrey'
(120,28): run-time error CSS1031: Expected selector, found ')'
(120,28): run-time error CSS1025: Expected comma or open brace, found ')'
(269,34): run-time error CSS1030: Expected identifier, found 'em'
(269,36): run-time error CSS1031: Expected selector, found ')'
(269,36): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/* Minification failed. Returning unminified contents.
(112,19): run-time error CSS1030: Expected identifier, found '#regGrey'
(112,28): run-time error CSS1031: Expected selector, found ')'
(112,28): run-time error CSS1025: Expected comma or open brace, found ')'
(261,34): run-time error CSS1030: Expected identifier, found 'em'
(261,36): run-time error CSS1031: Expected selector, found ')'
(261,36): run-time error CSS1025: Expected comma or open brace, found ')'
 */

/* Rebuilt Apr 2021*/
div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th { margin: 0; padding: 0px; }
body { font-family: 'Open Sans', sans-serif; font-size: 1.0em; color: #757575; }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; }
html {scroll-behavior: smooth; scroll-padding-top: 75px;}
iframe[name='google_conversion_frame'] { height: 0; width: 0; line-height: 0; font-size: 0; margin-top: -13px; float: left; }
#page { margin: 0 auto; max-width: 1350px; min-width: 320px; }
img { height: auto; max-width: 100%; }
/*regHeader*/
#regHeader { width: 100%; height: 60px; }
    #regHeader .Inner { display: grid; }
    #regHeader .Acc, #regHeader .Search { display: inline-block; vertical-align: middle; height: 100%; width: 3%; font: 0/0 a; }
    #regHeader .excellence { display: flex; flex-direction: column; align-self: center; text-transform: uppercase; color: #fff; text-align: center; font-weight: 100; height: 100%; padding-top: 3%; }
    #regHeader .Nav { display: inline-block; vertical-align: top; font: 0/0 a; background-color: #FFF; text-align: center; border-top: 30px solid #DADADA; border-left: 30px solid transparent; border-right: 30px solid transparent; }
    #regHeader .Nav:before, #regHeader .Nav:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #regHeader #regSearchMob { width: 25px; height: auto; margin-left: 15px; margin-right: 15px; display: none }
    #regHeader #regAccount { width: 25px; height: auto; margin-right: 15px; margin-left: 5px; display: none }
    #regHeader .SolidWorks { text-align: end; display: flex; flex-direction: column; align-self: center; }
    #regHeader .MySolidSolutions { display: inline-block; width: 22%; margin: 0 5.5%; vertical-align: top; }
    #regHeader .MySolidSolutions img { padding-right: 5px; padding-bottom: 5px; padding-left: 5px; width: 190px }
.headerContainer { display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; align-content: center; min-height: 60px; }
    .headerContainer .trimech-logo { font-size: 1em }
    .headerContainer .ssm-logoB { font-size: 1em; border-left: 1px solid #979797; border-right: 1px solid #979797; padding: 2px 10px 0 10px; margin: 10px 10px; }
    .headerContainer .javelin-logo { font-size: 1em; margin-top: -3px }

#trimech-group-header { min-height: 45px; background: #262626; display: flex; justify-content: flex-start; align-items: center; z-index: 300 !important; position: relative; flex-direction: column; transition: 0.6s ease all; top: 0; left: 0; right: 0; }
#trimech-group-header.expanded { background: #fff; min-height: 300px; position: absolute; }
.trimech-group-logo { width: 160px; align-items: center; justify-content: center; display: flex; cursor: pointer; margin: 0px auto; transition: 0.5s ease all; }
#trimechgrouplogo { padding: 5px 0; transition: 0.5s ease all; width: 160px; }
.trimech-group-logo path { fill: white; }
#trimech-group-header.expanded .trimech-group-logo path { fill: #63666a; }
.logo-down-caret { width: 10px; margin: 0 0 0 8px; position: relative; }
#trimech-group-header.expanded .logo-down-caret { transform: rotate(180deg); }
.logo-down-caret path { fill: #DADADA; }
#trimech-group-header.expanded .trimech-group-logo path { fill: #63666a; }
#trimech-group-header .trimech-group-logo:hover .logo-down-caret path { fill: #00b6ff; }
.logo-down-caret:before { height: 8px; width: 8px; background: #ff6319; display: none; position: absolute; border-radius: 50%; left: -3px; top: 1px; }
.visited .logo-down-caret:before { display: block; }
.trimech-group-logo:hover .logo-down-caret:before { background: #00b6ff; }
#trimech-group-header.expanded .logo-down-caret:before { display: none; }
#trimech-group-header.expanded .trimech-group-sites { display: block; }
#trimech-group-overlay { position: fixed; top: 0; left: 0; right: 0; height: 100%; background: #0f1015bb; z-index: 299; display: none; }
#trimech-group-overlay.visible { display: block; }
.trimech-group-sites { width: 100%; max-width: 1460px; margin: 0 auto; padding: 15px; grid-template-columns: repeat(30, 1fr); grid-gap: 20px; display: none; }
.tm-border { border-bottom: 1px solid #00b6ff; grid-column: -1/1; }
#trimech-group-header.expanded .trimech-group-sites { display: grid; }
.trimech-site { background: #030b17; grid-column: span 5; border-radius: 4px; box-shadow: 0 4px 8px -3px; cursor: pointer; display: flex; }
.trimech-site.trimech-group::after { width: 1px; position: absolute; right: -10px; height: 100%; top: 0; background-color: #63666a; opacity: 0.5; }
.trimech-group-desktop { display: none; }
.trimech-group-mobile { display: block; }
@media (min-width: 1100px) {
    .trimech-site.trimech-group::after { content: ""; }

    .trimech-site.trimech-group { grid-row: span 2; position: relative; }
    .trimech-group-mobile { display: none; }
    .trimech-group-desktop { display: block; }
}
.trimech-site img { max-width: 100%; border-radius: 4px; }
.trimech-site:hover { filter: brightness(1.1); box-shadow: 0 0px 3px 1px #ff6600; }
#trimech-site-description { grid-column: -1/1; text-align: center; padding: 0 0 10px; font-size: 16px; font-family: "Open Sans"; font-weight: 400; transition: 0.25s ease all; min-height: 60px; color: #63666a; }
.tm-close-button { position: absolute; top: 5px; right: 20px; color: #63666a; cursor: pointer; }
.tm-close-button:hover { color: #00b6ff; }
@media (max-width: 992px) {
    .trimech-site { grid-column: span 10; }
    .trimech-group-sites { grid-gap: 10px; }
}
@media (max-width: 600px) {
    .trimech-site { grid-column: span 15; }
    #trimech-group-header.expanded { position: fixed; height: 100vh; overflow-y: scroll; padding: 0 0 40px; }
}

#trimech-group-header ~ .fl-page { padding-top: 0 !important; }
#trimech-group-header ~ .fl-page .fl-builder-content[data-sticky="1"] { transform: none !important; top: 0; position: sticky !important; }

.alert { margin: 0 auto; font-size: 1.1em; clear: both; text-align: center; padding: .75rem 1.25rem;  border: 1px solid transparent; border-radius: .25rem; }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; font-weight: bold }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }

.wordCountInfo { padding: 1%; border-radius: 3px; color: #363636; font-size: 0.8em; font-weight: normal; background-color: rgb(230, 240, 239); border: 1px solid #b0c8d4; margin-top: -2%; }
.wordCountWarning, .SerialsNotes { color: #1d4f91; }


/* ------------------ 2020 Accordion Start ------------*/
.accordion { font-size: 1rem; width: 100%; border-radius: 5px; }
.accordion-header, .accordion-body { background: white; }
.accordion-header { padding: 7px; cursor: pointer; font-size: 1.0em; transition: all .3s; text-align: left; padding-left: 20px; }
.accordion__item { border-bottom: 1px solid #1d4f91; }
    .accordion__item .accordion__item { border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.accordion-header:hover { background: #1d4f91; position: relative; z-index: 5; color: white; }
.accordion-body { background: #fcfcfc; color: #353535; display: none; }
.accordion-body__contents { padding: 10px 20px 10px 20px; font-size: 1em; text-align: left; }
.accordion__item.active:last-child .accordion-header { border-radius: 0; }
.accordion:first-child > .accordion__item > .accordion-header { border-bottom: 1px solid transparent; }
.accordion__item > .accordion-header::before { display: none; content: "\f300"; font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.accordion__item.active > .accordion-header::before { display: none; content: "\f307"; font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.accordion-header svg { margin-right: 20px; transition: .3s all; transform: rotate(0deg); }
.accordion__item.active .accordion-header { background: #565656; color: white; }
.accordion__item .accordion__item .accordion-header { background: #f1f1f1; color: #353535; }
.accordion__item:nth-last-child(1) { border-bottom: none; }
.accordion-header { padding-left: 3.0em; text-indent: -2.3em; }
.accordion__item { position: relative; }
.accordion-header { padding-right: 2em; padding-left: 2.4em; text-indent: 0; }
.accordion__item.js-accordion-item::after { content: "\f300"; position: absolute; left: 8px; top: 8px; font-family: "font awesome 6 pro"; font-weight: 400; font-size: 20px; color: #00b6ff; z-index: 5; transition: 0.3s ease; pointer-events: none; }
.accordion__item.js-accordion-item:hover::after { color: #ff6319; }
.accordion__item.js-accordion-item.active::after { color: #fff; content: "\f307" !important; }
.matrix .accordion__item.js-accordion-item::after { color: #00b6ff; }
.benefit .accordion__item.js-accordion-item::after { right: 5px; left: unset; }
.benefit .accordion__item.js-accordion-item.active::after { color: #ff6d0b; }
form:not(form:has(#regGrey)) #regWhite > .Inner { min-height: calc(100vh - 180px); }

.top-bar { border-bottom: 1px solid #dfdada; position: sticky; top: 0; background: #fff; z-index: 101; }
.account-menu { display: flex; justify-content: space-between; padding: 0 20px; align-items: center; max-width: 1420px; margin: auto; min-height: 60px; box-sizing: border-box; }
.site-logo { display: flex; }
.site-logo svg { width: 200px; fill: #1d4f91; }
    .site-logo.enterprise svg { width: auto; height: 40px; fill: none; }
nav .account-links { margin: 0 auto; }
.account-links { display: flex; gap: 30px; list-style: none; padding-left: 0; color: #262626; font-weight: 600; text-decoration: none; font-size: 15px; }
    .account-links a { color: #262626; white-space: nowrap; font-weight: 600; text-decoration: none; font-size: 15px; }
        .account-links a:hover { color: #ff6319; }
.account-button { background: #1d4f91; font-weight: 700; color: white !important; cursor:pointer; text-decoration: none;text-align:center; padding: 8px 20px; border-radius: 6px; }
    .account-button a { font-weight: 700; color: white !important; text-decoration: none; }
    .account-return-link { padding: 0 15px 0 0; margin-right: -15px; border-right: 1px solid #dadada; }
.account-button.split {width: 32%; box-sizing: border-box; }
.SerialsAssetName {font-weight: 700;}


.Datagrid { border-style: solid; border-width: 0; background: #fff; overflow: hidden; margin: 30px 0; box-sizing: border-box; text-align: left; font-size: 1.0em; font-weight: 400; width: 100%; max-width: 1080px; margin: 40px auto 40px; box-shadow: none; }
    .Datagrid .datagridHeader td { padding: 1%; position: relative; font-size: 20px; font-family: 'Barlow Condensed';border-top:0; border-right:0; border-left: 0; box-sizing: border-box; border-bottom: 2px solid #dfdada; background-color: #f5f6f8; color: #212121; font-weight: 700; white-space: nowrap; overflow: hidden; -moz-user-select: none; -webkit-user-select: none;outline: none; }
.Datagrid a{ font-weight: 600 !important; color: #0071ee !important; text-decoration: none !important; } 
    .Datagrid .datagridItem td, .Datagrid .datagridAlternatingItem td { padding: 1%; border: 0; white-space: wrap; background-color: #FFFFFF; color: #212121; font-size: 1em; border-bottom: 1px solid #dfdada }
     .Datagrid .datagridAlternatingItem td { background-color: #f5f6f8}
 .EmptyDatagridMessage { padding: 1%; color: #1d4f91; text-align: center }
 .Datagrid .datagridFooter td { text-align: right; padding: 1%; text-transform: uppercase; border: 0; border-top: solid 2px #c3c3c3; margin-bottom: 10px; font-size: 1em; color: #333; }


.Inner { max-width: 1350px; margin: auto; overflow: hidden; }
    .Inner h1, .Inner h2, .Inner h3, .Inner h4, .Inner h5, .Inner h6 { font-family: 'Barlow Condensed'; color: #262626; }
    .Inner h2 { font-size: 2.8rem; margin: 0 0 15px; }
        .Inner h2.small, .Inner h3, #regGrey h3, #regGrey h2.small { font-size: 2.25rem; font-weight: 700; margin: 0 0 15px; text-align: left; }

#regWhite h1 { font-size: 3.75rem; text-align: center; margin: 20px auto 10px; }
    #regWhite h2 {text-align: center;}
    #regWhite { background: linear-gradient(180deg, #fff, #fff 600px), url(../../Solid-solutions-icon-background.svg); background-size: 100vw; background-repeat: no-repeat; }
    #regWhite #regBodyContent { max-width: 1350px; margin: auto; width: 100%; }
    #regWhite  a { color: #0071ee; text-decoration: none;font-weight: 400 }
/*-----------------MATRIX Start---------------------------*/
#matrix-container .active .accordion-header { white-space: normal; }
#matrix-container { display: flex; flex-wrap: nowrap; flex-direction: column; border-radius: 8px; overflow: hidden; margin-bottom: 20px; border: solid 1px #c3c3c3; }
    #matrix-container .accordion__item { border-bottom: none; }
    #matrix-container .accordion-body__contents { font-size: 0.85em; }
    #matrix-container .accordion-header, .accordion-body { background-color: transparent; color: #565656; }
    #matrix-container svg { color: #1d4f91; }
    #matrix-container > div:nth-child(odd) { background: #f9f9f9; }
    #matrix-container > div:nth-child(even) { background: #fff; }
    #matrix-container > div:nth-child(1) { padding-top: 5px; }
.matrix-row { display: flex; flex-wrap: nowrap; align-items: center; line-height: 2.0em; padding: 0 10px; }
.matrix-description-header { text-align: left; font-weight: 700 }
.matrix-column-tick-header { text-align: center; font-weight: 700 }
.matrix-description { text-align: left; }
.matrix-column-tick { text-align: center; }
.matrix-ten { flex: 1 0 10% }
.matrix-twenty { flex: 1 0 20% }
.matrix-thirty { flex: 1 0 30% }
.matrix-fourty { flex: 1 0 40% }
.matrix-fifty { flex: 1 0 50% }
.matrix-sixty { flex: 1 0 60% }
.matrix-seventy { flex: 1 0 70% }
.matrix-eighty { flex: 1 0 80% }
.matrix-ninety { flex: 1 0 90% }
/*------------------MATRIX End----------------------------*/
/* old matrix*/
.matrix-span { text-align: center; background: #fff; overflow: hidden; display: flex; flex-direction: row; box-sizing: border-box; justify-content: center; align-items: center; border-bottom: 1px solid #1d4f91; }
#regBlue .across-six { justify-content: left; }
.matrix-span .accordion__item { border-bottom: 0px; }
#matrix-container .green svg { color: green; }
#matrix-container .silver svg { color: #999999; }
#matrix-container .gold svg { color: #b2a110; }
#matrix-container .platinum svg { color: #35342c; }

#regWhite h1.small { font-size: 2.4rem; }
/*Skeleton-----*/
.card-col-container, .filter-container { display: grid; grid-gap: 10px; margin-bottom: 20px; }
.filter-container { grid-gap: 10px; }

.one { grid-template-columns: repeat(1, 1fr); }
.two { grid-template-columns: repeat(2, 1fr); }
.three { grid-template-columns: repeat(3, 1fr); }
.four { grid-template-columns: repeat(4, 1fr); }
.five { grid-template-columns: repeat(5, 1fr); }
.six { grid-template-columns: repeat(6, 1fr); }
.seven { grid-template-columns: repeat(7, 1fr); }
.eight { grid-template-columns: repeat(8, 1fr); }
.nine { grid-template-columns: repeat(9, 1fr); }
.ten { grid-template-columns: repeat(10, 1fr); }
.eleven { grid-template-columns: repeat(11, 1fr); }
.twelve { grid-template-columns: repeat(12, 1fr); }
.thirteen { grid-template-columns: repeat(13, 1fr); }
.fourteen { grid-template-columns: repeat(14, 1fr); }
.fifteen { grid-template-columns: repeat(15, 1fr); }
.grid-right-end-A { grid-column-end: -1; }
.flex-row-gap { grid-row-gap: 0; }
.flex-row-gap-four { grid-row-gap: 4%; }
.flex-row-gap-two { grid-row-gap: 2%; }
/*skeleton end---*/
/*Flex box setup start---*/
.stretch { align-self: auto; }
.shrink { align-self: flex-start; }
.across-one { grid-column: span 1; }
.across-two { grid-column: span 2; }
.across-three { grid-column: span 3; }
.across-four { grid-column: span 4; }
.across-five { grid-column: span 5; }
.across-six { grid-column: span 6; }
.across-seven { grid-column: span 7; }
.across-eight { grid-column: span 8; }
.across-nine { grid-column: span 9; }
.across-ten { grid-column: span 10; }
.across-eleven { grid-column: span 11; }
.across-twelve { grid-column: span 12; }
.across-thirteen { grid-column: span 13; }
.across-fourteen { grid-column: span 14; }
.across-fifteen { grid-column: span 15; }
.across-all { grid-column: 1/-1; }
.down-two { grid-row: 1/3; }
.down-twoB { grid-row: 3/2; }
.downThree { grid-row: 1/4; }
.inset3-4 { grid-column: 3 / span 4; }
/*Main card formatting*/
.card-span { border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; border-color: #c3c3c3; background: #fff; overflow: hidden; box-shadow: 0 5px 14px -10px #909090; display: flex; flex-direction: column; box-sizing: border-box; text-align: center; font-size: 1.0em; font-weight: 400; align-self: auto; }
.stretch { align-self: auto; }
.shrink { align-self: flex-start; }
.card-heading { display: flex; align-items: center; height: 50px; flex-wrap: nowrap; justify-content: center; border-style: solid; border-width: 0px 0px 7px 0px; border-color: rgba(86, 86, 86, 0.00); }
.card-headingTitle { flex-grow: 2; font-weight: 400; color: #ffffff; font-size: 1.4em; order: 1; text-align: left; padding: 15px; line-height: 1; }
.card-headingImage { flex: none; order: 2; width: 60px; padding-right: 15px; }
.card-headingProdImage { padding-top: 8px; order: 2; width: 70px; }
.card-middle { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: column; padding: 10px; flex-grow: 2; }
.card-subtitle { font-size: 1.3em; font-weight: 400; color: #1d4f91; border-color: #1d4f91; border-style: solid; border-width: 0px 0px 1px 0px; padding-bottom: 10px; width: 100%; }
.card-body { padding: 10px; text-align: left; flex-grow: 2; }
.card-text { text-align: left; margin-bottom: 12px; flex: 1; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.card-button input[type=submit] { width: 100%; text-transform: none; color: #333; font-weight: 400; font-size: 1em; background: #FFF; border: 0 }
    .card-button input[type=submit]:hover { background: #565656; color: #FFF }
.locked { background: #ccc; }
.fas.fa-caret-right { padding-right: 5px; }
.fas.fa-caret-down { padding-left: 5px; }
.parentMenu { position: relative; }
    .parentMenu .subMenu { display: none; background-color: #fff; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0 4px 10px #dfdada; width: fit-content; }
.parentMenu:hover > .subMenu { display: block; position: absolute; top: 20px; left: -8px; width: 250px; }
.subMenu ul {padding: 5px;}
.subMenu li { list-style: none; padding: 5px 5px; }
.subMenu i { color: #00b6ff; }
.account-links > li { padding: 10px 0; }
.account-return-link { padding: 10px 15px 10px 0 !important; }
.parentMenu:hover > .subMenu { top: 35px; }

.clean { padding: 0px; background: none; border-style: none; box-shadow: none; padding: 0px; }
#regWhite em:not(.chosen-results em), #regGrey em, #regPurple em { color: transparent; background: linear-gradient(45deg, #1d4f91, #00b6ff); background-clip: text; font-size: 0.9em; margin-right: 10px; font-weight: 900 !important; }#regWhite .card-button { font-weight: 600; border: 1px solid #1d4f91; }
    #regWhite .card-button, #regWhite .card-button a, .multi-button-container .card-button, .multi-button-container .card-button a { background: #1d4f91; color: #FFF; border-radius: 4px; align-content: center; text-decoration: none !important; font-weight: 600 !important; font-size: 1rem; }
.card-button { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #ccc; max-height: 35px;text-align:center; min-height: 35px; line-height: 35px; position: relative; flex: 1;  background: #f4f4f4; }
.card-span .card-button, .matrix .card-button { padding-left: 0em; text-indent: 0em; font-weight: 600; margin-top: 10px; border-top: solid 1px #ccc; }
.card-span .card-button, .matrix .card-button { padding-left: 0em; text-indent: 0em; font-weight: 600; margin-top: 10px; border-top: solid 1px #ccc; }

#regWhite .card-title { font-weight: 700 !important; color: #262626 !important; border: none !important; padding: 0 !important; }
.card-title, #regWhite .card-title { font-size: 1.3em; font-weight: 600; color: #262626; border-color: #00b6ff; border-style: solid; border-width: 0px 0px 1px 0px; padding-bottom: 10px; width: 100%; }

#regBreadCrumb { background-color: #DADADA; clear: both; border-top: 1px solid #979797; }
#regBreadCrumb .Inner { background-color: #DADADA; font-size: 0.9em; height: 40px; display: flex; justify-content: space-between; }
#regBreadCrumb .Inner .social-icons { text-transform: uppercase; display: flex; align-items: center; font-size: 2em; }
    #regBreadCrumb .Inner .social-icons a { color: #262626; padding-right: 8px; }
    #regBreadCrumb .Inner .pSSG { text-transform: uppercase; display: flex; align-items: center; }
i.fak.fa-ssg-logo { font-size: 1.6em; color: #1d4f91; margin-right: 5px; }

#regFooterMenu { color: #ffffff; background-color: #555555; font-family: 'Open Sans Condensed', Arial Narrow, sans-serif; font-weight: 100; font-size: 1em; padding: 6px 0; text-transform: uppercase; }
    #regFooterMenu .MenuBottom { display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; /* padding: 1% 0 2% 0; */ }
    #regFooterMenu a { color: white; font-family: 'Open Sans Condensed', Arial Narrow, sans-serif; text-decoration: none; }
#regWhite .card-button.primary-button { background: #ff6319 !important; border: 1px solid #ff6319 !important; }
#regWhite #regBodyContent input, #regWhite #regBodyContent textarea, #regWhite #regBodyContent select { font-family: 'Open Sans', sans-serif !important; border: 1px solid #dfdada; box-shadow: none; font-size: 15px; border-radius: 6px; color: #63666a; padding: 8px 6px; width: 100%; margin: 0 0 8px; box-sizing: border-box; max-width: 100%; }
    #regWhite #regBodyContent input[type=submit] { margin: 0; text-transform: uppercase; color: white; background: linear-gradient(15deg, #1d4f91, #00b6ff); font-weight: 600; font-size: 16px; cursor: pointer; -webkit-appearance: none; font-family: 'Open Sans', sans-serif !important; transition: padding .25s }
input[type=button], input[type=text], input[type=password], input[type=email] { font-family: 'Open Sans', sans-serif !important; -webkit-appearance: none; box-shadow: none; border: 1px solid #dfdada; font-size: 15px; box-sizing: border-box; margin: 0 0 8px; width: 100%; padding: 8px 6px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#regWhite #regBodyContent input[type=checkbox] {height: 20px; width: 20px; margin: 0 8px -8px 8px; display:inline-block; line-height: normal;}
#regWhite #regBodyContent label { vertical-align: baseline; line-height: 2em; background: none; padding: 0; margin:  0 0 18px; width: 100%;font-size: 15px; font-weight: 600; align-items: center; }
#regBodyContent #regLoginTV input:required, #regBodyContent select:required, #regBodyContent input:required, #regBodyContent textarea:required { background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpQTFRF+M7O6Wxt+djY63Z3/vX18qeo7ICA++Hi/Ovr75OU8Z2e7omK6GJj////SyXd4gAAAEtJREFUeNqczksKgEAMA9D0Nx/N3P+6uqplQBC7fIGkWNvhM2jfgGeFO7ZYGAmNZk0YCQOTDPjT0WVK81Jq4sqjgGvu4f/r73AJMAA5UgvJnpeyCQAAAABJRU5ErkJggg==') /*../images/forms/red_asterisk.png*/ no-repeat 98% 10px; }
div.tabulator-cell {cursor:default}
div.tabulator-cell[tabulator-field="supportTicketId"] { color: #1d4f91; cursor:pointer; }
    div.tabulator-cell[tabulator-field="supportTicketId"]:hover { color: #fff; background-color: #1d4f91; }
#details { padding: 20px 0 0; margin: auto; max-width: 600px; }

.cd-container { width: 90%; max-width: 768px; margin: 2em auto; }
    .cd-container::after { /* clearfix */ content: ''; display: table; clear: both; }

.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 10px; right: 10px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #1d4f91 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iOCwyLjggMTYsMTAuNyAxMy42LDEzLjEgOC4xLDcuNiAyLjUsMTMuMiAwLDEwLjcgIi8+DQo8L3N2Zz4NCg==') /*../../images/cd-top-arrow.svg*/ no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
    .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
    .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
    .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; }
.no-touch .cd-top:hover { background-color: #1d4f91; opacity: 1; }
#mask { position: fixed; left: 0; top: 0; display: none; height: 100vh; width: 100vw; background-color: rgba(81, 81, 83, 0.8) }
#caseDetailWrapper {  display: none; background-color: rgba(81, 81, 83, 0.8); position: fixed; left: 0; top: 0; width: 100%; height: 100%;  z-index: 9999; }
#caseDetail { margin: 0; z-index: 9999999; height: calc((100%) - (100px)); width: calc((100%) - (100px)); left: 50px; top: 50px; padding: 20px;; box-sizing: border-box; position: absolute; background-color: #FFF; }
#caseDescription { height: calc((100%) - (100px)); overflow-y: scroll }
#caseDetailWrapper .label { padding-bottom: 5px; }
#caseDetailWrapper .ticketStatus { font-weight: 500; font-size: 1.1em; padding-bottom: 5px; }
#caseDetailWrapper .caseItem { border: 1px solid #ccc; border-radius: 4px; padding: 8px; margin: 5px 0; }
#caseDetailWrapper .action { padding: 5px 0; }
#caseDetailWrapper .actionDate { font-style: italic }
#menuMobile {font-size: 24px; font-weight: 300; color: #262626; display:none;}

@media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; }
}

@media only screen and (min-width: 1024px) {
    .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; }
}
#regBodyContent .EventPanel { float: left; clear: both; width: 100%; }
    #regBodyContent .EventPanel .TitleDate, #regBodyContent .EventPanel .Description, #regBodyContent .EventPanel .Prerequisites { margin: 0 0 2% 0;  }
    #regBodyContent .EventPanel .Description { margin: 0; }
    #regBodyContent .EventPanel .TitleDate { text-align: center; padding: 2%; }
    #regBodyContent .EventPanel .Description .Inn, #regEvenLoc .Inn { padding: 2%; width: 96%; text-align: center; }
    #regBodyContent .EventPanel .Description p { margin-top: 0; margin-bottom: 10px; text-align: center; }

#regBodyContent .EntitlementContainer { color: #333; background-color: #F4EF91; text-align: center; padding: 1%; margin: 0 0 1% 0; }
#regBodyContent .EventPanel .Inn { height: auto; }
.eventTitle { font-weight: bold; padding-bottom: 5px; }
#regBodyContent .Registration .Butt { float: left; margin-right: 20px; }
#regBodyContent .Registration { margin-bottom: 4%; clear: both; }
#regBodyContent #regForm.EventReg { margin: 0 auto; width: 96%; margin-top: 2%; float: none; clear: both }
    #regBodyContent #regForm.EventReg input[type=text] { margin-bottom: 1% }
    #regBodyContent #regForm.EventReg input[type=checkbox] { height: 1.5em; width: 1.5em }

.BookEvent { border-radius: 4px; padding: 2px; }
#regGrey .BookEvent a { color: white; }
#regEvenOrg { width: 80%; text-align: center; margin: 0 auto; padding: 2%; color: #000 }
    #regEvenOrg img { max-width: 160px; margin-bottom: 10% }
    #regEvenOrg a { color: #000 }
#regEvenLoc { width: 100%; color: #FFF; clear: both; text-align: center; }
#googleMap.GoogleMapContainer { clear: both; min-height: 400px; max-height: 400px; border: 5px solid #FFF; width: 100%; margin-top: 30px; box-sizing: border-box; }

#regBlue { background-color: #1d4f91; margin-top: 0; padding-top: 20px; padding-bottom: 20px; }
    #regBlue h2 { margin-bottom: 1%; font-size: 2em; font-weight: normal; margin-top: 1%; color: #FFF; line-height: 1.1em; text-align: center; }

#secNewTicket { background-color: #f2f2f2; margin: 10px 0 20px 0; border: 1px solid rgba(223, 218, 218); border-radius: 6px; box-shadow: 0 2px 10px 0px rgba(204,204,204); }
    #secNewTicket.twelve .across-two, #secNewTicket.twelve .across-four { padding: 10px; }

/*  media queries only in here for now */
@media (max-width: 1550px) { .files .tile { width: calc((25%) - (20px)); }
}

@media (max-width: 1350px) {
    .files .tile { width: calc((33.3333%) - (20px)); }
}

@media (max-width: 1100px) {
    .files .tile { width: calc((50%) - (20px)); }
}

@media (max-width: 1400px) {

    #divfix { bottom: 1%; }
    #divfixMenu { display: none !important; }
}

@media (max-width: 1350px) {
    #regHeader .Inner { max-width: 90%; margin: 0 auto; }
    #regWhite .Inner, #regGrey .Inner, #regBlue .Inner { padding: 0% 2% 0% 2%; }
}





nav { width: 100%; padding-left: 10px; display: flex; justify-content: space-between;align-items: center;  margin: auto; box-sizing: border-box; }
@media (max-width: 1200px) { 
    #menuMobile {display:block}

    nav { display: none; width: 300px; box-sizing: unset; padding: 55px 30px 20px 30px; position: fixed; top: 0; left: 0; height: 100vh; background-color: #fff; z-index: 4000 !important; transition: transform 250ms ease-in-out }
    .account-links { flex-flow: column; padding-bottom: 20px; gap: 15px; }
    .parentMenu li {height: auto}
    .subMenu li {padding: 10px 5px}
    .parentMenu:hover > .subMenu {position:relative; top: 0; left:0}
    .account-return-link { border-right: 0; border-bottom: 1px solid #dadada; padding-bottom: 10px; }
    nav .account-button { width: 261px; display:block;}
}

@media (max-width: 1100px) {
    #regTopMenuBar .menuLinks ul li ul.Show, #regTopMenuBar .menuLinks ul li ul li ul.Show { left: 10px; }
    #regTopMenuBar .menuLinks ul li:hover ul { left: 10px; }
    #regTopMenuBar .menuLinks ul li ul li ul li, #regTopMenuBar .menuLinks ul li ul li ul li.selected { background: #da291c; }
        #regTopMenuBar .menuLinks ul li ul li ul li a, #regTopMenuBar .menuLinks ul li ul li ul li a.selected { color: #fff; margin: -13px; }
            #regTopMenuBar .menuLinks ul li ul li ul li a:hover { color: #555555; }
    #regBodyContent .blogCategories { margin-top: 10px; width: 100% }
    #regBodyContent .blogContentShort { width: 100%; height: auto }
    #regSearchBar h1 { max-width: none }
    #CaseStudyListL { width: 32%; margin-right: 2% }
    .EventCon { width: 32%; margin-right: 2% }
    .OfLoc { width: 33%; margin-right: 0%; }
    #DAMSharing .StaffPic { margin-left: 10%; width: 20%; }
    #DAMSharing .BCard { margin-right: 2%; clear: right }
    #DAMSharing .intro { width: 50% }
}

@media (max-width: 1024px) {
    #regFooterMenu ul { width: 22%; margin: 0 2% 0 2%; }
        #regFooterMenu ul:nth-child(4) { margin: 0; }
        #regFooterMenu ul:nth-child(3) { margin-left: 0; }
        #regFooterMenu ul:nth-child(2) { margin-left: 0; }
    #regFooterMenu .MenuLinks { padding-left: 1% }
    #regGrey .OfficeMap { display: none; }
    #regGrey .OfficeList { width: 80%; margin: 0 10%; text-align: center; }
    #regTechBlog { width: 60%; float: left }
    #regQuickLinks { width: 35%; float: right }
    #regDemoSchedule #divMapSection img { width: 80%; }
    .cd-top { height: 60px; width: 60px; left: 30px; bottom: 30px; }
}

@media (max-width: 1000px) {
    .across-four { grid-column: span 6; }
    .across-eight { grid-column: span 6; }
    .across-five { grid-column: span 6; }
    .across-seven { grid-column: span 6; }
    .flex-row-gap { grid-row-gap: 10px; }

    #regHeader .Inner { max-width: 87%; margin: 0 auto; }
    .swks-logo { display: none; }
}

@media (max-width: 960px) {
    #secNewTicket.twelve .across-two, #secNewTicket.twelve .across-four { grid-column: span 6; padding: 5px; }
    #secNewTicket .label {text-align: right;}
    #regSearchBarC { display: none }
    #regBodyContent #mySSM-login #regNotCustomer .mySSMbtn { width: 100%; }
    #regBodyContent #mySSM-login #regLoginTV .mySSMbtn { width: 100%; }
    #regBodyContent .FormDetail div { clear: both; margin-bottom: 2%; width: 100%; margin-right: 0; }
        #regBodyContent .FormDetail div select { width: 100%; padding: 1%; }
    #regBodyContent .FormDetail .Label { clear: both; width: 98%; }
    #regBodyContent .FormDetail div input[type=submit] { font-size: 1em; width: 100%; }
    #regBodyContent .FormDetail div input[type=text] { padding: 0.5% 1%; font-size: 1em; width: 98%; }
    .Inn { height: 222px; margin-top: 0; }
    #regBodyContent .EventPanel .Description .Inn { height: auto }
    #regGrey .SKUsTable { width: 54%; padding: 1%; }
        #regGrey .SKUsTable .Item .Size { width: 42%; }
        #regGrey .SKUsTable .Item .price { width: 52%; }
    #regBuy { float: left; width: 40%; padding: 1%; }
    #regGrey .USPs li { width: 100%; }

    .MyAccountPanel { width: 43%; height: 140px; }
    #regGrey .ProdThumbs .Th { float: left; min-height: 375px; width: 32%; margin: 2% 1%; }
        #regGrey .ProdThumbs .Th:nth-child(4n) { margin: 2% 1%; }
        #regGrey .ProdThumbs .Th:nth-child(4n-7) { margin: 2% 1%; }
        #regGrey .ProdThumbs .Th:nth-child(3n) { margin-right: 0; }
        #regGrey .ProdThumbs .Th:nth-child(3n-8) { margin-left: 0; }
    #regGrey .hBlogArticle .Title { font-size: 1.2em; }
    #regGrey .BlogListing .hBlogArticle { float: left; min-height: 0; width: 49%; margin: 1% 2% 2% 0; }
        #regGrey .BlogListing .hBlogArticle:nth-child(3n) { margin: 1% 2% 1% 0; }
        #regGrey .BlogListing .hBlogArticle:nth-child(2n) { margin-right: 0; }
    #regSearchBarC { display: none }
    #offLoc { flex-direction: column; }
}

@media (max-width: 910px) {
    #JobCardList { width: 48%; }
    #regBodyContent input[type=text], #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=password], #regBodyContent textarea { max-width: 97%; width: 97%; font-size: 1.2em; }
    #regBodyContent input[type=submit] { font-family: 'Ubuntu' !important; font-weight: 400; }
    #regBodyContent select, #regBodyContent #regForm.CTA select { width: 101%; padding: 2%; font-size: 1.2em; margin-right: 0 }
    #regBodyContent #regForm input, #regBodyContent textarea { padding-right: 2%; }
    #regBodyContent input[type=checkbox] { clear: both; margin: 0 auto }
    .across-three { grid-column: span 6; }
    .EventCon { width: 98%; margin-right: 4%; margin-top: 2% }
    #searchResults .Thumbnail { width: 98%; margin-right: 4%; margin-top: 2% }
    #regBodyContent .Datagrid table, #regBodyContent .Datagrid thead, #regBodyContent .Datagrid tbody, #regBodyContent .Datagrid th, #regBodyContent .Datagrid td, #regBodyContent .Datagrid tr { display: block; }
    #regBodyContent .Datagrid { width: 100%; margin: 1px }
        #regBodyContent .Datagrid .datagridHeader td { position: absolute; top: -9999px; left: -9999px; }
        #regBodyContent .Datagrid .datagridItem td, #regBodyContent .Datagrid .datagridAlternatingItem td { /* Behave  like a "row" */ border: none; background-color: #FFF; position: relative; padding: 0.1%; width: 100%; vertical-align: top; text-align: center; }
            #regBodyContent .Datagrid .datagridItem td:nth-of-type(1), #regBodyContent .Datagrid .datagridAlternatingItem td:nth-of-type(1) { font-size: 1.2em; }
                #regBodyContent .Datagrid .datagridItem td:nth-of-type(1) a, #regBodyContent .Datagrid .datagridAlternatingItem td:nth-of-type(1) a { color: #333; }
            #regBodyContent .Datagrid .datagridItem td:first-child, #regBodyContent .Datagrid .datagridAlternatingItem td:first-child { border-top: 2px solid #D4D4D4; padding-top: 1.5%; margin-top: 1.5%; }
        #regBodyContent .Datagrid .ReadMoreButton { width: 98%; padding: 1%; font-size: 1.1em; margin-top: 8px }
    #regEvenOrg { clear: both; width: 96% }
        #regEvenOrg img { max-width: none; margin-bottom: 0 }
    #regBodyContent .Datagrid .datagridItem td:nth-of-type(1), #regBodyContent .Datagrid .datagridAlternatingItem td:nth-of-type(1) { font-size: 1.2em; font-weight: 400; }
    #regBodyContent #regForm input[type=submit] { font-family: 'Ubuntu Condensed' }
    #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=text], #regBodyContent input[type=password], #regBodyContent textarea { padding: 2% }
    #JobPage { flex-direction: column-reverse; }
    .Launch { height: 250px; }
    .Inside { font-size: 1.3em; }
}

@media (max-width: 880px) {
    #searchResults .Thumbnail { width: 45%; margin: 2% 4% 2% 3%; }
        #searchResults .Thumbnail:nth-child(3n) { margin-left: 27% }
        #searchResults .Thumbnail:nth-child(2n) { margin-right: 0; margin-left: 0 }

    .EventCon { width: 48%; margin-right: 4% }
        .EventCon:nth-child(3n) { margin-left: 26% }
        .EventCon:nth-child(2n) { margin-right: 0; margin-left: 0; }
        .EventCon .HeadImg { display: none; }
        .EventCon .HTCon { width: 100%; }
    .TeamM { width: 22%; margin-right: 4% }
        .TeamM:nth-child(5n) { margin-right: 4%; }
        .TeamM:nth-child(4n) { margin-right: 0 }
    .MainJobConL { width: 60%; }
    .MainJobConR { width: 35%; }
    .OfLoc { width: 100%; margin-right: 0%; text-align: center; }
    #regWhite .OfLocH2 { text-align: center; }
    .Inn { text-align: center; height: 234px; }
    #regBodyContent .EventPanel .Description .Inn { height: auto }
    .OffCon { width: 29%; }
        .OffCon:nth-child(2n) { width: 66%; }
    #regBodyContent .blogContent { flex-basis: 90%; }
    #regBodyContent .blogContent, #regBodyContent .blogIntro { margin: 0 5%; }
    #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=text], #regBodyContent input[type=password], #regBodyContent textarea { padding: 2%; }
    .Launch { height: 250px; }
    .Inside { font-size: 1.3em; }
}

@media (max-width: 835px) {
    #regTechBlog { width: 47%; float: left }
    #regQuickLinks { width: 47%; float: right }
        #regQuickLinks h2 { margin-bottom: 4%; }
    #DAMSharing .StaffPic { margin-left: 5%; }
    #DAMSharing .BCard { margin-right: 5% }
    .footerColumn { flex-wrap: wrap; flex-grow: 1; padding-top: 2%; }
    #regGrey .hBlogArticle { width: 48%; }
}

@media (max-width: 770px) {
    .CPDQuestion { top: 5%; font-size: 1em; }
        .CPDQuestion .top img { max-width: 100px }
        .CPDQuestion .button { margin: 5px auto }
        .CPDQuestion .bottom { font-size: 0.9em }
    #regRHS { display: none; }
    div#wrapper { float: left; width: 100%; margin-left: 0; }
    #regBodyContent .BlogEntries, #regBodyContent .BlogDetail { margin-left: 0; display: block; clear: both; }
    #regWhite h1 { font-size: 1.8em; }
    #regGrey h2, #regBlue h2, #regMySolidSolutions h2 { font-size: 1.5em; }
    #regHeader #regSearchMob, #regHeader #regAccount { display: inline-block; cursor: pointer }
    #regTopBar .Inner .SearchBox { float: none; width: 98%; margin: 1%; }
        #regTopBar .Inner .SearchBox .TextBox { width: 96%; padding: 1% 2%; font-size: 1.2em; vertical-align: top; }
        #regTopBar .Inner .SearchBox input[type=submit] { margin-left: 5px; cursor: pointer; color: #FFF; padding: 2px 10px !important; font-size: 16px; background-color: #d6291c }
        #regTopBar .Inner .SearchBox .sButton { width: 12%; height: auto; float: right; display: table-cell; margin-left: 0 }
        #regTopBar .Inner .SearchBox .sBox { width: 88%; height: auto; float: left; display: table-cell }
    #regHeader .excellence-top { font-size: 1.1em; font-weight: 100; }
    #regHeader .excellence-bottom { font-size: 1.8em; font-weight: 700; }
    #regFooterMenu ul { width: 45%; margin: 0 2% 0 2%; }
        #regFooterMenu ul:nth-child(even) { border-right: 0; }
        #regFooterMenu ul:nth-child(3) { margin-top: 20px; margin-left: 2% }
        #regFooterMenu ul:nth-child(4) { margin: 20px 2% 0 0; }
    #regFooterMenu .MenuLinks { padding-left: 2%; }
        #regFooterMenu .MenuLinks ul li { display: list-item; }
    #regFooterMenu .Copyright { clear: right; width: 48%; text-align: right; }
    #regGrey .OfficeList { float: left; width: 98%; margin: 1%; }
    #regGrey .OfficeMap { float: none; width: 98%; margin: 1%; clear: left; text-align: center; }
    #googleMap.GoogleMapContainer { width: 50% }
    #regGrey .feefo_RatingText .Inn { margin-top: 0; }
    #regGrey .feefo_Posted { display: none; }
    #regGrey .feefo_PostedText { width: 25%; }
    #regGrey .feefo_ProductName, #regGrey .feefo_ProductNameText { width: 26%; clear: none; }
    #regGrey .feefo_ProductNameText { clear: both; width: 74%; }
    #regGrey .feefo_Rating { display: none; }
    #regGrey .feefo_RatingText { width: 60%; clear: right; padding-bottom: 0; }
    #regGrey .feefo_CommentText { width: 72%; margin-left: 26%; padding-top: 0; }
    #regGrey .feefo_CommentW, #regGrey .feefo_CommentTextW { width: 74%; margin-left: 26%; padding-top: 0; }
    #regGrey .feefo_CommentW { margin-left: 0; }
    #regPurchaseOptions { border-bottom: 0; }
    #regGrey .SKUsTable { width: 98%; clear: both; float: none; border: 0; }
    #regBuy { width: 98%; clear: both; border: 0; float: none; text-align: right; }
    #regGrey #tabsProduct .left, #regGrey #tabsProduct .right { width: 100%; float: left; clear: right; }
    #regGrey #tabsProduct .bottom { padding-top: 1%; }
    #regSocialNetworking { display: none; }
    #regGrey .WhyBuy { width: 70%; }
    #regGrey input[type=radio] { transform: scale(1.4); }
    #regBodyContent .PaymentRHS { width: 96%; padding: 1% 2%; float: right; margin-bottom: 2%; }
    #regBodyContent .PaymentLHSO { margin-bottom: 2%; width: 96%; padding: 1% 2%; float: left; }
    #regBodyContent .InvoicePDF { width: 96%; padding: 1% 2%; }
        #regBodyContent .InvoicePDF input[type=image] { max-width: 50px; height: auto; }
    #regSecure .Cert { float: left; clear: right; text-align: center; width: 94%; padding: 1%; margin: 0 2% 1% 2%; }
    #regSecure .Blurb { float: right; text-align: center; width: 100%; padding: 1%; }
    #regGrey .hBlogArticle .Title { font-size: 1.2em; }
    #regGrey .BlogListing .hBlogArticle, #regGrey .hBlogArticle { float: left; min-height: 0; width: 49%; margin: 1% 2% 2% 0; }
        #regGrey .hBlogArticle:nth-child(2n) { margin-right: 0; }
        #regGrey .hBlogArticle .Content { height: 150px }
    .CPDQuestion { top: 5%; font-size: 1em; }
        .CPDQuestion .top img { max-width: 100px }
        .CPDQuestion .button { margin: 5px auto }
        .CPDQuestion .bottom { font-size: 0.9em }
    .cd-top { left: 20px; bottom: 20px; }
}


@media (max-width: 700px) {
    .across-three { grid-column: span 6; }
    .across-five { grid-column: span 12; }
    .across-seven { grid-column: span 12; }
    .across-six { grid-column: span 12; }
    .across-eight { grid-column: span 12; }
    .across-four { grid-column: span 12; }
    .across-nine { grid-column: span 12; }
    .videosCarousel { margin: 15px 0; }
    .carouselWrap { padding: 20px 5px 20px 20px; }
    .carouselImg { height: 130px; }
    .carouselTile { width: 240px; }
    .carouselTitle { padding: 5px; font-size: 1.05em; }
    .carouselText { font-size: 0.9em; }
    .carouselArrow { opacity: 0.3; width: 48px; }
    #regHeader .excellence { display: none; }
    #regHeader .SolidWorks { display: none; }
    #regHeader .three { grid-template-columns: repeat(1, 1fr); }
    #regHeader .Inner { max-width: 80%; }
    #regHeader .Logo img { max-width: 80%; width: 100%; height: auto; padding: 2% 2% 2% 10%; }
    #divfixMenu { display: none; }
    #divfixMenuTitle { display: none; }
    #regBreadCrumb .Inner { justify-content: center; }
    #matrix-container .accordion-header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 263px; }
}

@media (max-width: 680px) {
    #regSearchBarControls { width: 420px; }
    #regWhite h1 { font-size: 1.6em; text-align: center }
    #regWhite .VidMainTitle h1 { text-align: left; }

    #regGrey h2, #regBlue h2, #regMySolidSolutions h2 { font-size: 1.4em; }
    #regHeader .Nav { display: none; }
    #regHeader .SolidWorks { width: 5%; margin-left: 0 }
    #regHeader .MySolidSolutions { clear: both; float: right; width: 100%; margin: 0; display: block }
    #regHeader .Tel { padding: 0 0 1% 0 }
    #regHeader #regSearchMob { margin-left: 0 }
   
    #regBodyContent .EventPanel { clear: both; width: 100%; }
        #regEvenLoc, #regBodyContent .EventPanel .TitleDate, #regBodyContent .EventPanel .Description, #regBodyContent .EventPanel .Prerequisites { margin: 0 0 2% 0; }
    #regEvenOrg { width: 96%; clear: both; margin-top: 0; }
    #googleMap.GoogleMapContainer { width: 100%; clear: both; }
    #regEvenOrg img { max-width: 140px; }
    .MainJobConL { width: 100%; }
    .MainJobConR { width: 100%; margin-top: 0; }
    .MainJobBodyR { width: 100%; margin-right: 0%; min-height: 0; margin-bottom: 5%; }
        .MainJobBodyR:nth-child(3n) { width: 100% }
        .MainJobBodyR:nth-child(2n) { margin-left: 0; margin-right: 0 }
    .MainJobImg { padding: 0 11%; }
    .MainJobTxtR { padding: 3%; }
   
    #googleMap.dirMap { width: 98%; padding: 1%; height: 400px; clear: both; }
    .dirInst { width: 98%; padding: 0 1%; clear: both; float: right }
    #regGrey .CartDelivery .Label { float: left; width: 100%; text-align: left; padding: 1% 0; }
    #regForm.Checkout .Control { float: right; text-align: left; padding-bottom: 5px; width: 100%; }
    #regGrey .CartDelivery select { float: right; font-size: 1em; margin-left: 1%; width: 100%; }
    #regBodyContent #regForm.Checkout input { padding: 2% 2% }

    #regExisting { clear: both; width: 100%; margin-bottom: 2%; }
    #regGuest { clear: both; width: 100%; }
    #regBodyContent .CartLoginBox { min-height: 0; padding: 1% 5% 3% 4%; }
    #regGrey .ProductPhotos { margin: 1% 10%; width: 80%; }
    #regGrey .MainPhoto { float: left; width: 100%; text-align: center; }
    #regGrey .BuyNow { width: 100%; }
    #DAMSharing .StaffPic { margin-left: 0; width: 28%; }
    #DAMSharing .BCard { margin-right: 0 }
    #tabsSearch ul.tabs { padding: 0; border-bottom: 0 }
        #tabsSearch ul.tabs li { width: 100%; text-align: right; font-size: 1.3em; clear: both; box-sizing: border-box; border-radius: 0; border: 0; border-top: 2px solid #BABABA; padding: 15px 15px; background-image: url(../../Images/tv/mag_glass.png); background-position: left 10px bottom 10px; background-repeat: no-repeat; background-size: 30px; }
            #tabsSearch ul.tabs li.active { background-image: none }
            #tabsSearch ul.tabs li img { float: none; }
            #tabsSearch ul.tabs li:last-child { border-bottom: 2px solid #BABABA }
    #tabsSearch ul.tabs { padding: 0; border-bottom: 0 }
        #tabsSearch ul.tabs li { width: 100%; text-align: right; font-size: 1.3em; clear: both; box-sizing: border-box; border-radius: 0; border: 0; border-top: 2px solid #BABABA; padding: 15px 15px; background-image: url(../../Images/tv/mag_glass.png); background-position: left 10px bottom 10px; background-repeat: no-repeat; background-size: 30px; }
            #tabsSearch ul.tabs li.active { background-image: none }
            #tabsSearch ul.tabs li img { float: none; }
            #tabsSearch ul.tabs li:last-child { border-bottom: 2px solid #BABABA }
    #regBodyContent input[type=text] { margin-right: 0 }

    #regBodyContent #regFormContent { width: 96%; padding: 2%; float: none }
    #regBodyContent .Label { clear: both; margin-top: 5px; color: #000; text-align: left; padding-right: 0; font-size: 1.2em; width: 100%; }
    #regBodyContent select, #regBodyContent #regForm.CTA select { width: 99%; max-width: 99%; padding: 2% 1%; font-size: 1.2em; }
    #regBodyContent .Validator { float: left; clear: right; width: 0; }
    #regBodyContent .Three { width: 100%; clear: both; font-size: 1.1em; line-height: 1.3em; padding-top: 10px; }
    /* FOR MOBILES MAKE A BIG CHUNKY BUTTON EASY TO HIT  */
    #regBodyContent .B { text-align: left; margin-right: 0; float: left }
    #regBodyContent input[type=submit] { width: 100%; padding: 6px 0 6px 0 }
    #regBodyContent input[type=text], #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=password], #regBodyContent #regForm textarea { max-width: 95%; width: 95%; font-size: 1.2em; }
        #regBodyContent input[type=text]:focus, #regBodyContent input[type=email]:focus, #regBodyContent input[type=number]:focus, #regBodyContent input[type=password]:focus, #regBodyContent textarea:focus { /* add this to the already existing style */ padding: 8px 5px; font-size: 1.4em; }
    #regBodyContent input[type=submit].Secure { background-image: url(../Images/template/Secure.svg); background-repeat: no-repeat; background-size: contain; background-position: 10px center; padding-left: 40px; font-size: 1.1em; }
}

@media (max-width: 600px) {
    #JobCardList { width: 47%; }
    .files .tile { width: calc((100%)- (20px)); clear: both; }
    #mySSM-login { flex-direction: column; }
    #regLoginTV { margin: 11px; }
    #regNotCustomer { margin: 11px; }
    .across-four { grid-column: span 12; }
    .across-three { grid-column: span 12; }
    .across-eight { grid-column: span 12; }
    .across-nine { grid-column: span 12; }
    .excel-mob { display: block; font-size: 1.4em; font-weight: 400; }
    .excel { display: none; }
    #regGrey .ProdThumbs .Th { float: left; min-height: 310px; width: 47%; margin: 2% 1.5%; }
        #regGrey .ProdThumbs .Th:nth-child(3n) { margin: 2% 1.5%; }
        #regGrey .ProdThumbs .Th:nth-child(3n-8) { margin: 2% 1.5%; }
        #regGrey .ProdThumbs .Th:nth-child(2n) { margin-right: 0; }
    .Launch { height: 200px; }
    .gRight { background: linear-gradient(to right, rgba(218,41,28,0.4), rgba(218,41,28,1)); }
    .gLeft { background: linear-gradient(to right, rgba(218,41,28,0.4), rgba(218,41,28,1)); }

    .headerContainer .trimech-logo, .headerContainer .javelin-logo { display: none }
    .headerContainer .ssm-logoB { border-left: 0; border-right: 0; }
    #secNewTicket.twelve .across-two, #secNewTicket.twelve .across-four { grid-column: span 12; padding: 3px }
    #secNewTicket .label {text-align: center;}
    #secNewTicket.flex-row-gap-two {grid-row-gap: 0;}
}

@media (max-width: 550px) {

    .files .tile { width: calc((100%)- (20px)); clear: both; }
    #regBodyContent .blogCategories { margin-top: 0 }
    #regTopBar .Inner .SearchBox .sButton { width: 16%; height: auto; float: right; display: table-cell; margin-left: 0 }
    #regTopBar .Inner .SearchBox .sBox { width: 84%; height: auto; float: left; display: table-cell }
    #regTopBar .Inner .SearchBox input[type=submit] { padding: 6% 5px; }
    #regWhite h1 { font-size: 1.4em; }
    #regGrey h2, #regBlue h2, #regMySolidSolutions h2 { font-size: 1.3em; }

    #searchResults .Thumbnail { width: 100%; margin: 5% 0; }
        #searchResults .Thumbnail:nth-child(3n) { margin-left: 0; margin-right: 0; }
        #searchResults .Thumbnail:nth-child(2n) { margin-left: 0; margin-right: 0; }
    #CaseStudyList { margin: 3% 4% 3% 0; }
        #CaseStudyList:nth-child(2n) { margin-right: 0 }
    #CaseStudyListL { width: 100%; min-height: 0; margin: 5% 0 }
        #CaseStudyListL:nth-child(2n) { margin-left: 0; margin-right: 0; }
        #CaseStudyListL:nth-child(3n) { margin-right: 0; }
        #CaseStudyListL:nth-child(9n) { margin-left: 0 }
    .EventCon { width: 100%; margin: 5% 0 }
        .EventCon:nth-child(3n) { margin-left: 0; }
        .EventCon:nth-child(2n) { margin-left: 0; margin-right: 0; }
        .DemoBod, .EventCon .ProdTxt { height: auto; padding: 3%; min-height: 0; }
        .EventCon .Control { margin: 0 auto; padding-top: 15px; }
    #CallToAction { padding: 2.5%; margin: 4% 0 -5% -6%; width: 106%; min-width: 0; }
    .TeamM { width: 30%; margin-right: 5% }
        .TeamM:nth-child(5n) { margin-right: 5%; }
        .TeamM:nth-child(4n) { margin-right: 5% }
        .TeamM:nth-child(3n) { margin-right: 0 }
    .MainJobBodyR { width: 100%; margin-right: 0; min-height: 0 }
    .MainJobImg { padding: 0 20%; }
    .OffCon { width: 100%; }
    .Map { width: 53%; margin: 7%; }
    .OffCon:nth-child(2n) { width: 100%; }
    a.OffImg img { margin-bottom: 0; }
    #regGrey .hBlogArticle .Title { font-size: 1.2em; height: 60px; }
    #regGrey .BlogListing .hBlogArticle, #regGrey .hBlogArticle { float: left; min-height: 0; width: 96%; margin: 1% 2% 2% 2%; }
        #regGrey .hBlogArticle:nth-child(2n), #regGrey .BlogListing .hBlogArticle:nth-child(2n), #regGrey .BlogListing .hBlogArticle:nth-child(3n), #regGrey .BlogListing .hBlogArticle:nth-child(4n) { margin: 1% 2% 2% 2%; }
        #regGrey .hBlogArticle .Content, #regGrey .hBlogArticle .Title { height: auto; padding: 2% }


    #DAMSharing .intro { width: 100%; }
    #DAMSharing .StaffPic { display: none }
    #DAMSharing .BCard { float: left; margin-bottom: 5%; }
    #DAMSharing .BCardL { display: none; }
    #DAMSharing .BCardR { border-radius: 16px; width: 98%; }
}

@media (max-width: 480px) {
    #regSearchBarControls { width: 320px; }
    #IMG-MASTHEAD h2 { letter-spacing: 7px; }
    #JobCardList { width: 100%; }
    .pSSG p { display: none; }
    .card-headingTitle { font-size: 1em; order: 1; text-align: left; padding: 15px; }
    .filters .filtersContainer { width: 98%; float: none; margin: 1% }
    .across-three { grid-column: span 12; }
    .across-nine { grid-column: span 12; }
    .across-eight { grid-column: span 12; }
    #regTopBar .Inner .SearchBox .sButton { width: 20%; height: auto; float: right; display: table-cell; margin-left: 0; }
    #regTopBar .Inner .SearchBox .sBox { width: 80%; height: auto; float: left; display: table-cell; }
    #regHeader .SolidWorks #img { display: none; }
    #regHeader .Logo { width: 80%; margin: 1% 2% 1% 4%; }
    #regHeader .Search { margin-right: 5px; }
    #regHeader #regSearchMob { margin-left: 0; }
    #regHeader .Logo img { margin-left: 6%; }
    #regHeader .Logo, #regTopProd { width: 98%; margin: 2% 1% 1% 1%; }
    #regTopPageContent .Inner .Desc { width: 96%; margin-top: 0; padding: 2%; float: left; font-size: 0.9em; }
    #regTopPageContent h1 { margin-bottom: 15px; font-size: 1.6em; line-height: 32px; font-weight: normal; color: #515153; }
    #regGrey .feefo_Posted, #regGrey .feefo_PostedText { width: 35%; }
    #regGrey .feefo_RatingText { width: 60%; clear: right; padding-bottom: 0; }
    #regGrey .feefo_Comment, #regGrey .feefo_CommentText { width: 64%; margin-left: 36%; padding-top: 0; }
    #regGrey .feefo_CommentW, #regGrey .feefo_CommentTextW { width: 64%; margin-left: 36%; padding-top: 0; }
    #regGrey .feefo_CommentW { margin-left: 1%; padding: 0; }
    #regFooterMenu ul, #regFooterMenu ul:nth-child(3), #regFooterMenu ul:nth-child(2), #regFooterMenu ul:nth-child(4) { width: 80%; margin: 2% 10%; text-align: center; border-right: none; }
    #regFooterMenu .MenuLinks { float: left; clear: both; width: 80%; margin: 2% 10%; padding: 0; text-align: center; }
    #regFooterMenu .Copyright { float: left; clear: both; width: 80%; margin: 2% 10%; padding: 0; text-align: center; }
    #regFooterMenu ul li, #regFooterMenu .MenuLinks ul li { padding: 1%; font-size: 1.3em; }

    .offDetails { flex-direction: column; }
    #offLoc .Map { width: 100%; margin: 0%; }
    .matrix { font-family: 'Open Sans Condensed',sans-serif; font-weight: 600; }
    #matrix-container .accordion-header { max-width: 170px; }
    #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=text], #regBodyContent input[type=password], #regBodyContent textarea { font-size: 1.1em; }
    input[type='checkbox'] { width: 20px; height: 20px; background: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #555; }
        input[type='checkbox']:checked { background: #abd; }
    #regBodyContent .subMenu li { flex-basis: 20%; }
}

@media (max-width: 400px) {

    #CaseStudyList { width: 100%; margin: 5% 0; }
    .TeamM { width: 48%; margin-right: 4% }
        .TeamM:nth-child(5n) { margin-right: 4%; }
        .TeamM:nth-child(3n) { margin-right: 4% }
        .TeamM:nth-child(2n) { margin-right: 0 }
    #DAMSharing .BCard2 { display: none; }
    .card-headingTitle { font-size: 1.2rem; }
    .ssm-logo { font-size: 1.2em; }
    .card-headingTitle { font-size: 1.2rem; }
    .myssm-logo { font-size: 1.2em; }
}

@media (max-width: 375px) {
    .dt { display: none; }
    .mb { display: block; }
    #regSearchBar, #regSearchBarC { display: none; }
    .blogDateFiled { padding: 10px; }
    .blogIntro { margin: 0%; }
    #regBodyContent .blogContent { margin: 0%; }
    #matrix-container .accordion-header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 170px; }
    .headerContainer { justify-content: flex-end; padding-right: 13px; }

    #regBodyContent ul li, #regBlue ul li, #regGrey ul li { text-indent: -1.85714em; }

    #IMG-MASTHEAD .MastheadCTA { animation: none; }
}