/* @override http://cdn.shopify.com/s/files/1/0360/4877/t/4/assets/wordpress.css?10707889001629538989 */

/* @override http://dev.spc-retail.com/wp-content/themes/grainandmortar/style.css */

/* @override http://dev.spc-retail.com/wp-content/themes/grainandmortar/style.css */

/*
____________________________________________________
|		Grain & Mortar Standard Stylesheet	|
|		Version 1.1 ~ July 31st, 2013					|
|		By Grain & Mortar						|
****************************************************
*/


/* ==========================================================================
Normalize and reset CSS
========================================================================== */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video
{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;list-style:none}

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

audio,
canvas,
video {
display: inline-block
}

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

[hidden] {
display: none
}

html {
background: #fff;
color: #000;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}

body {
margin: 0
}

a:focus {
outline: none
}

a:active,
a:hover {
outline: 0
}

h1 {
font-size: 2em;
margin: .67em 0
}

abbr[title] {
border-bottom: 1px dotted
}

dfn {
font-style: italic
}

hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}

mark {
background: #ff0;
color: #000
}

code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em
}

pre {
white-space: pre-wrap
}

q {
quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
font-size: 80%
}

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

sup {
top: -0.5em
}

sub {
bottom: -0.25em
}

img {
border: 0
}

svg:not(:root) {
overflow: hidden
}

figure {
margin: 0
}

fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}

legend {
border: 0;
padding: 0
}

button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0
}

button,
input {
line-height: normal
}

button,
select {
text-transform: none
}

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

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

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0
}

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

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

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

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

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

html,
body,
button,
input,
select,
textarea {
font-size: 1em;
line-height: 1.4;
}

strong {
font-weight: 600;
}

img {
vertical-align: middle;
}

textarea {
resize: vertical;
}

em {}

path {
transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}


/* Print styles */

@media print {
* {
background: transparent!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important
}
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: ""
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,
img {
page-break-inside: avoid
}
img {
max-width: 100%!important
}
@page {
margin: .5cm
}
}

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=93507efc-ded5-47bc-8a05-5ba44a6d093c");
@font-face {
font-family: "Verb W01SC Lt";
src: url("fonts/4bd7c982-5ef6-4ba8-89de-23db6302d5b0.eot?#iefix");
src: url("fonts/4bd7c982-5ef6-4ba8-89de-23db6302d5b0.eot?#iefix") format("eot"), url("fonts/51bd3b66-5c3a-4319-a042-353a356de4b0.woff2") format("woff2"), url("fonts/3b441687-578d-4fce-aae4-85d9147a9785.woff") format("woff"), url("fonts/f8a32be2-d425-4601-a6ff-d9eb08aa7434.ttf") format("truetype"), url("fonts/9d5bd34f-9bef-46a3-99ee-1b44bb82f8aa.svg#9d5bd34f-9bef-46a3-99ee-1b44bb82f8aa") format("svg");
}

@font-face {
font-family: "Verb W01 Lt It";
src: url("fonts/18db352b-04b2-4520-9528-c94f6aff3bea.eot?#iefix");
src: url("fonts/18db352b-04b2-4520-9528-c94f6aff3bea.eot?#iefix") format("eot"), url("fonts/02dade85-1362-482e-a986-2eb7ec285946.woff2") format("woff2"), url("fonts/0175bc08-ffe4-4e5a-aa72-86ff39478e32.woff") format("woff"), url("fonts/a6b528a5-2d95-4c59-aaac-506382696df4.ttf") format("truetype"), url("fonts/4e0e3cd6-1cc5-4287-bb7e-73b1d135acea.svg#4e0e3cd6-1cc5-4287-bb7e-73b1d135acea") format("svg");
}

@font-face {
font-family: "Verb W01 Md";
src: url("fonts/8b39020a-f797-4877-ad94-48f393d76317.eot?#iefix");
src: url("fonts/8b39020a-f797-4877-ad94-48f393d76317.eot?#iefix") format("eot"), url("fonts/8497d6e1-0ea9-4b21-b9d4-b8bb27aaa7a5.woff2") format("woff2"), url("fonts/c73cc76d-0277-4f57-86e2-88c44f1153bd.woff") format("woff"), url("fonts/43bfe952-834d-40c5-a2a6-3bfa160d3124.ttf") format("truetype"), url("fonts/fed9d2ad-81c2-4813-9d13-3696bf9ff58c.svg#fed9d2ad-81c2-4813-9d13-3696bf9ff58c") format("svg");
}

html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: none;
height: 100%;
}

body {
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 100%;
color: #808285;
line-height: 25px;
font-size: 16px;
font-family: 'Verb W01 Md', Helvetica, Arial, sans-serif;
}

a,
a:active {
outline: none;
text-decoration: none;
cursor: pointer;
transition: color .25s ease-in-out;
-webkit-transition: color .25s ease-in-out;
color: #ffffff;
outline: 0;
}

a:hover {
color: #90a669;
}

a img {
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease;
}

a img:hover {
cursor: pointer;
opacity: 0.75;
}

h2 a,
h3 a,
h4 a {
color: inherit;
font-size: inherit;
font-family: inherit;
}

i,
em {
font-style: normal !important;
line-height: 30px;
}

label {
cursor: pointer;
}

input:focus,
textarea:focus {
background: #dfdfdf;
}

input,
textarea {
border: none;
padding: 2.5%;
width: 95%;
-webkit-transition: background .25s ease;
-moz-transition: background .25s ease;
transition: background .25s ease;
}

:focus {
-moz-outline-style: none;
outline-color: initial;
outline-style: initial;
outline-width: 0;
}

::-moz-selection {
color: #fff;
text-shadow: none;
background-color: #8abf58;
}

::selection {
color: #fff;
text-shadow: none;
background-color: #8abf58;
}

.clear {
clear: both;
}

#left {
float: left;
}

#right {
float: right;
}

.left {
float: left;
}

.right {
float: right;
}

img,
embed,
object,
video {
max-width: 100%;
max-height: auto;
}

.wrapper {
overflow: hidden;
margin: 0;
}

.content {
width: 1200px;
margin: 0 auto;
}

.content:before,
.content:after {
content: " ";
display: table;
}

.content:after {
clear: both;
}

.content1500 {
width: 1500px;
margin: 0 auto;
}

.content1500:before,
.content1500:after {
content: " ";
display: table;
}

.content1500:after {
clear: both;
}

@media screen and (max-width: 1500px) {
.content1500 {
width: 95%;
padding: 0 2.5%;
}
}

p {
font-size: 16px;
line-height: 30px;
color: #808285;
margin: 0 0 20px 0;
}

p strong {
color: #555555;
}

a {
color: #90a669;
}

p a {
color: #90a669;
border-bottom: 1px solid #7aa66e;
font-weight: strong;
padding: 0 0 2px 0;
}

p a:hover {
color: #90a669;
border-bottom: 1px solid #5f9345;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out
}

h2,
.h2 {
font-weight: 500;
font-style: normal;
font-size: 25px;
line-height: 35px;
color: #505050;
text-align: center;
margin: 0 0 10px 0;
width: 100%;
}

h3,
.h3 {
font-style: normal;
font-size: 18px;
color: #505050;
}

h4,
.h4 {
font-weight: normal;
font-style: normal;
font-size: 16px;
}

h2 sup {
font-size: 10px;
}

b {
font-weight: bold;
/*padding-left: 10px;
margin: 5px;*/
}

li {
padding: 0;
}

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

.left {
width: 45%;
float: left;
padding: 50px 0;
}

.right {
width: 45%;
float: right;
padding: 50px 0;
}

@media screen and (max-width: 800px) {
.left,
.right {
clear: both;
float: none;
width: 100%;
}
}

@media screen and (max-width: 650px) {
/*h2, .h2 {
font-size: 20px;
}*/
}


/* =============================================================================
Header
========================================================================== */

.header-wrapper {
width: 100%;
top: 0;
z-index: 5;
position: relative;
font-weight: normal;
font-style: normal;
font-size: 17px;
}

.page-id-2 .header-wrapper:after {
content: "";
width: 100%;
height: 20px;
position: absolute;
background: url('bg_headershadow.png') no-repeat center center;
}

.headerTop {
background: #FFF url('bg_header.jpg') repeat top right;
}

.header {
margin: 0 auto;
width: 1200px;
overflow: hidden;
}

.logoWrap {
float: left;
overflow: hidden;
width: 135px;
}

a.logo svg {
width: 135px;
display: block;
margin: 15px auto 0 auto;
}

a.logo svg:hover {
opacity: .8;
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
}

.header a.logo {
margin: 10px 0 1.5% 5%;
float: left;
}

.header a.logo img {
width: 150px;
width: 100%;
/*height: 33px;*/
}

.header .subnav {
margin: 30px 0 0 0;
padding: 0 15px;
width: 450px;
float: right;
overflow: hidden;
font-size: 13px;
}

.subnav li {
float: left;
text-align: center;
padding: 5px 0 0 0;
}

.subnav li:first-child {
border-left: 0;
}

.subnav li a {
color: #505050;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
}

.subnav li a:hover {
opacity: .7;
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
}

li.subStore {
margin: -3px 0 0 0;
}

li.subStore a {
width: 90px;
padding: 8px 0 5px 0;
background: #87c24a;
border-radius: 5px;
display: block;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font: 14px/15px 'Verb W01 Md', Arial, sans-serif;
}

li.subFaq {
border: none;
}

li.subFaq,
li.subCart {
width: 90px;
}

li.subCheckout {
/*width: 130px;*/
width: 200px;
}

li.subCheckout svg {
width: 25px;
margin: 0 5px -5px 0;
}

.headerBottom {
overflow: hidden;
background: #505050;
}

.headerBottom ul.nav {
width: 100%;
overflow: hidden;
}

.headerBottom ul.nav li {
float: left;
display: block;
text-align: center;
width: 6%;
border-left: 1px solid #777;
}

.headerBottom ul.nav li.about,
.headerBottom ul.nav li.process {
width: 16%;
}

.headerBottom ul.nav li.home,
.headerBottom ul.nav li.idea,
.headerBottom ul.nav li.company {
width: 12.25%;
}

.headerBottom ul.nav li.contact {
width: 10.70%;
}

.headerBottom ul.nav li.stories {
width: 18%;
}

.headerBottom ul li a {
color: #ddd;
font: 18px/32px 'Verb W01 Md';
height: 30px;
display: block;
padding: 20px;
}

.headerBottom ul li a:hover {
color: #89c052;
background: #484848;
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
}

.page-id-6 li.home a,
.page-id-8 li.about a,
.parent-pageid-10 li.process a,
.page-id-22 li.idea a,
.page-id-20 li.stories a,
.single-successstory li.stories a,
.page-id-42 li.company a,
.page-id-38 li.contact a {
color: #89c052;
}

.headerBottom ul li.contact {
border-right: 1px solid #777;
}

.page-template-template-faq-php li.subFaq {
opacity: .8;
}

.mobileNavWrapper {
display: none;
width: 250px;
height: 100%;
min-height: 100%;
position: fixed;
right: -250px;
top: 0;
/* for best results, match this color to the background of "html" */
overflow-x: hidden;
z-index: 6;
background: #505050;
}

.mobileNavWrapper,
.wrapper,
.header,
.footer {
-webkit-transition: all .30s ease;
-ms-transition: all .30s ease;
transition: all .30s ease;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}

.mobileNavWrapper.showNav,
.wrapper.showNav,
.header.showNav,
.footer.showNav {
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
}

.menuWrapper {
float: right;
}

#menubuttonsvg {
display: none;
cursor: pointer;
float: right;
margin: 10px 10px 0 0;
}

#mobileMenuButton:hover path {
fill: #777;
}

.logoLink,
.mainNav {
display: inline-block;
}

.mobileNavWrapper ul.nav {}

.mobileNavWrapper ul.nav li a {
border-bottom: 1px solid #777;
width: 100%;
float: left;
display: block;
color: #ddd;
font-weight: normal;
font-style: normal;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 24px;
background: #505050;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}

.mobileNavWrapper ul.nav li a:hover {
color: #89c052;
background: #484848;
}

@media screen and (max-width: 1200px) {
.content {
width: 95%;
padding: 0 2.5%;
}
.header {
width: 98%;
padding: 0 1%;
}
}

@media screen and (max-width: 1150px) {
.headerBottom ul.nav li a {
font-size: 15px;
}
}

@media screen and (max-width: 1050px) {
.headerBottom ul.nav li.about,
.headerBottom ul.nav li.process {
width: 16%;
}
.headerBottom ul.nav li.home,
.headerBottom ul.nav li.idea,
.headerBottom ul.nav li.company {
width: 12.25%;
}
/*.headerBottom ul.nav li.contact {
width: 12.7%;
}*/
.headerBottom ul.nav li.stories {
width: 18%;
}
}

@media screen and (max-width: 985px) {
.headerBottom ul.nav li a {
font-size: 15px;
}
.mobileNavWrapper,
#menubuttonsvg {
display: inline-block;
float: right;
}
#mobileMenuButton {
margin: 18px 5px 0 0;
}
.headerSub {
float: right;
width: 80%;
}
.header .subnav {
float: left;
width: 70%;
/*margin-top: 30px;*/
/*outline: 1px solid;*/
}
ul.subnav li.subCheckout {
border: none;
}
.headerBottom {
display: none;
}
li.subFaq,
li.subBlog {
display: none;
}
}

