/* CSS Normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,img,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

/*	Resets */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,  dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup,  menu, footer, header, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;}

/* Box-sizing Method */
* { box-sizing: border-box; }

/* Typography */

body { font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-weight:400; font-style:normal; color:#2b2d2d; -webkit-font-smoothing:antialiased;}
h1 { font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;font-weight:300;font-style:normal; font-size:28px; font-size: 2rem;}
h2 { font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;font-weight:300;font-style:normal; font-size:24px; font-size: 1.75rem;}
h3 { font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;font-weight:400;font-style:normal; font-size:18px; font-size: 1.2rem;}
h4 { font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;font-weight:400;font-style:normal; font-size:14px; font-size: 1rem;}
a { color:#2b2d2d; text-decoration:none; }
a:visited { color:#2b2d2d;}
a:hover, a:active { color:#2b2d2d;}
article p { margin:15px 0;line-height:24px;line-height:1.5rem;}

/* Global Styles */

img { max-width:100%; height:auto;}
a img {border:none;}


/* Layout Styles */

body, html { height:100%; width:100%; background-color:#2b2d2d;}
#wrapper {padding:0 0px; width:1000px; margin:0 auto;}
section { width:100%; margin:0; padding:0;}
#header-container { color:#fff; height:auto; padding:20px 0; display:-webkit-box; display:-webkit-flex; display:flex; display: -ms-flexbox; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; align-items:stretch;}
.topLogo { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1;}
.topLogo img { width:100%; opacity:1; }
.topLogo img:hover { opacity:.85; filter:alpha(opacity=85); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
#nav-container { display:-webkit-box; display:-webkit-flex; display:flex; display: -ms-flexbox; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end; padding:10px 0;}
.topNav { -webkit-box-flex:3; -webkit-flex:3; -ms-flex:3; flex:3; display:-webkit-box; display:-webkit-flex; display:flex; display: -ms-flexbox; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;}
.topLink { width:auto;text-align:center; padding:2px; font-size:14px; font-size:.9rem; font-family: "Gotham A", "Gotham B";font-weight:500;font-style:normal;}
.topLink a { color:#fff; display:block; padding:20px; border-radius:2px;opacity:1;filter:alpha(opacity=100); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.topLink a:hover { opacity:.85; filter:alpha(opacity=85);}
.tagline { -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end; padding:10px 0; text-align:right;}
#main-container { background:#fff; height:auto; padding:30px;}
.mainHeading { padding:20px;}
.productBox-container { display:-webkit-box; display:-webkit-flex; display:flex; display: -ms-flexbox; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;}
.productBox {  -webkit-flex-basis:0 0 auto; -ms-flex-preferred-size:0 0 auto; flex-basis:0 0 auto; width:50%; text-align:center; background-color:#ededed; padding:20px; border-right:5px solid #fff; border-bottom:5px solid #fff;}
.productBox div.productImage { overflow:hidden; position:relative;}
.productBox div.productImage img {-webkit-transform:translateZ(0); -webkit-backface-visibility:hidden; -webkit-perspective:1000; -webkit-transform: translateZ(0) scale(1.0, 1.0);-webkit-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
.productBox div:hover img {-webkit-transform:scale(1.15);transform:scale(1.15);opacity:.5;}
.productBox div:hover .textproductBoxOverlay {opacity:1;}
.textproductBoxOverlay-container { position:absolute; top:0; left:0; height:100%; width:100%; display:flex; justify-content:center; align-items:center;}
.textproductBoxOverlay { font-size:2.5rem; opacity:0; transition: opacity .5s ease-in-out;}
.productStyle { font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-weight:500; font-style:normal;}
.productStyle a {  display:block; padding:10px; border-radius:2px; opacity:1; filter:alpha(opacity=100); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.productStyle a:hover { opacity:.85; filter:alpha(opacity=85);}
.productStyleDescription { font-size:12px; font-size:0.75rem;}
.productStyleColor { font-size:12px; font-size:0.75rem; padding:10px;}
.productClick { font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-weight:500; font-style:normal; font-size:14px; font-size:.9rem; margin-top:8px;}
.productClick a {  display:block; padding:20px; border-radius:2px; opacity:1; filter:alpha(opacity=100); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.productClick a:hover { opacity:.85; filter:alpha(opacity=85);}
.productColor-container { display:-webkit-box; display:-webkit-flex; display:flex; display: -ms-flexbox; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;}
.productColor { position:relative; width:19px; height:19px; text-align:center; border-right:3px solid #ededed; border-bottom:3px solid #ededed;}
.productColor a { padding:10px; display:block;}
.moreInformation { width:100%; margin:0 auto; padding:30px; text-align:center;}
.contactInformation { font-size:12px; font-size:.75rem; line-height:19px; line-height:1.2rem;}
#footer-container { color:#fff; padding:30px;}
.copyright { font-size:13px; font-size:0.9rem;}
.itemBox-container { display:-webkit-box; display:-webkit-flex; display:flex; display: -ms-flexbox; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.itemBox { -webkit-flex-basis:0 0 auto; -ms-flex-preferred-size:0 0 auto; flex-basis:0 0 auto; width:50%; text-align:center; background-color:#ededed; padding:15px; border-right:5px solid #fff; border-bottom:5px solid #fff;}
.itemBoxDescription { -webkit-flex-basis:0 0 auto; -ms-flex-preferred-size:0 0 auto; flex-basis:0 0 auto; width:50%; text-align:left; padding:0 15px 15px 15px; border-right:5px solid #fff; border-bottom:5px solid #fff;}
.itemNavigation-container { display:-webkit-box; display:-webkit-flex; display:flex; display: -ms-flexbox; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;}
.itemNavigation { -webkit-flex-basis:250px; -ms-flex-preferred-size:250px; flex-basis:250px; text-align:center; font-family: "Gotham A", "Gotham B"; font-weight:500; font-style:normal; font-size:12px; font-size:0.75rem; margin-top:8px;}
.itemNavigation a {  display:block; padding:10px; border-radius:2px; opacity:1; filter:alpha(opacity=100); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.itemNavigation a:hover { opacity:.85; filter:alpha(opacity=85);}
.itemHeading { padding-bottom:5px;}
.itemStyle { padding-bottom:5px;font-size:12px;font-size:.75rem;line-height:19px;line-height:1.2rem;}

/* Common Classes */

.textUppercase { text-transform:uppercase;}
.textCapitalize { text-transform: capitalize;}
.textCenter { text-align:center;}
.textWhite { color:#fff;}
a.textWhite, a:visited.textWhite, a:hover.textWhite, a:active.textWhite { color:#fff;}
.spacer { margin:15px 0;}
.productBoxspacer { margin:10px 0;}
.fa-left { margin-right:8px;}
.fa-right { margin-left:8px;}


/* Tablet */

@media (max-width: 999px) {
a[href^="tel"]{color:inherit;text-decoration:none;}
h1 { font-size: 1.6rem;}
h2 { font-size: 1.5em;}
h3 { font-size: .9rem;}
#wrapper {width:auto;}
#header-container { padding:20px;}
.topNav { -webkit-box-flex:2; -webkit-flex:2; -ms-flex:2; flex:2; }
.topLink { font-size:12px; font-size:.7rem;}
.topLink a { padding:15px;}
.productClick a { padding:15px;}

}

/* Mobile */

@media (max-width: 767px) {

a[href^="tel"]{color:inherit;text-decoration:none;}
h1 { font-size: 1.6rem;}
h2 { font-size: 1.3em;}
h3 { font-size: 1rem;}
#wrapper {padding:0; width:auto;}
#header-container { padding:0; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
.topLogo { padding:15px;}
.topLogo img { width:80%;margin:0 auto;}
#nav-container { -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; padding:0;}
.topNav { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; padding:10px 0 15px 0;}
.tagline { -webkit-align-self:center; -ms-flex-item-align:center; align-self:center; padding:0px 15px 15px 15px; text-align:center;}
.tagline h1 span { display:none;}
.topLink { width:100%; padding:0 0 1px 0; font-size:1rem; margin:5px 15px;border-top:1px solid #2b2d2d;}
.topLink a { padding:20px; border-radius:0px;}
#main-container { padding:0px;}
.styleHeading { padding: 20px 0 10px 0; text-align:center;}
.productImage { padding-bottom:0px;}
.productStyleColor { font-size:1rem; padding:10px; display:none;}
.productBox-container { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
.productBox { -webkit-flex-basis:0 0 auto; -ms-flex-preferred-size:0 0 auto; flex-basis:0 0 auto; width:100%; padding:15px; border:none;margin:0}
.productStyle {font-size:1.1rem; }
.productClick { font-size:0.9rem; margin-top:0px;}
.productClick a {  padding:12px; border-radius:0;}
.moreInformation {padding:12px;}
.moreHeading { padding: 0 0 10px 0;}
.contactInformation { font-size:.8rem; line-height:1.2rem;}
#footer-container { padding:20px;}
.itemBox-container { display:-webkit-box; display:-webkit-flex; display:flex; display: -ms-flexbox; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;margin-top:10px;}
.itemBox { -webkit-flex-basis:0 0 auto; -ms-flex-preferred-size:0 0 auto; flex-basis:0 0 auto; width:100%; text-align:center; background-color:#ededed; padding:15px; border:none;}
.itemBoxDescription { -webkit-flex-basis:0 0 auto; -ms-flex-preferred-size:0 0 auto; flex-basis:0 0 auto; width:100%; text-align:left; padding:15px; border:none;}
.itemNavigation-container { display:-webkit-box; display:-webkit-flex; display:flex; display: -ms-flexbox; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;padding-bottom:15px;}
.itemNavigation { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; font-size:1rem; margin:5px 15px;border-top:1px solid #fff;}
.itemNavigation a {  display:block; padding:20px; border-radius:0; }
.itemHeading { padding: 5px 0;font-size:1.2rem;}
.itemStyle { padding-bottom:10px;font-size:.9rem;line-height:1.3rem;}
.spacer { margin:0px;}
.copyright { font-size:12px; font-size:0.75rem;}

}

/* Custom Styles */

.logo { width:50%; margin:0 auto; display:none;}
.hero { width:100%; margin:0 auto; display:block;}
.heroWithLogo-container { position:relative; width:100%; margin:0 auto; display:none;}
.heroWithLogo { position:absolute; top:40px; left:40px; width:45%; display:none;}
.backPrimary { background-color:#3e7898;}
.backSecondary { background-color:#3e7898;}
.backTopLinks { background-color:#444;}
.textPrimary { color:#f15f22;}
a.textPrimary, a:visited.textPrimary, a:hover.textPrimary, a:active.textPrimary { color:#f15f22;}
.textSecondary {color:#3e7898;}
a.textSecondary, a:visited.textSecondary, a:hover.textSecondary, a:active.textSecondary { color:#3e7898;}

/* Mobile */

@media (max-width: 767px) {

.heroWithLogo-container { display:none;}
.heroWithLogo { display:none;}
.hero { width:100%; margin:0 auto; display:block;}

}