body{ background: url('../img/lp_bg2.png') #e6f8cb  no-repeat 50% 0px;}

hr { border: dotted #517c07; border-width: 1px 0 0;}

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

.error { margin: -25px 0 30px;}

/*@font-face {
	font-family: "champagneLimousines";
	src: url('../fonts/champagne_limousines.eot');
	src: local("champagneLimousines"), url('../fonts/champagne_limousines.ttf') format("truetype");
}

h1, h2, h3, h4, h5, h6 { {
	font-family: champagneLimousines, Arial, Helvetica, sans-serif;
}
*/

[class*="column"] + [class*="column"]:last-child {
    float: left;
}

.social { margin: 0 0 1.25em; text-align: center !important;}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { line-height: 1.25;}
.panel.callout { background: #e6f8cb; border-color: #b3d979; line-height: 1.5; margin: 22px 0;}

.panel.callout.primary h1, 
.panel.callout.primary h2, 
.panel.callout.primary h3, 
.panel.callout.primary h4, 
.panel.callout.primary h5, 
.panel.callout.primary h6, 
.panel.callout.primary p { color: #333}

header.row { margin: 0 auto 0.625em;}

.promo-wrap {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1000;
	display: none;
}

.hero { 
	position: relative; 
	margin-bottom: 30px; 
	overflow: hidden;
	box-shadow: 1px 1px 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.4);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.4);
	/*border-radius: 20px;
	border: 5px solid #517c07;*/
}

.hero:hover { 
	box-shadow: 1px 1px 20px rgba(0,0,0,.6);
    -webkit-box-shadow: 1px 1px 20px rgba(0,0,0,.6);
    -moz-box-shadow: 1px 1px 20px rgba(0,0,0,.6);
}

.hero.side { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;height: 200px; margin: 0;}

.hero h1 { position: absolute; left: 15px; bottom: 20px; }
.hero .holder { width: 100%; overflow:hidden; height: 300px; background:#fff;}

.hero .holder img { 
	position: absolute;
	float: right;
	bottom: 0px;
	right: 0px;
}
.hero .holder > i {
	font-size: 346px;
	opacity: .3;
	position: relative;
	right: -70%;
	color: #ccc;
	top: -5%;
}
.main { width: 100%; height: 340px; overflow: hidden; position: relative; display: block;}
.main .content { 
	position: absolute; 
	left: 0px;
	top: 0px;
	height: 320px;
	width: 75%; 
    background: #fff;
	background: rgba(255,255,255,1);
	padding: 15px; 
}
.main .content blockquote { padding: 0; border-left: none; font-size: 20px; font-weight: bold; margin: 0 0 0.375em; line-height: 1.15; }

.main .content blockquote.big { font-size: 32px; line-height: 1.15; }
.main .content blockquote span, blockquote small { display: block;}

.about blockquote  {
	border-left: 2px solid #dddddd;
    margin: 1.25em 0;
    padding: 0.5625em 1.25em 0.5625em 1.1875em;
    background: #f2fae5;
}

.about blockquote small {
    font-size: 75%;
	display: block;
}
.main .content h1 { position: relative; left: 0px; bottom: 0px; font-size: 18px; font-weight: normal; margin:0; }

.hero.sm .holder { height: 180px; position: relative; top: 0; }
.hero.sm.side .holder { overflow: hidden; background: transparent;}
.hero.sm .holder > i {
	font-size: 246px;
	opacity: .3;
	position: relative;
	right: -35%;
	color: #ccc;
	top: -5%;
}
.hero.sm .holder img { 
	position: absolute;
	float: right;
	bottom: auto;
    top:0;
	right: 0px;
}

.main.sm.hero.side .content blockquote { line-height: 1.2; color: #3c2313 /*font-size: 22px; */ }

.main.sm .content { 
	width: 100%;
    padding: 15px;
    overflow: hidden;
    display: inline-block;
    height: 160px;
    top: auto;
    bottom: 0;
}
.main.sm.side .content { padding: 0px; height: 200px; background: transparent;}
.main.sm .content blockquote { line-height: 1.2; color: #2ba6cb /*font-size: 22px; */ }
.main.sm .content a { 
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	margin: 0;
}
.main.sm.side .content a { 
	position: relative;
    left: auto;
    right: auto; 
    bottom: auto;
    line-height: 34px;
    display: block;
    margin: 20px 0 40px;
    color: #517c07;
}

.main.sm .content a > i {
    font-size: 200%;
    background: #517c07;
    padding: 15px 13px 5px;
    border-radius: 100px;
    color: #fff;
}


.blog-item {
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.4);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.4);
}

.blog-item .holder {
    height: 180px;
    width: 43.75%;
    position: relative;
    top: 0;
    float: left;
	overflow: hidden;
}

.blog-item .content {
	width: 56.25%;
    padding: 15px;
    overflow: hidden;
    display: inline-block;
    height: 180px;
    top: auto;
    float: left;
    bottom: 0;
    position: relative;
}

.post img {
    margin-bottom: 20px;
}

.flexslider {
	width: 100%;
	height: 350px;
}
.flexslider .flex-content { 
	position: absolute;
	top: 10px;
	right: 10px;
	width: 35%;
	background: #fff;
	background: transparent;
	padding: 15px;
	z-index: 100;
}

.flexslider .flex-content blockquote.big {
	font-size: 28px;
	line-height: 1.15;
	margin: 0 0 20px;
	padding: 0;
	border: none;
}

.blocker { width: 100%; height: 140px; overflow: hidden; position: relative; display: block; margin-bottom: 30px; box-shadow: 1px 1px 10px rgba(0,0,0,.4); -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.4); -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.4); background: #fff;}
.blocker a {
    overflow: hidden;
    width: 100%;
    text-align: center;
    display: inline-block;
}
.blocker.sm { height: 120px;}
.blocker.auto { height: auto; padding: 15px;}
.blocker.link { position: relative;}
.blocker .holder { 
	height: auto; 
	overflow: visible;
	padding: 15px;
	width: 31.25%;
    float: left;
}
.blocker .holder img { 
	width: 100%;
    display: block;
    margin: 0px auto 0;
    max-width: 110px;
}
.blocker .sm-img { 
	max-width: 90px;
	margin: 0 auto;
	text-align: center;
}
.blocker .content { 
	width: 68.75%;
    padding: 15px;
    overflow: hidden;
    display: inline-block;
    height: auto;
    background: #fff;
    background: rgba(255,255,255,.925);
}

.blocker.no-img .holder,
.blocker.no-img .content { 
	width: 100%;
}

.blocker small {
    color: #666;
    font-size: 75%;
}

.partners > .row {
	display: flex;
}

.partners .row > * {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.partners .row img {
	max-width: 120px;
}
.partners .row .full {
	max-width: 100%;
}

.amazon .content {
    top: 0;
    position: absolute;
}

.blocker.amazon .holder img { 
    max-width: 100%;
}

.blocker.auto .content { 
	width: 33.33%;
	float: left;
	height: 100px;
}
.blocker .content blockquote { line-height: 1.2; color: #2BA6D0; padding: 0; border-left: none; font-size: 1.2em; font-weight: bold; margin: 0 0 0.125em;}
.blocker a.content blockquote, .amazon .content blockquote { color: #2ba6cb;}
.blocker.sm .content blockquote, .blocker.auto .content blockquote{font-size: 0.9375em; margin: 0 0 0.375em;}
.blocker.link .content blockquote { color: #2ba6cb;}
.blocker .content p { font-size: 0.875em; color: #3c2313; margin: 0;}

.blocker ul { 
    list-style: none;
    background: #efefef;
    overflow: hidden;
    height: 50px;
    bottom: 0;
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
}
.blocker ul li {
    width: 50%;
    float: left;
    display: inline-block;
    margin: 0;
    height: 100%;
}
.blocker ul li.phone {
	border-right: 1px dotted #a1a1a1;
}
.blocker ul li a {
    margin: auto;
    padding: 15px 0;
    width: 100%;
    display: block;
    text-align: center;
    height: 100%;
}
.no-touch .blocker ul li, .blocker ul li.site {
    width: 100%;
}
.no-touch .blocker ul li.phone {
    display: none;
}
.no-touch .blocker ul li a {
    padding: 15px 0;
}


.hero.article .holder { }
.main.article .content { height: auto; width: 100%;}

.article, .about, .testimonials {
	padding: 15px 20px 20px;
	background: #fff;
	box-shadow: 1px 1px 10px rgba(0,0,0,.4);
	overflow:hidden;
	margin: 0 0 30px;
}
.article > h3, .about > h3, .testimonials > h3 {color: #517c07;}
.article > p, .about > p, .testimonials > p { 
	border-bottom: dotted 1px #517c07; 
	margin: 0 0 15px;
	padding: 0 0 15px;
}
.article > span, .about > span, .testimonials > span { 
	display: block; 
	clear:both; 
	border-top: dotted 1px #517c07; 
	overflow: hidden;
	margin: 15px 0 0;
	padding: 15px 0 0;
	position: relative;
}
.article > span:first-child, .article > span.first, .about > span:first-child, .about > span.first, .testimonials > span:first-child, .testimonials > span.first { 
	border-top: none; 
    margin-top: 0;
    padding-top: 0;
	
}

.article > span:not(.first) {
    min-height: 200px;
}

.article > blockquote, .testimonials > blockquote { font-size: 22px; line-height: 1.2; color: #3c2313 }

.article > span > h3, .article > span > h4, .article > span > h5,
.testimonials > span > h3, .testimonials > span > h4, .testimonials > span > h5{ color: #517c07; margin-bottom: 0px;}
.article > span > h3 > span, .article > span > h4 > span, .article > span > h5 > span,
.testimonials > span > h3 > span, .testimonials > span > h4 > span, .testimonials > span > h5 > span{ color: #3c2313; font-size: 14px; font-weight: bold; font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;}
.article > span > div, .testimonials > span > div { float:left; width: 100%; }
.testimonials > span > div { 
	height: 145px;  
	margin-bottom: 30px;
	-webkit-transition: all 0.25s ease-out; 
	-moz-transition: all 0.25s ease-out; 
	transition: all 0.25s ease-out;
}
.testimonials > span > div.open { 
	height: auto;
	-webkit-transition: all 0.25s ease-out; 
	-moz-transition: all 0.25s ease-out; 
	transition: all 0.25s ease-out;
}
.testimonials > span > a{
	position: absolute;
	bottom: 0;
	width: 100%;
	right: 15px;
	background: #fff;
	padding: 5px 15px;
	text-align: right;
	-webkit-transition: all 0.25s ease-out; 
	-moz-transition: all 0.25s ease-out; 
	transition: all 0.25s ease-out;
}

.article > span > div.large-12, .testimonials > span > div.large-12 { width: 100%;}
.article > span > div + div, .testimonials > span > div + div { width: 25%}
.article > span > div > p, .testimonials > span > div > p { padding: 0 15px 0 0; margin: 0 0 10px; font-size: 0.9375em;}
.article > span > div > p:first-child, .testimonials > span > div > p:first-child { margin: 10px 0; }
.article > span > div > p:last-child, .testimonials > span > div > p:last-child { margin: 0; }
.article > span > div + div > img, .testimonials > span > div + div > img { float: right;}
.article > span > div > img, .testimonials > span > div > img { margin: 0 0 20px 20px; float: right; width: 25%;}

.article.events > span > div { position: relative;}
.article.events > span > div > h5, .article.events > span > div > p { width: 75%;}
.article.events > span > div > img { position: absolute; top: 0; right: 0; width: 20%;}

.article > span > div.large-12 > form > input, .article > span > div.large-12 > form > fieldset > input { margin-bottom: 30px;}
.article > span > div.large-12 > form > label > small, .article > span > div.large-12 > form > fieldset > label > small { color: #c60f13}
.article > span > div.large-12 > form, .article > span > div.large-12 > form { width: 75%;}

.about > span > h3 > span, .about > span > h4 > span, .about > span > h5 > span { color: #3c2313; font-size: 14px; font-weight: bold; font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;}
.about > span > div > blockquote {
	border-left: 2px solid #dddddd;
	margin: 1.25em 0;
	padding: 0.5625em 1.25em 0.5625em 1.1875em;
	background: #f2fae5;
}
.about > span > div { float:left; width: 100%;}
.about > span > div > p { padding: 0 15px 0 0; margin: 0 0 10px; font-size: 0.9375em;}
.about > span > div > p:first-child { margin: 10px 0; }
.about > span > div > p:last-child { margin: 0; }
.about > span > div > img { margin: 0 0 20px 20px;  float: right; width: 25%;}

.row > .large-8 > .large-12.column { 
	padding-left: 0;
	padding-right: 0;
}
.row > .large-8 > .large-6.columns { 
	padding-left: 0;
	padding-right: 0.9375em;
}
.row > .large-8 > .large-6.columns:last-child { 
	padding-left: 0.9375em;
	padding-right: 0;
}
.row > .large-4.columns > h2 { 
	margin: 0 0 20px;
	line-height: 1;
}
.row > .large-4.columns > h5 { 
	margin-bottom: 0;
	line-height: 1;
}

.row h3 + .row {
    margin-bottom: 20px;
}

.top-bar {
	background: #517c07;
	overflow: hidden;
	/*border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;*/
	border: none;
	margin-bottom: 0;
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-left: none; }

ul.calendar { overflow:hidden;}

ul.calendar li { display:block; border-bottom:1px #517c07 dotted; overflow:hidden;}
ul.calendar li > h3 { width:40px; float: left; padding:0; margin:0; font-weight: normal;}
ul.calendar li > p { float:left; margin:0; padding:0;}

/* Rebrand for Top-Bar section*/
.top-bar ul li {
	font-size: 15px;
}
.top-bar .name h1 a { color: #fff; }
.top-bar .toggle-topbar a { color: #fff; }
.top-bar .toggle-topbar.menu-icon a span {
	-webkit-box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
	-moz-box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
	box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff; 
}
.top-bar.expanded { background: #517c07; }
.top-bar.expanded .title-area { background: transparent; }
.top-bar.expanded .toggle-topbar a { color: #888888; }
.top-bar.expanded .toggle-topbar a span {
	-webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
	-moz-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
	box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; 
}
.top-bar-section ul {background: transparent;}
.top-bar-section .divider,
.top-bar-section [role="separator"] {
	border-bottom: dotted 1px #4d4d4d;
	border-top: none;
}
.top-bar-section ul li > a { 
	background: none; 
	color: #fff; 
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px; 
	line-height: 40px;
}
.top-bar-section ul li > a:hover { background: #47700e; color:#f4fee3; }
.top-bar-section ul li > a.button { background: #2ba6cb; }
.top-bar-section ul li > a.button:hover { background: #2284a1; }
.top-bar-section ul li > a.button.secondary { background: #e9e9e9; }
.top-bar-section ul li > a.button.secondary:hover { background: #d0d0d0; }
.top-bar-section ul li > a.button.success { background: #5da423; }
.top-bar-section ul li > a.button.success:hover { background: #457a1a; }
.top-bar-section ul li > a.button.alert { background: #c60f13; }
.top-bar-section ul li > a.button.alert:hover { background: #970b0e; }
.top-bar-section ul li.active > a {  background: #517c07; color:#fff; }
/*.top-bar-section ul li.active a {background-color: rgba(0,0,0,0.25);}*/
.top-bar-section .dropdown li.title h5 a { color: #fff; }
.top-bar-section .dropdown label { color: #555555; }

.alert-box {
    background-color: #517c07;
    border-color: #517c07;
}

.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6, .alert-box p {
    color: #fff;
}

.alert-box a {
	display: block;
	margin: 1.25rem;
	color: #fff;
	text-decoration: underline;
}
.alert-box a:hover {
	text-decoration: underline;
}

footer { margin:20px 0 0; color: #333;}

h1, h2, h3, h4, h5, blockquote { font-family: 'Inika', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;  font-weight: 700; }
h6 { color:#3c2313;}

h5 small, h6 small {
    font-size: 75%;
    line-height: 1.5;
    display: block;
}

.clearfix {
	overflow: hidden;
}

.hide-for-xsmall { display: inline-block !important; }
.show-for-xsmall { display: none !important; }

@media only screen and (min-width: 941px) {
    
	.top-bar { background: transparent; }
	.top-bar.expanded { background: transparent; }
	.top-bar-section li a:not(.button) { 
		background: none; 
		color: #333333; 
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-o-border-radius: 20px; 
		line-height: 40px; 
	}
	.top-bar-section li a:not(.button):hover { background: #47700e; color:#fff; }
	.top-bar-section .dropdown li a { color: #fff; background: #1e1e1e; }
	.top-bar-section .dropdown li label { background: #1e1e1e; }
	.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
		border-bottom: none;
		border-top: none;
		border-right: dotted 1px #47700e;
		border-left: none;
	 }
	.top-bar-section .has-form { background: transparent; }
    .top-bar .toggle-topbar.menu-icon { margin-top: 5px;}
    .top-bar .name { display: none;}
    
}

@media only screen and (max-width: 940px) {
    .flexslider {height: 260px;}
    .flexslider .flex-content { width: 40%; top: 0;}
    .flexslider .flex-content blockquote.big {font-size: 24px;}
    .main .content blockquote {font-size: 18px;}
}

@media only screen and (max-width: 767px) {
	h1, h2, h3, h4, h5, h6 { line-height: 1.5}
    .article > span > div.large-12 > form, .article > span > div.large-12 > form { width: 100%;}
    
    .promo-wrap {
        bottom: 0;
        right: 0;
        background: #ccc;
        width: 100%;
        text-align: center;
        top: auto;
    }
    
    .promo-wrap a {
        margin-top: -100px;
        display: block;
    }
    
    .logo img {
        width: 62.5%;
        margin: 0 auto;
        display: block;
    }
    
	.hero .holder img { 
		top: auto;
		width: 100%;
		right: 0;
		bottom: auto;
		top: -20px;
	}
    
	.main .content blockquote { font-size: 24px;}
	.main .content { 
		width: 75%;
		/*padding: 25px; */
	}
	
	.row > .large-8 > .large-12.column, .row > .large-8 > .large-6.columns, .row > .large-8 > .large-6.columns:last-child  { 
		padding-left: 0;
		padding-right: 0;
	}
	
	.about > span > div > img { width: 50%; }
	
	.article.events > span > div > h5, .article.events > span > div > p { width: 100%;}
	.article.events > span > div > img { position: relative; float: left; width: 25%;}
    
    .top-bar-section ul li > a {
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        line-height: 20px;
    }
	
	.blog-item .holder {
		width: 37.5%;
	}

	.blog-item .content {
		width: 62.5%;
	}
	
	.blocker.sm {
		height: 160px;
	}
	
	.blocker.auto .content { 
		width: 50%;
		height: 100px;
	}
	
    .flexslider {
        width: 100%;
        height: 400px;
    }
    .flexslider .flex-content { 
        top: auto;
        right: 0;
        width: 100%;
        bottom: 0;
    }
    
    .flex-control-nav{
        width: 100%;
    }
    
    .flexslider {height: 350px;}
    .flexslider .flex-content { width: 100%;}
    .main { height: 150px;}
    .main.sm .content { height: 160px; float:left; position: relative; width: 65%;}
    .hero.sm .holder { height: 160px; float: left; width: 35%; }
	
}

@media only screen and (max-width: 480px) {
    .small-6 { width: 100%;}
	.hero .holder { height: 360px;}
    .hero.sm .holder { width: 100%;}
	.hero .holder img { 
		width: 100%;
		right: 0;
		bottom: 0;
	}
	
	.blog-item {
		height: 320px;
	}
	
	.blog-item .holder {
		width: 100%;
		height: 160px;
	}

	.blog-item .content {
		width: 100%;    
		height: auto;
	}
    
    .main { height: 300px;}
	.main .content, .main.sm .content { 
		width: 100%;
        height: 190px;
	}
	.article > span > div > img { width: 50%; margin: 0 0 20px 10px; float: left;}
	.about > span > div > img { width: 100%; margin: 0 0 20px;}
	.article > span > div, .article > span > div + div { width: 100%}
	.blocker.auto .content { 
		width: 100%;
		height: auto;
	}
    .flexslider { height: 400px;}
    
    .hide-for-xsmall { display: none !important; }
    .show-for-xsmall { display: inline-block !important; }
    
    .flex-viewport {
        max-height: 240px;
        top: -30px;
    }
}

@media only screen and (max-width: 319px) {
	.hero .holder { height: 360px;}
    .main { height: 350px;}
    .flexslider { height: 360px;}
}

/* UTILITIES */
.db, .show { display: block !important;}
.dib { display: inline-block !important;}
.dn, .hide { display: none !important;}