@media screen and (max-width: 700px) {
a.logo h1 {
margin-bottom: 10px;
}
#menubuttonsvg {
margin: 0 0 0 10px;
display: inline-block;
float: none;
}
svg#mobileMenuButton {
margin: 2px 10px 0 0;
}
.headerSub {
clear: both;
width: 100%;
padding: 0;
float: none;
margin: 10px auto 25px auto;
}
.header .subnav {
margin: 0 auto 0 auto;
float: none;
display: inline-table;
padding: 0;
width: 90%;
}
ul.subnav li.subCheckout svg {
display: none;
}
ul.subnav li.subStore {
width: 20%;
margin: -5px 0 0 1%;
}
ul.subnav li.subCheckout {
width: 300px;
text-align: left;
padding: 0 0 0 15px;
}
.logoWrap {
margin: 0px auto;
float: left;
margin-bottom: -40px;
}
.headerSub {
overflow: hidden;
margin: -50px 0 0 0;
}
.header {
padding-bottom: 50px;
}
#menubuttonsvg {
float: right;
}
.header .subnav {
width: 100%;
position: absolute;
clear: both;
margin: 40px 0 0;
border-top: 1px solid #6a6b6a;
padding-top: 10px;
}
.header .subnav li a {
font-size: 12px;
}
}

@media screen and (max-width: 500px) {
ul.subnav li.subStore {
width: 43%;
}
ul.subnav li.subCheckout {
width: 50%;
text-align: right;
}
/*.logoWrap {
margin: 0px auto;
float: left;
margin-bottom: -40px;
}*/
/*.headerSub {
overflow: hidden;
margin: -50px 0 0 0;
}
.header {
padding-bottom: 50px;
}
#menubuttonsvg {
float: right;
}
.header .subnav {
border-top: 1px solid #6a6b6a;
padding-top: 10px;
width: 100%;
position: absolute;
clear: both;
margin: 40px 0 0 ;
}
.header .subnav li a{
font-size: 12px;
}*/
}


/*------------------------------------------*/


/* =============================================================================
Home
========================================================================== */

#heroWrap {
width: 100%;
position: relative;
height: 700px;
background: #fff;
/*background: #f5f5f5 url('/wp-content/themes/grainandmortar/images/spc1.jpg') no-repeat center center;*/
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

.single-successstory .gm_slider_wrapper {
margin: 50px auto 20px auto;
}

.gm_slider_wrapper {
position: relative;
/*max-width: 1500px;*/
width: 100%;
display: block;
margin: 0 auto;
background: #fff;
height: 700px;
}

.gm_slider_arrowRight,
.gm_slider_arrowLeft {
cursor: pointer;
position: absolute;
top: 50%;
margin-top: -18px;
width: 40px;
z-index: 3;
}

.gm_slider_arrowLeft {
left: 0px;
}

.gm_slider_arrowRight {
right: 0px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.gm_slider_arrowRight:hover,
.gm_slider_arrowLeft:hover {
opacity: 0.75;
}

.gm_slider_slide {
position: absolute;
width: 100%;
height: 100%;
}


/*.gm_slider_slide a {
display: block;
height: 100%;
}*/

#gm_slider_slide1 {
left: 0;
}

.gm_slider_container {
position: absolute;
width: 100%;
height: 100%;
/*overflow-x: hidden;*/
}

.gm_slider_Image {
display: block;
margin: 0 auto;
height: 500px;
width: 100%;
}

.gm_slider_caption {
width: 90%;
padding: 20px 5%;
position: absolute;
bottom: 0;
min-height: 40px;
background: rgba(255, 255, 255, 0.8);
color: #393b33;
font-size: 15px;
font-family: "Proxima N W15 Bold", arial, sans-serif;
line-height: 23px;
}

.sliderCopy h2 {
font-size: 27px;
line-height: 35px;
text-align: center;
font-weight: normal;
width: 90%;
margin: 0 auto 20px auto;
}

.sliderCopy {
padding: 40px 0;
position: absolute;
bottom: 0;
width: 100%;
background: #fff;
background: rgba(256, 256, 256, 0.85);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

#gm_slider_slide1.gm_slider_slide .sliderCopy {
width: 40%;
right: 5%;
}

#gm_slider_slide2.gm_slider_slide .sliderCopy {
width: 40%;
left: 5%;
}

#gm_slider_slide3.gm_slider_slide .sliderCopy {
width: 40%;
left: 5%;
/*padding: 50px 0;*/
/*position: absolute;*/
/*top: 0;*/
/*right: 5%;*/
/*overflow: hidden;*/
/*width: 50%;*/
/*height: 250px;*/
/*background: rgba(256, 256, 256, 0.85);*/
}

.sliderCopy p {
text-align: center;
font-size: 16px;
line-height: 28px;
width: 90%;
display: block;
margin: 0 auto;
}

#gm_slider_slide1 .sliderCopy a.button {
width: 120px;
}

#gm_slider_slide2 .sliderCopy a.button {
width: 170px;
}

#gm_slider_slide3 .sliderCopy a.button {
/*width: 120px;*/
}

a.button {
padding: 20px 35px;
background: #87c24a;
border-radius: 5px;
display: block;
width: 200px;
margin: 30px auto 0 auto;
border-bottom: 3px solid #5a903b;
color: #fff!important;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font: 14px/15px 'Verb W01 Md', Arial, sans-serif;
}

a.button:hover {
color: #fff!important;
background: #5a903b;
border-bottom: 3px solid #87c24a;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out
}

a.button.small {
width: 125px;
}

.page-id-6 .right,
.page-id-6 .left {
text-align: center;
padding: 0;
}

@media all and (max-width: 1300px) {
.width {
width: 96%;
}
#gm_slider_slide3.gm_slider_slide .sliderCopy {
/*height: 285px; */
width: 50%;
}
#gm_slider_slide1.gm_slider_slide .sliderCopy {
width: 50%;
}
#gm_slider_slide2.gm_slider_slide .sliderCopy {
width: 50%;
}
}

@media all and (max-width: 1100px) {
.sliderCopy p {
width: 90%;
padding: 0;
}
#gm_slider_slide3.gm_slider_slide .sliderCopy {
/*padding: 50px 0;
position: absolute;
top: inherit;
right: 0;
bottom: 0px;
width: 100%;
height: auto;
overflow: hidden;
background: rgba(256, 256, 256, 0.85);*/
height: auto;
}
}

@media all and (max-width: 1000px) {
#gm_slider_slide3.gm_slider_slide .sliderCopy,
#gm_slider_slide1.gm_slider_slide .sliderCopy {
right: 0;
}
#gm_slider_slide2.gm_slider_slide .sliderCopy {
left: 0;
}
}

@media all and (max-width: 950px) {
.projectHeading {
margin: 0 0 50px 0;
}
}

@media all and (max-width: 800px) {
.iconWrap {
float: left;
width: 100px;
margin: 0 5% 0 0;
}
.parent-pageid-10 .iconWrap {
float: none;
}
.page-id-6 .left {
overflow: hidden;
margin-bottom: 35px;
}
.page-id-6 .left h2,
.page-id-6 .left p,
.page-id-6 .right h2,
.page-id-6 .right p {
float: right;
width: 75%;
text-align: left;
}
.page-id-6 .left a.button,
.page-id-6 .right a.button {
margin: 20px 0 0 0;
clear: both;
display: block;
}
}

@media all and (max-width: 768px) {
#heroWrap {
height: 600px;
}
.gm_slider_wrapper {
height: 600px;
}
}

@media all and (max-width: 700px) {
#gm_slider_slide1.gm_slider_slide .sliderCopy {
width: 100%;
right: 0;
}
#gm_slider_slide2.gm_slider_slide .sliderCopy {
width: 100%;
left: 0;
}
#gm_slider_slide3.gm_slider_slide .sliderCopy {
width: 100%;
left: 0;
}
.projectInfo {
width: 100%;
text-align: center;
}
.projectInfo h2 {
text-align: center;
font-size: 22px;
}
.pagination {
clear: both;
float: none;
padding: 0 0 0 2%;
margin: 0 auto 50px auto;
}
/*.sliderCopy h2 {
font-size: 25px;
line-height: 32px;
}*/
/*#gm_slider_slide3.gm_slider_slide .sliderCopy  {
height: 50%;
margin: 10% auto;
}*/
}

@media all and (max-width: 600px) {
#navDotwrap {
display: none;
}
.width {
height: 20px;
}
.iconWrap {
width: 100%;
}
.page-id-6 .left h2,
.page-id-6 .left p,
.page-id-6 .right h2,
.page-id-6 .right p {
float: none;
clear: both;
width: 92%;
padding: 0 4%;
text-align: center;
}
.page-id-6 .left a.button,
.page-id-6 .right a.button {
margin: 35px auto 0 auto;
clear: both;
display: block;
}
#gm_slider_slide3.gm_slider_slide .sliderCopy {
height: auto;
}
.gm_slider_slide {
height: 300px;
}
#gm_slider_slide1.gm_slider_slide .sliderCopy,
#gm_slider_slide2.gm_slider_slide .sliderCopy,
#gm_slider_slide3.gm_slider_slide .sliderCopy {
bottom: -325px;
background: #fff;
}
.sliderCopy h2,
.sliderCopy p {
width: 95%;
}
}

.middle {
background: #fff url('/wp-content/themes/grainandmortar/images/bg_header.jpg') repeat left top;
padding: 60px 0;
overflow: hidden;
clear: both;
}

