/*
Theme Name: SpectraTek - Law Enforcement Technology Solutions
Description: Responsive theme for SpectraTek
Author: Flicker Creative Inc
Author URI: http://www.flickercreative.com
Version: 1
*/
/* ==== RESET ==== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; outline: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

del { text-decoration: line-through; }

img { border: none; vertical-align: middle; -ms-interpolation-mode: bicubic; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

fieldset { border: 0; margin: 0; padding: 0; }

/* ======== WEBSITE VARIABLES ======== */
/* ==== SASS MIXINS ==== */
div, article, section, header, footer { *zoom: 1; }

div:before, article:before, section:before, header:before, footer:before, div:after, article:after, section:after, header:after, footer:after { content: ""; display: table; }

div:after, article:after, section:after, header:after, footer:after { clear: both; }

.button:after, .menu-icon-text, .header-menu-icon .menu-icon-hamburger, .header-menu-icon .menu-icon-hamburger:before, .header-menu-icon .menu-icon-hamburger:after, .header-menu-icon.active .menu-icon-hamburger, .header-menu-icon.active .menu-icon-hamburger:before, .header-menu-icon.active .menu-icon-hamburger:after, .product-images-thumbs li, a { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }

/* ==== BREAK POINTS ==== */
/* ======== Global Site Styles ======== */
/* 101 -  */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { background-color: #1d9ba0; background-image: url("assets/images/backgrounds/pattern-chain-teal.png"); background-image: url("assets/images/backgrounds/pattern-chain-teal.svg"); background-size: 22px 20px; background-position: top center; background-repeat: repeat; }

body { font-family: "Roboto", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-variant: normal; color: #383838; }

div, article, section, header, footer { width: 100%; position: relative; }

.teal { color: #1d9ba0; }

.center { text-align: center; }

p.no-pad { padding: 0; }

.wrapper { width: 100%; overflow: hidden; }

.content { position: relative; margin: 0 auto; max-width: 1240px; padding: 0 40px; }

@media (min-width: 12.5em) { .content { padding: 0 10px; } }

@media (min-width: 22.5em) { .content { padding: 0 15px; } }

@media (min-width: 35em) { .content { padding: 0 20px; } }

@media (min-width: 47.5em) { .content { padding: 0 30px; } }

@media (min-width: 60em) { .content { padding: 0 40px; } }

.content-block { margin: 40px 0; padding: 30px 0; background-color: white; }

.button { display: inline-block; overflow: hidden; position: relative; padding: 6px 14px; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 15px; color: white; text-transform: uppercase; text-decoration: none; background-color: #1d9ba0; border: 2px solid white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.button:hover { padding: 6px 20px 6px 8px; color: white; }

.button:after { content: ""; position: absolute; top: 11px; right: -12px; width: 10px; height: 15px; background-image: url("assets/images/icons/arrow-right-green.png"); background-size: 10px 15px; background-position: top left; background-repeat: no-repeat; }

.button:hover:after { right: 6px; }

.promo { margin: 20px 0; font-family: "Aldrich", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 26px; color: white; text-align: center; }

@media (min-width: 12.5em) { .promo { font-size: 18px; line-height: 24px; } }

@media (min-width: 32.5em) { .promo { font-size: 20px; line-height: 26px; } }

img.centered, img.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.aligncenter, img.alignright, img.alignleft { margin-top: 4px; margin-bottom: 20px; padding: 0; }

img.alignright, .alignright, img.alignleft, .alignleft { display: inline; }

@media (min-width: 12.5em) { img.alignright, .alignright, img.alignleft, .alignleft { display: block; } }

@media (min-width: 40em) { img.alignright, .alignright, img.alignleft, .alignleft { display: inline; } }

img.alignright, .alignright { float: right; margin-left: 20px; }

@media (min-width: 12.5em) { img.alignright, .alignright { float: none; margin-left: 0; } }

@media (min-width: 40em) { img.alignright, .alignright { float: right; margin-left: 20px; } }

img.alignleft, .alignleft { float: left; margin-right: 20px; }

@media (min-width: 12.5em) { img.alignleft, .alignleft { float: none; margin-right: 0; } }

@media (min-width: 40em) { img.alignleft, .alignleft { float: left; margin-right: 20px; } }

ol.commentlist { margin: 10px 0 40px 0 !important; padding: 0 !important; list-style: none !important; border-bottom: 10px solid #ccc; }

ol.commentlist li { border-top: 10px solid #ccc; }

ol.commentlist li.comment { padding: 20px 0 0; }

ol.commentlist li.comment div.vcard cite.fn { font-style: normal; padding: 0 0 0 42px; }

ol.commentlist li.comment div.vcard cite.fn a.url { text-decoration: none !important; }

ol.commentlist li.comment div.vcard img.avatar { position: absolute; left: 0; top: 0; }

ol.commentlist li.comment div.vcard span.says { display: none; }

ol.commentlist li.comment div.commentmetadata { margin: -6px 0 0 0; padding: 0 0 0 42px; }

ol.commentlist li.comment div.comment-meta { font-size: 11px; }

ol.commentlist li.comment div.comment-meta a { color: #ccc !important; text-decoration: none !important; }

ol.commentlist li.comment div.comment-meta a:hover { color: #ccc !important; }

ol.commentlist li.comment div.comment-meta a:hover { color: #000 !important; }

ol.commentlist li.comment p { padding: 0 0 1.5em 42px !important; font-size: .875em !important; line-height: 1.5em !important; }

ol.commentlist li.comment ul { padding: 0 !important; }

ol.commentlist li.comment div.reply { font-size: 12px; padding: 0 0 10px 42px; }

ol.commentlist li.comment ul.children { list-style: none !important; margin: 10px 0 0; }

ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 0 10px; border-top: 2px solid #ccc; }

ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 0 10px; border-top: 2px solid #ccc; }

ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 0 10px; border-top: 2px solid #ccc; }

.footer { margin: 40px 0 10px; background-color: #383838; }

.footer-brand-wrapper { float: left; width: auto; }

@media (min-width: 12.5em) { .footer-brand-wrapper { width: 100%; } }

@media (min-width: 60em) { .footer-brand-wrapper { width: auto; } }

.footer-brand { padding: 10px 0 9px; width: auto; }

.footer-brand-shield { display: block; position: absolute; top: -8px; left: 0; width: 94px; height: 107px; }

@media (min-width: 12.5em) { .footer-brand-shield { display: none; } }

@media (min-width: 60em) { .footer-brand-shield { display: block; } }

.footer-brand-shield img { width: 100%; height: auto; }

.footer-brand-content-logo { margin: 0 0 10px; width: 200px; height: 15px; }

@media (min-width: 12.5em) { .footer-brand-content-logo { margin: 0 auto 10px; } }

@media (min-width: 60em) { .footer-brand-content-logo { margin: 0 0 10px; } }

.footer-brand-content { padding: 0 0 0 114px; width: auto; font-size: 14px; line-height: 24px; color: white; }

@media (min-width: 12.5em) { .footer-brand-content { padding: 0; } }

@media (min-width: 60em) { .footer-brand-content { padding: 0 0 0 114px; } }

.footer-brand-content a { color: white; text-decoration: none; }

.footer-brand-content-text { width: auto; text-align: left; }

@media (min-width: 12.5em) { .footer-brand-content-text { text-align: center; } }

@media (min-width: 60em) { .footer-brand-content-text { text-align: left; } }

.footer-brand-content-text span { display: inline-block; }

@media (min-width: 12.5em) { .footer-brand-content-text span { display: block; } }

@media (min-width: 22.5em) { .footer-brand-content-text span { display: inline-block; } }

.footer-brand-content-text span.teal { display: inline-block; }

@media (min-width: 12.5em) { .footer-brand-content-text span.teal { display: none; } }

@media (min-width: 22.5em) { .footer-brand-content-text span.teal { display: inline-block; } }

.footer-logos { float: right; width: auto; }

@media (min-width: 12.5em) { .footer-logos { float: left; width: 100%; } }

@media (min-width: 60em) { .footer-logos { float: right; width: auto; } }

.footer-logos ul { float: right; margin: 23px 0 0; width: auto; text-align: center; }

@media (min-width: 12.5em) { .footer-logos ul { float: left; margin: 10px 0; width: 100%; } }

@media (min-width: 60em) { .footer-logos ul { float: right; margin: 23px 0 0; width: auto; } }

.footer-logos li { margin: 0 0 6px 6px; display: inline-block; }

.footer-logos img { width: 100%; height: auto; }

.united-states-flag { width: 84px; height: 44px; }

.gsa-logo { width: 50px; height: 44px; }

li.homeland-security { margin: 0 0 6px 1px; width: 44px; height: 44px; }

.fbi-logo { width: 43px; height: 44px; }

.atf-logo { width: 44px; height: 44px; }

.sheriff-badge { width: 44px; height: 44px; }

.metro-badge { width: 28px; height: 44px; }

.copyright { padding: 15px 0 20px; font-size: 13px; line-height: 17px; color: #93d6df; text-align: center; }

.copyright span { display: inline-block; }

@media (min-width: 12.5em) { .copyright span { display: block; } }

@media (min-width: 35em) { .copyright span { display: inline-block; } }

.copyright span a { display: inline-block; width: 117px; height: 15px; }

.copyright span a img { width: 100%; height: auto; }

.copyright ul { padding: 0 0 5px; width: 100%; }

.copyright ul li { display: inline-block; }

@media (min-width: 12.5em) { .copyright ul li { display: block; } }

@media (min-width: 20em) { .copyright ul li { display: inline-block; } }

.copyright ul li a { position: relative; display: block; padding: 2px 8px; font-size: 14px; color: white; text-decoration: none; }

.copyright ul li a:hover { color: #d1e51d; }

.copyright ul li a:after { position: absolute; display: block; top: 1px; right: -3px; content: "|"; font-size: 14px; color: white; }

@media (min-width: 12.5em) { .copyright ul li a:after { display: none; } }

@media (min-width: 20em) { .copyright ul li a:after { display: block; } }

.copyright ul li:last-child a:after { content: ""; }

.hero { width: 100%; max-height: 580px; overflow: hidden; }

.hero img { width: 100%; height: auto; }

.hero-promo { margin: 0 0 40px; }

.hero-promo-strip { position: absolute; z-index: 101; top: -290px; left: 0; margin: 0; }

@media (min-width: 12.5em) { .hero-promo-strip { position: relative; top: auto; margin: -70px 0 20px; } }

@media (min-width: 20em) { .hero-promo-strip { margin: -90px 0 20px; } }

@media (min-width: 26.25em) { .hero-promo-strip { margin: -120px 0 20px; } }

@media (min-width: 40em) { .hero-promo-strip { margin: -200px 0 20px; } }

@media (min-width: 43.75em) { .hero-promo-strip { margin: -250px 0 20px; } }

@media (min-width: 56.25em) { .hero-promo-strip { position: absolute; top: -250px; margin: 0; } }

@media (min-width: 67.5em) { .hero-promo-strip { top: -270px; } }

@media (min-width: 62.5em) { .hero-promo-strip { top: -290px; left: 0; } }

@media (min-width: 77.5em) { .hero-promo-strip { left: 18px; } }

.hero-promo-strip ul { width: 100%; text-align: center; }

.hero-promo-strip li { position: relative; display: inline-block; float: left; margin: 0; padding: 6px; width: 20%; max-width: 240px; }

@media (min-width: 12.5em) { .hero-promo-strip li { float: none; margin: 0 0 25px; padding: 6px; width: 98%; } }

@media (min-width: 15em) { .hero-promo-strip li { width: 90%; } }

@media (min-width: 20em) { .hero-promo-strip li { width: 70%; } }

@media (min-width: 26.25em) { .hero-promo-strip li { width: 48%; } }

@media (min-width: 40em) { .hero-promo-strip li { width: 30%; } }

@media (min-width: 56.25em) { .hero-promo-strip li { float: left; margin: 0; padding: 3px; width: 20%; } }

@media (min-width: 56.25em) { .hero-promo-strip li { padding: 6px; } }

.hero-promo-strip-title { position: absolute; z-index: 170; top: 50%; left: 0; margin-top: -16px; padding: 0 12px; width: 100%; font-family: "Aldrich", Helvetica, Arial, sans-serif; font-size: 18px; color: white; text-align: center; }

.hero-promo-strip-button { position: absolute; z-index: 170; bottom: -23px; left: 0; width: 100%; text-align: center; }

@media (min-width: 12.5em) { .hero-promo-strip-button { bottom: -23px; } }

@media (min-width: 56.25em) { .hero-promo-strip-button { bottom: -32px; } }

@media (min-width: 62.5em) { .hero-promo-strip-button { bottom: -23px; } }

.hero-promo-strip-image { position: relative; border: 4px solid rgba(255, 255, 255, 0.9); }

.hero-promo-strip-image img { width: 100%; height: auto; }

.hero-promo-strip-image-teal { position: absolute; z-index: 160; top: 0; left: 0; width: 100%; height: 10px; background-color: rgba(29, 155, 160, 0.5); }

.hero-promo-strip-image-cover { position: absolute; z-index: 150; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.featured-products h2.title-intro-h2 { padding: 0 0 20px; }

@media (min-width: 12.5em) { .featured-products h2.title-intro-h2 { padding: 0 0 20px; } }

@media (min-width: 30em) { .featured-products h2.title-intro-h2 { padding: 0 0 5px; } }

.featured-products-main-wrapper { margin: 0 0 40px; }

.featured-products-main-wrapper ul { width: 100%; text-align: center; }

.featured-products-main-wrapper li { display: inline-block; float: left; padding: 10px; width: 100%; }

@media (min-width: 12.5em) { .featured-products-main-wrapper li { float: none; padding: 10px 5px 0; width: 100%; } }

@media (min-width: 16.25em) { .featured-products-main-wrapper li { width: 90%; } }

@media (min-width: 20em) { .featured-products-main-wrapper li { width: 80%; } }

@media (min-width: 25em) { .featured-products-main-wrapper li { width: 65%; } }

@media (min-width: 30em) { .featured-products-main-wrapper li { float: left; padding: 10px; width: 100%; } }

.featured-products-main { display: block; position: relative; padding: 14px 7px 7px; border: 1px solid #e6e6e6; }

@media (min-width: 12.5em) { .featured-products-main { display: none; } }

@media (min-width: 30em) { .featured-products-main { display: block; } }

.featured-products-main-item { display: none; }

@media (min-width: 12.5em) { .featured-products-main-item { display: block; } }

@media (min-width: 30em) { .featured-products-main-item { display: none; } }

.featured-products-main-title { position: absolute; z-index: 201; bottom: 100%; margin-bottom: -11px; margin-left: -7px; width: 100%; text-align: center; }

.featured-products-main-title h2 { display: inline-block; margin: 0 10px; padding: 0 12px; font-size: 16px; line-height: 18px; color: #383838; background-color: white; }

@media (min-width: 12.5em) { .featured-products-main-title h2 { margin: 0 10px; padding: 0 12px; font-size: 16px; } }

@media (min-width: 47.5em) { .featured-products-main-title h2 { margin: 0 10px; padding: 0 8px; font-size: 15px; } }

@media (min-width: 56.25em) { .featured-products-main-title h2 { margin: 0 10px; padding: 0 12px; font-size: 16px; } }

.featured-products-main-image img { width: 100%; height: auto; }

.featured-products-main-button { position: absolute; z-index: 201; bottom: -30px; left: 0; width: 100%; text-align: center; }

.featured-products-item-wrapper { margin: 0 0 20px; padding: 0; }

@media (min-width: 12.5em) { .featured-products-item-wrapper { padding: 0; } }

@media (min-width: 47.5em) { .featured-products-item-wrapper { padding: 0 5px; } }

@media (min-width: 62.5em) { .featured-products-item-wrapper { padding: 0; } }

.featured-products-item-wrapper ul { width: 100%; text-align: center; }

.featured-products-item-wrapper li { display: inline-block; float: left; padding: 10px; width: 25%; }

@media (min-width: 12.5em) { .featured-products-item-wrapper li { float: none; padding: 10px 5px 40px; width: 100%; } }

@media (min-width: 16.25em) { .featured-products-item-wrapper li { width: 90%; } }

@media (min-width: 20em) { .featured-products-item-wrapper li { width: 80%; } }

@media (min-width: 25em) { .featured-products-item-wrapper li { width: 65%; } }

@media (min-width: 30em) { .featured-products-item-wrapper li { width: 48%; } }

@media (min-width: 37.5em) { .featured-products-item-wrapper li { width: 40%; } }

@media (min-width: 47.5em) { .featured-products-item-wrapper li { float: left; padding: 10px 5px; width: 25%; } }

@media (min-width: 62.5em) { .featured-products-item-wrapper li { padding: 10px; } }

.featured-products-item { position: relative; padding: 14px 7px 7px; border: 1px solid #e6e6e6; }

@media (min-width: 12.5em) { .featured-products-item { padding: 14px 7px 7px; } }

@media (min-width: 47.5em) { .featured-products-item { padding: 14px 4px 4px; } }

@media (min-width: 56.25em) { .featured-products-item { padding: 14px 7px 7px; } }

.featured-products-item-title { position: absolute; z-index: 201; bottom: 100%; margin-bottom: -11px; margin-left: -7px; width: 100%; text-align: center; }

.featured-products-item-title h2 { display: inline-block; margin: 0 12px; padding: 0 12px; font-size: 16px; line-height: 18px; color: #383838; background-color: white; }

@media (min-width: 12.5em) { .featured-products-item-title h2 { margin: 0 10px; padding: 0 12px; font-size: 16px; } }

@media (min-width: 47.5em) { .featured-products-item-title h2 { margin: 0 10px; padding: 0 8px; font-size: 15px; } }

@media (min-width: 56.25em) { .featured-products-item-title h2 { margin: 0 10px; padding: 0 12px; font-size: 16px; } }

.featured-products-item-image img { width: 100%; height: auto; }

.featured-products-item-button { position: absolute; z-index: 201; bottom: -30px; left: 0; width: 100%; text-align: center; }

.featured-products-main-burst { position: absolute; z-index: 201; top: -30px; left: -30px; width: 140px; height: 140px; }

@media (min-width: 12.5em) { .featured-products-main-burst { width: 80px; height: 80px; } }

@media (min-width: 37.5em) { .featured-products-main-burst { width: 100px; height: 100px; } }

@media (min-width: 50em) { .featured-products-main-burst { width: 120px; height: 120px; } }

@media (min-width: 62.5em) { .featured-products-main-burst { width: 140px; height: 140px; } }

.featured-products-main-burst img { width: 100%; height: auto; }

.product-line { text-align: center; }

.product-line ul { width: 100%; text-align: center; }

.product-line li { display: inline-block; }

@media (min-width: 12.5em) { .product-line li { display: block; } }

@media (min-width: 25em) { .product-line li { display: inline-block; } }

.product-line ul li a { position: relative; display: block; padding: 6px 20px; font-size: 15px; text-decoration: none; }

.product-line ul li a:after { position: absolute; display: block; top: 7px; right: -3px; content: "|"; font-size: 15px; color: #1d9ba0; }

@media (min-width: 12.5em) { .product-line ul li a:after { display: none; } }

@media (min-width: 25em) { .product-line ul li a:after { display: block; } }

.product-line ul li:last-child a:after { content: ""; }

.header { margin: 0 0 20px; }

.header-logo { float: left; margin: 10px 0; width: 380px; height: 67px; }

@media (min-width: 12.5em) { .header-logo { margin: 10px 0; width: 180px; height: 32px; } }

@media (min-width: 20em) { .header-logo { width: 240px; height: 43px; } }

@media (min-width: 27.5em) { .header-logo { width: 280px; height: 50px; } }

@media (min-width: 33.75em) { .header-logo { width: 350px; height: 62px; } }

@media (min-width: 56.25em) { .header-logo { margin: 16px 0; width: 300px; height: 53px; } }

@media (min-width: 61.25em) { .header-logo { margin: 10px 0; width: 350px; height: 62px; } }

@media (min-width: 73.75em) { .header-logo { margin: 10px 0; width: 380px; height: 67px; } }

@media (min-width: 76.25em) { .header-logo { margin: 10px 0; width: 400px; height: 71px; } }

.header-logo img { width: 100%; height: auto; }

.header-phone { padding: 5px 0; text-align: right; }

.header-phone a { display: block; padding: 10px; font-size: 20px; color: white; text-decoration: none; }

.header-phone a:hover { color: #d1e51d; }

.header-menu-wrapper { background-color: white; }

.header-menu { float: right; width: auto; }

@media (min-width: 12.5em) { .header-menu { width: 100%; } }

@media (min-width: 56.25em) { .header-menu { width: auto; } }

.header-main-menu { display: inline-block; float: right; padding: 23px 0 0; width: auto; }

@media (min-width: 12.5em) { .header-main-menu { display: none; padding: 0; width: 100%; text-align: center; } }

@media (min-width: 56.25em) { .header-main-menu { display: inline-block; padding: 21px 0 0; } }

@media (min-width: 73.75em) { .header-main-menu { padding: 23px 0 0; } }

@media (min-width: 76.25em) { .header-main-menu { padding: 25px 0 0; } }

.header-main-menu ul { width: 100%; float: left; text-align: left; border-top: none; border-left: none; }

@media (min-width: 12.5em) { .header-main-menu ul { text-align: center; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; } }

@media (min-width: 56.25em) { .header-main-menu ul { text-align: left; border-top: none; border-left: none; } }

.header-main-menu li { display: inline-block; float: left; margin: 0 0 0 3px; width: auto; border-bottom: none; border-right: none; }

@media (min-width: 12.5em) { .header-main-menu li { margin: 0; width: 100%; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } }

@media (min-width: 22.5em) { .header-main-menu li { width: 50%; } }

@media (min-width: 33.75em) { .header-main-menu li { width: 33.33%; } }

@media (min-width: 56.25em) { .header-main-menu li { margin: 0 0 0 3px; width: auto; border-bottom: none; border-right: none; } }

.header-main-menu li a { display: block; padding: 8px 10px; text-decoration: none; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 400; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

@media (min-width: 12.5em) { .header-main-menu li a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } }

@media (min-width: 56.25em) { .header-main-menu li a { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } }

.header-main-menu li a:hover { color: white; background-color: #1d9ba0; }

.header-main-menu li a span { display: inline; }

@media (min-width: 12.5em) { .header-main-menu li a span { display: inline; } }

@media (min-width: 56.25em) { .header-main-menu li a span { display: none; } }

@media (min-width: 72.5em) { .header-main-menu li a span { display: inline; } }

.header-sub-menu { display: inline-block; position: absolute; float: right; top: -42px; right: 155px; margin: 0; width: auto; }

@media (min-width: 12.5em) { .header-sub-menu { display: none; position: relative; top: auto; right: auto; margin: 0 0 16px; width: 100%; } }

@media (min-width: 56.25em) { .header-sub-menu { display: inline-block; position: absolute; top: -42px; right: 155px; margin: 0; width: auto; } }

.header-sub-menu ul { width: 100%; float: left; border-left: none; text-align: left; }

@media (min-width: 12.5em) { .header-sub-menu ul { border-left: 1px solid #e6e6e6; text-align: center; } }

@media (min-width: 56.25em) { .header-sub-menu ul { border-left: none; text-align: left; } }

.header-sub-menu li { display: inline-block; float: left; }

@media (min-width: 12.5em) { .header-sub-menu li { width: 100%; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } }

@media (min-width: 20em) { .header-sub-menu li { width: 33.33%; } }

@media (min-width: 56.25em) { .header-sub-menu li { width: auto; border-bottom: none; border-right: none; } }

.header-sub-menu li a { display: block; padding: 6px 10px; text-decoration: none; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: white; }

@media (min-width: 12.5em) { .header-sub-menu li a { padding: 8px 10px; font-size: 16px; color: #383838; } }

@media (min-width: 56.25em) { .header-sub-menu li a { padding: 8px 10px; font-size: 16px; color: white; } }

.header-sub-menu li a:hover { color: #d1e51d; background: none; }

@media (min-width: 12.5em) { .header-sub-menu li a:hover { color: white; background-color: #1d9ba0; } }

@media (min-width: 56.25em) { .header-sub-menu li a:hover { color: #d1e51d; background: none; } }

.header-menu-icon { display: none; float: right; padding: 22px 0 0; width: auto; cursor: pointer; }

@media (min-width: 12.5em) { .header-menu-icon { display: block; padding: 0; } }

@media (min-width: 15em) { .header-menu-icon { padding: 8px 0 0; } }

@media (min-width: 20em) { .header-menu-icon { padding: 13px 0 0; } }

@media (min-width: 27.5em) { .header-menu-icon { padding: 17px 0 0; } }

@media (min-width: 33.75em) { .header-menu-icon { padding: 22px 0 0; } }

@media (min-width: 56.25em) { .header-menu-icon { display: none; } }

.menu-icon-text { visibility: hidden; padding: 10px 10px 10px 35px; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 16px; color: #383838; }

@media (min-width: 12.5em) { .menu-icon-text { visibility: hidden; padding: 10px 2px 10px 0; } }

@media (min-width: 25em) { .menu-icon-text { visibility: visible; padding: 10px 10px 10px 35px; } }

.header-menu-icon.active .menu-icon-text { color: #1d9ba0; }

.menu-icon-hamburger { position: absolute; }

.menu-icon-hamburger, .menu-icon-hamburger:before, .menu-icon-hamburger:after { position: absolute; width: 24px; height: 3px; background-color: #383838; }

.menu-icons li:hover .menu-icon-hamburger, .menu-icons li:hover .menu-icon-hamburger:before, .menu-icons li:hover .menu-icon-hamburger:after { background-color: #383838; }

.menu-icon-hamburger { top: 17px; left: 6px; }

.menu-icon-hamburger:before { top: -7px; left: 0; }

.menu-icon-hamburger:after { top: 7px; left: 0; }

.header-menu-icon.active .menu-icon-hamburger:after { display: none; }

.header-menu-icon.active .menu-icon-hamburger { bottom: 0; background-color: #1d9ba0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.header-menu-icon.active .menu-icon-hamburger:before { top: 0; background-color: #1d9ba0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.header-menu-icon:hover .menu-icon-text { color: #1d9ba0; }

.header-menu-icon:hover .menu-icon-hamburger, .header-menu-icon:hover .menu-icon-hamburger:before, .header-menu-icon:hover .menu-icon-hamburger:after { background-color: #1d9ba0; }

.product h2 { padding: 0 0 8px; }

.product-showcase { padding: 0 0 30px; }

@media (min-width: 12.5em) { .product-showcase { padding: 0; } }

@media (min-width: 47.5em) { .product-showcase { padding: 0 0 30px; } }

.breadcrumb { margin: -15px 0 25px; font-size: 12px; color: #b4b4b4; }

.breadcrumb a { color: #b4b4b4; }

.product-images { position: relative; float: left; padding: 0; width: 52%; }

@media (min-width: 12.5em) { .product-images { padding: 0 0 24px; width: 100%; } }

@media (min-width: 31.25em) { .product-images { padding: 0 0 34px; } }

@media (min-width: 47.5em) { .product-images { padding: 0; width: 52%; } }

.body .product-images ul { padding: 0; }

.body .product-images li { list-style-type: none; }

.product-images img { width: 100%; height: auto; }

.product-image { display: none; }

.product-images-main { padding: 0 0 0 80px; width: 100%; }

@media (min-width: 12.5em) { .product-images-main { padding: 0 0 10px; } }

@media (min-width: 31.25em) { .product-images-main { padding: 0 0 0 80px; } }

@media (min-width: 47.5em) { .product-images-main { padding: 0 0 10px; } }

@media (min-width: 61.25em) { .product-images-main { padding: 0 0 0 80px; } }

.product-images-main-border { border: 1px solid #e6e6e6; }

.product-images-thumbs { position: absolute; z-index: 101; top: 0; left: 0; width: 60px; height: auto; }

@media (min-width: 12.5em) { .product-images-thumbs { position: relative; width: 100%; } }

@media (min-width: 31.25em) { .product-images-thumbs { position: absolute; width: 60px; } }

@media (min-width: 47.5em) { .product-images-thumbs { position: relative; width: 100%; } }

@media (min-width: 61.25em) { .product-images-thumbs { position: absolute; width: 60px; } }

.product-images-thumbs ul { width: 100%; }

.product-images-thumbs li { display: block; margin: 0 0 10px; width: 100%; cursor: pointer; }

@media (min-width: 12.5em) { .product-images-thumbs li { display: inline-block; margin: 0 10px 10px 0; width: 60px; } }

@media (min-width: 61.25em) { .product-images-thumbs li { display: block; margin: 0 0 10px; width: 100%; } }

.product-images-thumbs li:last-child { margin: 0; }

@media (min-width: 12.5em) { .product-images-thumbs li:last-child { margin: 0 0 10px 0; } }

@media (min-width: 61.25em) { .product-images-thumbs li:last-child { margin: 0; } }

.product-images-thumbs li img { border: 1px solid #e6e6e6; }

.product-images-thumbs li.active img { border: 1px solid #d1e51d; }

.product-images-thumbs li:hover img { border: 1px solid #d1e51d; }

.product-introduction { float: right; width: 44%; }

@media (min-width: 12.5em) { .product-introduction { float: left; width: 100%; } }

@media (min-width: 47.5em) { .product-introduction { float: right; width: 44%; } }

.body .product-title h2 { padding: 0 0 34px; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 24px; color: #383838; }

a.spec-sheet-link { position: relative; display: inline-block; padding: 10px 10px 10px 34px; text-decoration: none; }

a.spec-sheet-link:before { content: ""; position: absolute; top: 1px; left: 0; width: 28px; height: 32px; background-image: url("assets/images/icons/icon-adobe.png"); background-image: url("assets/images/icons/icon-adobe.svg"); background-size: 28px 32px; background-position: center center; background-repeat: no-repeat; }

.product-landing { position: relative; margin: 0 0 30px; min-height: 295px; border-bottom: 1px solid #e6e6e6; }

@media (min-width: 12.5em) { .product-landing { min-height: inherit; } }

@media (min-width: 35em) { .product-landing { min-height: 225px; } }

@media (min-width: 47.5em) { .product-landing { min-height: 295px; } }

.product-landing-image { position: absolute; z-index: 101; max-width: 300px; width: 300px; height: auto; border: 1px solid #e6e6e6; }

@media (min-width: 12.5em) { .product-landing-image { position: relative; margin: 0 auto; width: 100%; } }

@media (min-width: 35em) { .product-landing-image { position: absolute; width: 220px; } }

@media (min-width: 47.5em) { .product-landing-image { width: 300px; } }

.product-landing-image img { width: 100%; height: auto; }

.product-landing-description { padding: 20px 0 0 330px; text-align: left; }

@media (min-width: 12.5em) { .product-landing-description { padding: 20px 0 0; text-align: center; } }

@media (min-width: 35em) { .product-landing-description { padding: 10px 0 0 250px; text-align: left; } }

@media (min-width: 47.5em) { .product-landing-description { padding: 20px 0 0 330px; } }

.product-landing-description h3 { padding: 0 0 15px; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 24px; color: #383838; }

h1, h2, h3, h4, h5, h6 { font-family: "Aldrich", Helvetica, Arial, sans-serif; color: #1d9ba0; }

p, ul, ol, li, blockquote { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; color: #383838; }

a { color: #383838; text-decoration: underline; }

a:hover { color: #1d9ba0; }

p { padding: 0 0 24px; }

b, strong { font-weight: bold; font-weight: 700; }

i, em { font-style: italic; }

ul, ol { margin: 0; padding: 0; }

ul, ol { list-style-type: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 0 0 24px; padding: 0; }

.title-intro-center { text-align: center; }

.title-intro-h1 { padding: 0 0 5px; font-size: 26px; line-height: 30px; }

.title-intro-h2 { padding: 0 0 5px; font-size: 26px; line-height: 30px; }

.title-intro-h3 { display: inline-block; margin: 0 auto 20px; padding: 0 20px 8px; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 22px; color: #383838; border-bottom: 1px solid #e6e6e6; }

.page-titles { margin: 0 0 -15px; padding: 5px 0 0; text-align: center; }

.page-titles h2 { font-size: 28px; color: white; }

@media (min-width: 12.5em) { .page-titles h2 { font-size: 24px; } }

@media (min-width: 31.25em) { .page-titles h2 { font-size: 28px; } }

.page-titles h3 { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; color: white; }

.body h1 { font-size: 24px; line-height: 28px; }

.body h2 { font-size: 20px; line-height: 24px; }

.body h3 { font-size: 18px; line-height: 24px; }

.body h4, .body h5, .body h6 { font-size: 16px; line-height: 24px; }

.body ul { padding: 0 0 24px 30px; }

.body li { list-style-type: disc; }