/***********************************************************/
/* WEB FONTS */
/***********************************************************/


@font-face { font-family: 'SourceSansProSemiboldItalic'; src: url('../fonts/SourceSansPro-SemiboldIt-webfont.eot'); src: url('../fonts/SourceSansPro-SemiboldIt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-SemiboldIt-webfont.woff') format('woff'), url('../fonts/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-SemiboldIt-webfont.svg#SourceSansProSemiboldItalic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'SourceSansProBold'; src: url('../fonts/SourceSansPro-Bold-webfont.eot'); src: url('../fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Bold-webfont.woff') format('woff'), url('../fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'SourceSansProBoldItalic'; src: url('../fonts/SourceSansPro-BoldIt-webfont.eot'); src: url('../fonts/SourceSansPro-BoldIt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-BoldIt-webfont.woff') format('woff'), url('../fonts/SourceSansPro-BoldIt-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-BoldIt-webfont.svg#SourceSansProBoldItalic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'SourceSansProBlack'; src: url('../fonts/SourceSansPro-Black-webfont.eot'); src: url('../fonts/SourceSansPro-Black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Black-webfont.woff') format('woff'), url('../fonts/SourceSansPro-Black-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-Black-webfont.svg#SourceSansProBlack') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'SourceSansProBlackItalic'; src: url('../fonts/SourceSansPro-BlackIt-webfont.eot'); src: url('../fonts/SourceSansPro-BlackIt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-BlackIt-webfont.woff') format('woff'), url('../fonts/SourceSansPro-BlackIt-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-BlackIt-webfont.svg#SourceSansProBlackItalic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'SourceSansProExtraLight'; src: url('../fonts/SourceSansPro-ExtraLight-webfont.eot'); src: url('../fonts/SourceSansPro-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-ExtraLight-webfont.woff') format('woff'), url('../fonts/SourceSansPro-ExtraLight-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-ExtraLight-webfont.svg#SourceSansProExtraLight') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'SourceSansProExtraLightItalic'; src: url('../fonts/SourceSansPro-ExtraLightIt-webfont.eot'); src: url('../fonts/SourceSansPro-ExtraLightIt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-ExtraLightIt-webfont.woff') format('woff'), url('../fonts/SourceSansPro-ExtraLightIt-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-ExtraLightIt-webfont.svg#SourceSansProExtraLightItalic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'SourceSansProLight'; src: url('../fonts/SourceSansPro-Light-webfont.eot'); src: url('../fonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Light-webfont.woff') format('woff'), url('../fonts/SourceSansPro-Light-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'SourceSansProLightItalic'; src: url('../fonts/SourceSansPro-LightIt-webfont.eot'); src: url('../fonts/SourceSansPro-LightIt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-LightIt-webfont.woff') format('woff'), url('../fonts/SourceSansPro-LightIt-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-LightIt-webfont.svg#SourceSansProLightItalic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'SourceSansProRegular'; src: url('../fonts/SourceSansPro-Regular-webfont.eot'); src: url('../fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Regular-webfont.woff') format('woff'), url('../fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'SourceSansProItalic'; src: url('../fonts/SourceSansPro-It-webfont.eot'); src: url('../fonts/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-It-webfont.woff') format('woff'), url('../fonts/SourceSansPro-It-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'SourceSansProSemibold'; src: url('../fonts/SourceSansPro-Semibold-webfont.eot'); src: url('../fonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Semibold-webfont.woff') format('woff'), url('../fonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg'); font-weight: normal; font-style: normal; }


/***********************************************************/
/* GENERAL */
/***********************************************************/

body { background: url(../img/bg-texture.png) left top repeat; font-family: 'SourceSansProRegular', Arial, Tahoma, Verdana, sans-serif; font-size: 16px; }

a { color: #187c41; text-decoration: underline; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250m ease-in-out; transition: all 250ms ease-in-out; }

    a:hover { color: #146837; }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus,
input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus,
input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus,
.uneditable-input:focus { border-color: #187c41; }

::selection { background: #187c41; color: #fff; }

::-moz-selection { background: #187c41; color: #fff; }

::-webkit-selection { background: #187c41; color: #fff; }

.required { font-weight: bold; color: red; }

.section-header { border-bottom: 4px solid #eae7e2; }

    .section-header h1, .section-header h2 { float: left; margin: 0; padding: 0; font-size: 22px; color: #187c41; line-height: inherit; border-bottom: 4px solid #187c41; position: relative; bottom: -4px; }

    .section-header a { float: right; position: relative; bottom: 0px; text-decoration: none; margin-top: 5px; }


    .section-header:before, .section-header:after { content: ""; display: table; line-height: 0; }

    .section-header:after { clear: both; }

.page-header { border-bottom: 4px solid #eae7e2; padding-bottom: 0; }

    .page-header h1 { float: left; margin: 0; padding: 0; font-size: 22px; color: #187c41; line-height: inherit; border-bottom: 4px solid #187c41; position: relative; bottom: -4px; font-family: SourceSansProSemiBold, Arial, helvetica, sans-serif; font-weight: normal; }

    .page-header a { float: right; position: relative; bottom: -6px; text-decoration: none; }

    .page-header:before, .page-header:after { content: ""; display: table; line-height: 0; }

    .page-header:after { clear: both; }

.no-underline a { text-decoration: none; }

    .no-underline a:hover { text-decoration: underline; }

.form-group { margin-bottom: 22px; }

.buttons { text-align: right; margin: 16px 0 16px 0; background: #f4f3f0; padding: 8px; }

.button { position: relative; background: #146837; float: left; }

    .button a { background: #187c41; padding: 10px 15px 7px 15px; color: #fff; text-decoration: none; position: relative; top: -4px; display: block; }

    .button:hover a { top: -2px; }

h2 { color: #187C41; font-family: SourceSansProBold, Arial, Verdana, helvetica, sans-serif; }

h3 { color: #187C41; font-size: 20px; font-family: SourceSansProBold, Arial, Verdana, helvetica, sans-serif; font-weight: normal; }

li { margin-bottom: 8px; }

    li li { margin-bottom: 4px; }

.flex-vid { margin-bottom: 18px; padding: 10px; border: 7px solid #187c41; }

/***********************************************************/
/* HEADER */
/***********************************************************/

#looking-for-container { background: #fff url(../img/bg-eri-watermark.png) right top no-repeat fixed; -webkit-box-shadow: inset 0px -2px 6px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -2px 6px 0px rgba(0, 0, 0, 0.2); }

    #looking-for-container .row-fluid { padding: 1px 0 48px; }

    #looking-for-container .container { position: relative; }

#close-looking-for { color: #fff; text-decoration: none; position: absolute; position: absolute; left: -10px; bottom: 0; background: #187c41; padding: 10px 20px 10px 10px; }

header { background: #146837; }

    header #logo { display: block; }

        header #logo a { display: block; overflow: hidden; }

.top-bar { background: #187c41; padding: 12px 0 0 0; }

    .top-bar a { color: #fff; text-decoration: none; }

.top-bar-left a, .footer-social a { margin-right: 16px; white-space: nowrap; }

.top-bar-right { text-align: right; }

    .top-bar-right a, .footer-social a { white-space: nowrap; }

    .footer-social .facebook span, .footer-social .twitter span, .footer-social .linkedin span, .footer-social .youtube span { position: absolute; /* Hide text, safe for SEO */ left: -9999px; top: -9999px; }

    .footer-social .twitter, .footer-social .linkedin, .footer-social .youtube, .footer-social .google { margin-left: 4px; }

.footer-social a { font-size: 34px; text-decoration: none; }

.logo-navigation { padding: 20px 0 20px 0; }

.row-fluid .span2.top-bar-middle, .row-fluid .span4.top-bar-right { margin-left: 0; }

.top-bar-middle .cse .gsc-control-cse, .top-bar-middle .gsc-control-cse { border: none; background: none; padding: 0; }

.row-fluid .span2.top-bar-middle { width: 230px; margin-top: -5px; }

    .row-fluid .span2.top-bar-middle input { outline: none; }

.span2.top-bar-middle input.gsc-search-button, .span2.top-bar-middle input.gsc-search-button:hover, .span2.top-bar-middle input.gsc-search-button:focus { border-color: transparent; background-color: transparent; margin: 0; padding: 6px; }

.span2.top-bar-middle #gs_tti50 { padding: 0 5px; }

.span2.top-bar-middle input:focus, .span2.top-bar-middle input { box-shadow: none; background-image: none !important; }

.span2.top-bar-middle #gs_cb50 { font-size: 19px; }

/***********************************************************/
/* NAVIGATION */
/***********************************************************/

.navbar .nav { margin: 0; }


.navbar .nav { margin-top: 16px; float: right; }

.nav h3 { font-size: 15px; margin: 0; line-height: 14px; }

.nav li { background: url(../img/bg-nav-divider.png) left top repeat-y; }

    .nav li.first { background: none; }

    .nav li li { margin: 0; background: none; }

.nav a { color: #fff; text-decoration: none; font-weight: bold; }

.nav > li:hover { background: #fff; }

.nav li:hover a { color: #146837; text-decoration: none; }

.nav-pills > li > a { border-radius: 0; }

.nav-pills .dropdown-menu { border-radius: 0; border: none; border-bottom: 3px solid #187c41; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); margin-bottom: 0; }

.nav .dropdown-menu li a { font-weight: normal; color: #555; padding: 5px 10px 3px 10px; font-size: 12px; line-height: 14px; }

    .nav .dropdown-menu li a:hover { font-weight: normal; background: #e8f5ed; }

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: #fff; }

.nav .dropdown-menu li strong a { font-weight: bold; }

    .nav .dropdown-menu li strong a:hover { font-weight: bold; }


/***********************************************************/
/* HOMEPAGE BANNER */
/***********************************************************/

.homepage-banner-container { margin-bottom: 54px; background: #f9f9f7; width: 100%; -webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15); -moz-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15); box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.15); }

    .homepage-banner-container .bx-wrapper .bx-viewport { background-color: transparent; border: none; border-bottom: none; left: 0; box-shadow: none; z-index: 11; }

.homepage-banner-container { max-height: 330px; overflow: hidden; background: #f0f0e9; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmMGU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #f0f0e9 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#f0f0e9)); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#f0f0e9 100%); background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#f0f0e9 100%); background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#f0f0e9 100%); background: radial-gradient(ellipse at center, #ffffff 0%,#f0f0e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0e9',GradientType=1 ); }

    .homepage-banner-container .bx-wrapper .bx-controls-direction a { background: #c8c8c6 url(../img/banner/bg-banner-nav.png) 9px -105px no-repeat; width: 35px; height: 75px; right: 4px; opacity: 0.6; filter: alpha(opacity=60); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; top: 29%; }

        .homepage-banner-container .bx-wrapper .bx-controls-direction a.bx-prev { left: 4px; right: auto; background-position: 9px 31px; }

        .homepage-banner-container .bx-wrapper .bx-controls-direction a:hover { opacity: 1; filter: alpha(opacity=100); }

    .homepage-banner-container h3 { text-transform: uppercase; color: #187c41; font-size: 32px; margin: 0; padding: 0; }

    .homepage-banner-container h4 { color: #187c41; font-size: 28px; font-family: 'SourceSansProLight'; font-weight: normal; margin: 0 0 32px 0; padding: 0; }

    .homepage-banner-container p, .homepage-banner-container ul { color: #717171; font-size: 20px; }

    .homepage-banner-container li { margin-bottom: 0px; }

    .homepage-banner-container .learn-more { background: #187c41; color: #fff; text-decoration: none; display: inline-block; padding: 11px 38px 11px 31px; transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; margin: 5px 0 12px 0; }

        .homepage-banner-container .learn-more:hover { background: #146837; }

    .homepage-banner-container .span7 { padding: 28px 12px 0 32px; }

    .homepage-banner-container .span6 { padding: 28px 32px 0 32px; }

    .homepage-banner-container .span12 .span12 { padding: 28px 32px 0 32px; }

.eri-bg { background: url('../img/slider-bg.png') center no-repeat; background-size: contain; min-height: 332px; }

.btn-green { background: #187c41; color: #fff; text-decoration: none; display: inline-block; padding: 11px 11px 11px 11px; transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; margin: 12px 0 12px 0; }

    .btn-green:hover { background: #146837; color: #fff; text-decoration: none; }

.header-quotes { padding-top: 58px; }

    .header-quotes blockquote { margin: 0; }

blockquote a { color: #fff; }

/***********************************************************/
/* CONTENT */
/***********************************************************/

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -36px; }

.news-rotator .bx-wrapper .bx-viewport { border: 1px solid #eae7e2; border-bottom: none; left: 0; box-shadow: none; z-index: 11; min-height: 245px; }

.news-rotator .bx-wrapper .bx-pager { background: #f4f3f0; text-align: left; z-index: 10; border: 1px solid #eae7e2; border-top: none; }

.news-rotator .bx-wrapper .bx-controls-direction a { background: #a4a3a2 url(../img/bg-news-nav.png) right top no-repeat; width: 24px; height: 24px; top: auto; bottom: -30px; right: 4px; opacity: 0.5; filter: alpha(opacity=50); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }

    .news-rotator .bx-wrapper .bx-controls-direction a.bx-prev { left: auto; right: 33px; background-position: left top; }

    .news-rotator .bx-wrapper .bx-controls-direction a:hover { opacity: 1; filter: alpha(opacity=100); }

.news-rotator .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; background: #a4a3a2; margin: 0 0px 0 9px; }

    .news-rotator .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #146837; }

.slider { margin: 0; }

.news-rotator a { text-decoration: none; }

.news-rotator span { padding: 0 6px; }

.news-rotator .row-fluid div { padding: 12px 12px 0 12px; }

.news-rotator div.news-image { padding: 0 0 0 12px; }

.news-rotator div.news-desc { padding-top: 0; padding-left: 0; }

    .news-rotator div.news-desc li { line-height: 1em; }

.news-rotator .news-row { margin-top: 8px; }

.news-rotator .date { text-align: right; line-height: 2.5em; }

.news-rotator .news-logo { line-height: 2.5em; }

.news-rotator h4, .news-rotator h3 { margin: 0; }

article .container .container { margin-bottom: 56px; }

.logo-box { border: 1px solid #eae7e2; background-color: #fff; width: 172px; text-align: center; margin-top: 10px; }

.section-header { margin-bottom: 14px; }

.featured-video { border: 1px solid #eae7e2; background: #fff; }

#featured-video-thumb { color: #373736; text-decoration: none; position: relative; display: block; margin: 10px 0; }

    #featured-video-thumb img { display: block; margin: 0 auto; }

    #featured-video-thumb i { transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; opacity: 0.5; filter: alpha(opacity=50); position: absolute; left: 42%; top: 33%; }

    #featured-video-thumb:hover i { opacity: 1; filter: alpha(opacity=100); }

.featured-video-details { padding: 6px; }

    .featured-video-details h3 { font-size: 18px; margin: 4px 0 7px; padding: 0; line-height: inherit; }

    .featured-video-details p { margin: 2px 0 2px 0; }

.green-leaders img { margin: 0 auto 13px auto; display: block; }

.testimonial-quotes { border: 1px solid #eae7e2; background: #fff; padding: 12px; }

    .testimonial-quotes ul { list-style: none; margin: 0; padding: 0; }

    .testimonial-quotes li { margin: 0; padding: 0; text-align: justify; }

    .testimonial-quotes .author { text-align: right; }

body.legislation .state-header { margin-bottom: 56px; }

body.legislation .dl-horizontal dt { width: 15em; color: #187C41; }

body.legislation .dl-horizontal dd { margin-left: 17em; margin-bottom: 12px; }

body.legislation .PopInfo { width: 6em; display: inline-block; font-weight: bold; }

body.legislation dd.important-deadlines span { width: 14em; display: inline-block; font-weight: bold; }

.cell-phone-terms-conditions { background: #fff; padding: 10px 20px 20px 20px; border: 1px solid #eae7e2; text-align: justify; font-size: 14px; height: 300px; overflow-y: scroll; }

.cell-phone-agreement { margin-top: 18px; }

.membership-affiliations-logos { margin-bottom: 18px; }

    .membership-affiliations-logos img { border: 1px solid #ebebeb; }

blockquote p { font-size: 16px; margin-bottom: 14px; }

.news-room h4 { color: #777; margin-top: 0; }

.news-room .news-lists ul li { font-size: 15px; margin-bottom: 16px; }

    .news-room .news-lists ul li h5 { font-size: 15px; margin: 0; }

    .news-room .news-lists ul li p { font-size: 15px; margin: 0; }

.bio-social-links { margin: 0 0 18px 0; list-style: none; }

    .bio-social-links li { margin-right: 22px; display: inline; }

.employee-bio-container { padding: 20px; }

    .employee-bio-container:nth-child(2n+2) { background: #198b57; color: #fff; }

    .employee-bio-container div { margin-bottom: 18px; }

    .employee-bio-container img { float: left; margin: 0 12px 0 0; border: 6px solid #198b57; }

    .employee-bio-container:nth-child(2n+2) img { border: 6px solid #fff; }

    .employee-bio-container h4, .employee-bio-container h3 { margin: 0 0 12px 0; line-height: inherit; }

    .employee-bio-container:nth-child(2n+2) h3 { color: #fff; }

    .employee-bio-container ul, .employee-bio-container li { list-style-type: none; margin-left: 0; padding: 0; }

        .employee-bio-container li a { padding: 5px 10px 4px; text-decoration: none; background: #198b57; color: #fff; }

    .employee-bio-container:nth-child(2n+2) li a { background: #fff; color: #198b57; }

    .employee-bio-container div:before, .employee-bio-container div:after, .employee-bio-container:before, .employee-bio-container:after { content: ""; display: table; line-height: 0; }

    .employee-bio-container div:after, .employee-bio-container:after { clear: both; }

    .employee-bio-container .photo { float: left; margin: 0 12px 0 0; }

        .employee-bio-container .photo img { float: none; margin-bottom: 12px; }

    .employee-bio-container .bio { float: left; width: 84%; }

.sales-team { text-align: center; }

    .sales-team img { border: 7px solid #187c41; margin-bottom: 10px; }

.flexible-container { position: relative; padding-bottom: 30%; padding-top: 30px; height: 0; overflow: hidden; }

    .flexible-container iframe,
    .flexible-container object,
    .flexible-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.press-kit article a { text-decoration: none; }

    .press-kit article a:hover { text-decoration: underline; }

.press-kit .btn-group { margin: 12px auto 18px auto; }

.logo-list div { text-align: center; background: #fff; border: 1px solid #EAE7E2; height: 128px; margin-bottom: 12px; padding: 12px; line-height: 6em; }

.span-img { margin-left: 15px; }

.green-box { height: auto; padding: 20px 60px; background: #187c41; margin: 0 0 20px; color: #fff; }

    .green-box ul { float: left; width: 48%; min-width: 180px; margin: 0 20px 0 0; }

        .green-box ul li a { color: #fff; }

        .green-box ul + ul { margin: 0; }

.bg-computer { background: url('../img/bg-computer.png') 0px 20px no-repeat; }

.bg-scanner { background: url('../img/bg-scanner.png') 0px 20px no-repeat; }

.bg-controller { background: url('../img/bg-controller.png') 0px 20px no-repeat; }

[class*="phone-fact"] { width: 217px; height: 115px; background: url(../img/fact_01.jpg) top left no-repeat; text-indent: -9000px; display: block; float: left; margin-left: 113px; }

.phone-fact-02 { background: url(../img/fact_02.jpg) top left no-repeat; }

.phone-fact-03 { background: url(../img/fact_03.jpg) top left no-repeat; }

.recycling-agree-panel { padding: 20px; background: #187c41; }

    .recycling-agree-panel label { display: block; white-space: nowrap; color: #fff; font-size: 18px; margin: 7px 0 0 0; }

    .recycling-agree-panel .span-agree label { margin: 10px; display: inline; }


label { font-family: SourceSansProSemiBold; font-size: 18px; color: #4e4e4e; font-weight: normal; }

.right { float: right; margin: 5px 0 5px 10px; }

.left { float: left; margin: 5px 10px 5px 0; }

.img { padding: 5px 0; border-top: 10px solid #146837; border-bottom: 10px solid #dcd8d1; display: block; margin-bottom: 10px; }

    .img.noborder { border-top: none; border-bottom: none; }

.main-content > .img:first-child { margin-bottom: 15px; }

.product-board { margin: 0; padding: 0; }

.product-main .product-board.row-fluid div { text-align: center; position: relative; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; margin-bottom: 10px; width: 24%; margin-left: 1%; opacity: 0; filter: alpha(opacity=0); }

    .product-main .product-board.row-fluid div.active { opacity: 1.0; filter: alpha(opacity=100); left: 0; }


.product-main .product-board div a { text-decoration: none; display: block; width: 100%; padding: 11px 0 46px; }

.product-board div p { color: #fff; text-decoration: none; font-family: SourceSansProExtraLight, Arial, helvetica, sans-serif; margin: 0; position: absolute; left: 0; right: 0; bottom: 16px; line-height: 15px; }

    .product-board div p.tall { bottom: 3px; }

.product-board div:nth-child(4n + 1) { margin-left: 0; }

.product-board div { background: #14804f; }

    .product-board div:hover { background: #187c41; }

.product-info { width: 320px; float: left; margin-top: -10px; }

    .product-info ul { margin: 0; height: 144px; }

    .product-info li { float: left; margin: 7px; list-style-type: none; }

        .product-info li img { margin: 0; }

    .product-info > img { margin: 0 auto 10px auto; display: block; }

    .product-info .span3 { position: relative; margin-bottom: 7px; text-align: center; }

        .product-info .span3 a { display: block; }

            .product-info .span3 a img { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -webkit-transform: translateZ(0); }


        .product-info .span3 p { position: absolute; z-index: 10; height: 15px; margin: 0; left: 0; right: 0; text-align: center; top: 11px; color: #fff; opacity: 0; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; font-family: SourceSansProExtraLight, Arial, helvetica, sans-serif; }

        .product-info .span3 a:hover img { opacity: .2; filter: alpha(opacity=20); }

        .product-info .span3 a:hover p { opacity: 1.0; filter: alpha(opacity=100); }

.prd-circuit, .prd-circuit h3 { background: #00da3f; border: 4px solid #00da3f; }

.prd-battery, .prd-battery h3 { background: #537bd1; border: 4px solid #537bd1; }

.prd-mercury, .prd-mercury h3 { background: #28e550; border: 4px solid #28e550; }

.prd-plastic, .prd-plastic h3 { background: #516d87; border: 4px solid #516d87; }

.prd-metal, .prd-metal h3 { background: #2d2b26; border: 4px solid #2d2b26; }

.prd-copper, .prd-copper h3 { background: #d08c63; border: 4px solid #d08c63; }

.prd-freon, .prd-freon h3 { background: #3c90af; border: 4px solid #3c90af; }

.prd-glass, .prd-glass h3 { background: #0e3347; border: 4px solid #0e3347; }

.prd-wood, .prd-wood h3 { background: #a95c1e; border: 4px solid #a95c1e; }

.product-sidebar { float: right; width: 205px; min-height: 500px; margin-left: 15px; text-align: center; }


.selected { background: #187c41; padding: 20px 0; margin-bottom: 7px; }

.product-sidebar .product-board { position: relative; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; }

    .product-sidebar .product-board.active { left: 0px; opacity: 1; filter: alpha(opacity=100); }

    .product-sidebar .product-board div { background: #187c41; margin-bottom: 7px; position: relative; }

    .product-sidebar .product-board img { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -webkit-transform: translateZ(0); padding: 15px 0; max-width: 65%; }

    .product-sidebar .product-board div:hover img { opacity: 0; filter: alpha(opacity=0); }

    .product-sidebar .product-board p { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; opacity: 0; filter: alpha(opacity=0); top: 6px; }

    .product-sidebar .product-board div:hover p { opacity: 1; filter: alpha(opacity=100); }

    .product-sidebar .product-board div a { display: block; width: 100%; height: 100%; font-size: 15px; }

.panel { margin: 0; }

    .panel img { position: absolute; max-width: initial; opacity: 1.0; filter: alpha(opacity=0); -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }

    .panel div:hover img { opacity: 0.8; filter: alpha(opacity=80); }

    .panel div { height: 240px; margin-bottom: 15px; position: relative; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }

        .panel div.active { left: 0; opacity: 1.0; filter: alpha(opacity=100); }

    .panel a:hover h3 { top: 15px; }

    .panel a:hover p, .panel a:hover ul { opacity: 1; filter: alpha(opacity=100); }

    .panel h3 { color: #fff; position: absolute; top: 180px; width: 80%; left: 30px; -webkit-transition: all 350ms ease-in-out; font-size: 17px; line-height: 18px; z-index: 10; }

    .panel p, .panel ul { position: absolute; top: 60px; left: 30px; right: 30px; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 350ms; opacity: 0; filter: alpha(opacity=0); margin: 0; z-index: 10; }

        .panel p + p { top: 120px; }

        .panel ul li { line-height: 15px; }

    .panel div a { display: block; height: 100%; width: 100%; color: #fff; text-decoration: none; position: relative; overflow: hidden; }

    .panel div:nth-child(3n + 3) a { background: #14804f; }

    .panel div:nth-child(3n + 2) a { background: #198b57; }

    .panel div:nth-child(3n + 1) a { background: #16a263; }

    .panel div:hover a { background: #187c41; }

    .panel div:nth-child(3n+1) { margin-left: 0; }

.panel-bg div { background: #198b57; color: #fff; padding: 10px; margin-bottom: 20px; }

.panel-bg h3 { color: #fff; }

.panel-bg a { color: #fff; font-size: 15px; }

.panel-bg ul { margin-left: 24px; }

.banner { margin-bottom: 15px; }

.pinned.span3.sidebar { float: right; }

.main-content .services { margin-left: 0; }

    .sidebar .services li, .main-content .services li { -webkit-transition: all 350ms ease-in-out; text-align: center; float: left; list-style-type: none; position: relative; opacity: 0; filter: alpha(opacity=0); margin: 3px; }

.services li.active { left: 0px; opacity: 1; filter: alpha(opacity=100); }

.sidebar .services li a, .main-content .services li a { font-size: 12px; text-decoration: none; line-height: 13px; -webkit-transform: translateZ(0); border: none; padding: 18px; background: #1a59a0; display: block; }

.main-content .services li a { padding: 25px; font-size: 13px; }

    .sidebar .services li a img, .main-content .services li a img { -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; opacity: .2; filter: alpha(opacity=20); }

    .sidebar .services li a p, .main-content .services li a p { -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; opacity: 1; filter: alpha(opacity=100); position: absolute; width: 98%; left: 0.5%; color: #fff; top: 20px; }

    .sidebar .services li a:hover, .main-content .services li a:hover { border: none; background: #2a332e; }

        .sidebar .services li a:hover img, .main-content .services li a:hover img { opacity: 0; filter: alpha(opacity=0); }

        .sidebar .services li a:hover p, .main-content .services li a:hover p { opacity: 1; filter: alpha(opacity=100); color: #fff; }


[class*="Services"] .main-content, .Page-Fade .main-content { position: relative; }


    [class*="Services"] .main-content p, [class*="Services"] .main-content ul, .transition, .Page-Fade .main-content p, .Page-Fade .main-content ul { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; transition-delay: 1000ms; }

        [class*="Services"] .main-content p.active, [class*="Services"] .main-content ul.active, .transition.active, .Page-Fade .main-content p.active, .Page-Fade .main-content ul.active { opacity: 1; filter: alpha(opacity=100); }

.service-word { background: #187c41; font-family: SourceSansProBold; margin: 25px 0 25px 0; position: relative; z-index: 100; -webkit-transform: skew(2deg, 1deg); -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 250ms !important; text-align: center; overflow: hidden; height: 180px; opacity: 0; filter: alpha(opacity=0); text-transform: uppercase; font-weight: normal; }

    .service-word.active { opacity: 1; filter: alpha(opacity=100); }

    .service-word p { color: #fff; -webkit-transform: skew(-2deg, -1deg); position: absolute; font-size: 222px; bottom: 10px; }

    .service-word + p { font-size: 18px; color: #187c41; font-family: SourceSansProSemiBold; font-weight: normal; }


.nav h3 { white-space: nowrap; }


.nav li li.push { margin-top: 14px; }

.commodity div { margin-bottom: 20px; position: relative; overflow: hidden; }

.commodity img { float: right; margin: 0; margin-left: 0 !important; }

.commodity h3 { position: absolute; text-align: left; color: #fff; font-size: 22px; white-space: nowrap; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; width: 100%; bottom: 0px; margin: 0; padding: 4px 0 0 10px; height: 100%; left: 0; }

.commodity div:hover h3 { height: 21%; }

.commodity a { text-decoration: none; }


.navbar .btn-navbar { margin-right: 0; margin-bottom: 10px; }

.index.product-board { text-align: center; }

    .index.product-board div { margin-bottom: 15px; }

    .index.product-board img { width: 40%; padding: 10px 0; opacity: 1.0; filter: alpha(opacity=100); }

    .index.product-board a { display: block; width: 100%; height: 100%; position: relative; }

    .index.product-board p { opacity: 0; filter: alpha(opacity=0); bottom: 36%; }

    .index.product-board a:hover p { opacity: 1.0; filter: alpha(opacity=100); }

    .index.product-board a:hover img { opacity: 0.3; filter: alpha(opacity=30); }

.status { margin-bottom: 15px; font-size: 18px; color: #187c41; }

    .status span + span { color: red; cursor: pointer; }

.sales-team .row-fluid + .row-fluid { padding-top: 20px; }

.mailback-logo { max-height: 100px; }

.mailback-footer { font-style: italic; font-size: 12px; color: #6c6c6c; width: 85%; }

/***********************************************************/
/* SIDEBAR */
/***********************************************************/

.sidebar { border-top: 10px solid #146837; border-bottom: 10px solid #dcd8d1; padding: 15px; background: #eae7e2; }

    .sidebar h3 { margin-top: 0px; text-align: center; }

    .sidebar ul { margin: 0; }

    .sidebar li { list-style-type: none; margin: 0; }

        .sidebar li a { border-top: 1px solid #dcd8d1; border-bottom: 1px solid #dcd8d1; padding: 6px 0 2px 10px; margin: 0 0 -1px 0; display: block; position: relative; }


            .sidebar li a:hover { background: #dcd8d1; border-bottom: 1px solid #dcd8d1; border-top: 1px solid #dcd8d1; z-index: 400; }

    .sidebar ul ul a { padding-left: 30px; }

    .sidebar a { text-decoration: none; font-size: 13px; }

.social a { text-align: center; background: #146837; padding: 10px; }

    .social a:hover { background: #187c41; }

.side-contact { background: url('../img/bg-contact.png') center no-repeat; min-height: 150px; margin-bottom: 5px; }

    .side-contact a { display: block; width: 100%; background: #dcd8d1; color: #fff; text-align: center; padding: 13px 0 11px 0; font-size: 19px; opacity: 0.2; filter: alpha(opacity=20); }

.sidebar:hover a { opacity: 1; filter: alpha(opacity=100); }

.sidebar h5 { color: #6c6c6c; text-align: center; font-family: SourceSansProExtraLight, Arial, Verdana, helvetica, sans-serif; font-size: 30px; line-height: 27px; margin-top: 0; }

/***********************************************************/
/* Calculator */
/***********************************************************/

.calculator-wrapper { position: relative; width: 439px; min-height: 644px; margin-bottom: 35px; }

.calculator { width: 439px; color: #fff; position: absolute; display: none; }

    .calculator.active { display: block; }

.calculator-header { background: #187c41; height: 143px; }

    .calculator-header img { float: left; margin: 13px 0 0 19px; }

.calculator h3 { font-family: SourceSansProBoldItalic; font-size: 56px; color: #fff; text-align: center; font-weight: normal; }

.calculator h4 { color: #fff; font-size: 38px; font-family: SourceSansProBold, Arial, Verdana; line-height: 60px; padding-right: 16px; padding-top: 11px; text-align: center; font-weight: normal; }

    .calculator h4 span { font-size: 69px; font-family: SourceSansProLight, arial, verdana; font-weight: normal; font-style: italic; padding-right: 17px; display: block; }

.calculator-body { padding: 16px; background: #146837 url('../img/calculator-watermark.png') top left no-repeat; }

.calculator p { font-family: SourceSansProLight, Arial, Verdana; }

.step-2 p { text-align: center; }

.top { font-size: 18px; }

.bottom { font-size: 16px; }

.calculator .span6 { background: url('../img/calculator-button-bg.png') top left repeat; margin-bottom: 13px; padding: 12px 10px; position: relative; cursor: pointer; -webkit-transition: all 250ms ease-in-out; height: 92px; }

.calculator.step-2 .span12 { background: url('../img/calculator-button-bg.png') top left repeat; padding: 0; -webkit-transition: all 250ms ease-in-out; }

    .calculator.step-2 .span12:hover { background: #063d1d; }

.step-2 .span12 a { text-decoration: none; color: #fff; padding: 16px 0; display: block; }

.step-2 .span6 img { float: left; }

.step-2 .span6 p { margin-top: 4px; margin-bottom: 0; }

    .step-2 .span6 p strong { font-family: SourceSansProBold; font-size: 29px; display: block; margin: 2px 0 -21px 0; font-weight: normal; }

.calculator .span6 + .span6 img { float: right; }

.calculator .span6:hover { background: #063d1d; }

.calculator.step-2 .span6:hover { background: url('../img/calculator-button-bg.png') top left repeat; cursor: default; }

.calculator .span6.active { background: #063d1d; }

    .calculator .span6.active input { display: block; }

    .calculator .span6.active p { display: none; }

.calculator.step-1 .span6 p { font-size: 16px; color: #fff; font-family: SourceSansProLight, Arial, Verdana; margin: 0; position: absolute; top: 36px; left: 103px; }

.calculator.step-1 .span6 + .span6 p { top: 36px; right: 103px; left: initial; text-align: right; }

.calculator .span6 p.two-line, .calculator .span6 + .span6 p.two-line { top: 26px; }

.calculator input { width: 72px; height: 34px; border: 0; outline: none; position: absolute; top: 29px; right: 13px; display: none; font-size: 20px; color: #272525; font-family: SourceSansProSemiBold; padding: 0 5px; border-radius: 1px; font-weight: normal; }

.calculator .span6 + .span6 input { top: 29px; left: 13px; }

.calculator .calculator-button { padding: 36px 0; text-align: center; font-size: 36px; color: #fff; font-family: SourceSansProLightItalic; }

.step-2 .calculator-button { font-size: 20px; }

.powered-by p { color: #fff; margin: 8px 0 0 0; text-align: center; }



/***********************************************************/
/* RESPONSIVE USA MAP */
/***********************************************************/

#map_base { max-height: 600px; margin: 0 0 38px 0; }

.unselectable { -moz-user-select: none; -webkit-user-select: none; }

svg { max-height: 600px; width: 100%; margin: 0 auto; }

.tip { display: none; padding: 5px; border: 1px solid #146837; color: #fff; font-weight: bold; z-index: 2000; float: left; position: absolute; word-break: keep-all; white-space: nowrap; background: #187c41; line-height: 0.75em; }

.map-legend { text-align: center; margin: 24px 0 48px 0; }

    .map-legend span { padding: 0 12px 0 12px; }

    .map-legend .has-ban { color: #5a893b; }

    .map-legend .no-ban { color: #82b93a; }

    .map-legend .no-legislation { color: #cd0000; }

    .map-legend .proposed-legislation { color: #fbec00; }

    .map-legend .arf-law { color: #5a893b; }

    .map-legend .producer-responsibility { color: #82b93a; }

#our-locations-map { margin: 0 auto 8px auto; }

.our-locations-legend { text-align: center; margin: 0 auto 38px 0; }

    .our-locations-legend span { padding: 0 12px 0 12px; }

.location { min-height: 190px; border-bottom: 1px solid #eee; }

.panel .location a h3 { top: 15px; }

.panel .location a p, .panel .location a ul { opacity: 1; filter: alpha(opacity=100); }

.map-div > div > div { margin: 0 auto; }

/***********************************************************/
/* FOOTER */
/***********************************************************/

.copyright-quicklinks { position: relative; }

#go-to-top { display: block; width: 32px; height: 32px; background: #c9c2b8; overflow: hidden; text-align: center; line-height: 2.3em; text-decoration: none; position: absolute; right: 0; top: -33px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; opacity: 0.5; filter: alpha(opacity=50); }

    #go-to-top:hover { text-decoration: none; opacity: 1; filter: alpha(opacity=100); }

footer { background: #eae7e2; border-bottom: 10px solid #187c41; margin-top: 44px; }

    footer h4 { color: #4e4e4e; font-size: 18px; }

    footer p { color: #4e4e4e; }

    footer .container { border-top: 10px solid #dcd8d1; padding: 12px 0 0 0; }

    footer .corporate-info ul li { margin-bottom: 16px; }

    footer .copyright-quicklinks { margin-top: 34px; border-top: 1px solid #dcd8d1; padding: 16px 0 6px 0; }

        footer .copyright-quicklinks a { color: #555555; }

        footer .copyright-quicklinks ul { margin: 0; padding: 0; float: right; list-style: none; }

            footer .copyright-quicklinks ul li { margin: 0 0 0 14px; padding: 0; display: inline; }

    footer .green-leaders ul { margin: 0; padding: 0; list-style: none; }

        footer .green-leaders ul li a { color: #555; }

    footer ul li a:hover { color: #6c6c6c; }

/* Data Breaches Chart ************************/

.chart-page .btn {
	border: none;
	background: #BDC3C7;
	color: white;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

.chart-page .btn.active, .btn:hover, .btn:focus {
	background-color: #187c41;
}

.chart-page .chart {
	width: 100%;
	height: 650px;
	padding: 0; margin: 0;
	border: none;
	overflow-y: scroll;
	overflow-x: hidden;
}

.chart-page #vis {
  width: 1170px;
  height: 640px;
  clear: both;
  margin-bottom: 10px;
}

.chart-page #vis body { background: transparent; }

.chart-page #view_selection {
  margin-top: 10px;
}

.chart-page .years {
	font-size: 21px;
	fill: #aaa;
}

.chart-page .tooltip {
	position: absolute;
	top: 100px;
	left: 100px;
	-moz-border-radius:5px;
	border-radius: 5px;
	border: 2px solid #000;
	/* background: #222222; */
	background: #fff;
	opacity: .9;
	/* color: #eeeeee; */
	color: black;
	padding: 10px;
	width: 300px;
	font-size: 12px;
	z-index: 10;
}

.chart-page .tooltip .title {
	font-size: 13px;
}

.chart-page .tooltip .name {
  font-weight: bold;
}

.chart-page .btn-group a {
	background: #187c41;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 11px 38px 11px 31px;
	transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	margin: 5px 0 12px 0;
	font-family:'SourceSansProRegular', Arial, Tahoma, Verdana, sans-serif;
}

.chart-page .btn-group a.active { background: #146837; color: #fff; text-shadow: none; }

.chart-page #main p, #main text {
	font-family:'SourceSansProRegular', Arial, Tahoma, Verdana, sans-serif;
}

.chart-page .bubbleDiv { text-align: center; }

.chart-page .bubbleTitle, .bubbleTitle a {
	font-family:'SourceSansProRegular', Arial, Tahoma, Verdana, sans-serif;
	color: #fff;
}

.chart-page .bubbleTitle a { text-decoration: underline; }

.chart-page #datagrid .btn-group a {
	padding: 11px 22px 11px 18px;
}


/**********************************************/
	
/* Staples Page */

body.Staples { background: #fff; }

.staples h1 { background: #a7a9ac; font-family: 'SourceSansProBold', 'Helvetica Neue LT Pro', sans-serif; font-size: 43px; color: #fff; padding: 35px 30px; margin: 0; text-transform: uppercase; }

.staples h2 { font-size: 42px; background: none; color: #231f20; margin: 40px 0 20px 0; padding: 0; text-decoration: none; font-family: 'SourceSansProBold'; }

.staples h3 { color: #54b247; margin: 25px 0; font-family: 'SourceSansProSemiBold', 'Helvetica Neue LT Pro', sans-serif; font-size: 37px; }

.staples h4 { color: #231f20; font-size: 33px; font-family: 'SourceSansProLight', 'Helvetica Neue LT Pro', sans-serif; }

.staples h2.plus { background: url('../img/staples-header-bg-green.jpg') top left repeat-x; }

.staples-number { font-size: 80px; font-family: 'SourceSansProBold'; display: block; float: right; color: #4798dd; margin-top: 95px; }

.staples .staples-logo { margin: 15px 0; }

.staples-container .span12 { margin: 0; }

.staples-container { box-sizing: border-box; padding-top: 0; margin-bottom: 15px; }

    .staples-container.boxes .span2 { text-align: center; width: 17.9%; }

        .staples-container.boxes .span2 img { margin-top: -45px; margin-bottom: 10px; }

    .staples-container .span2:last-child { margin-right: 0; }

    .staples-container .span2 p { font-size: 25px; background: none; color: #231f20; margin: 0; padding: 15px 10px; text-decoration: none; font-family: 'SourceSansProRegular'; }

    .staples-container .span2 span { color: #a7a9ac; font-size: 20px; clear: both; display: block; font-family: 'SourceSansProExtraLight'; }

    .staples-container .span2 a { text-decoration: none; }

.special-text p { color: #323232; font-size: 40px; font-family: 'SourceSansProRegular', Arial, 'Helvetica Neue LT Pro', sans-serif; text-align: right; line-height: 62px; }

.special-text .blue { color: #4798dd; font-size: 62px; font-family: 'SourceSansProBold', Arial, 'Helvetica Neue LT Pro', sans-serif; }

.special-text .green { color: #35be6d; font-size: 62px; font-family: 'SourceSansProBold', Arial, 'Helvetica Neue LT Pro', sans-serif; }

.special-text .red { color: #ed2724; font-size: 62px; font-family: 'SourceSansProBold', Arial, 'Helvetica Neue LT Pro', sans-serif; }

.staples-ul { width: 50%; float: left; margin: 0; }

    .staples-ul li { list-style-type: none; background: url('../img/staples-recycle-li.png') left center no-repeat; color: #4798dd; font-size: 21px; font-family: 'SourceSansProBold', Arial, 'Helvetica Neue LT Pro', sans-serif; padding-left: 55px; height: 30px; padding-top: 15px; margin-bottom: 0; margin-top: 15px; }

.materials { padding: 0; margin: 0; }

    .materials li { float: left; width: 33%; margin: 0; list-style-type: none; }

p.special-text, .special-text li { color: #231f20; font-size: 21px; margin-top: 20px; margin-bottom: 0px; font-family: 'SourceSansProRegular', Arial, 'Helvetica Neue LT Pro', sans-serif; }

.box-certs h4 { color: #ed2724; font-family: 'SourceSansProBold', Arial, 'Helvetica Neue LT Pro', sans-serif; font-size: 27px; }

.standard-box, .serialized-box { padding: 15px; font-family: 'SourceSansProRegular'; margin: 4px; height: 100px; }

    .standard-box span, .serialized-box span { font-size: 22px; }

.standard-box { background: #f3f3f4; }

.serialized-box { background: #d1d2d4; }

.terms ol { margin: 0; padding: 0; }

.terms li { margin: 0; }

.staples .sidebar { border: 1px solid #a7a9ac; padding: 15px; background: #fff; }

    .staples .sidebar li a:hover { background: #a7a9ac; border-bottom: 1px solid #a7a9ac; border-top: 1px solid #a7a9ac; z-index: 400; color: #fff; }

    .staples .sidebar li a:first-child { border-top: none; }

.buy-box { float: right; position: relative; width: 197px; height: 119px; top: 300px; right: 30px;  -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); transform: rotate(-10deg);
} 

.buy-box img { position: absolute; opacity: 0; -webkit-transition: all 200ms ease-in-out; }

.buy-box:hover img, .buy-box img + img { opacity: 1; }

    .buy-box:hover img + img { opacity: 0; }

/* ==|== media queries ======================================================
   ========================================================================== */

/* Large desktop */
@media (min-width: 1200px) {
    .sidebar .services li:nth-child(3n+1) { margin-left: 0; }

    .sidebar .services li:nth-child(3n+3) { margin-right: 0; }
}

@media (min-width: 980px) and (max-width: 1199px) {

    .dropdown-menu { left: initial; right: 0; }

    .nav .first .dropdown-menu { left: 0; right: initial; }

    .navbar .nav > li > a { font-size: 14px; padding: 10px 5px; }

    .employee-bio-container .bio { float: left; width: 80%; }

    .commodity div { max-height: 120px; }

        .commodity div h3, .commodity div:hover h3 { height: 31%; font-family: SourceSansProSemiBold; padding: 0; font-weight: normal; }

    .sidebar h5 { font-size: 23px; }

    .product-sidebar .product-board div p { opacity: 1; filter: alpha(opacity=100); }

    .product-sidebar .product-board div img { opacity: 0.2; filter: alpha(opacity=20); }

    .panel a h3 { top: 15px; }

    .panel a p, .panel a ul { opacity: 1; filter: alpha(opacity=100); }

    .service-word p { font-size: 113px !important; bottom: -8px !important; }

    .sidebar .services li a { padding: 24px; }

        .sidebar .services li a p { opacity: 1.0; filter: alpha(opacity=100); color: #fff; }

        .sidebar .services li a img, .sidebar .services li a:hover img { opacity: 0.3; filter: alpha(opacity=30); }

    .sidebar a { opacity: 1.0; filter: alpha(opacity=100); }

    .product-info .span3 a img { opacity: .2; filter: alpha(opacity=20); }

    .product-info .span3 a p { opacity: 1.0; filter: alpha(opacity=100); font-size: 13px; top: 1px; }

    .index.product-board a p { opacity: 1.0; filter: alpha(opacity=100); }

    .index.product-board a img { opacity: 0.3; filter: alpha(opacity=30); }

    footer .green-leaders ul li a { font-size: 15px; }

    .sales-team .row-fluid + .row-fluid { padding-top: 20px; }

    .row-fluid .span2.top-bar-middle { width: 180px; }

    .staples-container .span2 { margin: 0 14px 0 0; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .nav.nav-pills { width: 100%; }

    .nav-collapse { background: #fff; padding: 0; transition: none; }

        .nav-collapse li { background: none; }

    .nav-pills .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; }

    .employee-bio-container .bio { float: left; width: 80%; }

    .product-board li { width: 32%; }

    .side-contact h5 { font-size: 20px; }

    .side-contact a { font-size: 14px; opacity: 1.0; filter: alpha(opacity=100); }

    .social a i { font-size: 3em; }

    .span3.sidebar { margin: 0; width: 100%; }

    .panel p, .panel ul { opacity: 1; filter: alpha(opacity=100); }

    .panel h3 { top: 15px; }

    .panel p + p { display: none; }

    .product-info .span3 a img { opacity: .2; filter: alpha(opacity=20); }

    .product-info .span3 a p { opacity: 1.0; filter: alpha(opacity=100); font-size: 11px; top: 1px; }

    .product-sidebar .product-board div p { opacity: 1; filter: alpha(opacity=100); font-size: 12px; }

    .product-sidebar .product-board div img { opacity: 0.2; filter: alpha(opacity=20); }

    .service-word p { font-size: 113px !important; bottom: -8px !important; }

    .logo-navigation > div > .span9 { margin-left: 0; }

    .nav-collapse .mega-menu-4, .nav-collapse .mega-menu-3 { margin: 0 0 10px 13px; }

        .nav-collapse .mega-menu-4 .two-column { width: 50%; margin: 0 !important; }

        .nav-collapse .mega-menu-4 .one-column { width: 25%; margin-right: 0; }

    .navbar .nav > li > a { color: #187c41; font-family: SourceSansProBold; white-space: nowrap; font-size: 19px; font-weight: normal; }

    .nav h3 { font-family: SourceSansProLight; }

    .sidebar .services li a { padding: 34px; }

        .sidebar .services li a p { opacity: 1.0; filter: alpha(opacity=100); color: #fff; }

        .sidebar .services li a:hover img { opacity: 1; filter: alpha(opacity=100); }

    .commodity div { max-height: 120px; }

        .commodity div h3, .commodity div:hover h3 { height: 35%; font-family: SourceSansProSemiBold; padding: 0; font-weight: normal; }

    .logo-navigation .span3 { width: 80%; }

    .index.product-board a p { opacity: 1.0; filter: alpha(opacity=100); bottom: 20%; }

    .index.product-board a img { opacity: 0.3; filter: alpha(opacity=30); }

    footer .green-leaders ul li a { font-size: 13px; }

    .sales-team .row-fluid + .row-fluid { padding-top: 20px; }

    .row-fluid .span2.top-bar-middle { width: 140px; }

    .staples-container .span2 { width: 30.7%; margin: 0 18px 18px 0; }

    div.staples-container.row-fluid.certs .span2 { width: 17.9%; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body { padding-right: 0px; padding-left: 0px; }

    .homepage-banner-container { max-height: none; overflow: visible; }

    header .top-bar, header .container, article, footer { padding-left: 20px; padding-right: 20px; }

    .nav-collapse { background: #fff; padding: 0 20px; }

        .nav-collapse li { background: none; }

    .nav-pills .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; }

    body.legislation .dl-horizontal dt { width: auto; color: #187C41; }

    body.legislation .dl-horizontal dd { margin-left: auto; }

    body.legislation .state-header .span4 { text-align: center; }

    .header-quotes { padding: 0; margin: 24px 0 12px 0; }

    .news-rotator .date { text-align: left; line-height: inherit; }

    .news-rotator .row-fluid div { padding: 6px 12px; }

    .green-box { padding: 30px; }

    .side-contact a { opacity: 1.0; filter: alpha(opacity=100); }

    .panel p, .panel ul { opacity: 1; filter: alpha(opacity=100); }

        .panel ul li { line-height: 11px; font-size: 13px; }

    .panel h3 { top: 15px; }

    .panel p + p { display: none; }

    .product-info .span3 a img { opacity: .2; filter: alpha(opacity=20); }

    .product-info .span3 a p { opacity: 1.0; filter: alpha(opacity=100); font-size: 23px; top: 23px; }

    .product-main .product-board div img { max-width: 25%; }

    .product-sidebar .product-board div p { opacity: 1; filter: alpha(opacity=100); font-size: 23px; top: 34px !important; }

    .product-sidebar .product-board div img { opacity: 0.2; filter: alpha(opacity=20); max-width: 25%; }

    .product-main .product-board.row-fluid div { margin-left: 0; width: 100%; }

    .service-word p { font-size: 47px !important; bottom: -20px !important; }

    .nav-collapse { padding: 0; }

    .navbar .nav > li > a { color: #187c41; font-family: SourceSansProBold; white-space: nowrap; font-size: 19px; font-weight: normal; }

    .nav h3 { font-family: SourceSansProLight; }

    .dropdown { padding-left: 10px; }

    .three-column, .two-column, .one-column { float: none !important; }

    .sidebar .services li a { padding: 35px; }

        .sidebar .services li a p { opacity: 1.0; filter: alpha(opacity=100); color: #fff; font-size: 17px; line-height: 18px; }

        .sidebar .services li a img { opacity: 0.2; filter: alpha(opacity=20); }

    .commodity div { max-height: 120px; }

        .commodity div h3, .commodity div:hover h3 { height: 35%; }

    .top-bar-right a:first-child { float: left; margin: 0 100px 0 0; }

        .top-bar-right a:first-child + a { float: left; margin: 0; }

    .social a.span3 { width: 22%; margin-left: 4%; float: left; }

    .index.product-board a p { opacity: 1.0; filter: alpha(opacity=100); }

    .index.product-board a img { opacity: 0.3; filter: alpha(opacity=30); width: 25%; }

    .employee-bio-container .bio { float: left; width: 100%; }

    .calculator-wrapper, .calculator { width: 100%; }

    .calculator-header img { width: 79px; }

    .calculator-header h4 { font-size: 33px; line-height: 40px; padding-right: 16px; text-align: right; }

        .calculator-header h4 span { font-size: 33px; padding-right: 10px; }

    .calculator .span6 { width: 48%; float: left; }

        .calculator .span6 + .span6 { margin-left: 4%; }

        .calculator .span6 img { display: none; }

    .calculator.step-1 .span6 p { text-align: center!important; position: initial; }

    .calculator .span6.active p { display: block; }

    .calculator .span6 p.two-line, .calculator .span6 + .span6 p.two-line { line-height: 14px; }

    .calculator .calculator-button { font-size: 23px; }

    .step-2 .span12 a { font-size: 12px; }

    .calculator h3 { font-size: 39px; margin: 0; }

    .step-2 .calculator-body > p { font-size: 15px!important; }

    .step-2 .span6 p strong { font-size: 21px; }

    .bottom { font-size: 14px; }

    .calculator input { right: 18px; }

    .span6 input, .calculator .span6 + .span6 input { display: block; top: 40px; bottom: initial; left: 18px; }

    .sales-team .row-fluid + .row-fluid { padding-top: 0px; }

    .row-fluid .span2.top-bar-middle { width: auto; margin: 1px 0 7px 0; }

    div.staples-container.row-fluid.certs .span2 { width: 17.9%; }
    .staples .buy-box { position: absolute; top: 550px; }
    .staples h1 { font-size: 36px; margin-bottom: 100px; }
    .staples-container .span2 p { font-size: 19px; }

    .staples-container.boxes .span2 { width: 43%; }
    .staples .clearfix + h3 { margin: -10px 50px 50px 0!important; }
    .standard-box, .serialized-box { height: auto; }
    .materials li { width: 49.6%; }
    div.staples-container.row-fluid.certs .span2 { width: 14% !important; }
    .staples-container.terms.span12 { padding: 0 15px; }
}

/* Landscape phones and down */
@media (max-width: 480px) {

    .staples-container.row-fluid.materials li { width: 50%; }

    .staples-number { font-size: 70px; margin-top: 45px; }

    .staples-container .span2 { text-align: center; width: 44%; margin: 0 18px 10px 0; float: left; }

    .staples-ul li { margin-top: 43px; height: 36px; font-size: 19px; }

    div.staples-container.row-fluid.certs .span2 { width: 15.9%; }

        div.staples-container.row-fluid.certs .span2 img { max-height: 48px; }


}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
    /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }

        a[href]:after { content: " (" attr(href) ")"; }

    abbr[title]:after { content: " (" attr(title) ")"; }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

    thead { display: table-header-group; }
    /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }

    img { max-width: 100% !important; }

    @page { margin: 0.5cm; }

    p, h2, h3 { orphans: 3; widows: 3; }

    h2, h3 { page-break-after: avoid; }
}

/* ==|== Internet Explorer ==================================================
   Internet Explorer Fixes
   ========================================================================== */

.ie10 .sidebar .services li, .ie-lt10 .sidebar .services li { margin-right: 2px !important; }

.ie-lt9 .container { width: 1170px; }