.tradeshows {
clear: both;
overflow: hidden;
background: no-repeat left top;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

.tradeshows h2 {
border-top: 1px solid #cbcbc8;
border-bottom: 1px solid #cbcbc8;
border-radius: 5px;
display: block;
padding: 20px 0 15px 0;
margin: 0 auto;
color: #505050;
}

.tradeshows p.center {
margin: 50px 0;
text-align: center;
}

.show {
width: 43%;
float: left;
padding: 0 3%;
min-height: 150px;
margin: 50px 0 50px 0;
}

.bar {
height: 300px;
width: 1px;
float: left;
background: #ddd;
/*margin: 0 2%;*/
}

.bar:last-child {
display: none;
}

.info {
float: left;
width: 78%;
margin: 0 0 0 5%;
}

.info h3 {
font-weight: normal;
color: #505050;
}

.info h4 {
font-size: 15px;
line-height: 25px;
margin: 0 0 10px 0;
}

.info p {
font-size: 14px;
line-height: 25px;
margin: 0;
}

.calendar {
float: left;
color: #fff;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}

.calendar span {
background: #505050;
display: block;
border-radius: 5px;
padding: 10px 20px 5px 20px;
height: 50px;
}

span.tradeDate {
display: none;
}

.calendar h3 {
font-style: normal;
font-size: 15px;
padding: 5px 0 0 0;
line-height: 12px;
color: #FFF;
}

.calendar h4 {
font-size: 25px;
margin: 0;
left: 12px;
}

.calendar h5 {
font-size: 14px;
color: #acb0b4;
}

@media all and (max-width: 1050px) {
.info {
width: 70%;
}
}

@media all and (max-width: 950px) {
.bar {
display: none;
}
.show {
clear: both;
float: none;
width: 96%;
padding: 25px 2% 0px 2%;
}
.show:first-child {
overflow: hidden;
padding: 25px 2% 50px 2%;
border-bottom: 1px solid #ddd;
}
}

@media all and (max-width: 550px) {
.tradeshows h2 {
font-size: 20px;
}
.info {
margin: 0;
}
.show:first-child,
.show {
margin: 35px 0 0 0;
padding: 0 2% 35px 2%;
overflow: hidden;
}
.calendar,
.info {
clear: both;
width: 100%;
}
.calendar span,
.calendar h5 {
display: none;
}
span.tradeDate {
display: inline-block;
padding: 7px 5% 0 5%;
height: 35px;
margin: 0 0 15px 0;
float: left;
text-align: left;
}
.info h3 {
font-size: 20px;
}
}


/* =============================================================================
About
========================================================================== */

.pageHead {
text-align: center;
height: auto;
background: #555;
overflow: hidden;
}

.pageHead h2 {
padding: 50px 0;
margin: 0 auto;
font-weight: normal;
color: #FFF;
font-size: 40px;
text-transform: capitalize;
}

.pageHead h2.subtitle.fancy {
padding: 70px 0 0 0;
font-weight: normal;
color: #FFF;
font-size: 40px;
width: 80%;
margin: 0 auto 30px auto;
}

.pageHead p {
color: #FFF;
font: 18px/30px 'Verb W01 Md', Arial, sans-serif;
padding: 0 10%;
margin: 0 0 70px 0;
}

.point {
width: 100%;
clear: both;
overflow: hidden;
margin: 35px auto;
padding: 35px 0;
border-bottom: 1px solid #ddd;
}

.point:first-child {
margin: 50px auto 35px auto;
}

.point:last-child {
border-bottom: 0;
}

.point .iconWrap {
width: 75px;
float: left;
margin: 0 2.5% 0 0;
}

.point .iconWrap img {
width: 75px;
}

.point h2 {
text-align: left;
}

.point p {
float: left;
width: 80%;
}

.parent-pageid-10 .iconWrap {
width: 75px;
display: block;
margin: 0 auto 25px auto;
}

.bottomCall {
padding: 65px 0;
background: #fdfefc url('bg_header.jpg') repeat top right;
text-align: center;
border-top: 1px solid #ddd;
}

.page-id-8 .bottomCall {
padding: 0;
overflow: hidden;
}

.stepWrap {
overflow: hidden;
border-bottom: 1px solid #ddd;
}

.wrapperStep {
padding: 25px 0 0 0;
overflow: hidden;
}

.page-id-12 .wrapperStep {
background: #fff;
}

.page-id-14 .wrapperStep {
background: #eee;
}

.page-id-16 .wrapperStep {
background: #ddd;
}

.page-id-18 .wrapperStep {
background: #ccc;
}

ul.steps {
clear: both;
overflow: hidden;
width: 1200px;
margin: 0 auto;
}

ul.steps li {
float: left;
display: block;
text-align: center;
width: 24%;
font-size: 16px;
border-left: 1px solid #ddd;
position: relative;
}

ul.steps li:last-child {
border-right: 1px solid #ddd;
}

ul.steps li a {
color: #828385;
display: block;
padding: 25px 2% 25px 2%;
}

ul.steps li.step1 a {
background: #fff;
}

ul.steps li.step1 a:hover {
background: #f5f5f5;
}

ul.steps li.step2 a {
background: #eee;
}

ul.steps li.step2 a:hover {
background: #f5f5f5;
}

ul.steps li.step3 a {
background: #ddd;
}

ul.steps li.step3 a:hover {
background: #eee;
}

ul.steps li.step4 a {
background: #ccc;
}

ul.steps li.step4 a:hover {
background: #ddd;
}

ul.steps li a:hover,
.page-id-12 ul.steps li.step1 a,
.page-id-14 ul.steps li.step2 a,
.page-id-16 ul.steps li.step3 a,
.page-id-18 ul.steps li.step4 a {
color: #5c8f40;
/*background: #f5f5f5;*/
-webkit-transition: all .30s ease;
-ms-transition: all .30s ease;
transition: all .30s ease;
}

.arrow {
width: 35px;
height: 35px;
background: #89c052;
border-radius: 50%;
float: right;
display: block;
right: -42px;
top: -95px;
position: relative;
}

.page-id-12 li.substep2 .arrow {
top: -125px;
}

.page-id-14 li.substep1 .arrow,
.page-id-14 li.substep2 .arrow {
top: -110px;
}

.page-id-16 li.substep1 .arrow,
.page-id-16 li.substep2 .arrow {
top: -60px;
}

.page-id-18 li.substep1 .arrow {
top: -85px;
}

.page-id-18 li.substep2 .arrow {
top: -115px;
}

.arrow img {
margin: 8px 0 0 3px;
}

li.substep3 .arrow:hover {
opacity: .95;
-webkit-transition: all .30s ease;
-ms-transition: all .30s ease;
transition: all .30s ease;
}

.number {
width: 25px;
height: 25px;
background: #89c052;
border-radius: 50%;
margin: 3px 10px 0 0;
text-align: center;
display: inline-block;
font-size: 15px;
line-height: 27px;
color: #fff;
}

.substepWrap {
padding: 35px 0;
}

.substepWrap p {
text-align: center;
margin-bottom: 50px;
}

p.wrap {
width: 90%;
margin: 0 auto 50px auto;
}

ul.substeps {
overflow: hidden;
margin: 50px 0;
}

ul.substeps li {
width: 24%;
float: left;
padding: 35px 2% 25px 2%;
margin: 0 2%;
text-align: center;
}

.page-id-12 ul.substeps li {
border: 1px solid #CCC;
border-radius: 10px;
min-height: 255px;
}

.page-id-14 ul.substeps li {
border: 1px solid #CCC;
border-radius: 10px;
min-height: 225px;
}

.page-id-16 ul.substeps li {
border: 1px solid #FFF;
border-radius: 10px;
min-height: 255px;
}

.page-id-18 ul.substeps li {
border: 1px solid #EEE;
border-radius: 10px;
min-height: 250px;
}

ul.substeps li h2 {
font-size: 18px;
line-height: 24px;
}

ul.substeps li p {
font-size: 16px;
line-height: 30px;
margin: 0;
}

@media all and (max-width: 1200px) {
.number {
display: block;
float: none;
margin: 0 auto 10px auto;
}
ul.steps {
width: 100%;
}
ul.steps li {
width: 24.8%;
}
.page-id-12 ul.substeps li {
min-height: 275px;
}
.arrow {
display: none;
}
.page-id-14 ul.substeps li {
min-height: 245px;
}
.page-id-16 ul.substeps li {
min-height: 270px;
}
.page-id-18 ul.substeps li {
min-height: 270px;
}
}

@media all and (max-width: 1150px) {
.page-id-12 ul.substeps li {
min-height: 340px;
}
}

@media all and (max-width: 1000px) {
.page-id-12 ul.substeps li {
min-height: 0;
border: none;
border-bottom: 1px solid #ddd;
border-radius: 0;
margin: 0;
}
ul.substeps li,
.page-id-12 ul.substeps li,
.page-id-14 ul.substeps li {
clear: both;
float: none;
width: 92%;
margin: 0 0 35px 0;
padding-top: 0;
padding-bottom: 35px;
border: none;
min-height: 0;
border-bottom: 1px solid #ddd;
}
.page-id-16 ul.substeps li,
.page-id-18 ul.substeps li {
border-radius: 0;
min-height: 0;
border: none;
border-bottom: 1px solid #f5f5f5;
}
ul.substeps li h2,
ul.substeps li p {
text-align: left;
}
ul.substeps li:last-child {
margin: 0;
border-bottom: 0;
padding-bottom: 0;
}
}

@media all and (max-width: 900px) {
ul.steps {
padding: 0 0 0 .25%;
}
ul.steps li {
width: 49.5%;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
ul.steps li a {
padding: 20px 2%;
}
ul.steps li.step3,
ul.steps li.step4 {
border-bottom: 0;
}
ul.steps li.step4 {
border-right: 0;
}
.substepWrap {
padding-top: 0;
}
.page-id-8 .bottomCall {
padding: 0;
}
}

@media all and (max-width: 800px) {
.page-id-8 .bottomCall .left {
padding-bottom: 0;
}
}

@media all and (max-width: 600px) {
.pageHead {
height: auto;
}
.pageHead h2.subtitle.fancy {
padding: 50px 0 0 0;
font-size: 30px;
}
.pageHead p {
width: 85%;
padding: 0 5%;
}
.point {
text-align: center;
}
.point h2 {
clear: both;
text-align: center;
}
.point p {
float: none;
width: 100%;
}
ul.steps li,
ul.steps li.step3 {
width: 100%;
clear: both;
border-left: 0;
border-bottom: 1px solid #ddd;
}
ul.steps li a {
padding: 15px 0;
}
.point .iconWrap {
width: 100%;
margin: 0 0 20px 0;
}
.point .iconWrap img {
margin: 0 auto;
display: block;
}
.point {
padding-top: 0;
}
.point h2,
.point p {
clear: both;
text-align: center;
width: 92%;
padding: 0 4%;
}
.pageHead h2 {
font-size: 25px;
padding: 25px 0;
}
}


/* =============================================================================
Projects
========================================================================== */

.third {
float: left;
width: 28%;
padding: 0 1%;
margin: 50px 0 0 0;
}

.third2 {
float: right;
width: 66%;
margin: 50px 0;
}

.third h2,
.third2 h2,
.results h2 {
text-align: left;
border-bottom: 1px solid #e8e9e9;
padding: 0 0 5px 0;
}

.results {
margin: 0 0 50px 0;
clear: both;
overflow: hidden;
}

ul#projectList {
width: 100%;
overflow: hidden;
padding: 0 0 0 1.5%;
margin: 50px 0 0 0;
}

.term-2 ul#projectList,
.term-4 ul#projectList,
.term-5 ul#projectList {
margin-bottom: 300px;
}

#projectList li {
width: 31%;
float: left;
min-height: 360px;
margin: 0 2% 25px 0;
text-align: center;
position: relative;
}

#projectList li img {
width: 100%;
}

a.projectLink {
clear: both;
color: #628c55;
margin: 15px 0 0 0;
display: block;
}

a.projectLink:hover {
color: #628c55;
}

.border {
border-bottom: 1px solid #FFF;
width: 175px;
margin: 0 auto;
}

span.viewProject {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
display: block;
width: 100%;
padding: 34% .25% 35% 0;
position: absolute;
top: 0;
left: 0;
text-transform: uppercase;
text-align: center;
}

span.viewProject:hover {
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
position: absolute;
top: 0;
background: #7ab83a;
z-index: 9;
font-weight: bold;
-webkit-transition: opacity .30s ease;
-ms-transition: opacity .30s ease;
color: #FFF;
transition: opacity .30s ease;
}

.page-id-11 #projectList li {
min-height: 300px;
}

@media all and (max-width: 1200px) {
span.viewProject {
padding: 33.5% 0 33.5% 0;
}
.page-id-11 #projectList li {
min-height: 220px;
}
}

@media all and (max-width: 1150px) {
#projectList li {
min-height: 330px;
}
}

@media all and (max-width: 1100px) {
#projectList li {
min-height: 320px;
}
.third {
width: 92%;
padding: 0 3%;
}
.third2 {
width: 92%;
padding: 0 3%;
float: none;
margin: 0px 0px 50px 0;
clear: both;
}
}

@media all and (max-width: 1000px) {
#projectList li {
min-height: 300px;
}
}

@media all and (max-width: 900px) {
#projectList li {
width: 48%;
min-height: 380px;
}
}

@media all and (max-width: 800px) {
#projectList li {
min-height: 350px;
}
}

@media all and (max-width: 750px) {
#projectList li {
min-height: 340px;
}
.projectFeature h2 {
width: 90%;
margin: 10% auto 0 auto;
}
}

@media all and (max-width: 700px) {
#projectList li {
min-height: 320px;
}
}

@media all and (max-width: 650px) {
#projectList li {
min-height: 300px;
}
span.viewProject {
overflow: hidden;
padding: 31.5% 0 30.5% 0;
}
}

@media all and (max-width: 550px) {
#projectList li {
width: 98%;
margin: 0 auto 50px auto;
}
ul#projectList {
margin-bottom: 0;
}
span.viewProject {
padding: 33.5% 0 33.5% 0;
}
}

@media all and (max-width: 480px) {
#projectList li {
margin: 0 0 30px 0;
border: none;
}
#projectList li:hover {
background: none;
}
#projectList li img {
width: 100%;
margin: 0 0 0 0;
}
a.projectLink {
margin: 10px 0 0 0;
width: 100%;
}
}


/* =============================================================================
Case Studies
========================================================================== */

.page-id-308 h3 {
text-align: center;
margin: 100px 0 400px;
}


/* =============================================================================
Projects - Single
========================================================================== */

.projectHeading {
overflow: hidden;
border-bottom: 1px solid #ddd;
}

.projectInfo {
float: left;
width: 45%;
padding: 50px 0;
overflow: hidden;
}

.projectInfo h2 {
font-weight: 500;
font-style: normal;
font-size: 25px;
line-height: 35px;
color: #4e7089;
text-align: left;
margin: 0 0 10px 0;
}

.projectInfo h3 {
font-weight: normal;
color: #d0d3d3;
}

.projectInfo h4 {
font-weight: bold;
color: #66707c;
letter-spacing: 0;
}

.single-successstory .gm_slider_wrapper {
position: relative;
width: 100%;
display: block;
margin: 50px auto 20px auto;
background: #ddd;
height: 600px;
border: 1px solid #ddd;
}

.single-successstory img.icon {
display: block;
margin: -5px 15px 0 0;
width: 40px;
float: left;
}

.paginationWrap {
background: #fdfefc url('bg_header.jpg') repeat top right;
padding: 50px 0;
}

.pagination {
float: none;
width: 1200px;
margin: 0 auto;
overflow: hidden;
}

.pagination .next,
.pagination .allWork,
.pagination .previous {
float: left;
width: 32%;
margin: 0 1% 0 0;
}

.pagination .previous {
width: 100%;
}

.pagination .next a img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.single-successstory .pagination .previousAll {
float: left;
width: 32%;
margin: 0 1% 0 0;
display: block;
height: 70px;
}

.pagination img {
display: block;
width: 25px;
height: 25px;
margin: 20px auto 10px auto;
}

.pagination a {
color: #818285;
font: 13px/15px 'Verb W01 Md', Arial, sans-serif;
text-align: center;
display: block;
}

.pagination a:hover {
opacity: .7;
-webkit-transition: opacity .25s ease;
-ms-transition: opacity .25s ease;
transition: opacity .25s ease;
}

.single-projectscpt hr {
margin: 0 auto;
}

.navDot {
width: 10px;
height: 10px;
background: #d1d2d4;
display: inline-block;
float: right;
border-radius: 8px;
cursor: pointer;
margin: 0 4px;
transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}

.navDot:hover {
opacity: 0.75;
}

.navDotActive {
background: #3d6986;
}

.width {
width: 1180px;
margin: 0 auto;
overflow: hidden;
display: block;
height: 55px;
position: relative;
}

#navDotwrap {
width: 250px;
margin: 25px 0;
display: block;
overflow: hidden;
float: right;
}

@media all and (max-width: 1200px) {
.pagination {
width: 100%;
}
.width {
width: 100%
}
}

@media all and (max-width: 600px) {
.single-successstory .pageHead h2,
.parent-pageid-40 .pageHead h2 {
font-size: 25px;
}
.single-successstory .gm_slider_wrapper {
height: 350px;
width: 100%;
}
.single-successstory .width {
display: none;
}
}


/* =============================================================================
Idea Book
========================================================================== */

.page-id-22 #projectList li a img {
border: 1px solid #ccc;
}

.parent-pageid-22 .pageHead h2 {
padding: 0;
}

.parent-pageid-22 .content {
overflow: hidden;
padding-top: 50px;
}

.stepWrap.mobile2 {
display: none;
}

ul.ideas {
clear: both;
overflow: hidden;
width: 1200px;
margin: 0 auto;
}

ul.ideas li {
float: left;
display: block;
text-align: center;
width: 24.75%;
font-size: 16px;
line-height: 32px;
border-left: 1px solid #ddd;
}

ul.ideas li a {
height: 30px;
padding: 20px;
display: block;
color: #808285;
}

ul.ideas li.idea8 {
background: #f2f4ef;
}

ul.ideas li.idea8 a {
color: #90a46f;
}

ul.ideas li a:hover {
color: #8fa469;
background: #f5f5f5;
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
}

