body {font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:21px; color:#313131; background-color:#efece8;}
a {color:#60a517; text-decoration:none;}
.page-width {width:960px; margin:0 auto;}
.img-shadow {position:relative;}
.img-shadow:after {content:""; display:block; position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; box-shadow:inset 0 0 30px rgba(0,0,0,0.1);}

/* Header */
.header-bar {background-color:#fff;}
header {position:relative;}
.logo {display:block; width:479px; margin-bottom:30px; margin-top:30px; float:left;}
.logo img {width:100%;}
.home-icon {position:absolute; display:block; width:13px; height:12px; background:url(/images/home-icon.png) no-repeat; top:67px; left:492px;}
#desktop-nav {background:#98c455; background:-webkit-linear-gradient(#b4d77d, #98c455); background:-moz-linear-gradient(#b4d77d, #98c455); background:linear-gradient(#b4d77d, #98c455); border-bottom:1px solid #fff; clear:both;}
#desktop-nav ul {font-size:0;}
#desktop-nav li {display:inline-block; border-right:1px solid #fff;}
#desktop-nav li a {color:#fff; display:inline-block; padding:9px 13px 8px 13px; font-family:"Montserrat", Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; line-height:21px; text-transform:uppercase; text-shadow:1px 1px 0 rgba(0,0,0,0.1);}
#desktop-nav li a:hover, #desktop-nav li a.current, #desktop-nav li a.currentparent {background:#6aa32e; background:-webkit-linear-gradient(#7cb342, #6aa32e); background:-moz-linear-gradient(#7cb342, #6aa32e); background:linear-gradient(#7cb342, #6aa32e);}
.organic-badge-header {float:right; width:92px; height:92px; background:url(/images/organic-badge-2.png); margin:16px 0px 0px 0px;}

/* Mobile Nav */
#mobile-nav {position:relative; display:none; height:41px; background:#98c455; background:-webkit-linear-gradient(#b4d77d, #98c455); background:-moz-linear-gradient(#b4d77d, #98c455); background:linear-gradient(#b4d77d, #98c455); border-bottom:1px solid #fff; z-index:99;}
.mobile-menu-trigger {position:absolute; top:0; right:0; z-index:100; cursor:pointer; display:none; overflow:auto;}
.trigger-text {text-transform:uppercase; font-weight:bold; padding:10px 10px 0px 0px; float:right; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.1);}
.trigger-icon {width:40px; height:40px; background:url(/images/mobile-menu-button.png) no-repeat center center #7c7772; float:right;}
.mobile-menu-trigger:hover .trigger-icon {background-color:#413b35;}
.mobile-menu-wrap {padding-top:41px;}
.mobile-menu-wrap > ul {}
.mobile-menu-wrap ul {display:none;}
.mobile-menu-wrap li {position:relative;}
.mobile-menu-wrap li a {display:block; color:#fff; background:#5d544d; padding:9px 51px 10px 10px; border-top:1px solid #746b62;}
.mobile-menu-wrap > ul > li:first-child > a {border-top:0;}
.mobile-menu-wrap li a:hover {background:#413b35;}
.mobile-menu-wrap li li a {border-left:10px solid #746b62;}
.mobile-menu-wrap li li li a {border-left:20px solid #746b62;}
.submenu-toggle {position:absolute; top:1px; right:0; display:block; border-left:1px solid #746b62; height:100%; width:41px; box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer;}
.submenu-toggle:hover {background-color:#413b35;}
.mobile-menu-wrap > ul > li:first-child > .submenu-toggle {top:0;}
.submenu-toggle .arrow {display:block; height:40px; width:40px; background:url(/images/mobile-menu-toggle.png) no-repeat center center; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.mobile-menu-wrap li.submenu-show > .submenu-toggle .arrow {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}

/* Page title */
.title-bar {background:#e8e3de;}
.title {background:#6aa32e; background:-webkit-linear-gradient(#7cb342, #6aa32e); background:-moz-linear-gradient(#7cb342, #6aa32e); background:linear-gradient(#7cb342, #6aa32e); padding:41px 30px 20px 30px;}
.title h1 {color:#fff; font-family:"Montserrat", Arial, Helvetica, sans-serif; font-weight:normal; font-size:42px; line-height:50px; text-shadow:1px 1px 0 rgba(0,0,0,0.1);}

/* Home Slider */
.slider-bar {background:#e8e3de;}
.slider {position:relative;}
.tagline {position:absolute; top:0; left:0; z-index:200; font-family:"Montserrat", Arial, Helvetica, sans-serif; font-weight:bold; font-size:29px; line-height:35px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.1); padding:10px 16px 11px 16px; background:rgba(0,0,0,0.4);}
.lt-ie9 .tagline {background:url(/images/tagline-bg.png);}
.bx-wrapper {position:relative;}
.bx-wrapper img {max-width:100%; display:block;}
.bx-wrapper .bx-viewport {-webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}
.bx-wrapper .bx-loading {min-height:32px; background:url(/bxslider/loading.gif) center center no-repeat #d9d4ce; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;}
.bx-wrapper .bx-controls-direction a {position:absolute; bottom:0; width:45px; height:45px; text-indent:-9999px; z-index:9999; background-color:#000; background-color:rgba(0,0,0,0.7); background-repeat:no-repeat;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}
.bx-wrapper .bx-prev {left:0; background-image:url(/images/arrow-left.png); background-position:48% 50%;}
.bx-wrapper .bx-next {right:0; background-image:url(/images/arrow-right.png); background-position:52% 50%;}
.overlay {position:absolute; bottom:0; width:868px; margin:0px 46px 0px 46px; padding:17px 23px 18px 23px; font-family:"Montserrat", Arial, Helvetica, sans-serif; font-weight:bold; font-size:29px; line-height:35px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.1); background: url(/images/slide-overlay.png) bottom repeat-x;}

/* Page */
.page {background-color:#fff; padding:26px 30px 80px 30px; border-bottom:4px solid #b3d67a; margin-top:10px; margin-bottom:80px; overflow:auto;}
.main-col {width:610px; float:left;}
.side-col {width:260px; float:right; padding:4px 0px 0px 0px;}

/* Text */
.text a:hover {text-decoration:underline;}
.text a.external {padding-right:12px; background:url(/images/icon-external-link.png) no-repeat right 4px;}
.text p {padding-bottom:16px;}
.text p.intro {font-size:16px; line-height:22px; font-weight:bold; color:#5da5c9;}
.text h1, .text h2, .text h3, .text h4 {font-family:"Montserrat", Arial, Helvetica, sans-serif; color:#5da5c9; clear:right;}
.text h1:first-child, .text h2:first-child, .text h3:first-child, .text h4:first-child {padding-top:0;}
.text h1 + h2, .text h2 + h3, .text h3 + h4, .text .img-box + h1 {padding-top:0;}
.text h1, .text h2 {font-size:28px; line-height:34px; text-transform:uppercase; padding:16px 0px 11px 0px; border-bottom:4px solid #efece8; margin-bottom:21px;}
.text h3 {font-size:23px; line-height:27px; text-transform:uppercase; padding:14px 0px 15px 0px;}
.text h4 {font-size:18px; line-height:24px; padding:17px 0px 15px 0px;}
.text h5 {color:#5da5c9; padding:15px 0px 16px 0px;}
.text h6 {color:#8e8d87; padding:16px 0px 16px 0px;}
.text ul {padding:0px 0px 8px 12px; list-style-type:none;}
.text ul ul {padding:8px 0px 0px 7px;}
.text ul li {padding:0px 0px 8px 20px; position: relative;}
.text ul li:before {content:"•"; position:absolute; left:7px; color:#9dcc52;}
.text ol {padding:0 0 8px 38px;}
.text ol li {padding:0 0 8px 0;}
.text ul li.pdf {background:url(/images/icon-pdf.png) no-repeat 0 2px; padding:0px 0px 8px 20px;}
.text ul li.word {background:url(/images/icon-word.png) no-repeat 0 2px; padding:0px 0px 8px 20px;}
.text ul li.excel {background:url(/images/icon-excel.png) no-repeat 0 2px; padding:0px 0px 8px 20px;}
.text ul li.pdf:before, .text ul li.word:before, .text ul li.excel:before {content:none;}
.text p a.pdf {padding-left:18px; background:url(/images/icon-pdf.png) no-repeat left 0px;}
.text .img-box img {width:100%; background-color:#d9d4ce;}
.text .img-box {width:230px; float:right; clear:right; margin:5px 0px 15px 30px;}
.text .img-box.small-image {width:150px; margin:5px 0px 21px 0px;}
.text .img-box.full-width {width:100%; margin:5px 0px 21px 0px;}
.text .img-box.full-width.main-image {margin:4px 0px 22px 0px;}
.text blockquote {border-left:2px solid #e2e2e2; padding:0 0 0 20px;}
p.caption {font-size:13px; line-height:16px; color:#6c6c6c; padding:9px 12px 9px 12px; background-color:#efece8; text-shadow:1px 1px 0 rgba(255,255,255,0.3);}
.iframe-outer {width:100%; padding-bottom:56.25%; position:relative; margin:4px 0px 5px 0px; background-color:#c7c4c1;}
.iframe-outer iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/* Side column */
.side-col img {width:100%; display:block;}
.side-box {padding:12px 15px 20px 15px; text-shadow:1px 1px 0 rgba(255,255,255,0.3);}
.side-head {font-weight:normal; text-transform:uppercase; letter-spacing:1px; font-size:12px; line-height:15px; padding:7px 15px 7px 15px; background-color:#7bc5ea; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.1);}
.case-study-summaries {padding:15px 0px 15px 0px;}
.cs-summary {margin-bottom:15px;}
.cs-summary:hover .side-head {background-color:#6ab9e1;}
.cs-summary .side-box {background:#bfe9fe; background:-webkit-linear-gradient(#bfe9fe, #b3e5fe); background:-moz-linear-gradient(#bfe9fe, #b3e5fe); background:linear-gradient(#bfe9fe, #b3e5fe);}
.cs-summary:hover .side-box {background:#ade2fc; background:-webkit-linear-gradient(#ade2fc, #8bd2f5); background:-moz-linear-gradient(#ade2fc, #8bd2f5); background:linear-gradient(#ade2fc, #8bd2f5);}
.cs-summary p {color:#4295be;}
.cs-summary:hover p {text-decoration:underline; color:#3288b2}
.cs-summary h2 {padding-bottom:3px; color:#0b6490;}
.cs-summary:hover h2 {color:#004060;}
.side-box.feature {background:#98c455; background:-webkit-linear-gradient(#b4d77d, #98c455); background:-moz-linear-gradient(#b4d77d, #98c455); background:linear-gradient(#b4d77d, #98c455); margin-bottom:15px;}
.side-box.feature:hover {background:#86b343; background:-webkit-linear-gradient(#9fc464, #86b343); background:-moz-linear-gradient(#9fc464, #86b343); background:linear-gradient(#9fc464, #86b343);}
.side-box.feature h2 {color:#fff; font-family:"Montserrat", Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; line-height:22px; text-transform:uppercase; text-shadow:1px 1px 0 rgba(0,0,0,0.1); padding-bottom:4px;}
.side-box.feature p {color:#497405;}
.article-summary .side-head {background-color:#ba916a;}
.article-summary:hover .side-head {background-color:#b1845a;}
.article-summary .side-box {background:#e8e3dd; background:-webkit-linear-gradient(#e8e3dd, #e4dbd2); background:-moz-linear-gradient(#e8e3dd, #e4dbd2); background:linear-gradient(#e8e3dd, #e4dbd2);}
.article-summary:hover .side-box {background:#e7ddd0; background:-webkit-linear-gradient(#e7ddd0, #decebf); background:-moz-linear-gradient(#e7ddd0, #decebf); background:linear-gradient(#e7ddd0, #decebf);}
.article-summary p {color:#94785c;}
.article-summary:hover p {text-decoration:underline;}
.article-summary h2 {padding-bottom:3px; color:#73451a;}
.article-summary:hover h2 {text-decoration:none; color:#512d0a;}

/* Side menu */
.side-menu {padding:0px 0px 30px 0px;}
.side-menu h4 {font-weight:normal; text-transform:uppercase; letter-spacing:1px; font-size:12px; line-height:15px; padding:0px 0px 9px 0px; color:#696969;}
.side-menu ul {list-style-type:none; border-bottom:1px solid #efece8;}
.side-menu li {border-top:1px solid #efece8; padding:7px 0px 7px 0px;}
.side-menu a:hover, .side-menu a.current {color:#417709;}

/* Case studies landing page */
.case-studies-landing {padding:4px 0px 0px 0px;}
.case-studies-landing .cs-summary {background:#bfe9fe; background:-webkit-linear-gradient(#bfe9fe, #b3e5fe); background:-moz-linear-gradient(#bfe9fe, #b3e5fe); background:linear-gradient(#bfe9fe, #b3e5fe); overflow:auto;}
.case-studies-landing .cs-summary:hover {background:#ade2fc; background:-webkit-linear-gradient(#ade2fc, #8bd2f5); background:-moz-linear-gradient(#ade2fc, #8bd2f5); background:linear-gradient(#ade2fc, #8bd2f5);}
.case-studies-landing .cs-summary .side-box {background:none; padding:17px 20px 25px 20px;}
.case-studies-landing .cs-summary:hover .side-box {background:none;}
.case-studies-landing .cs-summary h2 {font-size:18px; line-height:23px; padding-bottom:10px;}
.landing-thumb {float:right; width:260px; margin-left:20px;}
.landing-thumb img {width:100%; display:block; background-color:#d9d4ce;}

/* Articles */
.text .summary {padding:22px 0px 30px 0px; border-top:1px solid #efece8;}
.text .summary:first-child {padding-top:0; border-top:0;}
.text h2.article-head {font-size:28px; line-height:34px; text-transform:uppercase; padding:0px 0px 14px 0px; border-bottom:0; margin-bottom:0;}
.text h4.article-head {}
.text .article-head a {color:#5da5c9;}
.text .article-head a:hover {color:#60a517; text-decoration:none;}
.pagination {color:#acacac; padding-top:10px; border-top:1px solid #efece8; overflow:auto; clear:both; margin-top:30px;}
.pagination p {padding:0;}
.pagination .prev-btn {float:left;}
.pagination .next-btn {float:right;}
.pagination .middle-text {margin:0 auto; width:200px; text-align:center;}

/* Sticky footer */
html, body {height:100%;}
.wrap {min-height:100%; height:auto !important; height:100%;}
.push {clear:both;}
/* Footer */
.footer-bar {background:#574a3f; background:-webkit-linear-gradient(#4f4136, #574a3f); background:-moz-linear-gradient(#4f4136, #574a3f); background:linear-gradient(#4f4136, #574a3f);}
footer {color:#cbc6c1; text-shadow:1px 1px 0 rgba(0,0,0,0.1); overflow:auto; padding:25px 0px 40px 0px;}
.footer-contact {float:left;}
.footer-contact h3 {padding-bottom:4px;}
.footer-contact a {color:#cbc6c1;}
.footer-contact a:hover {color:#fff;}
.label {color:#a8a099;}
footer .organic-badge {float:right; width:101px; height:102px; background:url(/images/organic-badge-reversed.png); margin:-5px 0px 0px 25px;}
.credit {float:right; color:#928880; font-size:13px; line-height:20px; text-align:right;}
.credit a {color:#928880;}
.credit a:hover {color:#fff;}

/* #Media Queries
================================================== */

/* Tablet Portrait to standard 960 */
@media only screen and (min-width:768px) and (max-width:980px) {
	.page-width {width:748px;}
	#desktop-nav li a {font-size:15px; line-height:21px; padding-bottom:9px; padding:8px 7px 9px 7px;}
	.main-col {width:438px;}
	.side-col {width:220px;}
	.case-studies-landing .cs-summary .side-box {background:none; padding:12px 15px 20px 15px;}
	.case-studies-landing .cs-summary h2 {font-size:15px; line-height:21px; padding-bottom:5px;}
	.landing-thumb {width:200px; margin-left:15px;}
	
	/* Home */
	.overlay {width:656px; font-size:24px; line-height:30px; padding:17px 23px 17px 23px;}
	.tagline {font-size:24px; line-height:29px;}
}

/* All Mobile */
@media only screen and (max-width:767px) {
	.page-width {width:460px;}
	.logo {width:100%; float:none;}
	.home-icon {display:none;}
	.organic-badge-header {display:none;}
	#desktop-nav {display:none;}
	#mobile-nav {display:block;}
	.mobile-menu-trigger {display:block}
	.page {padding:26px 0px 0px 0px;}
	.main-col {width:100%; padding:0px 30px 40px 30px;}
	.side-col {width:100%; padding:30px 30px 30px 30px; border-top:2px solid #efece8;}
	.side-menu {display:none;}
	.text .img-box {width:100%; margin:5px 0px 21px 0px;}
	.text .img-box.small-image {width:100%; margin:5px 0px 21px 0px;}
	.case-studies-landing .cs-summary {background:none;}
	.case-studies-landing .cs-summary:hover {background:none;}
	.case-studies-landing .cs-summary .side-box {background:#bfe9fe; background:-webkit-linear-gradient(#bfe9fe, #b3e5fe); background:-moz-linear-gradient(#bfe9fe, #b3e5fe); background:linear-gradient(#bfe9fe, #b3e5fe); padding:12px 15px 20px 15px;}
	.case-studies-landing .cs-summary:hover .side-box {background:#ade2fc; background:-webkit-linear-gradient(#ade2fc, #8bd2f5); background:-moz-linear-gradient(#ade2fc, #8bd2f5); background:linear-gradient(#ade2fc, #8bd2f5);}
	.case-studies-landing .cs-summary h2 {font-size:15px; line-height:21px; padding:0px 0px 3px 0px;}
	.landing-thumb {float:none; width:100%; margin:0;}
	.credit {clear:both; float:none; text-align:center; padding-top:20px;}

	/* Home */
	.bx-wrapper .bx-controls-direction a {top:50%; bottom:auto; margin-top:-15px; width:30px; height:30px; display:none;}
	.bx-wrapper:hover .bx-controls-direction a {display:block;}
	.bx-wrapper .bx-prev {background-position:47% 50%;}
	.bx-wrapper .bx-next {background-position:53% 50%;}
	.overlay {width:100%; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; line-height:19px; padding:8px 15px 9px 15px; margin:0; text-align:center;}
	.tagline {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; line-height:19px; padding:8px 12px 8px 12px;}
}


/* Mobile Portrait Size to Mobile Landscape */
@media only screen and (max-width:479px) {
	.page-width {width:100%;}
	.logo {padding-left:10px; padding-right:10px;}
	.title {padding:35px 10px 14px 10px;}
	.title h1 {font-size:36px; line-height:44px;}
	.main-col {width:100%; padding:0px 10px 30px 10px;}
	.side-col {width:100%; padding:30px 10px 30px 10px; border-top:2px solid #efece8;}
	.text h1, .text h2 {font-size:23px; line-height:27px; padding:16px 0px 7px 0px; border-bottom:4px solid #efece8; margin-bottom:21px;}
	.text h2.article-head {font-size:23px; line-height:27px; padding:0px 0px 15px 0px;}
	footer {padding-left:10px; padding-right:10px;}
	.footer-contact {float:none; text-align:center;}
	.organic-badge {float:none; margin:20px auto 0px auto;}

	/* Home */
	.overlay {font-size:14px; line-height:16px; padding:4px 10px 4px 10px;}
}

@media 
(-webkit-min-device-pixel-ratio:2), 
(min-resolution:192dpi) {
    /* Retina-specific stuff here */
	.text a.external {background:url(/images/icon-external-link@2x.png) no-repeat right 4px; background-size:10px 10px;}
	.trigger-icon {background:url(/images/mobile-menu-button@2x.png) no-repeat center center #7c7772; background-size:20px 20px;}
	.submenu-toggle .arrow {background:url(/images/mobile-menu-toggle@2x.png) no-repeat center center; background-size:18px 12px;} 
	.bx-wrapper .bx-prev {left:0; background-image:url(/images/arrow-left@2x.png); background-size:7px 12px;}
	.bx-wrapper .bx-next {right:0; background-image:url(/images/arrow-right@2x.png); background-size:7px 12px;}
	.organic-badge-header {background:url(/images/organic-badge-2@2x.png); background-size:91px 92px;}
	.organic-badge {background:url(/images/organic-badge@2x.png); background-size:101px 102px;}
}
/* Stylesheet: SH_Main Modified On 2018-02-09 17:21:34 */
