@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
body:not(#tinymce) {padding-top: 8em}

h1{font-size:2.69em;}
h2{font-size:1.75em}
h3{font-size:1.3em}
h4, th{font-size:1.2em}
.styled-heading-1,
#content > .styled-heading-1 {font-size: 1.5em}
        h1+.styled-heading-1 {margin-top: -0.5em}
hr, #description hr {margin: 3em 0}

/* HEADER ------------------------------*/
body>header {position: fixed; top:0; left:0; height: 8em; z-index: 10; border-bottom: 1px solid #ececec; overflow: visible; padding: 0 2.5em; background:#fff}
        .management>header {top: 35px}
        .management2>header {top: 80px}
#brand {display:block; width: 8.75em; position: absolute; top: 50%; transform: translateY(-50%)}
#brand:before {content: ""; display: inline-block; vertical-align: middle; height: 100%}
#brand img {display: inline-block; vertical-align: middle; max-width: 100%; height: auto;}

/* NAV ------------------------------ */
#navContainer {float: right}
nav ul{margin: 0}
#mainnav{overflow:visible; margin-top: 4.25em; z-index: 1;}
#mainnav ul{text-align:center;overflow:visible;margin: 0;padding: 0;}
#mainnav li{display:inline-block;position:relative}
#mainnav a{line-height:3em; padding: 0 0.75em; text-transform: uppercase; font-weight:600; font-size: 0.91em; display:inline-block;color:#2C2C2C;text-decoration:none;}
#mainnav>ul>li:hover>a, #mainnav>ul>li:active>a{color:#CC3333}
#mainnav>ul>li.on>a{color:#CC3333}
/*dhtml*/
#mainnav li ul{z-index:1;width:230px;padding:1em 0;background:rgb(232, 232, 232);position:absolute;overflow:auto;height:auto; top: -200vh;opacity: 0;z-index: -1; visibility: hidden; transition: ease 200ms opacity 0.35s;}
#mainnav li:hover ul {top:auto;opacity: 1;z-index: 1; visibility: visible}
#mainnav>ul>li:last-child ul{right:0}
#mainnav li ul li{width:100%;display:block;float:left}
#mainnav ul li ul li a{background:none;color:#CC3333; text-transform: none}
#mainnav li ul li a{font-size:.9em;line-height:1.1em;padding:.3em 1em; display:block;width:100%;text-align:left;float:left}
#mainnav li ul li a:hover, .t1 li ul li a:active{color:#3399CC;background:none}

/* ancillary */
#ancillary {position:absolute;right:2.5em;top:0.63em; z-index: 2;}
        header:not(.hide-small-cart) #ancillary {right:10.5em;}
#ancillary>ul{display: inline-block; vertical-align: middle}
#ancillary li{display: inline; line-height: 2.5rem; position: relative;}
#ancillary>ul>li:nth-of-type(2) {display: none}
#ancillary a {display: inline-block; font-size: 0.81rem; color: #2F2F2F; padding: 0 .8em; text-decoration:none;}
#ancillary>ul>li:hover>a, #ancillary>ul>li:active>a, #ancillary>ul>li.on>a{color:#3399CC}
#ancillary>ul>li.on>a {text-decoration:none;color:#3399CC}
#ancillary ul li ul {width: 150px;background: #e8e8e8;padding: .5em 0;left: 0;position: absolute;overflow: auto;height: auto;top: -200vh;opacity: 0;z-index: -1;visibility: hidden;transition: ease 200ms opacity .35s;}
#ancillary>ul>li:hover>ul {top: auto;opacity: 1;z-index: 2;visibility: visible;}
#ancillary>ul>li:last-child ul {right: 0;left: auto;}
#ancillary li ul li {display:block; float:left; line-height:2; width: 100%;}
#ancillary li ul li a {display: block; color: #000;}
#ancillary li ul>li:hover>a, #ancillary li ul>li:active>a {color:#cc3333;}

#ancillary .search{display: inline; margin-left: 1em; float: right}
#ancillary .search input {display: inline-block; height: 2.5rem; float: left; border: 0}
#ancillary .search input[type="text"] {background: #EFEFEF; padding: 0 1em; color: #2F2F2F; width: 14.63em; font-size: 0.81rem; box-shadow: none;}
#ancillary .search input[type="submit"] {width:2.5rem; padding: 0; background: url(/images/search.svg) no-repeat center #3399CC}
#ancillary .search input[type="submit"]:hover {background-color: #CC3333}
        #ancillary .search ::-webkit-input-placeholder {color: #2F2F2F; font-size: 0.81rem; opacity: 1}
        #ancillary .search ::-moz-placeholder {color: #2F2F2F; font-size: 0.81rem; opacity: 1}
        #ancillary .search :-ms-input-placeholder {color: #2F2F2F; font-size: 0.81rem; opacity: 1}
        #ancillary .search :-moz-placeholder {color: #2F2F2F; font-size: 0.81rem; opacity: 1}

body>header .small-cart {position: absolute; z-index: 1; top:0.63em; right:2.5em}
body>header.hide-small-cart .small-cart {display: none}
body>header .small-cart .quote {font-weight: 700; box-shadow: 0 0 0 1px rgba(255,255,255,0.5); position: relative; z-index: 1; background: #3399CC; color: #fff; text-transform: uppercase; float: right; line-height: 2.5rem; padding: 0 1em}
        body>header .small-cart.highlighted .quote {transform: translateY(80px)}
body>header .small-cart .quote:hover {background: #000}
body>header .small-cart .added {position: absolute; pointer-events: none; transition: ease all 200ms; top:3.5em; right:0; opacity:0;}
        body>header .small-cart.highlighted .added {opacity: 1;}
body>header .small-cart .added span {font-weight: 700; transition: ease all 200ms; transform: translateY(-10px); display: block; background: #fff; white-space: nowrap; padding: 0.5em 1.5em; position: relative; z-index: 1; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); font-size: 0.85em; border-radius: 5px;}
body>header .small-cart .added span:before {content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ffffff transparent; position: absolute; top:0; right: 2.5em; transform: translateY(-100%)}
body>header .small-cart.highlighted .added span {transform: translateY(80px)}
body>header .small-cart .added div {position: fixed; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.75)}

/* mobile */
#mobilenav,.menu{display: none}

.highlight, .content .highlight {padding: 2em 1.5em}
/* MAIN ------------------------------ */
main {}
main>.wrap {padding-top: 0.69em; overflow: inherit; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}

main>.wrap>aside{width:14.44em; margin-right: 1em; order: 1; background:  #EFEFEF}
main>.wrap>aside .stick-wrap {position: sticky; top: 8em; margin-bottom: 2em;}
        .management main>.wrap>aside .stick-wrap {top: calc(8em + 35px)}
        .management2 main>.wrap>aside .stick-wrap {top: calc(8em + 79px)}
main>.wrap>aside .crumbs > li:first-child:before {content: ""; display: block; height: 2.63em; background: #4B5257}

#content {width:54.5em; order: 2; margin: 0 auto; padding:1.44em 1em 7.94em 0;overflow:hidden;min-height:600px;position:relative;}
#content.fullWidth {float:none;margin: 0 auto}

.wsManagementLogin td:first-child {width:40%; text-align: right}

.twoCol {-webkit-columns:2;-moz-columns:2;columns:2;}
.threeCol {-webkit-columns:3;-moz-columns:3;columns:3;}
.resCol {
	-webkit-columns: auto;-moz-columns: auto;columns: auto;
	-webkit-column-width: 13em;-moz-column-width: 13em;column-width: 13em;
}

.formTable td{width:50%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}

.pageHeader {height:6.19em}
.landing .pageHeader {height:auto; padding: 7.13em 1em}
        .landing.type-2 .pageHeader {height:auto; padding: 4em 1em; overflow: hidden;}
.landing .pageHeader h1:before {content: ""; width: 1em; height: 1em; display: inline-block; background: url(/images/red-triangle.svg) no-repeat center bottom; margin-right: 0.35em; vertical-align: baseline}
.landing .pageHeader .wrap p {font-size: 1.25em; max-width: 45rem; margin: 0 auto; line-height: 1.75rem}
.landing .pageHeader .wrap.product-wrap {max-width:54.5em; padding-right:1em; margin:0 auto; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.landing .pageHeader .wrap.product-wrap .intro-text {text-align: left; text-shadow:0 0 30px #000; margin-right: 9%; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.landing .pageHeader .wrap.product-wrap .intro-text h1 {margin-bottom: 0}
.landing .pageHeader .wrap.product-wrap .intro-text h1:before {margin: 0 0.35em 0 -1.35em;}
.landing .pageHeader .wrap.product-wrap .intro-text .subheading {display: block; text-transform: none; font-size: 1.75rem; font-weight: 700; line-height: 1em; margin: 0.125em 0 1em;}
.landing .pageHeader .wrap.product-wrap .intro-text p {margin-bottom: 1em;}
.landing .pageHeader .wrap.product-wrap .product-list {margin: 0; width:17em; min-width: 17em;}
.landing .pageHeader .wrap.product-wrap .product-list .product {width: 100%; margin: 0; text-align: left; box-shadow: 0 5px 30px rgba(0,0,0,0.5);}
.landing .featured-product {padding:2em; background:#efefef; margin: 1em 0 2em; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.landing .featured-product .featured-content ul li {padding-left: 2em}
.landing .featured-product .featured-content ul li:before {left:0.75em}
.landing .featured-product .product-list {width:17em; min-width: 17em; margin:0 0 0 5%;}
.landing .featured-product .product-list .product {width: 100%; margin:0 auto}


.photoright{margin:0 0 1em 2em;}
.photoleft{margin:0 2em 1em 0;}
.photoright.floated-video,
.photoleft.floated-video,
.photoright.floated-video .videoContainer,
.photoleft.floated-video .videoContainer {width:100%}
.photoright.floated-video figcaption {text-align:right; font-size: 0.87rem; line-height: 1.25em; margin-top: 0.5em}
.photoleft.floated-video figcaption {text-align:left; font-size: 0.87rem; line-height: 1.25em; margin-top: 0.5em}

#content p,
#content > ol,
#content > ul,
#content > * > ol,
#content > * > ul {font-size: 1.125rem}

.landing #content {overflow: visible}
.landing #content img.wide-image {width:calc(100% + 10em); margin-left: -5em}


.product-list,
#CAD-drawings ul {margin: 3em 0 2em; clear:both; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
        #products .product-list {margin: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
        .home #products .product-list {    display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
.product-list a,
#CAD-drawings ul li {width: 31.5%; margin-top: 0; margin-right: 2.75%}
        #products .product-list a {width: 22.75%; margin-right: 2.75%}
.product-list a:nth-child(3n+3),
#CAD-drawings ul li:nth-child(3n+3) {margin-right: 0}
        #products .product-list a:nth-child(4n+4) {margin-right: 0}
.product-list.engineered-solutions {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.product-list.engineered-solutions a {width: 31%; margin: 0 0 2.25rem; padding: 1.75rem 1.75rem 4.75rem}
.product-list.engineered-solutions a .product-name {font-size: 1.5rem}

.uses {float: right; width: 31.5%; margin: 0 0 2.44em 8%}

#hero {position: relative; padding-bottom: 40%; height: auto}
#hero .wrap {position: absolute; max-width: 100%; top:0; left:0; width:100%; height: 100%; z-index: 3}
#hero .wrap:before {z-index:1;}
#hero .wrap > * {position: absolute;max-width:75rem;width:100%;z-index:2;overflow: visible;top: 1.5rem;left: 50%;transform: translateX(-50%);}
#hero .wrap h1,
#hero .wrap .title {font-size: 2.81em; transform: translateX(-1.35em); color:#fff; text-transform: uppercase; font-weight:800; margin-bottom: 0.5rem}
#hero .wrap h1:before,
#hero .wrap .title:before {content: ""; width: 1em; height: 1em; display: inline-block; background: url(/images/red-triangle.svg) no-repeat center bottom; margin-right: 0.35em; vertical-align: baseline;}
#hero .wrap p {font-size: 1.44em; line-height: 1.75rem; max-width: 44.75rem; margin: 0}

#support h2 {display: inline-block; margin: 0; font-size: 1.25rem; line-height: 3.13rem}
#support form {float: right}
#support form select {width: 15.19em; margin-right: 0.5rem}

#CAD360 {position: relative;; padding:3rem 1rem 3.5rem}
#CAD360 .flex {position: absolute; top:3rem; right:50%; max-width: 43.0625rem; bottom: 3.5rem; width: 50%;}
#CAD360 .flex > * {position: absolute; top:0; height: 100%}
#CAD360 .flex .controls {right:calc(50% - 1rem); width:50%; background: url(/images/home/cad-360-controls.jpg) no-repeat top left / 21.25rem auto}
#CAD360 .flex .model {right:0; width:50%; background: url(/images/home/cad-360-image.jpg) no-repeat center right / 16.375rem auto}
#CAD360 .wrap {text-align:right}
#CAD360 .text-wrapper {display: inline-block; text-align:center; max-width: 31.25rem}

.bg-ribbon {padding:6.25rem 1em;}
        #versaflex.bg-ribbon {background: url(/images/home/versaflex-bg.jpg) no-repeat center / cover}
        #engineered-solutions.bg-ribbon {background: url(/images/home/engineered-solutions-bg.jpg) no-repeat center / cover}
.bg-ribbon:before {content: ""; display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; opacity:0.6; background-image: linear-gradient(270deg, rgba(0,0,0,0.00) 0%, #000000 54%);}
.bg-ribbon h2 {text-transform: uppercase; font-weight:800; font-size: 2.81em; transform: translateX(-1.35em); margin-bottom: 0.5rem;}
.bg-ribbon h2::before {content: ""; width: 1em; height: 1em; display: inline-block; background: url(/images/red-triangle.svg) no-repeat center bottom; margin-right: 0.35em; vertical-align: baseline;}
.bg-ribbon p:last-child {margin-bottom: 0}
        #versaflex.bg-ribbon p {max-width:36.5rem}
        #engineered-solutions.bg-ribbon p {max-width:39.4375rem}
.bg-ribbon .button {margin-top:0.5em}

#featured-video .wrap {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
#featured-video .video {width: 57%}
#featured-video .description {width: 43%; padding-left: 1.88em}

#welcome {padding: 6.69em 1em 8em; overflow: hidden}
#welcome:before {content: ""; left: calc(50% + 12.06em); top:50%; transform: translateY(-50%); display: block; position: absolute; width: 54.69em; height: 25.81em; background: url(/images/home/welcome-bg.jpg) no-repeat center / contain}
#welcome h2 {font-size: 2.94em; margin-bottom: 0.5em; text-transform: lowercase}
#welcome .wrap {padding-right: 25rem}
#welcome .wrap .flex {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
#welcome .wrap .blog {width: 16.88rem}
#welcome .wrap .message {width: calc(100% - 18.75rem)}
#welcome .wrap .message,
#welcome .wrap .blog {position: relative; padding-bottom: 5em;}
#welcome .wrap .message .button,
#welcome .wrap .blog .button {position: absolute; bottom: 0; left: 0}

#content .icon-links {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
#content .icon-links li {width: 19.125%; margin: 0.25em}
#content .icon-links li a {height: 100%; padding:0.5em 1.5em 1.5em}
#content .icon-links li a:before {height: 7em;}

#content .search {position: relative}
#content .search form {max-width: calc(100% - 19.5em)}
#content .search input,
#content .search .toggleButtons button {padding: 0 1em; height: 2.81em; font-size: 1rem}
#content .search .toggleButtons {position: absolute; top: 0; right: 0}

.interior #support form {float: none; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.interior #support form > * {-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.interior #support form select {width: auto; margin: 0 1.5rem 0 0.25em; padding-right: 2.5em}
.interior #support form select,
.interior #support form button {height: 2.75rem}
.interior #support form h2 {line-height: 2.75rem}
.categoryThumb section {float: left; overflow: auto; width: 100%; padding: 1em 0}
.categoryThumb section :last-child {margin-bottom: 0}
.categoryThumb section+section {border-top: 1px dashed #ccc}
.categoryThumb img {float: left}
.categoryThumb h2,
.categoryThumb p {width: calc(100% - 7.63rem); margin-bottom: 0; float: right;}
.categoryThumb p {color: #666}

#tblSubmissions colgroup {display: none}
#tblSubmissions td {width: 30%}
#tblSubmissions td:last-child {width: 1em}
#tblSubmissions td:nth-last-child(2) {width: 4em}

#content > .image-links li {padding: 0; display: inline-block; width: 29%; vertical-align: top}
#content > .image-links li + li {margin: 0 0 0 4%}

.cleanMove-table th,
.cleanMove-table td {padding: 0.75rem;}
.cleanMove-table th:nth-child(2) {width: 27.6%; background: #4B5257; color:#fff; border: 1px solid #ccc}
.cleanMove-table th:nth-child(3) {width: 27.6%; background: #74ad00; color:#fff; border: 1px solid #ccc}
.cleanMove-table th:nth-child(4) {width: 27.6%; background: #39c; color:#fff; border: 1px solid #ccc}
.cleanMove-table td {border: 1px solid #ccc; line-height: 1.25em}
.cleanMove-table td:first-child {min-width:17%; background: #efefef; font-weight:600}

.mobileOnly {display: none}


/* FOOTER ------------------------------ */
.fatFooter {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.fatFooter .col {width: 22.5%; float: left}
#web-solutions {float:right;margin-left:0.69em}
body>footer .wrap nav span:before {content: "|"; margin: 0 0.5em}


@media screen and (min-width: 1400px) {
        body:not(.home) #products .wrap,
        body > .interior > .wrap {max-width: 95rem}
        main:not(.landing) #content {max-width: 76.5em; padding-right: 5%; padding-left: 2em; width: 100%}
        body.fullWidth main:not(.landing) #content {padding-left: 1em; padding-right: 1em; width: 100%; max-width: 60em}
        .product-list a,
        .product-list a:nth-child(3n+3) {width: 23.5%; margin-right: 2%}
        body:not(.home) #products .product-list a,
        body:not(.home) #products .product-list a:nth-child(4n+4) {width: 17.75%; margin-right: 2%}
        body:not(.home) #products .product-list a:nth-child(5n+5) {margin-right: 0}
        .product-list a:nth-child(4n+4) {margin-right: 0}
        .product-list.engineered-solutions a, .product-list.engineered-solutions a:nth-child(3n+3) {width: 30%}
}
@media screen and (max-width:1360px) {
        #mainnav > ul > li:nth-last-child(3) > ul {right: 0; left: auto}


        #hero .wrap { max-width: 70%; }
        #hero .wrap > * {padding: 0 4em}
        #hero .wrap h1 {padding-left: 4rem;text-indent: -4rem;}

        #content .icon-links li {width: 30%}
        #gallery .slide .image {padding-bottom: 50%}
        #CAD360 .flex .controls,
        #CAD360 .flex .model {background-size: calc(100% - 2rem) auto}
}
@media screen and (max-width: 1250px) {
        #ancillary > ul > li:nth-of-type(n+2) {display: inline}
        #mainnav > ul > li:last-child {display: none}
}
@media screen and (max-width: 1230px) {
        body:not(#tinymce) {padding-top: 7em}
        body > header {height: 7em; padding: 0 1em}
        #brand {width: 7.75em}
        header:not(.hide-small-cart) #ancillary {right:1em;}
        #ancillary {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: flex-end;-ms-flex-line-pack: end;align-content: flex-end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
        #ancillary > ul {order: 2}
        #ancillary li {float: left; line-height: 2rem}
        body>header .small-cart {right: 1em}
        body>header .small-cart .quote {line-height: 2rem}
        body>header .small-cart .added {top: 3em}
        #ancillary .search {order: 1}
        header:not(.hide-small-cart) #ancillary .search {margin-right: 7.5em}
        #ancillary .search input {height: 2rem}
        #ancillary .search input[type="submit"] {width: 2rem}
        #ancillary .search input[type="text"] {width: 12rem; padding: 0.75em}
        #mainnav {margin-top: 4.5em}
        #mainnav a {padding: 0 0.8em; line-height: 2.5em}

        #hero-callouts section .textbox { padding: .75rem 1rem; }
        #hero-callouts h2 { font-size: 1.25rem;}

}
@media screen and (max-width: 1140px) {
        #support {text-align: center}
        #support form {float: none}
}
@media screen and (max-width: 1080px) {
        body:not(#tinymce) {padding-top: 7em}
        #content {padding: 1.44em 2em 7.94em 1em}
        #products .product-list a,
        #products .product-list a:nth-child(4n+4) {width: 28.75%; margin: 0 0.5em 1.75em}
        .home #products .product-list a {margin-bottom: 0}
        #welcome:before {display: none}
        #welcome .wrap {padding-right: 0; text-align: center}
        #welcome .wrap .flex {display: block}
        #welcome .wrap .flex .message {margin-bottom: 3em; padding: 0; width: 100%}
        #welcome .wrap .flex .blog {width: 100%; padding: 0; max-width: 28em; margin: 0 auto;}
        #welcome .wrap .message .button,
        #welcome .wrap .blog .button {position: relative; margin-top: 1em}
        .landing #content img.wide-image {width:100%; margin-left: 0}
        #CAD360 {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
        #CAD360 .flex {position: relative; top: auto; right: auto; bottom: auto; max-width:50%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
        #CAD360 .flex > * {position: relative;}
        #CAD360 .flex .controls {height:13.75rem; margin-bottom: 2em; right:auto; width:100%; background-position: center; background-size: contain}
        #CAD360 .flex .model {height:17.75rem; right:auto; width:100%; background-position: center; background-size: contain}
        #CAD360 .wrap {max-width:50%;}
}
@media screen and (max-width: 1000px) {
        body:not(#tinymce) {padding-top: 10em}
        body > header {height: 10em}
        #brand {top: 1em; transform: none}
        body>header .small-cart {top: 1.5em}
        #ancillary {top: 1.5em}
        #ancillary > ul {margin-top: 1em}
        #navContainer {float: none}
        #mainnav {margin-top: 7em}
        #mainnav ul {text-align: right}
        main > .wrap > aside {min-width: 14em}
        .uses {float: none;width: 100%;margin: 0 0 1em;}
        .product-list a,
        #CAD-drawings ul li,
        .product-list a:nth-child(3n+3),
        #CAD-drawings ul li:nth-child(3n+3) {width:49%; margin-right: 2%}
        .product-list a:nth-child(even),
        #CAD-drawings ul li:nth-child(even) {margin-right: 0}
        #hero .wrap h1 {font-size: 2.5em}

}