.page-id-24 ul.ideas li.idea1 a,
.page-id-26 ul.ideas li.idea2 a,
.page-id-28 ul.ideas li.idea3 a,
.page-id-30 ul.ideas li.idea4 a,
.page-id-32 ul.ideas li.idea5 a,
.page-id-34 ul.ideas li.idea6 a,
.page-id-36 ul.ideas li.idea7 a,
.page-id-38 ul.ideas li.idea8 a {
color: #90a56c;
background: #f5f5f5;
}

li.idea5,
li.idea6,
li.idea7,
li.idea8 {
border-top: 1px solid #ddd;
}

li.idea4,
li.idea8 {
border-right: 1px solid #ddd;
}

.ideaSlider {
width: 65%;
float: left;
margin: 0 0 50px 0;
}

.third3 {
float: right;
width: 30%;
}

.third3 h2 {
text-align: left;
}

.parent-pageid-22 .gm_slider_wrapper {
position: relative;
/*max-width: 800px;*/
width: 100%;
display: block;
margin: 0 auto;
background: #ddd;
height: 600px;
border: 1px solid #ddd;
}

.parent-pageid-22 .width {
width: 100%;
}

.parent-pageid-22 .gm_slider_arrowLeft,
.single-successstory .gm_slider_arrowLeft {
left: 0px;
}

.parent-pageid-22 .gm_slider_arrowRight,
.single-successstory .gm_slider_arrowRight {
left: 50px;
}

@media all and (max-width: 1200px) {
ul.ideas {
width: 100%;
}
}

@media all and (max-width: 950px) {
ul.ideas li {
width: 49.9%;
border-bottom: 1px solid #ddd;
}
li.idea1,
li.idea3,
li.idea5,
li.idea7 {
border-left: 0!important;
border-right: 0;
}
li.idea2,
li.idea4,
li.idea6,
li.idea8 {
border-left: 1px solid #ddd;
border-right: 0;
}
li.idea4,
li.idea5,
li.idea6,
li.idea7,
li.idea8 {
border-top: 0;
}
li.idea3,
li.idea7 {
border-left: none!important;
}
ul.ideas li.idea7,
ul.ideas li.idea8 {
border-bottom: none;
}
.third3 {
clear: both;
float: left;
width: 100%;
margin: 0 0 50px 0;
}
.ideaSlider {
width: 100%;
}
.parent-pageid-22 .width {
width: 90px;
margin: 0;
}
.parent-pageid-22 #navDotwrap {
display: none;
}
}

@media all and (max-width:700px) {
.parent-pageid-22 .gm_slider_wrapper {
height: 500px;
}
}

@media all and (max-width: 550px) {
.parent-pageid-22 .gm_slider_wrapper {
height: 350px;
}
.stepWrap.mobile1 {
display: none;
}
.stepWrap.mobile2 {
display: block;
margin: 0;
}
.stepWrap.mobile2 li.ideaHead {
padding: 15px 0;
background: #68a13c;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: lighter;
font: 14px/15px 'Verb W01 Md', Arial, sans-serif;
}
.stepWrap.mobile2 li a {
padding: 10px 0;
}
ul.ideas li {
clear: both;
float: none;
border: none;
border-bottom: 1px solid #ddd!important;
width: 100%;
}
ul.ideas li a {
padding: 15px 0;
font-size: 14px;
}
ul.ideas li:last-child {
border-bottom: none!important;
}
}


/* =============================================================================
Company
========================================================================== */

.page-id-42 .left,
.page-id-42 .right {
text-align: center;
}

img.icon {
clear: both;
width: 75px;
display: block;
margin: 0 auto 25px auto;
}

.page-id-42 .bottomCall {
background: none;
border-top: 0;
padding-top: 0;
}

.page-id-42 .bottomCall p {
width: 70%;
margin: 0 auto;
}

ul.certification {
overflow: hidden;
width: 550px;
margin: 50px auto 0 auto;
}

ul.certification li {
float: left;
width: 95px;
height: 95px;
background: #ddd;
margin: 0 5px;
border-radius: 50%;
}

ul.certification1 {
overflow: hidden;
width: 350px;
margin: 50px auto 0 auto;
}

ul.certification1 li {
width: 250px;
display: block;
margin: 0 auto;
}

ul.certification li a img {
border-radius: 50%;
}

@media all and (max-width: 800px) {
.page-id-42 .left,
.page-id-42 .right {
clear: both;
float: none;
width: 92%;
margin: 0 auto 50px auto;
}
.page-id-42 .left {
padding: 50px 4% 0px 4%;
}
.page-id-42 .right {
padding: 0 4%;
}
.page-id-42 .bottomCall p {
width: 92%;
padding: 0 4%;
}
}

@media all and (max-width: 600px) {
ul.certification {
width: 100%;
}
ul.certification li {
width: 18%;
height: auto;
}
}

@media all and (max-width: 550px) {
ul.certification {
width: 300px;
margin: 50px auto 0 auto;
}
ul.certification li {
width: 25%;
height: auto;
margin: 0 4% 25px 4%;
}
}


/* =============================================================================
Contact
========================================================================== */

.page-id-38 .left,
.page-id-163 .left {
width: 30%;
}

.page-id-38 .right,
.page-id-163 .right {
width: 60%;
}

.page-id-38 .left h2,
.page-id-186 .left h2,
.page-id-163 .left h2 {
text-align: left;
font-size: 20px;
margin-top: 5px;
}

.page-id-38 p a,
.page-id-163 p a {
background: none;
display: inline;
border: none;
color: #5c8f40;
margin: 0;
border-bottom: 1px solid #5c8f40;
padding: 0;
}

.page-id-38 p a:hover,
.page-id-163 p a:hover {
color: #89c052;
border-bottom: 1px solid #89c052;
}

img.iconMini {
width: 25px;
display: inline-block;
margin: 0 15px 0 0;
}

.gform_wrapper .gform_body .gform_fields .gfield input[type=text],
.gform_wrapper .gform_body .gform_fields .gfield input[type=email],
.gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
.gform_wrapper .gform_body .gform_fields .gfield input[type=url],
.gform_wrapper .gform_body .gform_fields .gfield input[type=number],
.gform_wrapper .gform_body .gform_fields .gfield input[type=password],
.gform_wrapper .gform_body .gform_fields .gfield select,
.gform_wrapper .gform_body .gform_fields .gfield textarea {
width: 95%;
font-size: 18px;
padding: 10px 2.5%;
color: #6B6763;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
border: 1px solid #e1e2e3;
border-radius: 5px;
font: 15px/25px 'Verb W01 Md', Arial, sans-serif;
}

input#input_1_3_1.placeholder,
input#input_1_3_2.placeholder,
input#input_1_4_1.placeholder,
input#input_1_4_2.placeholder,
input#input_2_4_1.placeholder,
input#input_2_4_2.placeholder {
width: 93.5%!important;
}

input#input_1_4_3.placeholder,
input#input_1_4_4.placeholder,
input#input_1_4_5.placeholder {
width: 90%!important;
}

.gform_body li.gchoice_5_1 label {
font-size: 12px;
padding: 2px 0 0 0!important;
}

.gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=url]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=number]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type=password]:focus,
.gform_wrapper .gform_body .gform_fields .gfield select:focus,
.gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
background: #f6f6f6;
border: 1px solid #ECEAE9
}

#input_1_3_4 {
padding: 10px 2%;
height: 45px;
background: #fff;
}

body .gform_wrapper .gform_body .gform_fields .gfield select {
padding: 10px 2%;
height: 45px;
}

.gform_button {
padding: 20px 35px;
background: #87c24a;
border-radius: 5px;
display: block;
width: 200px;
margin: 0;
border-bottom: 3px solid #5a903b;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font: 14px/15px 'Verb W01 Md', Arial, sans-serif;
font-size: 14px!important;
}

.gform_button:hover {
color: #fff;
background: #5a903b;
border-bottom: 3px solid #87c24a;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out
}

.gform_wrapper li {
margin: 0 0 20px 0;
}

input#choice_7_0,
input#choice_7_1 {
margin: 3px 0 0 1px;
}

label.gfield_label:first-child {
margin-top: 0!important;
}

body .gform_wrapper .top_label .gfield_label,
#input_1_3_1_label,
#input_1_3_2_label,
#input_1_3_3_label,
#input_1_3_4_label,
#input_1_3_5_label,
#input_1_3_3_container {
margin: 10px 0 4px 0;
font-weight: normal;
font-size: 16px;
color: #66707c;
}

#input_1_3_2_label,
#input_1_3_3_label,
#input_1_3_4_label,
#input_1_3_5_label,
#input_1_3_3_container {
font-size: 12px!important;
}

#input_1_3_1,
#input_1_3_2 {
width: 95%!important;
}

#input_1_3_4_container {
margin: 10px 0 0 0;
}

.gform_wrapper .ginput_complex label {
font-size: 12px!important;
}

.gfield_description {
color: #AB9A77;
}

.validation_message,
.validation_error {
color: #D64632;
font-weight: normal!important;
font-size: 15px!important;
}

.gform_confirmation_message_1 {
color: #608954;
text-align: center;
line-height: 45px;
padding: 5%;
border: 1px solid #e1e2e3;
border-radius: 5px;
font: 25px/45px 'Verb W01 Md', Arial, sans-serif;
}

#gform_1 .gfield_error {
border: none;
background: #ffeeef;
}

span.gfield_required {
color: #7ba570!important;
}

.gform_wrapper .top_label input.medium {
font-size: 15px;
}

input#input_1_3_3.placeholder,
input#input_1_3_5.placeholder {
width: 90%!important;
}

input#input_2_6_1.placeholder,
input#input_2_6_2.placeholder {
width: 94.5%!important;
}

@media all and (max-width: 950px) {
/*.page-id-9 .left {
float: none;
clear: both;
width: 96%;
margin-top: 75px;
}
.page-id-9 .right {
float: none;
width: 94%;
}*/
.page-id-38 .left,
.page-id-163 .left {
width: 100%;
clear: both;
margin-top: 50px;
float: none;
}
.page-id-38 .left {
margin-top: 0;
padding-top: 0;
}
.page-id-38 .right,
.page-id-163 .right {
width: 100%;
float: none;
}
}


/* =============================================================================
Order
========================================================================== */

.categories {
overflow: hidden;
width: 100%;
border-bottom: 1px solid #ddd;
background: #f5f5f5;
}

.breadcrumb,
.breadcrumb1 {
width: 100%;
border-bottom: 1px solid #ddd;
height: 90px;
background: #f5f5f5;
}

ul.dropNav {
display: block;
width: 100%;
height: auto;
position: relative;
}

ul.dropNav li {
float: left;
width: 12.25%;
float: left;
display: block;
text-align: center;
font-size: 16px;
border-left: 1px solid #ddd;
}

ul.dropNav li.dropAll {
border-right: 1px solid #ddd;
}

ul.dropNav li a,
.drop span {
color: #5c8f40;
display: block;
font-size: 17px;
padding: 20px 2% 20px 2%;
}

ul.dropNav li a:hover,
.drop span:hover {
color: #5c8f40;
background: #fff;
opacity: .8;
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
}

ul.dropNav ul li {
border: none;
background: #f5f5f5;
}

ul.dropNav li ul {
/*display: none;*/
}

ul.dropNav li ul li {
width: 100%;
}

ul.dropNav li ul li a {
color: #828385;
display: block;
padding: 10px 2% 10px 2%;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}

ul.dropNav li ul li:first-child a {
border-top: 1px solid #ddd;
}

.dropSubNav {
position: absolute;
top: 90px;
left: 0;
z-index: 100;
display: none;
}

.dropSubNav li {
border: none !important;
}

.drop {
position: relative;
}

.drop span {
display: inherit;
}

.drop span:hover {
cursor: pointer;
}

.drop a.hide,
li.dropAll.hidden {
display: none;
}

ul.cats {
clear: both;
overflow: hidden;
width: 1200px;
margin: 0 auto;
}

ul.cats li {
float: left;
display: block;
text-align: center;
width: 33%;
font-size: 16px;
line-height: 32px;
border-left: 1px solid #ddd;
}

ul.cats li a {
height: 30px;
padding: 20px;
display: block;
color: #8fa469;
}

ul.cats li a:hover {
color: #808285;
background: #fff;
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
}

ul.cats li.catQuick {
border-right: 1px solid #ddd;
}

.redline {
border-top: 1px solid #ddd;
}

ul.tags {
clear: both;
overflow: hidden;
width: 100%;
margin: 0 auto;
border-bottom: 1px solid #ddd;
}

ul.tags li {
float: left;
display: block;
text-align: center;
width: 16.5%;
font-size: 14px;
line-height: 32px;
border-left: 1px solid #ddd;
}

ul.tags li a {
height: 30px;
padding: 20px;
display: block;
color: #808285;
text-transform: capitalize;
}

ul.tags li a:hover {
color: #8fa469;
background: #f5f5f5;
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
}

ul.tags li.active a {
color: #8fa469;
background: #f5f5f5;
}

.active {
/*	padding: 10px;*/
}

.dropSubNav {
display: none;
overflow: auto;
}

.drop:hover .dropSubNav {
display: block;
}

@media all and (max-width: 1200px) {
ul.tags {
padding: 0;
width: 94%;
}
ul.tags li {
width: 24.9%;
border: 0;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}
}

@media all and (max-width: 1000px) {
.breadcrumb {
height: 180px;
}
ul.dropNav li {
width: 24.75%;
border-bottom: 1px solid #ddd;
}
ul.dropNav li.dropAll,
ul.dropNav li.dropRoun,
ul.dropNav li.dropSpec,
ul.dropNav li.dropAccy {
border-bottom: none;
}
ul.dropNav,
ul.dropNav li.dropPlat {
border-right: 1px solid #ddd;
}
ul.dropNav li ul,
.drop span {
display: none!important;
}
.drop a {
display: inherit !important;
}
ul.dropNav li.dropAccy {
border-right: none;
}
li.dropAll.hidden {
display: inherit;
border-bottom: 0px;
border-right: 1px solid #ddd;
}
}

