/* line 5, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
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: inherit; font-size: 100%; vertical-align: baseline; }

/* line 22, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { line-height: 1; }

/* line 24, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul { list-style: none; }

/* line 26, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table { border-collapse: collapse; border-spacing: 0; }

/* line 28, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

/* line 30, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { quotes: none; }
/* line 103, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

/* line 32, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { border: none; }

/* line 116, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* line 56, sprites/ui/*.png */
.ui-sprite, .ui-arrow, section.page .container > section > h1.arrow:after, section.page .container-page > section > h1.arrow:after, section.page .container > h1.arrow:after, section.page .container-page > h1.arrow:after, .ui-header-logo { background-image: url('../images/sprites/ui-sf9c9c90a16.png'); background-repeat: no-repeat; }

/* line 84, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.ui-arrow, section.page .container > section > h1.arrow:after, section.page .container-page > section > h1.arrow:after, section.page .container > h1.arrow:after, section.page .container-page > h1.arrow:after { background-position: 0 0; height: 13px; width: 27px; }

/* line 84, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.ui-header-logo { background-position: 0 -13px; height: 80px; width: 307px; }

/* line 5, sass/_animation.scss */
li, dd, a, p, input, div:not('.video-wrapper'), nav { -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@-webkit-keyframes fadeIn { /* line 11, sass/_animation.scss */
  0%,50% { opacity: 0; }
  /* line 14, sass/_animation.scss */
  100% { opacity: 1; } }
@-moz-keyframes fadeIn { /* line 11, sass/_animation.scss */
  0%,50% { opacity: 0; }
  /* line 14, sass/_animation.scss */
  100% { opacity: 1; } }
@-ms-keyframes fadeIn { /* line 11, sass/_animation.scss */
  0%,50% { opacity: 0; }
  /* line 14, sass/_animation.scss */
  100% { opacity: 1; } }
@-o-keyframes fadeIn { /* line 11, sass/_animation.scss */
  0%,50% { opacity: 0; }
  /* line 14, sass/_animation.scss */
  100% { opacity: 1; } }
@keyframes fadeIn { /* line 11, sass/_animation.scss */
  0%,50% { opacity: 0; }
  /* line 14, sass/_animation.scss */
  100% { opacity: 1; } }
@-webkit-keyframes exapnd { /* line 20, sass/_animation.scss */
  0% { max-height: 0px; }
  /* line 23, sass/_animation.scss */
  100% { max-height: 1000px; } }
@-moz-keyframes exapnd { /* line 20, sass/_animation.scss */
  0% { max-height: 0px; }
  /* line 23, sass/_animation.scss */
  100% { max-height: 1000px; } }
@-ms-keyframes exapnd { /* line 20, sass/_animation.scss */
  0% { max-height: 0px; }
  /* line 23, sass/_animation.scss */
  100% { max-height: 1000px; } }
@-o-keyframes exapnd { /* line 20, sass/_animation.scss */
  0% { max-height: 0px; }
  /* line 23, sass/_animation.scss */
  100% { max-height: 1000px; } }
@keyframes exapnd { /* line 20, sass/_animation.scss */
  0% { max-height: 0px; }
  /* line 23, sass/_animation.scss */
  100% { max-height: 1000px; } }
@-webkit-keyframes fadeInBg { /* line 29, sass/_animation.scss */
  0%,50% { background-color: white; }
  /* line 32, sass/_animation.scss */
  100% { background-color: #cccccc; } }
@-moz-keyframes fadeInBg { /* line 29, sass/_animation.scss */
  0%,50% { background-color: white; }
  /* line 32, sass/_animation.scss */
  100% { background-color: #cccccc; } }
@-ms-keyframes fadeInBg { /* line 29, sass/_animation.scss */
  0%,50% { background-color: white; }
  /* line 32, sass/_animation.scss */
  100% { background-color: #cccccc; } }
@-o-keyframes fadeInBg { /* line 29, sass/_animation.scss */
  0%,50% { background-color: white; }
  /* line 32, sass/_animation.scss */
  100% { background-color: #cccccc; } }
@keyframes fadeInBg { /* line 29, sass/_animation.scss */
  0%,50% { background-color: white; }
  /* line 32, sass/_animation.scss */
  100% { background-color: #cccccc; } }
@-webkit-keyframes spin { /* line 39, sass/_animation.scss */
  0% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  /* line 42, sass/_animation.scss */
  100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@-moz-keyframes spin { /* line 39, sass/_animation.scss */
  0% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  /* line 42, sass/_animation.scss */
  100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@-ms-keyframes spin { /* line 39, sass/_animation.scss */
  0% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  /* line 42, sass/_animation.scss */
  100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@-o-keyframes spin { /* line 39, sass/_animation.scss */
  0% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  /* line 42, sass/_animation.scss */
  100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@keyframes spin { /* line 39, sass/_animation.scss */
  0% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  /* line 42, sass/_animation.scss */
  100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@-webkit-keyframes moveIn { /* line 48, sass/_animation.scss */
  0% { margin-top: -180px; }
  /* line 51, sass/_animation.scss */
  100% { margin-top: 0px; } }
@-moz-keyframes moveIn { /* line 48, sass/_animation.scss */
  0% { margin-top: -180px; }
  /* line 51, sass/_animation.scss */
  100% { margin-top: 0px; } }
@-ms-keyframes moveIn { /* line 48, sass/_animation.scss */
  0% { margin-top: -180px; }
  /* line 51, sass/_animation.scss */
  100% { margin-top: 0px; } }
@-o-keyframes moveIn { /* line 48, sass/_animation.scss */
  0% { margin-top: -180px; }
  /* line 51, sass/_animation.scss */
  100% { margin-top: 0px; } }
@keyframes moveIn { /* line 48, sass/_animation.scss */
  0% { margin-top: -180px; }
  /* line 51, sass/_animation.scss */
  100% { margin-top: 0px; } }
@-webkit-keyframes bounceIn { /* line 57, sass/_animation.scss */
  0%,100% { -moz-transform: translate(9px, 0); -ms-transform: translate(9px, 0); -webkit-transform: translate(9px, 0); transform: translate(9px, 0); }
  /* line 60, sass/_animation.scss */
  50% { -moz-transform: translate(0px, 0); -ms-transform: translate(0px, 0); -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } }
@-moz-keyframes bounceIn { /* line 57, sass/_animation.scss */
  0%,100% { -moz-transform: translate(9px, 0); -ms-transform: translate(9px, 0); -webkit-transform: translate(9px, 0); transform: translate(9px, 0); }
  /* line 60, sass/_animation.scss */
  50% { -moz-transform: translate(0px, 0); -ms-transform: translate(0px, 0); -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } }
@-ms-keyframes bounceIn { /* line 57, sass/_animation.scss */
  0%,100% { -moz-transform: translate(9px, 0); -ms-transform: translate(9px, 0); -webkit-transform: translate(9px, 0); transform: translate(9px, 0); }
  /* line 60, sass/_animation.scss */
  50% { -moz-transform: translate(0px, 0); -ms-transform: translate(0px, 0); -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } }
@-o-keyframes bounceIn { /* line 57, sass/_animation.scss */
  0%,100% { -moz-transform: translate(9px, 0); -ms-transform: translate(9px, 0); -webkit-transform: translate(9px, 0); transform: translate(9px, 0); }
  /* line 60, sass/_animation.scss */
  50% { -moz-transform: translate(0px, 0); -ms-transform: translate(0px, 0); -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } }
@keyframes bounceIn { /* line 57, sass/_animation.scss */
  0%,100% { -moz-transform: translate(9px, 0); -ms-transform: translate(9px, 0); -webkit-transform: translate(9px, 0); transform: translate(9px, 0); }
  /* line 60, sass/_animation.scss */
  50% { -moz-transform: translate(0px, 0); -ms-transform: translate(0px, 0); -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } }
/* Retina Sprites for Compass by:              Gaya Kessler last update:     03/11/14  Usage: 1. create two folders in your image directory (in this case 'icons' and 'icons-2x'). 2. adjust the foldernames defined below if you use different names. 3. create sprite images for pixel ratio 1 screens and put them in the first folder. 4. create sprite images for pixel ratio 2 screens and put them in the second folder, use the same filenames. 5. use the sprite-image in your Sass/Scss using: '@include use-sprite(<sprite-name>)' */
/* line 8, sass/_scaffolding.scss */
body { margin: 0; background-color: white; font-size: 11px; font-family: "raleway", sans-serif; line-height: 20px; color: #222222; }

/* line 18, sass/_scaffolding.scss */
.container, section.page .container-page { position: relative; width: 940px; margin: 0px auto; padding: 0px 10px; }

/* line 29, sass/_scaffolding.scss */
.embed-container { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; background-color: rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.2); }
/* line 36, sass/_scaffolding.scss */
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* line 47, sass/_scaffolding.scss */
#page .main { float: left; width: 60%; margin-right: 5%; }
/* line 52, sass/_scaffolding.scss */
#page aside { float: right; width: 35%; }
/* line 57, sass/_scaffolding.scss */
#page.new-style .main { width: 45%; }
/* line 60, sass/_scaffolding.scss */
#page.new-style aside { width: 50%; }

/* line 66, sass/_scaffolding.scss */
#page.contact { padding-top: 0; }

/* line 6, sass/_layouts.scss */
.main, .wrap { max-width: 960px; margin: 0 auto; }

/* line 12, sass/_layouts.scss */
.content { width: 100%; min-height: 200px; clear: both; }

/* line 22, sass/_layouts.scss */
.col { float: left; width: 30.333%; margin: 0 1.5%; }
/* line 26, sass/_layouts.scss */
.col .pad { padding: 0 5%; }
/* line 30, sass/_layouts.scss */
.col.last:after { display: block; content: ""; clear: left; }

/* line 38, sass/_layouts.scss */
.equal-heights { box-sizing: border-box; }

/* line 42, sass/_layouts.scss */
table { width: 100%; }

/* line 45, sass/_layouts.scss */
th, td { padding: 1% 2%; }

/* line 48, sass/_layouts.scss */
th { font-weight: 700; background: #777; border-bottom: 1px solid #222222; }

/* line 6, sass/_header.scss */
.header { -webkit-animation: fadeIn 1s ease 1 infinite; -moz-animation: fadeIn 1s ease 1 infinite; -ms-animation: fadeIn 1s ease 1 infinite; -o-animation: fadeIn 1s ease 1 infinite; animation: fadeIn 1s ease 1 infinite; width: 100%; min-width: 960px; position: relative; z-index: 100; }
/* line 14, sass/_header.scss */
.header .announcement { font-size: 1.5em; background-color: #4cad18; color: white; margin: 0; padding: 1em; text-align: center; }
/* line 21, sass/_header.scss */
.header .announcement .learn-more { margin-left: 2em; font-weight: bold; color: white; }
/* line 28, sass/_header.scss */
.header .logo { margin: 10px 0; }
/* line 32, sass/_header.scss */
.header .container, .header section.page .container-page, section.page .header .container-page { padding-top: 15px; height: 110px; }

/* line 1, sass/_navagation.scss */
.nav { position: absolute; bottom: 1.5em; left: 100px; right: 0; text-align: right; }
/* line 7, sass/_navagation.scss */
.nav .link { font-size: 1.4em; display: inline-block; text-transform: uppercase; font-weight: 700; text-align: left; }
/* line 13, sass/_navagation.scss */
.nav .link:hover { color: #4cad18; }
/* line 16, sass/_navagation.scss */
.nav .link.top-level { margin-left: 2em; }
/* line 18, sass/_navagation.scss */
.nav .link.top-level:first-child { margin-left: 0; }
/* line 23, sass/_navagation.scss */
.nav div.has-sub-nav { margin-left: 2.8em; position: relative; display: inline-block; text-align: left; }
/* line 30, sass/_navagation.scss */
.nav div.has-sub-nav:hover .link.top-level, .nav div.has-sub-nav.active .link.top-level { color: #4cad18; }
/* line 34, sass/_navagation.scss */
.nav div.has-sub-nav:hover .sub-nav, .nav div.has-sub-nav.active .sub-nav { display: block; }
/* line 38, sass/_navagation.scss */
.nav div.has-sub-nav .sub-nav { display: none; position: absolute; background-color: white; padding: 2.25em 1em 1em 1em; top: 100%; left: 0; right: -45px; }

/* line 11, sass/_footer.scss */
footer { font-size: 2em; background-color: #4cad18; color: white; clear: both; padding: 2em 0; box-shadow: 0 500px 0 500px #4cad18; }
/* line 19, sass/_footer.scss */
footer img { width: 98px; height: 77px; vertical-align: middle; margin-right: 50px; }
/* line 25, sass/_footer.scss */
footer p { margin: 0; }
/* line 28, sass/_footer.scss */
footer .button.reverse { font-size: .9em; float: right; background-color: transparent; border: 2px solid white; color: white; border-radius: 0; padding: 0.75em; font-weight: bold; margin-top: 0.25em; }
/* line 38, sass/_footer.scss */
footer .button.reverse:hover { opacity: 0.7; }

/* line 7, sass/_type.scss */
a { color: #666666; text-decoration: none; outline: none; font-smooth: always; -webkit-font-smoothing: antialiased; }
/* line 13, sass/_type.scss */
a:hover { color: #222222; }

/* line 20, sass/_type.scss */
::selection { background-color: white; color: #999; text-shadow: none; }

/* line 28, sass/_type.scss */
p { margin: 0 0 20px; font-smooth: always; -webkit-font-smoothing: antialiased; }

/* line 36, sass/_type.scss */
small { font-size: 85%; }

/* line 37, sass/_type.scss */
strong { font-weight: 700; }

/* line 38, sass/_type.scss */
span.regular { font-weight: 400; }

/* line 39, sass/_type.scss */
span.heavy { font-weight: 900; }

/* line 40, sass/_type.scss */
em { font-style: italic; }

/* line 41, sass/_type.scss */
cite { font-style: normal; }

/* line 42, sass/_type.scss */
sup { font-size: 0.5em; vertical-align: super; }

/* line 43, sass/_type.scss */
span.title-case { text-transform: capitalize !important; font-size: inherit !important; }

/* line 44, sass/_type.scss */
span.underline { text-decoration: underline; }

/* line 49, sass/_type.scss */
h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-weight: 700; font-family: "raleway", sans-serif; line-height: 1; color: inherit; font-smooth: always; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
/* line 58, sass/_type.scss */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: 400; line-height: 1; color: inherit; }

/* line 65, sass/_type.scss */
h1 { font-size: 32px; }

/* line 66, sass/_type.scss */
h2 { font-size: 22px; }

/* line 67, sass/_type.scss */
h3 { font-size: 18px; }

/* line 68, sass/_type.scss */
h4 { font-size: 14px; }

/* line 75, sass/_type.scss */
ul, ol { padding: 0; margin: 0; list-style: none; }

/* line 80, sass/_type.scss */
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

/* line 88, sass/_type.scss */
dl { margin-bottom: 20px; }

/* line 89, sass/_type.scss */
dt, dd { line-height: 20px; }

/* line 90, sass/_type.scss */
dt { font-weight: 700; }

/* line 91, sass/_type.scss */
dd { margin-left: 10px; }

/* line 1, sass/_c-page.scss */
section.page { clear: both; width: 100%; font-size: 1em; min-width: 960px; }
/* line 8, sass/_c-page.scss */
section.page article { -webkit-animation: fadeIn 0.6s ease 1 1; -moz-animation: fadeIn 0.6s ease 1 1; -ms-animation: fadeIn 0.6s ease 1 1; -o-animation: fadeIn 0.6s ease 1 1; animation: fadeIn 0.6s ease 1 1; }
/* line 12, sass/_c-page.scss */
section.page article.solo { margin-top: 5em; padding-bottom: 3em; }
/* line 17, sass/_c-page.scss */
section.page .container-page { padding-bottom: 5em; }
/* line 22, sass/_c-page.scss */
section.page .contact-blurb { background-color: #eeeeee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 1em; background-color: #4cad18; color: white; text-align: center; margin: 2em 0 4em 0; }
/* line 30, sass/_c-page.scss */
section.page .contact-blurb a { color: inherit; }
/* line 32, sass/_c-page.scss */
section.page .contact-blurb a:hover { color: #222222; }
/* line 47, sass/_c-page.scss */
section.page section { margin-bottom: 8em; }
/* line 50, sass/_c-page.scss */
section.page .container > section > h1, section.page .container-page > section > h1, section.page .container > h1, section.page .container-page > h1 { display: block; position: relative; margin-bottom: 0; padding-bottom: .75em; color: #6d6a66; font-weight: 400; font-style: normal; font-size: 3.5em; margin-top: 1em; }
/* line 61, sass/_c-page.scss */
section.page .container > section > h1 strong, section.page .container-page > section > h1 strong, section.page .container > h1 strong, section.page .container-page > h1 strong { font-weight: 700; color: #222222; }
/* line 65, sass/_c-page.scss */
section.page .container > section > h1.arrow:after, section.page .container-page > section > h1.arrow:after, section.page .container > h1.arrow:after, section.page .container-page > h1.arrow:after { position: absolute; display: block; content: ""; left: 55px; bottom: 0px; }
/* line 74, sass/_c-page.scss */
section.page .product-intro { text-align: center; width: 70%; margin: 4em auto 6em auto; font-size: 1.1em; }
/* line 79, sass/_c-page.scss */
section.page .product-intro img { width: 350px; }
/* line 83, sass/_c-page.scss */
section.page .main { padding-top: 4em; font-size: 1em; }
/* line 86, sass/_c-page.scss */
section.page .main.flush-top { padding-top: 0; font-size: 1.4em; line-height: 150%; }
/* line 90, sass/_c-page.scss */
section.page .main.flush-top h2 { color: #4cad18; font-size: 22px; padding-bottom: .4em; margin-bottom: .6em; font-weight: 700; text-transform: uppercase; }
/* line 99, sass/_c-page.scss */
section.page .main.flush-top ul { margin: 0 0 3em 1em; list-style-type: square; }
/* line 103, sass/_c-page.scss */
section.page .main.flush-top ul.ind-app li { margin-bottom: 1em; }
/* line 106, sass/_c-page.scss */
section.page .main.flush-top span { display: block; font-weight: 700; }
/* line 111, sass/_c-page.scss */
section.page .main.flush-top .case-study-links ul { list-style-type: none; }
/* line 114, sass/_c-page.scss */
section.page .main.flush-top .case-study-links a { color: #222222; font-weight: bold; }
/* line 117, sass/_c-page.scss */
section.page .main.flush-top .case-study-links a:hover { color: #4cad18; }
/* line 123, sass/_c-page.scss */
section.page .main img.benefits { width: 100%; }
/* line 126, sass/_c-page.scss */
section.page .main h2 { font-weight: 400; font-size: 4.2em; color: #6d6a66; margin-bottom: .6em; }
/* line 132, sass/_c-page.scss */
section.page .main h2 strong { font-weight: 700; color: #222222; }
/* line 139, sass/_c-page.scss */
section.page #page.contact h1 { margin-top: 0.5em; }
/* line 143, sass/_c-page.scss */
section.page .section-nav { background-color: #222222; overflow: hidden; *zoom: 1; padding: 3em 0; color: white; }
/* line 148, sass/_c-page.scss */
section.page .section-nav .section-overview { float: left; width: 32%; margin-right: 2%; }
/* line 152, sass/_c-page.scss */
section.page .section-nav .section-overview h1 { text-transform: uppercase; font-size: 2.2em; }
/* line 156, sass/_c-page.scss */
section.page .section-nav .section-overview p { font-size: 1.4em; }
/* line 160, sass/_c-page.scss */
section.page .section-nav .items { float: left; width: 66%; }
/* line 163, sass/_c-page.scss */
section.page .section-nav .items .item { float: left; width: 32%; margin-right: 2%; margin-bottom: 2em; }
/* line 168, sass/_c-page.scss */
section.page .section-nav .items .item a { color: white; }
/* line 170, sass/_c-page.scss */
section.page .section-nav .items .item a:hover { color: #4cad18; }
/* line 174, sass/_c-page.scss */
section.page .section-nav .items .item:nth-of-type(3n) { margin-right: 0; }
/* line 177, sass/_c-page.scss */
section.page .section-nav .items .item img { width: 100%; height: auto; }
/* line 181, sass/_c-page.scss */
section.page .section-nav .items .item span { text-transform: uppercase; font-size: 1.75em; }
/* line 189, sass/_c-page.scss */
section.page .section-nav .section-overview.packaging-solutions { width: 32%; }
/* line 192, sass/_c-page.scss */
section.page .section-nav .items.packaging-solutions { width: 66%; }
/* line 194, sass/_c-page.scss */
section.page .section-nav .items.packaging-solutions .item { width: 31.3%; }
/* line 196, sass/_c-page.scss */
section.page .section-nav .items.packaging-solutions .item:nth-of-type(4n) { margin-right: 2%; }
/* line 199, sass/_c-page.scss */
section.page .section-nav .items.packaging-solutions .item:nth-of-type(3n) { margin-right: 0; }
/* line 206, sass/_c-page.scss */
section.page .industry-image img, section.page .solution-image img, section.page .contact-image img { width: 100%; height: auto; display: block; }
/* line 212, sass/_c-page.scss */
section.page .solution-image { position: relative; }
/* line 214, sass/_c-page.scss */
section.page .solution-image .product-shot { width: 350px; position: absolute; bottom: -60px; left: 50%; margin-left: 90px; }
/* line 223, sass/_c-page.scss */
section.page p { font-size: 1.45em; line-height: 150%; }
/* line 227, sass/_c-page.scss */
section.page .aside-extend { overflow: hidden; *zoom: 1; background: -webkit-linear-gradient(left, white 0%, white 65%, #333333 35%, #333333 100%); background: linear-gradient(to right, #ffffff 0%, #ffffff 65%, #333333 35%, #333333 100%); }
/* line 233, sass/_c-page.scss */
section.page .new-style .aside-extend { background: -webkit-linear-gradient(left, white 0%, white 50%, #333333 50%, #333333 100%); background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #333333 50%, #333333 100%); }
/* line 238, sass/_c-page.scss */
section.page .new-style aside h2 { color: #4cad18; }
/* line 241, sass/_c-page.scss */
section.page .new-style aside .items { overflow: hidden; *zoom: 1; }
/* line 243, sass/_c-page.scss */
section.page .new-style aside .items .item { display: block; float: left; width: 48%; margin-right: 4%; margin-bottom: 4%; }
/* line 249, sass/_c-page.scss */
section.page .new-style aside .items .item img { width: 100%; }
/* line 252, sass/_c-page.scss */
section.page .new-style aside .items .item:nth-of-type(2n) { margin-right: 0; }
/* line 256, sass/_c-page.scss */
section.page .new-style aside .items .item a:hover span { color: #4cad18; }
/* line 261, sass/_c-page.scss */
section.page .new-style aside .items span { color: white; font-size: 1.25em; }
/* line 268, sass/_c-page.scss */
section.page aside { color: white; background-color: #333333; padding: 2.5974em 0 1em 2em; box-sizing: border-box; font-size: 1.4em; line-height: 150%; }
/* line 275, sass/_c-page.scss */
section.page aside h2 { padding-bottom: .4em; margin-bottom: .6em; font-weight: 700; text-transform: uppercase; }
/* line 282, sass/_c-page.scss */
section.page aside ul { margin: 0 0 3em 1em; }
/* line 285, sass/_c-page.scss */
section.page aside ul.ind-app li { margin-bottom: 1em; }
/* line 288, sass/_c-page.scss */
section.page aside span { display: block; font-weight: 700; color: #4cad18; }
/* line 294, sass/_c-page.scss */
section.page aside.industry-aside { text-transform: uppercase; }
/* line 296, sass/_c-page.scss */
section.page aside.industry-aside h2 { padding-bottom: .4em; margin-bottom: .6em; font-weight: 700; }
/* line 301, sass/_c-page.scss */
section.page aside.industry-aside a { color: white; line-height: 2; }
/* line 304, sass/_c-page.scss */
section.page aside.industry-aside a:hover { color: #4cad18; }

/* line 311, sass/_c-page.scss */
.page-wrapper { width: 100%; position: relative; overflow: auto; }

/* line 320, sass/_c-page.scss */
#question { padding-top: 0.5em; }

/* line 324, sass/_c-page.scss */
.video-wrapper { margin-bottom: 0; padding: 3em 0; background-color: #222222; color: white; }
/* line 332, sass/_c-page.scss */
.video-wrapper .container, .video-wrapper section.page .container-page, section.page .video-wrapper .container-page { overflow: hidden; *zoom: 1; }
/* line 336, sass/_c-page.scss */
.video-wrapper .video { padding: 0 0 0 20px; display: block; width: 610px; height: 342px; }
/* line 344, sass/_c-page.scss */
.video-wrapper h2 { font-size: 5em; display: block; color: #eee; text-align: center; width: 100%; margin: 1.5em 0; }

/* line 353, sass/_c-page.scss */
.main-gallery { width: 310px; float: left; }
/* line 354, sass/_c-page.scss */
.main-gallery img { width: 100%; }
/* line 359, sass/_c-page.scss */
.main-gallery .gallery { margin-right: 0; text-align: left; width: 100%; padding-top: 72%; }
/* line 364, sass/_c-page.scss */
.main-gallery .gallery a { border: none; box-shadow: none; }

/* line 370, sass/_c-page.scss */
.gallery-btn { overflow: hidden; *zoom: 1; }
/* line 372, sass/_c-page.scss */
.gallery-btn .thumb { display: block; width: 150px; height: 100px; background-repeat: no-repeat; background-size: cover; float: left; width: 15.83%; margin-right: 1%; margin-bottom: 1%; }
/* line 382, sass/_c-page.scss */
.gallery-btn .thumb:nth-of-type(6n) { margin-right: 0; }

/* line 388, sass/_c-page.scss */
.jump-links a { font-size: 1.4em; color: #4cad18; }
/* line 391, sass/_c-page.scss */
.jump-links a:hover { color: #222222; }

/* line 1, sass/_c-home.scss */
.product-choices { margin-top: 5px; width: 959px; overflow: hidden; *zoom: 1; }
/* line 5, sass/_c-home.scss */
.product-choices .item { float: left; width: 236px; margin-right: 5px; }
/* line 9, sass/_c-home.scss */
.product-choices .item:last-child { margin-right: 0; }
/* line 12, sass/_c-home.scss */
.product-choices .item img { width: 100%; }
/* line 15, sass/_c-home.scss */
.product-choices .item .text { font-size: 1.4em; padding: 1em; position: relative; height: 165px; }
/* line 20, sass/_c-home.scss */
.product-choices .item .text .button-holder { position: absolute; bottom: 0; left: 0; width: 100%; display: block; text-align: center; }
/* line 27, sass/_c-home.scss */
.product-choices .item .text .button-holder .button { background-color: #777777; }
/* line 29, sass/_c-home.scss */
.product-choices .item .text .button-holder .button:hover { background-color: #4cad18; }

/* line 38, sass/_c-home.scss */
.stripe { margin-top: 4em; font-size: 2em; background-color: #4cad18; color: white; padding: 0.5em; text-align: center; font-weight: bold; }
/* line 46, sass/_c-home.scss */
.stripe .leaf { display: inline-block; margin-right: 10px; width: 52px; height: 30px; vertical-align: middle; }

/* line 54, sass/_c-home.scss */
.intro-statement { font-size: 1.75em; text-align: center; margin: 4em 0; line-height: 1.5; }

/* line 60, sass/_c-home.scss */
.video-area { background-color: #222222; color: white; padding: 6em 0; overflow: hidden; *zoom: 1; }
/* line 65, sass/_c-home.scss */
.video-area .video-pop { float: left; width: 48%; margin-right: 4%; position: relative; }
/* line 70, sass/_c-home.scss */
.video-area .video-pop img { width: 100%; height: auto; }
/* line 75, sass/_c-home.scss */
.video-area .video-pop:hover .video-play-icon { background-position: left; }
/* line 79, sass/_c-home.scss */
.video-area .video-pop .video-play-icon { position: absolute; width: 58px; height: 58px; top: 50%; left: 50%; margin-left: -29px; margin-top: -29px; background: url("/images/play_overlay.png"); background-repeat: no-repeat; background-position: right; }
/* line 92, sass/_c-home.scss */
.video-area .text { float: left; width: 48%; }
/* line 93, sass/_c-home.scss */
.video-area .text h2 { margin-top: 0; }
/* line 98, sass/_c-home.scss */
.video-area .text p, .video-area .text a { font-size: 1.4em; }
/* line 101, sass/_c-home.scss */
.video-area .text a { color: #4cad18; font-weight: bold; }
/* line 104, sass/_c-home.scss */
.video-area .text a:hover { color: white; }

@media (min-width: 960px) { /* line 113, sass/_c-home.scss */
  .product-choices { margin-top: 1%; width: auto; max-width: 1200px; margin-left: auto; margin-right: auto; }
  /* line 119, sass/_c-home.scss */
  .product-choices .item { width: 24.25%; margin-right: 1%; }
  /* line 122, sass/_c-home.scss */
  .product-choices .item .text { height: 155px; } }
/* Magnific Popup CSS */
/* line 73, sass/_c-magnific.scss */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }

/* line 90, sass/_c-magnific.scss */
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

/* line 102, sass/_c-magnific.scss */
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* line 116, sass/_c-magnific.scss */
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

/* line 124, sass/_c-magnific.scss */
.mfp-align-top .mfp-container:before { display: none; }

/* line 129, sass/_c-magnific.scss */
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

/* line 137, sass/_c-magnific.scss */
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

/* line 144, sass/_c-magnific.scss */
.mfp-ajax-cur { cursor: progress; }

/* line 147, sass/_c-magnific.scss */
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

/* line 153, sass/_c-magnific.scss */
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

/* line 159, sass/_c-magnific.scss */
.mfp-auto-cursor .mfp-content { cursor: auto; }

/* line 163, sass/_c-magnific.scss */
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

/* line 173, sass/_c-magnific.scss */
.mfp-loading.mfp-figure { display: none; }

/* line 178, sass/_c-magnific.scss */
.mfp-hide { display: none !important; }

/* line 189, sass/_c-magnific.scss */
.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

/* line 200, sass/_c-magnific.scss */
.mfp-preloader a { color: #cccccc; }

/* line 203, sass/_c-magnific.scss */
.mfp-preloader a:hover { color: white; }

/* line 208, sass/_c-magnific.scss */
.mfp-s-ready .mfp-preloader { display: none; }

/* line 213, sass/_c-magnific.scss */
.mfp-s-error .mfp-content { display: none; }

/* line 219, sass/_c-magnific.scss */
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }

/* line 232, sass/_c-magnific.scss */
button::-moz-focus-inner { padding: 0; border: 0; }

/* line 239, sass/_c-magnific.scss */
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
/* line 257, sass/_c-magnific.scss */
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
/* line 262, sass/_c-magnific.scss */
.mfp-close:active { top: 1px; }

/* line 266, sass/_c-magnific.scss */
.mfp-close-btn-in .mfp-close { color: #333333; }

/* line 269, sass/_c-magnific.scss */
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

/* line 279, sass/_c-magnific.scss */
.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; }

/* line 290, sass/_c-magnific.scss */
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }

/* line 301, sass/_c-magnific.scss */
.mfp-arrow:active { margin-top: -54px; }

/* line 304, sass/_c-magnific.scss */
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }

/* line 311, sass/_c-magnific.scss */
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
/* line 327, sass/_c-magnific.scss */
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
/* line 335, sass/_c-magnific.scss */
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; }

/* line 343, sass/_c-magnific.scss */
.mfp-arrow-left { left: 0; }
/* line 346, sass/_c-magnific.scss */
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
/* line 351, sass/_c-magnific.scss */
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }

/* line 358, sass/_c-magnific.scss */
.mfp-arrow-right { right: 0; }
/* line 360, sass/_c-magnific.scss */
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
/* line 365, sass/_c-magnific.scss */
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }

/* line 376, sass/_c-magnific.scss */
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

/* line 380, sass/_c-magnific.scss */
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

/* line 385, sass/_c-magnific.scss */
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

/* line 391, sass/_c-magnific.scss */
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }

/* line 401, sass/_c-magnific.scss */
.mfp-iframe-holder .mfp-close { top: -40px; }

/* Main image in popup */
/* line 412, sass/_c-magnific.scss */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
/* line 426, sass/_c-magnific.scss */
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; }

/* line 440, sass/_c-magnific.scss */
.mfp-figure { line-height: 0; }

/* line 443, sass/_c-magnific.scss */
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

/* line 451, sass/_c-magnific.scss */
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; }

/* line 459, sass/_c-magnific.scss */
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }

/* line 465, sass/_c-magnific.scss */
.mfp-image-holder .mfp-content { max-width: 100%; }

/* line 469, sass/_c-magnific.scss */
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  /* line 480, sass/_c-magnific.scss */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  /* line 484, sass/_c-magnific.scss */
  .mfp-img-mobile img.mfp-img { padding: 0; }
  /* The shadow behind the image */
  /* line 488, sass/_c-magnific.scss */
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  /* line 493, sass/_c-magnific.scss */
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  /* line 504, sass/_c-magnific.scss */
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  /* line 507, sass/_c-magnific.scss */
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  /* line 511, sass/_c-magnific.scss */
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
  /* line 522, sass/_c-magnific.scss */
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } }
@media all and (max-width: 900px) { /* line 535, sass/_c-magnific.scss */
  .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  /* line 539, sass/_c-magnific.scss */
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  /* line 543, sass/_c-magnific.scss */
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  /* line 547, sass/_c-magnific.scss */
  .mfp-container { padding-left: 6px; padding-right: 6px; } }
/* line 559, sass/_c-magnific.scss */
.mfp-ie7 .mfp-img { padding: 0; }
/* line 562, sass/_c-magnific.scss */
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
/* line 569, sass/_c-magnific.scss */
.mfp-ie7 .mfp-container { padding: 0; }
/* line 572, sass/_c-magnific.scss */
.mfp-ie7 .mfp-content { padding-top: 44px; }
/* line 575, sass/_c-magnific.scss */
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

/* line 7, sass/_c-forms.scss */
label { cursor: pointer; }

/* line 9, sass/_c-forms.scss */
input { outline: 0; font-size: 1em; }
/* line 13, sass/_c-forms.scss */
input[type="submit"] { display: block; text-transform: uppercase; background-color: #222222; color: white; padding: .2em 1em; border: 0; font-size: 1.2em; float: right; }

/* line 29, sass/_c-forms.scss */
input[type="text"], textarea { width: 100%; background-color: #fcfcfc; border: 1px solid #cccccc; padding: 0.2em 0.5em; font-family: "raleway", sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.1); }
/* line 41, sass/_mixins.scss */
input[type="text"]:-moz-placeholder, textarea:-moz-placeholder { color: #777777; font-style: italic; }
/* line 45, sass/_mixins.scss */
input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #777777; font-style: italic; }
/* line 49, sass/_mixins.scss */
input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #777777; font-style: italic; }
/* line 39, sass/_c-forms.scss */
input[type="text"]:focus, textarea:focus { background-color: #fff; }

/* line 44, sass/_c-forms.scss */
textarea { resize: vertical; }

/* line 48, sass/_c-forms.scss */
.control-group { margin-bottom: .5em; }
/* line 50, sass/_c-forms.scss */
.control-group .control-group { float: left; margin-bottom: .5em; }
/* line 54, sass/_c-forms.scss */
.control-group.name { width: 60%; }
/* line 57, sass/_c-forms.scss */
.control-group.email { width: 60%; }
/* line 60, sass/_c-forms.scss */
.control-group.tel { width: 40%; }
/* line 63, sass/_c-forms.scss */
.control-group.company { width: 50%; }
/* line 67, sass/_c-forms.scss */
.control-group .city { width: 48.5%; margin-right: 1.5%; }
/* line 71, sass/_c-forms.scss */
.control-group .state { width: 23.5%; margin-right: 1.5%; }
/* line 75, sass/_c-forms.scss */
.control-group .zip { width: 25%; }

/*! http://responsiveslides.com v1.54 by @viljamis */
/* line 3, sass/_c-slider.scss */
.slider-container { position: relative; background-color: #222222; }

/* line 7, sass/_c-slider.scss */
.solutions { position: relative; z-index: 100; }

/* line 12, sass/_c-slider.scss */
.rslides { position: relative; overflow: hidden; margin: 0; padding: 0; min-width: 960px; width: 100%; list-style: none; }

/* line 22, sass/_c-slider.scss */
.rslides li { position: absolute; top: 0; left: 0; display: none; max-height: 600px; width: 100%; -webkit-backface-visibility: hidden; }

/* line 32, sass/_c-slider.scss */
.rslides li:first-child { position: relative; display: block; float: left; }

/* line 38, sass/_c-slider.scss */
.rslides img { display: block; margin: 0 auto; width: 100%; height: auto; border: 0; }

/* line 79, sass/_c-slider.scss */
.pager { overflow: hidden; *zoom: 1; margin: 2em auto 0 auto; width: 960px; }
/* line 83, sass/_c-slider.scss */
.pager li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 10000; float: left; width: 23.5%; height: auto; margin-right: 2%; padding-bottom: 30px; }
/* line 92, sass/_c-slider.scss */
.pager li:last-child { margin-right: 0; }
/* line 97, sass/_c-slider.scss */
.pager li:nth-of-type(1) h3:before { background-image: url("/images/icons/ecorr_board.svg"); }
/* line 104, sass/_c-slider.scss */
.pager li:nth-of-type(2) h3:before { background-image: url("/images/icons/ecorr_crate.svg"); }
/* line 111, sass/_c-slider.scss */
.pager li:nth-of-type(3) h3:before { background-image: url("/images/icons/ecorr_board.svg"); }
/* line 118, sass/_c-slider.scss */
.pager li:nth-of-type(4) h3:before { background-image: url("/images/icons/ecorr_pack.svg"); }
/* line 123, sass/_c-slider.scss */
.pager li a { color: #222222; }
/* line 127, sass/_c-slider.scss */
.pager img { max-width: 100%; height: auto; }
/* line 131, sass/_c-slider.scss */
.pager h3 { text-transform: uppercase; font-size: 2.125em; margin: 2px 0 10px 0; }
/* line 135, sass/_c-slider.scss */
.pager h3:before { content: ""; display: inline-block; width: 1.5em; height: 1.5em; vertical-align: top; margin: -0.25em 0.25em 0 0; background-size: 100%; background-repeat: no-repeat; }
/* line 146, sass/_c-slider.scss */
.pager p { font-size: 1.6em; }
/* line 149, sass/_c-slider.scss */
.pager span.applications { font-size: 0.75em; line-height: 1; color: #222222; }

/* line 1, sass/_c-slider-content.scss */
.slide-info { z-index: 100; position: absolute; top: 25%; bottom: 0; width: 960px; left: 50%; margin-left: -480px; color: white; }
/* line 14, sass/_c-slider-content.scss */
.slide-info .slide-text { max-width: 550px; }
/* line 20, sass/_c-slider-content.scss */
.slide-info h1 { font-size: 5em; line-height: 1; }
/* line 25, sass/_c-slider-content.scss */
.slide-info p { font-size: 3em; line-height: 1.2; }

/* line 32, sass/_c-slider-content.scss */
.rslides img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

/* line 2, sass/_c-footer-brands.scss */
.brands-container { padding-top: 6em; clear: both; }
/* line 12, sass/_c-footer-brands.scss */
.brands-container h2 { text-align: center; padding-bottom: .5em; }

/* line 19, sass/_c-footer-brands.scss */
.brands-bg { background-color: #eeeeee; padding: 2em 0; }

/* line 23, sass/_c-footer-brands.scss */
.brands { margin-top: 1em; text-align: justify; }
/* line 27, sass/_c-footer-brands.scss */
.brands .brand { display: inline-block; vertical-align: middle; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; }
/* line 31, sass/_c-footer-brands.scss */
.brands .brand img { display: block; width: auto; max-width: 145px; max-height: 40px; }
/* line 37, sass/_c-footer-brands.scss */
.brands .brand .brand-costco { max-height: 30px; }
/* line 38, sass/_c-footer-brands.scss */
.brands .brand .brand-microsoft { max-height: 25px; }
/* line 39, sass/_c-footer-brands.scss */
.brands .brand .brand-toyo { max-width: 165px; }
/* line 40, sass/_c-footer-brands.scss */
.brands .brand .brand-ttf { max-width: 135px; }
/* line 42, sass/_c-footer-brands.scss */
.brands .brand .brand-milgard { max-height: 36px; }
/* line 45, sass/_c-footer-brands.scss */
.brands:after { content: ''; display: inline-block; width: 100%; }

/* line 2, sass/_c-video.scss */
.video hr { margin: 6em 0; }
/* line 5, sass/_c-video.scss */
.video h2 { margin-bottom: 1em; }

/* line 10, sass/_c-video.scss */
#youtube-container { width: 100%; }
/* line 12, sass/_c-video.scss */
#youtube-container iframe { display: block; margin: 100px auto; }

/* line 18, sass/_c-video.scss */
.video-teaser { color: white; text-align: center; position: absolute; bottom: 10%; z-index: 3; right: 50%; margin-right: -480px; }
/* line 27, sass/_c-video.scss */
.video-teaser h2 { font-size: 2.125em; font-weight: 400; }
/* line 31, sass/_c-video.scss */
.video-teaser a, .video-teaser img { display: block; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
/* line 35, sass/_c-video.scss */
.video-teaser a { position: relative; }
/* line 38, sass/_c-video.scss */
.video-teaser a:hover .video-play-icon { background-position: right; }
/* line 43, sass/_c-video.scss */
.video-teaser .video-play-icon { position: absolute; width: 58px; height: 58px; top: 50%; left: 50%; margin-left: -29px; margin-top: -29px; background: url("/images/play_overlay.png"); background-repeat: no-repeat; background-position: left; }
/* line 55, sass/_c-video.scss */
.video-teaser.secondary { top: 3%; bottom: auto; }
@media (min-width: 1100px) { /* line 55, sass/_c-video.scss */
  .video-teaser.secondary { top: 10%; } }

/** Simple fade transition, */
/* line 68, sass/_c-video.scss */
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

/* line 74, sass/_c-video.scss */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }

/* line 77, sass/_c-video.scss */
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }

/* line 81, sass/_c-video.scss */
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

/* line 87, sass/_c-video.scss */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }

/* line 90, sass/_c-video.scss */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

/* line 1, sass/_c-misc.scss */
.button { display: inline-block; background-color: #222222; padding: .5em 2em; border-radius: 3px; color: white; font-size: 16px; font-weight: 700; text-transform: uppercase; }
/* line 10, sass/_c-misc.scss */
.button:hover { background-color: #4cad18; color: white; }
/* line 14, sass/_c-misc.scss */
.button:visited { color: white; }
/* line 17, sass/_c-misc.scss */
.button:active { background-color: #555555; color: white; }
/* line 21, sass/_c-misc.scss */
.button:link { color: white; }
/* line 24, sass/_c-misc.scss */
.button.green { background-color: #4cad18; }
/* line 26, sass/_c-misc.scss */
.button.green:hover { background-color: #222222; }

/* line 31, sass/_c-misc.scss */
.date { color: #4cad18; }

/* line 34, sass/_c-misc.scss */
.green-link { color: #4cad18; }
/* line 36, sass/_c-misc.scss */
.green-link:hover { color: #222222; }

/* line 40, sass/_c-misc.scss */
.italic { font-style: italic; }

/* line 43, sass/_c-misc.scss */
.underline { text-decoration: underline; }

/* line 67, sass/_c-misc.scss */
.green { color: #4cad18; }

/* line 72, sass/_c-misc.scss */
#page.video .two-column { overflow: hidden; *zoom: 1; }
/* line 74, sass/_c-misc.scss */
#page.video .two-column .column { width: 48%; margin-right: 4%; float: left; margin-bottom: 4em; }
/* line 79, sass/_c-misc.scss */
#page.video .two-column .column:nth-of-type(2n) { margin-right: 0; }
/* line 82, sass/_c-misc.scss */
#page.video .two-column .column:nth-of-type(2n+1) { clear: both; }
/* line 85, sass/_c-misc.scss */
#page.video .two-column .column .video-container { position: relative; padding-bottom: 56.25%; height: 0; }
/* line 89, sass/_c-misc.scss */
#page.video .two-column .column .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* line 1, sass/_c-ecorr-safe.scss */
.ecorr-safe { margin-bottom: 4em; }
/* line 3, sass/_c-ecorr-safe.scss */
.ecorr-safe h2 { color: #eab543; }
/* line 6, sass/_c-ecorr-safe.scss */
.ecorr-safe h3 { font-size: 20px; }
/* line 9, sass/_c-ecorr-safe.scss */
.ecorr-safe .strongbox { background-color: #eeeeee; overflow: hidden; *zoom: 1; padding: 4em; }
/* line 13, sass/_c-ecorr-safe.scss */
.ecorr-safe .strongbox img { float: left; width: 48%; margin-right: 4%; }
/* line 18, sass/_c-ecorr-safe.scss */
.ecorr-safe .strongbox .text { float: left; width: 48%; }
/* line 21, sass/_c-ecorr-safe.scss */
.ecorr-safe .strongbox .text h2 { margin-top: 0; }
/* line 26, sass/_c-ecorr-safe.scss */
.ecorr-safe .strongbox-features { overflow: hidden; *zoom: 1; margin-top: 6em; }
/* line 29, sass/_c-ecorr-safe.scss */
.ecorr-safe .strongbox-features ul { font-size: 1.4em; }
/* line 31, sass/_c-ecorr-safe.scss */
.ecorr-safe .strongbox-features ul li { margin-bottom: 4em; float: left; width: 30.3%; margin-right: 4%; }
/* line 33, sass/_c-ecorr-safe.scss */
.ecorr-safe .strongbox-features ul li span { font-size: 20px; margin-bottom: 0.5em; display: block; font-weight: 700; }
/* line 42, sass/_c-ecorr-safe.scss */
.ecorr-safe .strongbox-features ul li:nth-child(3n) { margin-right: 0; }
/* line 45, sass/_c-ecorr-safe.scss */
.ecorr-safe .strongbox-features ul li:nth-child(4n) { clear: both; }
/* line 51, sass/_c-ecorr-safe.scss */
.ecorr-safe .compact-setup, .ecorr-safe .lock-ship { text-align: center; }
/* line 53, sass/_c-ecorr-safe.scss */
.ecorr-safe .compact-setup img, .ecorr-safe .lock-ship img { width: 100%; }
/* line 57, sass/_c-ecorr-safe.scss */
.ecorr-safe .compact-setup { margin-top: 4em; overflow: hidden; *zoom: 1; }
/* line 60, sass/_c-ecorr-safe.scss */
.ecorr-safe .compact-setup div { float: left; width: 49%; margin-right: 2%; }
/* line 64, sass/_c-ecorr-safe.scss */
.ecorr-safe .compact-setup div:last-child { margin-right: 0; }
/* line 69, sass/_c-ecorr-safe.scss */
.ecorr-safe .lock-ship { width: 49%; margin: 4em auto 4em auto; }
/* line 73, sass/_c-ecorr-safe.scss */
.ecorr-safe .start { background-color: #eab543; font-size: 1.75em; font-weight: bold; padding: 0.5em; color: white; text-align: center; }
/* line 81, sass/_c-ecorr-safe.scss */
.ecorr-safe .three-col { overflow: hidden; *zoom: 1; font-size: 1.4em; margin: 4em 0; }
/* line 85, sass/_c-ecorr-safe.scss */
.ecorr-safe .three-col ul { list-style-type: square; padding-left: 1.2em; }
/* line 89, sass/_c-ecorr-safe.scss */
.ecorr-safe .three-col .one { float: left; width: 29.3%; margin-right: 2.5%; border-right: 1px solid #222222; height: 220px; overflow: visible; padding-right: 2%; }
/* line 97, sass/_c-ecorr-safe.scss */
.ecorr-safe .three-col .one p { margin-top: 1em; font-size: 1em; }
/* line 102, sass/_c-ecorr-safe.scss */
.ecorr-safe .three-col .two { float: left; width: 31.3%; margin-right: 2.5%; border-right: 1px solid #222222; height: 220px; overflow: visible; }
/* line 109, sass/_c-ecorr-safe.scss */
.ecorr-safe .three-col .two li { position: relative; }
/* line 112, sass/_c-ecorr-safe.scss */
.ecorr-safe .three-col .two span { position: absolute; top: 0; left: 145px; }
/* line 117, sass/_c-ecorr-safe.scss */
.ecorr-safe .three-col .three { float: left; width: 31.3%; }
/* line 122, sass/_c-ecorr-safe.scss */
.ecorr-safe .branding { text-align: center; }
/* line 124, sass/_c-ecorr-safe.scss */
.ecorr-safe .branding .button { background-color: #cccccc; color: white; }
/* line 127, sass/_c-ecorr-safe.scss */
.ecorr-safe .branding .button:hover { background-color: #eab543; }

/* line 2, sass/_page-contact.scss */
article.contact .map { border: 4px solid #FFF; box-shadow: 2px 2px 10px #ccc; height: 200px; margin: 0 0 1em 0; }
/* line 8, sass/_page-contact.scss */
article.contact .left { float: left; width: 45%; margin-right: 10%; font-size: 1.4em; padding-bottom: 3em; }
/* line 15, sass/_page-contact.scss */
article.contact .right { float: right; width: 45%; font-size: 1.4em; padding-bottom: 3em; }
/* line 21, sass/_page-contact.scss */
article.contact .form { padding: 5%; width: 90%; background-color: #eeeeee; }

/* line 7, sass/_utilities.scss */
.right { float: right; }

/* line 8, sass/_utilities.scss */
.left { float: left; }

/* line 11, sass/_utilities.scss */
.hide, .hidden { display: none; }

/* line 12, sass/_utilities.scss */
.show { display: block; }

/* line 15, sass/_utilities.scss */
.invisible { visibility: hidden; }

/* line 19, sass/_utilities.scss */
td.right, th.right { text-align: right; }
/* line 22, sass/_utilities.scss */
td.center, th.center { text-align: center; }