@media all and (max-width: 850px) {
ul.dropNav li {
width: 24.75%;
border-bottom: 1px solid #ddd;
}
ul.tags {
padding: 0;
width: 94%;
}
ul.tags li {
width: 33.1%;
border: 0;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}
}

@media all and (max-width: 650px) {
ul.dropNav li {
width: 49.5%;
}
ul.dropNav li.dropRoun,
ul.dropNav li.dropSpec {
border-bottom: 1px solid #ddd;
}
ul.tags li {
font-size: 12px;
}
ul.tags li a {
padding: 10px 0;
}
.breadcrumb {
height: 362px;
}
ul.dropNav li.dropSpec,
ul.dropNav li.dropMult {
border-right: 1px solid #ddd;
}
}

@media all and (max-width: 500px) {
ul.dropNav li {
width: 49.5%;
}
ul.tags li {
clear: both;
float: none;
width: 100%;
border-left: none;
border-right: none;
border-bottom: 1px solid #ddd;
}
ul.tags li a {
padding: 10px 0;
}
}

ul#productList {
width: 100%;
overflow: hidden;
padding: 0 0 0 1.5%;
margin: 50px 0 0 0;
}

#productList li {
width: 31%;
float: left;
min-height: 375px;
margin: 0 2% 25px 0;
text-align: center;
position: relative;
}

#productList li img {
width: 100%;
border: 1px solid #ddd;
}

a.productLink {
clear: both;
color: #628c55;
margin: 15px 0 0 0;
display: block;
}

a.productLink:hover {
color: #628c55;
}

span.viewProduct {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
display: block;
width: 100%;
padding: 34% .25% 35% 0;
position: absolute;
top: 0;
left: 0;
text-transform: uppercase;
text-align: center;
}

span.viewProduct:hover {
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
position: absolute;
top: 0;
background: #7ab83a;
z-index: 100;
font-weight: bold;
-webkit-transition: opacity .30s ease;
-ms-transition: opacity .30s ease;
color: #FFF;
transition: opacity .30s ease;
}

.eighty p {
width: 75%;
margin: 0 auto;
}

.eighty a.button {
margin: 0 auto;
}

@media all and (max-width: 1200px) {
ul.cats {
width: 100%;
}
}

@media all and (max-width: 1150px) {
#productList li {
min-height: 350px;
}
}

@media all and (max-width: 1000px) {
#productList li {
min-height: 330px;
}
}

@media all and (max-width: 950px) {
.categories {
border-top: 1px solid #ddd;
}
}

@media all and (max-width: 900px) {
#productList li {
width: 48%;
min-height: 380px;
}
.lesspad {
padding-top: 0;
}
}

@media all and (max-width: 800px) {
#productList li {
min-height: 350px;
}
}

@media all and (max-width: 750px) {
#productList li {
min-height: 340px;
}
}

@media all and (max-width: 700px) {
#productList li {
min-height: 280px;
}
}

@media all and (max-width: 650px) {
#productList li {
min-height: 270px;
}
span.viewProduct {
overflow: hidden;
padding: 31.5% 0 30.5% 0;
}
}

@media all and (max-width: 550px) {
.breadcrumb1 ul.dropNav li {
width: 100%;
}
ul.cats li {
font-size: 13px;
clear: both;
width: 100%;
border: none;
border-bottom: 1px solid #ddd;
}
ul.cats li:last-child {
border-bottom: 0;
}
ul.cats li a {
padding: 15px 0;
}
#productList li {
width: 98%;
margin: 0 auto 30px auto;
}
ul#productList {
margin-bottom: 0;
}
span.viewProduct {
padding: 33.5% 0 33.5% 0;
}
}

@media all and (max-width: 480px) {
#productList li {
margin: 0 0 30px 0;
border: none;
}
#productList li:hover {
background: none;
}
#productList li img {
width: 100%;
margin: 0 0 0 0;
}
a.productLink {
margin: 10px 0 0 0;
width: 100%;
}
}


/* =============================================================================
Store Product - Single
========================================================================== */

ul.breadTag a.homepage-link {
background: #5c8f40;
}

ul.breadTag {
overflow: hidden;
width: 100%;
margin: 50px 0 0 0;
}

ul.breadTag li a,
.left ul.breadTag a {
color: #888;
text-transform: capitalize;
background: #ddd;
border-radius: 5px;
padding: 5px 10px 5px 10px;
margin: 0 10px 10px 0;
font-size: 15px;
float: left;
display: inline-block;
}

ul.breadTag li a:hover,
.left ul.breadTag a:hover {
opacity: .8;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out
}

ul.breadTag li.quick-ship,
ul.breadTag li.best-seller {
display: none;
}

#product-details h2 {
text-align: left;
margin: 0 0 10px 0;
color: #386b8a;
}

#product-details h3 {
margin: 0 0 15px 0;
}

#product-details a.simple {
margin: 15px 0;
display: block;
}

#product-details a.simple,
p.disclaimer a {
color: #89c052;
border-bottom: 0;
padding: 0;
}

#product-details a.simple:hover,
p.disclaimer a:hover {
color: #5c8f40;
}

#product-details a img {
width: 20px;
margin: -5px 10px 0 0;
}

#product-details hr {
margin: 45px 0;
}

#product-details .quantity {
overflow: hidden;
margin: 25px 0;
}

input#quantity {
border: 1px solid #ccc;
width: 45px;
margin: 0 0 0 10px;
}

p.disclaimer {
margin: 25px 0;
}

span.green {
color: #89c052;
}

input#add.buynow.button,
.buttonHalfRight {
padding: 20px 35px;
background: #87c24a;
border-radius: 5px;
display: block;
width: 200px;
margin: 30px 0 0 0;
border-bottom: 3px solid #5a903b;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font: 14px/15px Verb W01 Md, sans-serif;
}

input#add.buynow.button:hover,
.buttonHalfRight:hover {
color: #fff;
background: #5a903b;
border-bottom: 3px solid #87c24a;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out
}

#product-imgs img {
border: 1px solid #ddd;
}

.imgTabHolder {
width: 100%;
}

.imgTabHolder img {
width: 22%;
margin: 20px 1% 0 0;
}

.imgTabHolder img:hover {
cursor: pointer;
opacity: .85;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out
}

.bottomSpacer {
padding: 50px 0 0 0;
overflow: hidden;
clear: both;
border-top: 1px solid #ddd;
}

.bottomSpacer h2 {
text-align: left;
}

#product {
width: 45%;
float: left;
margin: 10px 0 0 0;
padding: 0 0 2px 0;
}

#productLarge {
overflow: hidden;
position: relative;
z-index: -1;
width: 100%;
border: 1px solid #ddd;
}

#productLarge img {
width: 100%;
display: block;
height: auto;
}

.productInformation {
float: right;
width: 50%;
margin: 10px 0 0 0;
}

.thumbWrap {
overflow: hidden;
}

.productThumb {
border: 1px solid #ddd;
display: block;
width: 88px;
overflow: hidden;
margin: 20px 10px 0 0;
float: left;
}

.page-id-24 .productThumb {
border: none;
}

.productThumb img {
width: 100%;
display: block;
cursor: pointer;
}

.cartSubtotal.cf input {
margin: 40px 40px 0 0;
}

p.email b,
h5.name b,
.address p b {
padding: 0;
}

#customer_detail.group {
border-right: 1px solid #ddd;
padding-right: 30px;
margin-bottom: 150px;
}

@media all and (max-width: 1200px) {
#productLarge {
height: 100%;
}
}

@media all and (max-width: 900px) {
#contentAlert {
width: 80%;
text-align: center;
padding: 35px 5%;
margin: 0 5%;
}
}

@media all and (max-width: 800px) {
.productSlideMain {
width: 100%;
}
#product {
clear: both;
width: 80%;
margin: 0 auto;
display: block;
float: none;
}
.productInformation {
clear: both;
float: none;
width: 100%;
margin: 0 0 50px 0;
}
}

@media all and (max-width: 650px) {
.needFrame,
.relatedProducts {
clear: both;
float: none;
width: 100%;
}
.needFrame {
width: 48%;
margin: 75px 0 0 0;
}
#contentAlert {
width: 80%;
text-align: center;
padding: 35px 5%;
margin: 0 5%;
}
#contentAlert h2 {
font-size: 20px;
}
#contentAlert p,
#contentAlert h3 {
font-size: 15px;
}
ul.breadTag li a,
.left ul.breadTag a {
display: block;
width: 40%;
}
}

@media all and (max-width: 550px) {
.alignleft {
clear: both;
float: none;
text-align: center;
overflow: hidden;
width: 100%;
}
.alignright {
clear: both;
float: none;
text-align: center;
overflow: hidden;
width: 100%;
/*		border-top: 1px solid #ebebeb;*/
}
.alignleft a,
.alignright a {
text-align: center;
width: 100%;
}
}

@media all and (max-width: 480px) {
.needFrame,
.relatedProducts {
clear: both;
float: none;
width: 100%;
}
.relatedProducts ol li {
clear: both;
float: none;
width: 100%;
margin: 0 0 50px 0;
}
#product {
clear: both;
width: 100%;
margin: 0 auto;
display: block;
float: none;
}
ul.breadTag li a,
.left ul.breadTag a {
width: 90%;
clear: both;
float: none;
margin: 0 auto 10px auto;
text-align: center;
}
}


/* =============================================================================
FAQs
========================================================================== */

#faqNav {
border-bottom: 1px solid #ddd;
margin: 0 0 50px 0;
}

ul.faqsType {
clear: both;
overflow: hidden;
width: 1200px;
margin: 0 auto;
}

ul.faqsType li {
float: left;
display: block;
text-align: center;
width: 24.89%;
font-size: 16px;
border-left: 1px solid #ddd;
}

ul.faqsType li:last-child {
border-right: 1px solid #ddd;
}

ul.faqsType li a {
color: #828385;
display: block;
padding: 25px 2% 25px 2%;
}

ul.faqsType li a:hover,
.page-id-55 ul.faqsType li.faqProd a,
.page-id-57 ul.faqsType li.faqCust a,
.page-id-61 ul.faqsType li.faqOrd a,
.page-id-59 ul.faqsType li.faqInst a {
color: #8fa469;
background: #f5f5f5;
}

ul.faqs {
overflow: hidden;
}

ul.faqs li {
clear: both;
width: 100%;
padding: 0 0 35px 0;
margin: 0 0 35px 0;
border-bottom: 1px solid #ddd;
}

.left ul.faqs li:last-child,
.right ul.faqs li:last-child {
border-bottom: 0;
margin-bottom: 0;
}

.questionText {
overflow: hidden;
margin: 0 0 30px 0;
color: #5c8f40;
}

.answerText {
overflow: hidden;
}

.q {
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 32px;
border: 1px solid #5c8f40;
color: #5c8f40;
font-weight: bold;
float: left;
margin: 0 5% 0 0;
}

.a {
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 32px;
color: #5c8f40;
background: #f2f2f1;
font-weight: bold;
float: left;
clear: both;
margin: 0 5% 0 0;
}

@media all and (max-width: 1200px) {
ul.faqsType {
width: 100%;
}
ul.faqsType li {
width: 24.8%;
}
}

@media all and (max-width: 900px) {
ul.faqsType li {
font-size: 15px;
}
.parent-pageid-40 .left,
.parent-pageid-40 .right {
clear: both;
float: none;
width: 92%;
padding: 0 4%;
}
.parent-pageid-40 .right {
margin: 0 0 50px 0;
}
.left ul.faqs li:first-child {
margin: 35px 0;
}
.left ul.faqs li:last-child {
border-bottom: 1px solid #ddd;
margin: 0 0 35px 0;
}
}

@media all and (max-width: 700px) {
ul.faqsType li {
width: 49.5%;
}
ul.faqsType li.faqCust {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
ul.faqsType li.faqProd {
border-bottom: 1px solid #ddd;
}
}


/* =============================================================================
Footer
========================================================================== */

.footerTop {
width: 100%;
background: #66a234;
background: -moz-linear-gradient(top, #66a234 0%, #86b267 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66a234), color-stop(100%, #86b267));
background: -webkit-linear-gradient(top, #66a234 0%, #86b267 100%);
background: -o-linear-gradient(top, #66a234 0%, #86b267 100%);
background: -ms-linear-gradient(top, #66a234 0%, #86b267 100%);
background: linear-gradient(to bottom, #66a234 0%, #86b267 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#66a234', endColorstr='#86b267', GradientType=0);
}

.callAction {
width: 1200px;
height: 130px;
margin: 0 auto;
text-align: center;
}

.callAction p {
padding: 50px 0;
margin: 0;
font: 17px/25px 'Verb W01 Md', Arial, sans-serif;
color: #fff;
}

.callAction p strong {
color: #FFF;
}

.callAction p img {
width: 25px;
margin: 0 2% 0 0;
}

.callAction p a {
border-bottom: none;
text-transform: uppercase;
display: inline;
color: #fff;
letter-spacing: 1px;
font: 15px/20px 'Verb W01 Md', Arial, sans-serif;
opacity: .5;
}

span.line {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 0 20px;
margin: 0 2%;
}

.callAction p a:hover {
opacity: .75;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}

.footer {
background: #282a2c;
font-size: 14px;
color: #666766;
}

.footer p {
color: #666766;
}

.footer a {
color: #777;
}

.footer a:hover {
color: #ddd;
-webkit-transition: all .30s ease;
-ms-transition: all .30s ease;
transition: all .30s ease;
}

.footer .content {
padding: 50px 0 20px 0;
}

.footerLogo {
width: 150px;
margin: 0 50px 0 0;
float: left;
}

.footerLogo img {
width: 150px;
}

.footer .col1 {
float: left;
font-size: 16px;
width: 15%;
/*padding: 0 0 0 2%;*/
}

.footer .col4 {
float: right;
width: 23%;
}

.col4 h2 {
text-align: left;
color: #a7a9ac;
font-size: 22px;
font-weight: bold;
}

.col4 svg {
margin: 0 5px 0 0;
}

.footerBottom {
clear: both;
padding: 25px 0;
height: auto;
overflow: hidden;
}

.footerBottom .content {
margin: 0 auto;
padding: 0;
}

span.registration {
color: #494b4b;
float: left;
}

ul.footerSub {
width: 450px;
float: right;
display: block;
font-size: 14px;
}

ul.footerSub li {
float: right;
}

ul.footerSub li.grain {
width: 180px;
}

ul.footerSub li.privacy {
width: 120px;
}

ul.footerSub li.terms {
width: 110px;
}

ul.footerSub a {
color: #494b4b;
padding: 0 0 0 10px;
border-left: 1px solid #494b4b;
display: block;
}

ul.footerSub a:hover {
color: #626362;
}

ul.footerSub li.terms a {
border-left: none;
}

.bottomBar {
background: #628959;
padding: 10px 0;
text-align: center;
}

@media all and (max-width: 1200px) {
.callAction {
width: 95%;
padding: 0 2.5%;
}
}

@media all and (max-width: 1100px) {
.footerLogo {
width: 150px;
height: 75px;
}
.footer .col1 {
width: 22.5%;
margin-bottom: 25px;
}
.footer .col4 {
clear: both;
float: left;
width: 100%;
padding: 25px 0 0 0;
margin: 0 0 0 0;
border-top: 1px solid #464644;
}
}

@media all and (max-width: 1000px) {
.footer .col1 {
width: 20.5%;
}
.footerLogo {
float: left;
}
span.line {
margin: 0 1%;
}
}

@media all and (max-width: 950px) {
.callAction {
height: auto;
}
.callAction p img {
display: block;
margin: 0 auto;
}
span.line {
border-left: 0;
border-right: 0;
clear: both;
display: block;
margin: 25px 0;
}
}

@media all and (max-width: 900px) {
span.registration {
display: block;
}
ul.footerSub {
clear: both;
float: left;
margin: 10px 0 0 -50px;
}
/*.footerBottom {
padding-top: 0;
}*/
}

@media all and (max-width: 750px) {
.footerLogo {
width: 100%;
height: 70px;
margin: 0 0 30px 0;
}
.footer .col1 {
width: 30%;
}
}

@media all and (max-width: 500px) {
.footer .col1 {
clear: both;
float: none;
width: 100%;
}
.footer .col4 {
border-top: 1px solid #454747;
margin: 15px 0 0 0;
padding: 15px 0 0 0;
}
}

@media all and (max-width: 425px) {
span.registration {
display: block;
padding-left: 10px;
}
ul.footerSub {
clear: both;
float: left;
margin: 10px 0 0 0;
width: 100%;
}
ul.footerSub li.privacy,
ul.footerSub li.terms,
ul.footerSub li.grain {
clear: both;
float: none;
display: block;
}
ul.footerSub li.privacy a,
ul.footerSub li.terms a,
ul.footerSub li.grain a {
border: 0;
text-align: left;
}
}


/* =============================================================================
Store / Cart
========================================================================== */

.msgOverlay {
z-index: 6;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
min-height: 60px;
background: #8abf58;
transform: translateY(200px);
-webkit-transform: translateY(200px);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}

.msgText {
width: 90%;
margin: 25px 5%;
color: #fff;
font-size: 18px;
text-align: center;
}

.msgText a {
color: #fff;
}

.msgText a:hover {
opacity: 0.5;
}

.msgOverlay.showIt {
transform: translateY(0px);
-webkit-transform: translateY(0px);
}

.msgOverlayClose {
position: absolute;
top: 2px;
right: 2px;
width: 75px;
color: #fff;
text-align: center;
cursor: pointer;
}

.msgOverlay a:hover {
-webkit-transition: all .25s ease;
transition: all .25s ease;
}

.cartSubtotal,
.cartEmpty {
text-align: center;
}

h2.shoppingCartTitle {
margin: 50px 0 0 0;
}

.cartEmpty {
padding: 0 0 150px 0;
}

.changeQuantity input {
display: inline-block;
width: 40%;
text-align: center;
background: #f5f5f5;
border: 1px solid #ddd;
}

.rAlign {
text-align: right;
}

.cartSubtotal {
width: 96%;
margin: 25px 2%;
text-align: right;
}

.checkoutButton {
width: 110px;
height: 35px;
padding-top: 10px;
display: inline-block;
float: right;
margin: -1px 0 0 13px;
line-height: 16px!important;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}

.checkoutButton:hover {
opacity: 0.75;
}

.updateCart {
width: 100px;
display: none;
text-align: center;
font-size: 13px;
color: #5D954F;
}

.updateCart:hover {
color: #5D954F;
opacity: 0.65;
}

.additional-checkout-buttons {
float: right;
width: 145px;
margin-right: 5%;
}

.halfSection {
width: 40%;
float: left;
margin: 100px 0;
margin-right: 2%;
padding: 25px 0 0 0;
}

.halfSection.leftBorder {
border-left: 1px solid #ddd;
padding: 25px 0 0 8%;
margin: 100px 0;
height: 350px;
}

input#customer_email,
input#customer_password,
input#first_name,
input#last_name,
input#email,
input#password,
input#recover-email {
background: #f5f5f5;
border: 1px solid #ddd;
margin: 10px 0 0 0;
height: 25px;
}

.customer_address_table input {
background: #f5f5f5;
border: 1px solid #ddd;
margin: 10px 0 0 0;
height: 15px;
}

.cart1,
.cart2,
.cart3,
.cart4,
.cart5 {
float: left;
position: relative;
height: 150px
}

.cart1.short,
.cart2.short,
.cart3.short,
.cart4.short,
.cart5.short {
height: 40px;
margin-top: 25px;
}

.cart1 {
width: 15%;
}

.cart2 {
width: 48%;
padding-left: 2%;
}

.cart3 {
width: 10%;
}

.cart4 {
width: 15%;
}

.cart5 {
width: 10%;
}

.cart1 img {
max-height: 100%;
border: 1px solid #ddd;
}

.cartDetails {
font-weight: bold;
color: #aaa;
}

.additionalData {
display: none;
}

hr.ddd,
.product-hr {
background: #ddd;
overflow: hidden;
width: 100%;
clear: both;
}

.shoppingCartTitle {
margin: 20px;
}

.product {
position: relative;
height: 350px;
text-align: left;
margin-bottom: 10px;
}

.product img {
width: 95%;
margin: 2.5%;
}

.productImage {
width: 100%;
height: 100%;
position: relative;
}

.productOverlay {
font-family: 'Neo Sans W01';
background: rgba(74, 74, 148, 0);
color: rgba(255, 255, 255, 0);
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 24px;
}

.productOverlay:hover {
background: rgba(74, 74, 148, 0.85);
color: rgba(255, 255, 255, 1);
}

.prod-caption {
margin-left: 10px;
font-size: 15px;
}

.productH3 {
display: inline-block;
float: left;
margin: 13px 10px 0 0;
}

.template_header h2 {
text-align: left;
}

@media all and (max-width: 400px) {
.productOverlay {
height: 330px;
}
}

@media all and (max-width: 360px) {
.productOverlay {
height: 305px;
}
}

@media all and (max-width: 320px) {
.productOverlay {
height: 280px;
}
}

@media all and (max-width: 1200px) {
.header ul.nav-cart li a {
padding: 0 10px;
}
/*#add { font-size: 14px; margin-top: 15px !important; padding: 2px 12px; }*/
#product-details h2 {
margin: 15px 0;
}
#product-price {
font-size: 24px;
}
}

@media all and (max-width: 1000px) {
.cart1 {
width: 20%;
}
.cart2 {
width: 43%;
}
.logoFooter {
width: 200px;
}
/*.third, .twoThirds { width: 100%; }*/
}

@media all and (max-width: 960px) {
/*#add { width: 65% !important }*/
.product-price {
text-align: left;
}
#quantity {
width: 30%;
}
.checkoutButton {
padding-top: 7px;
}
}

.shopHead {
float: left;
display: inline;
}

@media all and (max-width: 900px) {
.titleBar h2 {
font-size: 24px;
width: 100%;
}
#productSelect,
#capacitySelect,
#devicesSelect {
float: left;
margin: 5px 0 0 3%;
padding: 5px 1%;
width: 29.3%;
}
.shopHead {
width: 100%;
text-align: center;
display: block;
clear: both;
}
}

@media all and (max-width: 800px) {
/*.header {width: 90%;}*/
#product-imgs,
#product-details {
width: 100%;
margin-right: 0;
}
#product-imgs {
margin-top: 0px;
margin-bottom: 20px;
}
.shareIcons {
text-align: center;
}
.showT,
.mobileProductHeader {
display: inline-block;
}
.hideT {
display: none;
}
.cart1 {
width: 25%;
}
.cart2 {
width: 73%;
text-align: left;
height: 75px;
}
.cart3 {
width: 25%;
text-align: center;
}
.cart4 {
width: 25%;
text-align: center;
}
.cart5 {
width: 25%;
text-align: center;
}
.cart3,
.cart4,
.cart5 {
height: 75px;
font-weight: bold;
}
.additionalData {
display: inline-block;
}
.short {
display: none;
}
.shoppingCartTitle {
margin: 15px 0;
text-align: center;
}
.halfSection {
width: 90%;
margin: 10px 5%;
}
.halfSection.leftBorder {
border: none;
padding: 0;
margin: 50px 5%;
height: auto;
}
}

@media all and (max-width: 675px) {
.relatedItem {
width: 90%;
margin: 10px 5%;
}
.relatedItemsHeader {
text-align: center;
}
}

@media all and (max-width: 600px) {
.cart1 img {
height: 200px;
margin: 25px auto 25px auto;
display: block;
}
.cart1 {
height: auto;
width: 100%;
margin-bottom: 10px;
}
.cart2,
.cart5 {
height: 60px;
}
.cart2 {
padding: 0;
}
.cart5.vertAlign.rAlign {
text-align: right;
}
.cart3,
.cart4 {
height: 60px;
width: 49%;
margin: 0 0%;
}
.cart3 {
text-align: left;
}
.cart4 {
text-align: right;
}
.cart5 span {
font-size: 24px;
font-weight: normal;
margin: 20px 5% 0px 0px;
display: inline-block;
}
.totalPrice {
font-size: 24px;
}
.cart5 .totalPrice {
font-size: 24px;
margin: 0!important;
float: left;
}
.cartSubtotal .totalPrice {
float: right;
}
.cart2 {
width: 100%;
}
}

@media all and (max-width: 500px) {
.product-capacity,
.product-compatibility {
width: 98%;
margin: 25px 5% 25px 0;
}
.half {
width: 100%;
margin: 20px 0;
}
h2 {
font-size: 24px;
}
.product-price {
font-size: 36px;
}
.cartSubtotal {
text-align: center;
}
.checkoutButton {
width: 100%;
margin: 10px 0;
}
.additional-checkout-buttons {
margin: 20px 0;
}
.full .cartSubtotal.cf a.button,
.full input.button.checkoutButton {
margin: 0 auto;
float: none;
display: block;
width: 260px;
padding: 20px;
margin-top: 15px;
}
.cartSubtotal.cf input {
margin: 0 auto;
display: block;
float: none;
margin: 50px 35%;
}
.full input.button.checkoutButton {
width: 300px;
}
.cart3.vertAlign {
padding-top: 20px;
display: block;
}
.cart5.vertAlign {
float: right;
}
}

@media all and (max-width: 425px) {
#product-add,
.product-price {
width: 100%;
text-align: center;
}
/*#add { margin: 0; float: none; display: inline-block }*/
#productSelect,
#capacitySelect,
#devicesSelect {
width: 94%;
padding: 5px 1%;
margin: 2%;
}
}

.buttonHalfCentered {
width: 40%;
margin: 30px 30%;
font-size: 14px;
border-radius: 40px;
}

.note {
text-align: center;
margin: 20px 0;
}

#recover-password,
#customer,
.signinForm {
margin: 20px 0;
width: 85%;
}

.cartEmpty {
margin-bottom: 100px;
}

.cartEmpty a {
color: #5d8e44;
}

.featuredWrapper {
position: relative;
}

.prod-captionFooter {
background: rgba(0, 0, 0, 0.5);
bottom: 0;
color: #FFFFFF;
font-size: 18px;
height: 40px;
position: absolute;
width: 95%;
padding: 10px 0 0 5%;
}

.prod-captionFooter a {
color: #fff;
}

.featuredWrapper,
.featuredWrapper span {
display: block;
}

.herobar {
border-radius: 0 0 3px 3px;
padding: 10px 20px;
}

.herobar .micro {
color: #FFFFFF !important;
opacity: 1;
}

.compare-at-price {
color: #ccc;
}


/*.bSignin {margin: 20px 0; width: 200px; border-radius: 50px; transition: all 0.25s ease;-webkit-transition: all 0.25s ease;}

.bSignin:hover {opacity: 0.75;}*/

.cartSubtotal input {
padding: 0;
width: 140px;
float: right;
border: none;
}

.cartSubtotal.cf a.button {
float: left;
}

.cartSubtotal .button.checkoutButton,
.bSignin,
#admin_header a,
td.value input.button {
padding: 20px 35px;
background: #87c24a;
border-radius: 5px;
display: block;
width: 300px;
height: 60px;
margin: 30px 0 0 0;
border-bottom: 3px solid #5c8f40;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font: 14px/15px 'Verb W01 Md', Arial, sans-serif;
}

#admin_header a {
height: auto;
width: 250px;
}

.action_top {
width: 100%;
overflow: hidden;
border-bottom: 1px solid #ddd;
padding: 0 0 25px 0;
}

.action_delete a,
.action_edit a {
height: auto;
width: 70px;
float: left;
margin: 10px 2% 0 0;
border-bottom: none;
background: #87c24a;
color: #FFF;
text-align: center;
border-radius: 5px;
}

.action_delete a:hover,
.action_edit a:hover {
background: #5c8f40;
color: #FFF;
}

a.return {
float: left;
margin: 0!important;
}

a.new {
float: right;
margin: 0!important;
}

h2.title {
padding-top: 50px;
padding-bottom: 10px;
margin: 0 0 25px 0;
border-bottom: 1px solid #ddd;
}

.address_table .customer_address {
clear: both;
}

.address_table {
width: 45%;
float: left;
}

.address_table:first-child {
padding: 0 0 50px 0;
margin: 0 3% 0 0;
border-right: 1px solid #ddd;
}

#address_tables {
overflow: hidden;
margin: 0 0 50px 0;
}

#address_form_new {
overflow: hidden;
margin: 0 0 50px 0;
padding: 0 0 50px 0;
border-bottom: 1px solid #ddd;
}

h4#add_address_title {
font-weight: 500;
font-style: normal;
font-size: 25px;
line-height: 35px;
color: #505050;
text-align: center;
margin: 0 0 10px 0;
width: 100%;
}

@media all and (max-width: 900px) {
.address_table {
clear: both;
width: 100%;
}
.address_table:first-child {
border-right: none;
border-bottom: 1px solid #ddd;
margin-bottom: 50px;
}
}

@media all and (max-width: 700px) {
a.new {
float: none;
clear: both;
margin: 0 auto!important;
}
a.return {
float: none;
margin: 0 auto 25px auto!important;
}
}

a#view_address {
padding: 20px 35px;
background: #87c24a;
border-radius: 5px;
display: block;
width: 200px;
margin: 30px 0 0 0;
border-bottom: 3px solid #5c8f40;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font: 14px/15px 'Verb W01 Md', Arial, sans-serif;
}

.cartSubtotal .button.checkoutButton:hover,
.bSignin:hover,
a#view_address:hover,
#admin_header a:hover,
td.value input.button:hover {
color: #fff;
background: #5c8f40;
opacity: 1;
border-bottom: 3px solid #87c24a;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out
}

.continueShopping {
display: inline-block;
margin-top: 0;
float: right;
margin-right: 20px;
}


/*.button {line-height: 1.4; }*/

@media all and (max-width: 900px) {
.cartSubtotal.cf input,
.cartSubtotal.cf a.button {
clear: both;
float: left;
}
}

@media all and (max-width: 700px) {
.cartSubtotal .button.checkoutButton {
clear: both;
float: none;
margin: 0;
}
}

@media all and (max-width: 500px) {
.cartSubtotal input,
.continueShopping {
clear: both;
margin-top: 20px;
}
.cartSubtotal .button.checkoutButton,
.bSignin,
#admin_header a,
td.value input.button {
width: 80%;
}
}

.prod-captionFooter {
color: #c0c0c0 !important;
}

.compChartLink {
width: 100%;
clear: both;
padding: 20px 10px;
}

.compChartLink a {
color: #5d8e44 !important;
}

.main .left ul,
.footerCards {
float: left;
font-size: 12px;
margin: 15px 0 30px;
width: 50%;
}

.footerCards {
width: 25%;
}

.main .left ul {
width: 75%;
}

.footerCards img {
float: right;
margin: 0 3px;
}

@media all and (max-width: 768px) {
.footerCards {
width: 100%;
}
.main .left ul {
width: 100%;
}
.footerCards img {
float: left;
margin: 3px;
}
}

.micro a {
color: #fff;
}

.micro a:hover {
color: #a3a8ec;
}

#customer_sidebar,
#customer_orders {
float: left;
margin: 10px 0 40px;
}

#customer_sidebar {
width: 30%;
}

#customer_orders {
width: 67%;
margin-left: 3%;
}

#customer_orders table {
width: 100%;
}

#customer_orders th {
text-align: left;
color: #68a13c;
border-bottom: 1px solid #ddd;
padding: 10px 0;
}

@media all and (max-width: 975px) {
#customer_detail.group {
width: 100%;
padding: 0;
border: none;
margin: 0 0 50px 0;
}
#customer_sidebar,
#customer_orders {
width: 100%;
margin: 0;
}
#customer_orders {
margin: 20px 0;
}
}

#admin_header {
margin: 20px 0 30px;
overflow: hidden;
}

#order_shipping,
#order_payment {
width: 45%;
float: left;
}

#order_payment {
margin-right: 10%;
}

#order_address {
margin-bottom: 40px;
}

#order_details {
width: 100%;
}

#order_details th {
text-align: left;
color: #5d8e44;
font-weight: bold;
}

.addresscontent {
width: 95%;
margin: 0 2.5%;
}

.address_form {
margin: 5px 0;
}

.customer_address_table {
width: 100%;
max-width: 900px;
padding: 50px 0;
overflow: hidden;
height: auto;
}

.customer_address_table .label {
width: 30%;
}

.action_link {
font-size: 13px;
text-decoration: underline;
}

#order_payment h5,
#order_shipping h5 {
color: #5d8e44;
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
width: 100%;
margin: 0 0 10px 0;
}

#customer_detail p,
#order_address p,
#address_tables p {
margin: 0;
}

@media all and (max-width: 700px) {
#order_shipping,
#order_payment {
width: 100%;
margin-bottom: 30px;
}
}

@media all and (max-width: 600px) {
.customer_address_table .label,
.customer_address_table .value {
display: block;
}
.customer_address_table {
width: 90%;
margin: 0 auto;
}
}

@media all and (max-width: 575px) {
.hideSku,
.hidePrice {
display: none;
}
#product-details h2 {
width: 100%;
}
}

.mobileViewCart {
display: none;
}

@media all and (max-width: 800px) {
.mobileViewCart {
display: inherit;
width: 100%;
clear: both;
text-align: center;
margin-bottom: 10px;
}
.mobileViewCart a {
color: #fff;
}
.header-wrapper {
height: auto !important;
}
}


/*.cartMobile {background: none repeat scroll 0 0 #5d8e44;
border-radius: 20px;
font-size: 12px;
height: 30px;
letter-spacing: 0.1em;
line-height: 30px;
padding: 0 2%;
text-align: center;
text-transform: uppercase;
width: 50%;
margin: 10px 23%;
display: block;
}*/


/* =============================================================================
Thank you
========================================================================== */

.page-id-48 .content.thanks {
margin: 20% auto;
overflow: hidden;
}

.page-id-48 .content.thanks h2,
.page-id-48 .content.thanks p {
width: 80%;
margin: 0 auto;
text-align: center;
}


/* =============================================================================
404
========================================================================== */

.page-id-299 .moPad {
padding: 50px 0;
}

.page-id-44 .moPad {
margin: 50px auto 200px auto;
}

.moPad {
padding: 50px 0;
}

.not-found {
width: 350px;
margin: 150px auto 150px;
text-align: center;
}

.error404 .col1 h2,
.error404 .col2 h2 {
text-align: left;
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
margin: 0 0 25px 0;
}

.error404 .four04 .col1,
.error404 .four04 .col2 {
width: 48%;
float: left;
}

@media all and (max-width: 650px) {
.error404 .four04 .col1,
.error404 .four04 .col2 {
width: 100%;
float: left;
}
}


/* =============================================================================
Site Map
========================================================================== */

.content.sitemap h2 {
padding: 50px 0 5px 0;
}

.content.sitemap h2 {
text-align: left;
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
margin: 0 0 25px 0;
}

.col1 {
float: left;
width: 33%;
margin: 0 3% 50px 0;
}

.col2 {
float: right;
margin: 0 0 50px 0;
width: 30.5%;
}

.col3 {
float: left;
width: 30.5%;
margin: 0 0 50px 0;
}

@media all and (max-width: 650px) {
.content.sitemap {
padding: 50px 0;
}
.content.sitemap h2 {
padding: 0px 0 5px 0;
}
.col3 ul {
margin-bottom: 25px;
overflow: hidden;
}
.col3 ul:last-child {
margin-bottom: 0;
}
.col1,
.col2,
.col3 {
clear: both;
float: none;
width: 100%;
margin: 0 0 30px 0;
}
}


/* =============================================================================
Privacy & Terms of Use
========================================================================== */


/* =============================================================================
Fancy
========================================================================== */

.gm_lightbox_overlay,
.mapOverlayBackground {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
display: none;
background: rgba(0, 0, 0, 0.75);
/* Feel free to change this to match your color scheme */
}


/* This is the wrapper element that holds the video player. Its height and width control the video size */

.gm_lightbox_wrapper {
z-index: 1000;
display: none;
margin: 20px 12%;
padding-bottom: 36.5%;
position: relative;
padding-top: 115px;
width: 75%;
}

.gm_lightbox_wrapper iframe,
.gm_lightbox_wrapper object,
.gm_lightbox_wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}


/* This styles the close button in the upper right corner of the video */

.gm_lightbox_close {
width: 30px;
height: 30px;
position: absolute;
top: -10px;
right: -20px;
background: url(/wp-content/themes/grainandmortar/images/closeIcon.png) no-repeat center top;
background-size: 25px 25px;
cursor: pointer;
z-index: 2;
}

.gm_lightbox_close:hover {
opacity: 0.65;
}

.slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
}

.slideTab,
.mapClose {
-webkit-transition: all .25s ease;
transition: all .25s ease;
}

.contentSlideshow {
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}

.mapOverlay {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 999;
padding: 100px 0;
}

.mapOverlay img {
margin: 0 15%;
width: 70%;
}

.mapClose {
position: absolute;
top: 100px;
right: 8%;
cursor: pointer;
width: 25px !important;
height: 25px;
}

.mapClose:hover {
opacity: 0.5;
}

@media all and (max-width: 600px) {
.mapOverlay img {
margin: 0 5%;
width: 90%;
}
.mapClose {
top: 50px;
right: 2%;
}
}


/* ========================================================================
Blog - Global
========================================================================== */

.wrapper-full {
width: 100%;
background: red;
}


/* --------- Columns  ---------*/

.column100,
.column75,
.column60,
.column50,
.column40,
.column33,
.column25,
.column10 {
display: inline-block;
vertical-align: top;
float: left;
}

.column100 {
width: 100%;
}

@media all and (max-width: 950px) {
.column100 {
width: 100%;
}
}

.column50 {
width: 50%;
}

@media all and (max-width: 950px) {
.column50 {
width: 100%;
}
}

.column75 {
width: 75%;
}

@media all and (max-width: 950px) {
.column75 {
width: 100%;
}
}

.column60 {
width: 60%;
}

@media all and (max-width: 950px) {
.column60 {
width: 100%;
}
}

.column40 {
width: 40%;
}

@media all and (max-width: 950px) {
.column40 {
width: 100%;
}
}

.column33 {
width: 33.3%;
}

@media all and (max-width: 950px) {
.column33 {
width: 100%;
}
}

.column25 {
width: 25%;
}

@media all and (max-width: 950px) {
.column25 {
width: 100%;
}
}

.column20 {
width: 20%;
}

@media all and (max-width: 750px) {
.column20 {
width: 100%;
}
}

.column10 {
width: 10%;
}

@media all and (max-width: 950px) {
.column10 {
width: 20%;
}
}

.column-center {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}

.column-right {
float: right;
}

.wrapper-full {
}

.bg-f5f5f5 {
background: #f5f5f5;
}


.page-template-default .content{
min-height: 500px;
}


/* ========================================================================
Blog - All 
========================================================================== */

.navigation-wrapper {
width: 100%;
display: block;
padding-top: 20px;
}

.page-navi .navigation {
float: left;
width: 100%;
display: inline-block;
}

.page-navi .navigation ul {
padding-top: 1em;
padding-bottom: 1em;
float: left;
width: 100%;
}

.page-navi .navigation li a,
.page-navi .navigation li a:hover,
.page-navi .navigation li.active a,
.page-navi .navigation li.disabled {
color: #fff;
text-decoration: none;
display: inline-block;
margin-right: 2px;
margin-left: 2px;
font-size: 13px;
}

.page-navi .navigation .active a {
background: none;
}

.page-navi .navigation li {
display: inline;
margin-right: auto;
margin-left: auto;
}

.page-navi .navigation li a,
.page-navi .navigation li a:hover,
.page-navi .navigation li.active a,
.page-navi .navigation li.disabled {
background-color: #7bb353;
border-radius: 3px;
cursor: pointer;
padding: .5em 1.2em;
border: 1px solid transparent;
}

.page-navi .navigation li a:hover,
.page-navi .navigation li.active a {
color: #7bb353;
border: 1px solid #7bb353;
background: #fff;
}

.page-navi .navigation li.next-page {
float: right;
}

.page-navi .navigation li.next-page {
float: right;
}

.page-navi .navigation li.previous-page a {}

.page-navi .navigation .page-numbers-wrapper {
display: inline-block;
width: 50%;
}

@media all and (max-width: 750px) {
.page-navi .navigation .page-numbers-wrapper {
display: none;
}
}

.page-navi .navigation .page-numbers {
display: table;
margin: 0 auto;
}

.page-navi .previous-page-wrapper {
float: left;
width: 25%;
min-height: 35px;
}

.page-navi .next-page-wrapper {
float: right;
width: 25%;
min-height: 35px;
}

@media all and (max-width: 750px) {
.page-navi .next-page-wrapper {
float: right;
width: 40%;
min-height: 35px;
}
.page-navi .previous-page-wrapper {
float: left;
width: 40%;
min-height: 35px;
}
}

.navigation {
/*	border-top: 1px solid #ddd;*/
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}

.navigation .btn-alignleft {
float: left;
}

.navigation .btn-alignright {
float: right;
}

.navigation .btn a {}

.navigation a span.btn {
padding: 20px 35px;
background: #87c24a;
border-radius: 5px;
display: inline-block;
width: 100px;
margin: 0;
border-bottom: 3px solid #5a903b;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font: 14px/15px 'Verb W01 Md', Arial, sans-serif;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out
}

.navigation a span.btn:hover {
color: #fff;
background: #5a903b;
border-bottom: 3px solid #87c24a;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out
}

.btn.left-btn a {
float: left;
}

.btn.right-btn a {
float: right;
}

.wrapper.blog-home {}

.hero-wrapper {
background: #87c24a;
padding-top: 1em;
padding-bottom: 1em;
}

@media all and (max-width: 950px) {
.hero-wrapper {
padding-top: .5em;
padding-bottom: .5em;
}
}

.hero-wrapper h2 {
color: white;
margin: 0;
text-align: left;
font-size: 18px;
}

@media all and (max-width: 950px) {
.hero-wrapper h2 {
text-align: center;
padding-top: 0px;
}
}

.hero-wrapper h2 a {
transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}

.hero-wrapper h2 a:hover {
color: #fff;
opacity: .7;
transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}

p.rss-subscribe {
float: right;
color: #fff;
font-size: 14px;
margin: 0;
height: 40px;
line-height: 40px;
padding-right: 30px;
}

@media all and (max-width: 750px) {
p.rss-subscribe {
display: none;
}
}

p.rss-subscribe a {
color: #fff;
border: none;
}

p.rss-subscribe a:hover {
color: #c8e3ad;
}

.category-wrapper {
border-bottom: 1px solid #ddd;
margin-bottom: 0;
}

@media all and (max-width: 950px) {
.category-wrapper .content {
padding: 0;
width: 100%;
}
}

.current-cat a {}

.category-wrapper ul {
float: left;
width: 100%;
}

.category-wrapper li.cat-item {
float: left;
width: 20%;
text-align: center;
}

.category-wrapper li.cat-item a {
background: #fff;
width: 20%;
text-align: center;
display: inline-block;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
border-left: 1px solid #ddd;
color: #808285;
font-size: 16px;
}

@media all and (max-width: 950px) {
.category-wrapper li.cat-item a {
font-size: 13px;
}
}

.category-wrapper li.cat-item a:last-child {
border-right: 1px solid #ddd;
}

.category-wrapper li.cat-item a:hover {
color: #78ba2f;
background: #f5f5f5;
}

.category-wrapper li.cat-item.current-cat a {
background: #f5f5f5;
}

.breadcrumb-wrapper {
border-bottom: 1px solid #ddd;
margin-bottom: 0;
padding-top: .5em;
padding-bottom: .5em;
}

.breadcrumbs {
font-size: 13px;
}

.breadcrumbs span {}

.breadcrumbs i.fa {
font-size: 10px;
padding-right: 7px;
padding-left: 7px;
color: #e1e2e2;
}

.breadcrumbs a.post {
border: none!important;
}

.format-standard {
width: 100%;
}

.rte {
overflow: hidden;
/*outline: 1px dashed red;*/
}

.rte img,
.rte iframe,
.rte object,
.rte embed {
max-width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}

.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
text-align: left;
margin-bottom: 10px;
}

.rte h2 {
color: #386b8a;
/*	outline: 1px dashed red;*/
}

.rte h3 {
color: #386b8a;
/*	outline: 1px dashed red;*/
font-size: 21px;
}

.rte h4 {
color: #386b8a;
/*	outline: 1px dashed red;*/
font-size: 18px;
}

.rte h5 {
color: #386b8a;
/*	outline: 1px dashed red;*/
font-size: 16px;
}

.rte a {
text-decoration: none;
border-bottom: none;
}

.rte ul,
.rte ol {
/*	outline: 1px solid #ddd;*/
padding-left: 1em;
padding-bottom: 1em;
}

.rte ul ul,
.rte ol ol {
padding-bottom: 0em;
}

.rte ul li,
.rte ol li {
/*outline: 1px solid #ddd;*/
padding-left: 0;
list-style: disc;
list-style-position: inside;
}

.rte img {
padding-bottom: 1em;
height: auto;
}

.rte figcaption {
font-family: "Verb W01 Lt It";
margin-bottom: 15px;
}

.rte .pf-content {
float: left;
}

h2.page-title {
text-align: left;
margin-bottom: 15px;
line-height: 1.2;
}

h2.page-title a:hover {
color: #78ba2f;
}

.img-wrapper {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
cursor: pointer;
margin-bottom: 1.0em;
}

.img-wrapper img {
width: 100%;
}

a .img-wrapper {
overflow: hidden;
float: left;
}

.gradient-hover {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
opacity: 1;
-webkit-backface-visibility: hidden!important;
}

.gradient-hover:hover {
background: -moz-linear-gradient(top, rgba(70, 70, 70, 0.7) 0%, rgba(70, 70, 70, 1) 100%);
background: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.7) 0%, rgba(70, 70, 70, 1) 100%);
background: linear-gradient(to bottom, rgba(70, 70, 70, 0.7) 0%, rgba(70, 70, 70, 1) 100%);
opacity: .7;
-webkit-backface-visibility: hidden!important;
}

.blogFeatimage {
/*	padding-bottom: 1em;*/
}

.meta-holder {
color: #808285;
font-size: 14px;
padding-bottom: .8em;
}

.date {
padding-right: 10px;
}

.categories-meta {
padding-right: 10px;
}

.categories-meta a {
color: #808285;
}

.categories-meta a:hover {
color: #87c24a;
}

.printfriendly {
/*	border: 1px solid #ddd;*/
padding-bottom: 10px;
padding-top: 0;
}

.addthis_toolbox {
float: left;
width: 100%;
padding-bottom: 10px;
}

.rte p,
.rte li {
line-height: 1.7;
font-size: 15px;
font-family: 'Verb W01 Md', Helvetica, Arial, sans-serif;
}

.post-wrapper {
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding-bottom: 4em;
padding-top: 1em;
}

@media all and (max-width: 950px) {
.post-wrapper {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}

.blog-home .post {
/*outline: 1px solid #ddd;*/
-ms-flex-preferred-size: 46%;
flex-basis: 46%;
padding: 1%;
border-bottom: 1px solid #ddd;
margin: 0 1% 3%;
}

@media all and (max-width: 950px) {
.blog-home .post {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
}
}

@media all and (max-width: 550px) {
.blog-home .post {
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
}
}

.sticky {
/*outline: 4px solid yellow;*/
}

.blog-home .post.sticky {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
background: #f1f3ee;
margin-bottom: 3%;
border-bottom: none;
padding: 2%;
}

@media all and (max-width: 950px) {
.blog-home .post.sticky {
-ms-flex-preferred-size: 66%;
flex-basis: 66%;
border: 1px solid #87c24a;
}
}

@media all and (max-width: 550px) {
.blog-home .post.sticky {
-ms-flex-preferred-size: 83%;
flex-basis: 83%;
padding: 3%;
}
}

.blog-home .post.sticky .img-wrapper {
width: 50%;
margin-bottom: 0;
}

@media all and (max-width: 950px) {
.blog-home .post.sticky .img-wrapper {
width: 100%;
margin-bottom: 1.0em;
}
}

.wp-content {
float: left;
width: 100%;
padding-bottom: 20px;
}

.post.sticky .wp-content {
width: 44%;
float: right;
padding-right: 3%;
padding-left: 2%;
padding-top: 20px;
}

@media all and (max-width: 950px) {
.post.sticky .wp-content {
width: 100%;
float: right;
padding-right: 0%;
padding-left: 0%;
padding-top: 0px;
}
}

.readmore {
font-style: italic;
}

.readmore:hover {
color: #87c24a;
}


/* ========================================================================
Blog - Single 
========================================================================== */

.blog-single .post-wrapper {
max-width: 755px;
margin-right: auto;
margin-left: auto;
/*outline: 1px solid red;*/
padding-top: 2em;
}

.section-sharethoughts {
padding-top: 3em;
padding-bottom: 3em;
}

.section-sharethoughts h2 {
text-align: left;
font-size: 18px;
}

.section-related-posts h2.section-title {
text-align: left;
padding-bottom: .6em;
border-bottom: 1px solid #ddd;
font-size: 19px;
margin-bottom: 1em;
}

@media all and (max-width: 950px) {
.section-related-posts h2.section-title {
text-align: center;
}
}

.section-related-posts {
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding-top: 1em;
margin-bottom: 30px;
}

@media all and (max-width: 950px) {
.section-related-posts {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}

.section-related-posts .post {
-ms-flex-preferred-size: 44%;
flex-basis: 44%;
padding: 0 3% 1%;
border-bottom: none;
margin-right: 0;
margin-bottom: 2%;
margin-left: 0;
/*outline: 1px solid lime;*/
}

@media all and (max-width: 950px) {
.section-related-posts .post {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
}
}

@media all and (max-width: 550px) {
.section-related-posts .post {
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
}

.section-related-posts h2.page-title {
margin-bottom: 8px;
line-height: 1.3;
font-size: 19px;
}

/* ========================================================================
Search Page  /  Form / Results
========================================================================== */


/*-- Custom search form*/

#searchform {
outline: 1px solid red;
}

.search-form-wrapper {
float: right;
}

@media all and (max-width: 750px) {
.search-form-wrapper {
display: table;
margin: 0 auto;
float: none;
}
}

.search-form {
min-width: 350px;
}

@media all and (max-width: 750px) {
.search-form {
min-width: 400px;
}
}

.search-form label .screen-reader-text {
float: left;
width: 100%;
display: none;
outline: 1px solid #333;
}

.search-form input.search-field {
background: #fff;
width: 80%;
float: left;
height: 40px;
padding: 0;
outline: 1px solid #ddd;
font-size: 14px;
font-family: "Verb W01 Lt It";
max-width: 300px;
text-indent: 10px;
}

.search-form button.search-submit {
background: #505050;
color: #fff;
border: none;
padding: 0;
margin: 0;
height: 40px;
font-size: 15px;
line-height: 40px;
outline: 1px solid #505050;
width: 20%;
}

.search-form button.search-submit:hover {
background: #484848;
color: #87c24a;
}

.wrapper.search-page {}

.wrapper.search-page .post {
width: 100%;
margin-bottom: 30px;
border-bottom: 1px solid #ddd;
padding-bottom: 29px;
}

.search-page .post-wrapper {
max-width: 900px;
margin-right: auto;
margin-left: auto;
/*outline: 1px solid red;*/
padding-top: 1em;
}

.search-page .search-header-holder {
/*	background: red;*/
width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
margin-bottom: 20px;
}

.search-page .search-header-holder .search-form-wrapper {
width: 100%;
float: left;
}

.search-page .search-header-holder h3 {
width: 100%;
float: left;
}

.text-color-green {
color: #87c24a;
font: 20px "Verb W01 Lt It";
}


/* ========================================================================
Gated Content
========================================================================== */

.post-wrapper.gated-content  {
width: 100%;
max-width: 900px!important;

}

.post-wrapper.gated-content .rte {
/*outline: 1px dashed red;*/
width: 46%;
float: left;
padding-left: 2%;
padding-right: 2%;
}


@media screen and (max-width: 750px) {
.post-wrapper.gated-content .rte {
width: 90%;
padding-right: 5%;
padding-left: 5%;
}
}


.post-wrapper.gated-content .img-wrapper {
width: 50%;
float: left;
overflow: visible;
}

@media screen and (max-width: 750px) {
.post-wrapper.gated-content .img-wrapper {
width: 50%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
}
}


.post-wrapper.gated-content .img-wrapper .blogFeatimage {
max-width: 330px;
display: table;
/*	padding-bottom: 1em;*/
margin-right: auto;
margin-left: auto;
box-shadow: 3px 3px 2px #e4e9e3;
}

.gated {
color: #87c24a;
}

.post-wrapper.gated-content .addthis_toolbox {
display: none;
}


.gated-content-title-wrapper{
margin-bottom: 30px;
}


.gated-content-title-wrapper,
.gated-content-title-wrapper h2,
.gated-content-title-wrapper p {
text-align: center!important;
}


.gated-content-title-wrapper h2{
color: #386b8a;
}



.gated-content-title-wrapper h4{
text-transform: uppercase;
letter-spacing: .03em;
margin-bottom: 10px;
}

#gform_wrapper_4 {
/*background: red;*/
float: left;
width: 100%;
margin-top: 0;
padding-top: 0;
}

#gform_4 {
/*outline: 1px dashed lime;*/
padding-top: 0;
padding-right: 0;
float: left;
width: 100%;
}

#gform_4 .medium {
width: 100%;
}


/* ========================================================================
Footer Socials Add
========================================================================== */

.footer ul {
/*	outline: 1px dashed red;*/
}

.footer-social-wrapper {
/*outline: 1px dashed lime;*/
float: left;
display: block;
margin-bottom: 20px;
width: 20%;
min-height: 120px;
}

@media screen and (max-width: 950px) {
.footer-social-wrapper {
width: 100%;
}
}

ul.socials-footer {
/*	outline: 1px dashed red;*/
float: left;
width: 100%;
display: block;
}

@media screen and (max-width: 750px) {}

ul.socials-footer li {
/*outline: 1px dashed red;*/
display: inline-block;
background: #444444;
width: 30px;
height: 30px;
text-align: center;
font-size: 15px;
line-height: 30px;
margin-right: 3px;
}

ul.socials-footer li a {
color: #282a2c;
}

ul.socials-footer li a:hover {
color: #282a2c;
}

ul.socials-footer li:hover {
/*	color: #6e6e6e;*/
background: #757777;
}

.footer-socials {}