/*******************************************************************************************************************

	Theme Name: Organic Themes Site
	Theme URI: http://www.organicthemes.com
	Description: The official Organic Themes site.
	Author: Organic Themes
	Author URI: http://organicthemes.com
	License: Copyright Invulu, Inc.
	License URI: http://invulu.com
	Version: 6.0
	Text Domain: organic-themes
	Domain Path: /languages/
	Tags: light, gray, white, green, silver, one-column, two-columns, right-sidebar, responsive-layout, fluid-layout, custom-background, custom-header, custom-menu, featured-images, featured-image-header, flexible-header, full-width-template, translation-ready, sticky-post, threaded-comments, editor-style, theme-options, photoblogging

	The CSS, XHTML and Design are copyrighted by Invulu, Inc.

********************************************************************************************************************

	Table of Contents:

	 0.	Global
	 1.	Hyperlinks
	 2.	Headings
	 3.	Header
	 4.	Navigation
	 5.	Content
	 6. Page Templates
	 7. Social Media
	 8. Pagination
	 9.	Images
	10. Slideshow
	11. Portfolio & Testimonials
	12.	Wordpress Gallery
	13.	Sidebar
	14.	Widgets
	15.	RSS Widget
	16.	Calendar Widget
	17.	Custom Menu Widget
	18.	Search Form
	19.	Footer
	20.	Comments
	21.	Buttons
	22. Columns
	23. Tables
	24. Forms
	25. CSS3 Styles
	26. Jetpack
	27. WordPress Core
	28. Custom Styles
	29. Conditionals
	30. Animations

*******************************************************************************************************************/

/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

body {
	background-color: #ffffff;
	color: #666666;
	color: rgba(0, 0, 0, 0.6);
	font-size: 1em;
	font-family: 'Proxima Regular', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 400;
	line-height: 1.65;
	margin: 0px;
	padding: 0px;
}
body.wp-autoresize {
	padding: 12px 24px !important;
}

/************************************************
	Font Import
************************************************/

@font-face {
	font-family: 'Proxima Bold';
	src: url( 'fonts/proxima-bold.eot' ); /* IE */
	src: local( "Proxima Nova Bold" ),
	url( 'fonts/proxima-bold.woff' ) format('woff'),
	url( 'fonts/proxima-bold.ttf' ) format('truetype'),
	url( 'fonts/proxima-bold.otf' ) format('opentype');
}
@font-face {
	font-family: 'Proxima Semibold';
	src: url( 'fonts/proxima-semibold.eot' ); /* IE */
	src: local( "Proxima Nova Semibold" ),
	url( 'fonts/proxima-semibold.woff' ) format('woff'),
	url( 'fonts/proxima-semibold.ttf' ) format('truetype'),
	url( 'fonts/proxima-semibold.otf' ) format('opentype');
}
@font-face {
	font-family: 'Proxima Regular';
	src: url( 'fonts/proxima-regular.eot' ); /* IE */
	src: local( "Proxima Nova Regular" ),
	url( 'fonts/proxima-regular.woff' ) format('woff'),
	url( 'fonts/proxima-regular.ttf' ) format('truetype'),
	url( 'fonts/proxima-regular.otf' ) format('opentype');
}
@font-face {
	font-family: 'Proxima Light';
	src: url( 'fonts/proxima-light.eot' ); /* IE */
	src: local( "Proxima Nova Light" ),
	url( 'fonts/proxima-light.woff' ) format('woff'),
	url( 'fonts/proxima-light.ttf' ) format('truetype'),
	url( 'fonts/proxima-light.otf' ) format('opentype');
}

/************************************************
0.	Global
************************************************/

p {
	line-height: 1.65;
	padding: 16px 0px;
	margin: 0px;
}
p:empty {
	display: none;
}
dfn, cite, em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
p strong, p b, li strong, li b,
.tagline strong, .tagline b {
	font-family: 'Proxima Bold', 'Helvetica Neue';
	font-weight: normal;
}
big {
	font-size: 140%;
}
small {
	font-size: 60%;
	font-weight: 300;
}
s {
	text-decoration: line-through;
}
mark {
	background: #ff0;
	color: #000;
}
sub, sup {
	font-size: 80%;
	line-height: 0;
	letter-spacing: 1px;
	position: relative;
	vertical-align: baseline;
	text-transform: none;
}
sup {
	top: 0;
}
sub {
	bottom: 0;
}
div {
	display: block;
}
span {
	display: inline;
}
hr {
	border: 0;
	width: 100%;
	height: 1px;
	color: #dddddd;
	background-color: #dddddd;
	margin: 6px 0px 12px 0px;
	padding: 0px;
}
ol, ul {
	list-style: none;
	margin: 0px;
	padding: 6px 0px 6px 12px;
}
ol li {
	list-style: inside;
	list-style-type: decimal;
	margin: 6px 0px;
	padding: 0px 0px 0px 12px;
}
ul li {
	list-style: inside;
	list-style-type: square;
	margin: 6px 0px;
	padding: 0px 0px 0px 12px;
}
ul ol li, ul ol ul ol li {
	list-style-type: decimal;
}
ol ul li, ol ul ol ul li {
	list-style-type: square;
}
blockquote {
	color: #333333;
	font-family: 'Droid Serif', Georgia, Times, serif;
	font-size: 1.2em;
	line-height: 1.6;
	margin: 24px 0px;
	padding: 12px 0px 12px 24px;
	border-left: 2px solid #dddddd;
	border-left: 2px solid rgba(0, 0, 0, 0.12);
}
blockquote p {
	margin: 0px;
	padding: 0px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
code, pre {
	color: #666666;
	background: #f9f9f9;
	font-family: Courier, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	margin: 24px 0px;
	padding: 6px 8px;
	border: 1px solid #dddddd;
	border-radius: 3px;
}
code {
	display: inline;
	white-space: normal;
}
pre {
	display: block;
	white-space: pre-line;
}
pre code {
	padding: 0px;
	border: none;
	box-shadow: none;
}
img {
	-ms-interpolation-mode: bicubic;
	height: auto;
}
img, object, embed, iframe {
	max-width: 100%;
	margin: 0px auto 0px;
}
.wp-block-image,
.wp-block-embed {
	margin-left: auto;
	margin-right: auto;
}
.border-img {
	line-height: 0;
	border: 1px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}
.shadow-img {
	line-height: 0;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
}
.underline {
	text-decoration: underline;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}
.hide-text {
	position: absolute;
	left: -9999px;
	font-size: 0;
	line-height: 0;
	margin: 0px;
	padding: 0px;
}
.hide-img img {
	margin-left: -9999px;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-white h1, .text-white h2, .text-white h3, .text-white h4,
.text-white h5, .text-white h6, .text-white blockquote,
h1.text-white, h2.text-white, h3.text-white,
h4.text-white, h5.text-white, h6.text-white {
	color: #ffffff;
}
.text-white .tagline,
.tagline.text-white {
	color: #ffffff;
}
.text-white, .text-white p {
	color: rgba(255, 255, 255, 0.7);
}
.align-center {
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
}
.padded {
	padding: 24px;
}
.vertical-center {
	top: 50%;
	position: absolute !important;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.horizontal-center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 7;
}
.absolute-center {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 7;
}
.fixed-center {
	top: 50%;
	position: fixed !important;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/************************************************
1.	Hyperlinks
************************************************/

a img {
	border: none;
}
a, a:link, a:visited {
	color: #7ba825;
	text-decoration: none;
	word-wrap: break-word;
}
a:focus, a:hover, a:active {
	color: #9ece42;
	text-decoration: underline;
	cursor: pointer;
}
.anchor {
	margin-top: -80px;
	padding-top: 96px;
}

/************************************************
2.	Headings
************************************************/

h1, h2, h3, h4, h5, h6 {
	color: #333333;
	color: rgba(0, 0, 0, 0.8);
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-weight: 400;
	line-height: 1.1;
	word-wrap: break-word;
	margin: 6px 0px;
	padding: 6px 0px;
}
h1 {
	font-size: 2.8em;
	letter-spacing: -1px;
}
h2 {
	font-size: 2.4em;
	letter-spacing: -1px;
}
h3 {
	font-size: 2.2em;
	letter-spacing: -1px;
}
h4 {
	font-size: 1.8em;
	letter-spacing: -1px;
}
h5 {
	font-size: 1.4em;
}
h6 {
	font-size: 1.1em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color: #333333;
	color: rgba(0, 0, 0, 0.8);
	text-decoration: none;
	border: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
	color: #9ece42;
	text-decoration: none;
	border: none;
}
.headline,
.organic-widgets-title {
	font-size: 2.4em;
	font-weight: 400;
	font-family: 'Proxima Light';
	letter-spacing: -1px;
	margin: 0px;
	padding: 0px;
}
.headline.large {
	font-size: 3.2vw;
	line-height: 1.1;
}
.headline b {
	font-family: 'Proxima Bold';
}
.title-post {
	font-size: 2.4em;
	font-weight: 400;
	font-family: 'Proxima Bold';
	letter-spacing: -1px;
	text-align: center;
	margin-top: 0px;
	padding: 0px;
}
.title-post,
.post .headline,
.tutorial .headline {
	margin-bottom: 24px;
}
.tutorial .headline {
	font-family: 'Proxima Semibold';
	letter-spacing: -1px;
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.tutorial .headline b,
.tutorial .headline strong {
	font-family: 'Proxima Bold';
}
.tagline {
	font-family: 'Proxima Light';
	color: rgba(0, 0, 0, .5);
	font-weight: 400;
	font-size: 1.2em;
	letter-spacing: 0px;
	line-height: 1.5;
}
.tagline b,
.tagline strong {
	font-weight: 'Proxima Bold'
}
.title {
	font-family: 'Proxima Semibold';
	font-size: 1em;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
}
.title.medium {
	font-size: 1.3em;
	letter-spacing: 4px;
}
.title.large {
	font-size: 1.6em;
	letter-spacing: 6px;
}

/************************************************
3.	Header
************************************************/

#header {
	position: fixed;
	top: 0;
	background-color: #ffffff;
	width: 100%;
	line-height: 0;
	margin: 0px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	z-index: 99;
}
.home #header {
	position: absolute;
}
.home #header,
.single-theme #header {
	-webkit-transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-o-transition: background .25s ease-in-out;
	transition: background .25s ease-in-out;
}
#nav-bar {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0px;
	padding: 0px;
}
#custom-header {
	display: block;
	position: relative;
	background-color: #003366;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	min-height: 280px;
	max-height: 520px;
	line-height: 0;
	margin: 0px;
	padding: 0px;
}
#logo {
	float: left;
}
.site-logo {
	line-height: 0;
	margin: 0px;
	padding: 6px 0px;
}
.site-logo a {
	display: inline-block;
	max-width: 100%;
}
.logo-text {
	float: left;
	margin-left: -9999px;
}
.site-title {
	display: inline-block;
	max-width: 320px;
	font-size: 2.2em;
	font-weight: 600;
	line-height: 1.1;
	margin: 0px;
	padding: 24px;
	word-wrap: break-word;
}
.site-title a,
.site-title a:link,
.site-title a:visited {
	display: inline-block;
	color: #000000;
}
.site-title a:hover,
.site-title a:focus,
.site-title a:active {
	text-decoration: underline;
}
#masthead {
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#masthead .site-description {
	display: block;
	color: #ffffff;
	font-size: 2.8em;
	text-align: center;
	line-height: 1.1;
	margin: 0px auto 0px;
	padding: 0px 48px;
}

/************************************************
4.	Navigation
************************************************/

#navigation {
	float: right;
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	font-family: 'Proxima Regular';
	font-size: 0.8em;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	z-index: 9;
}

#nav-bar .menu-search {
	float: right;
	color: rgba(0, 0, 0, 0.4);
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	text-indent: -1px;
	min-width: 40px;
	margin: 16px 0px 16px 12px;
	padding: 0px 8px;
	box-sizing: border-box;
	border: 2px solid rgba(0, 0, 0, 0.24);
	border-radius: 50%;
}
#nav-bar .menu-search:hover {
	color: rgba(0, 0, 0, 1);
	border: 2px solid rgba(0, 0, 0, 1);
}
#nav-bar.dark .menu-search,
.banner-text-active #nav-bar .menu-search {
	color: rgba(255, 255, 255, 0.6);
	border: 2px solid rgba(255, 255, 255, 0.24);
}
#nav-bar.dark .menu-search:hover,
.banner-text-active #nav-bar .menu-search:hover {
	color: rgba(255, 255, 255, 1);
	border: 2px solid rgba(255, 255, 255, 1);
}

/* Mobile Setup */
button.menu-toggle {
	display: none;
	cursor: pointer;
}
.icon-menu-close,
.main-small-navigation ul.mobile-menu {
	display: none;
}

/*** ESSENTIAL STYLES ***/
.menu, .menu * {
	display: table;
	margin:	0 auto 0;
	padding: 0;
	list-style:	none;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
ul.menu {
	float: left;
	line-height: 1;
}
.menu ul {
	margin: 0px;
	padding: 0px;
}
ul.menu ul,
div.menu ul ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 140px; /* left offset of submenus need to match (see below) */
	opacity: 0;
	transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
}
ul.menu ul li,
div.menu ul ul li {
	width: 100%;
	margin: 0px;
}
.menu li {
	float: left;
	display: inline-block;
	position: relative;
}
.menu li li {
	display: block;
	position: relative;
}
.menu a {
	display: inline-block;
	position: relative;
}
.menu li:hover ul,
.menu li[aria-expanded="true"] ul {
	left: 50%;
	top: 100%; /* match top ul list item height */
	margin-left: -82px;
	z-index: 99;
	opacity: 1;
}
ul.menu li:hover li ul,
div.menu ul li:hover li ul {
	top: -9999px;
	opacity: 1;
}
ul.menu li li:hover ul,
ul.menu li li[aria-expanded="true"] ul {
	left: 140px; /* match ul width */
	top: 0;
	opacity: 1;
}

/*** SKIN ***/
.menu ul.sub-menu,
.menu ul.children {
	margin-top: -6px;
	padding: 12px;
	background-color: #ffffff;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.24);
	border-radius: 3px;
	transition-delay: .2s;
	-webkit-transition-delay: .2s; /* Safari */
}
.menu ul.sub-menu ul.sub-menu,
.menu ul.children ul.children {
	transition-delay: 0s;
	-webkit-transition-delay: 0s; /* Safari */
}
.menu ul.sub-menu::after {
	content: '';
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -3px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
}
.menu a {
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	background: none;
	line-height: 1;
	text-decoration: none;
	margin: 16px 2px;
	padding: 12px 10px;
	border: 2px solid rgba(0, 0, 0, 0);
	border-radius: 3px;
}
.menu li.feature-btn a {
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 6px;
	padding-top: 12px;
	padding-bottom: 12px;
	border: 2px solid rgba(0, 0, 0, 0.24);
	border-radius: 3px;
}
.menu li.feature-btn a:hover {
	border: 2px solid rgba(0, 0, 0, 1);
}
.menu li.feature-btn li a:hover {
	border: none;
}
.menu a:focus,
.menu a:hover,
.menu a:active {
	color: rgba(0, 0, 0, 0.8);
	border-color: rgba(0, 0, 0, 1);
	outline: 0;
}
.menu li li a,
.menu li.feature-btn li a {
	display: block;
	width: auto;
	background: none;
	font-size: 1.1em;
	letter-spacing: 0px;
	text-transform: none;
	text-align: center;
	line-height: 1.4;
	margin: 0px;
	padding: 8px;
	border: none;
	border-radius: 2px;
}
.menu li li a,
.menu li li a:link,
.menu li li a:visited {
	color: rgba(0, 0, 0, 0.4);
}
.menu li li a:focus,
.menu li li a:hover,
.menu li li a:active {
	color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, .04);
	outline: 0;
}
.menu li {
	margin: 0px;
}
.menu li li {
	background: none;
	margin: 0px;
}
.menu li li:first-child,
.menu li li:first-child a {
	border-top: none !important;
}

/*** ARROWS **/
.menu li.menu-item-has-children > a::after {
	font-family: 'FontAwesome';
	content: '\f107';
	margin-left: 6px;
}
.menu li li.menu-item-has-children > a::after {
	position: absolute;
	content: '\f105';
	right: 12px;
}

/************************************************
5. Content
************************************************/

#wrapper,
.container {
	padding: 0px;
}
.container {
	margin-top: 72px;
}
.content {
	background-color: #ffffff;
	max-width: 1280px;
	margin: 0px auto 0px;
	padding: 0px 4%;
	position: relative;
}
.content:before, .content:after,
.post-holder:before, .post-holder:after,
.page-holder:before, .page-holder:after,
.blog-holder:before, .blog-holder:after,
.archive-holder:before, .archive-holder:after {
	content: "";
	display: table;
}
.content:after,
.post-holder:after,
.page-holder:after,
.blog-holder:after,
.archive-holder:after {
	clear: both;
}
.content.no-bg {
	background: none;
}
.article {
	display: block;
	position: relative;
}
.article .entry code,
.article .entry pre {
	color: #666666;
	background: #f4f4f4;
	position: relative;
	top: -2px;
	font-family: Courier, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	margin: 24px 0px;
	padding: 6px 8px;
	border: 2px solid #cccccc;
	border-radius: 3px;
}
.archive-title {
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.post-holder,
.page-holder,
.blog-holder,
.archive-holder {
	position: relative;
}
.blog-holder .entry {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}
.blog-holder .entry > p:first-child {
	font-size: 125%;
	line-height: 1.55;
}
.archive-holder {
	margin: 24px auto;
	padding: 24px 0px;
}
.archive-holder:first-child {
	margin-top: 12px;
	padding-top: 0px;
}
body.page-template-template-blog {
	background: #f4f4f4;
}
.blog-holder {
	background: #ffffff;
	width: 100%;
	max-width: 880px;
	margin: 24px auto;
	padding: 48px;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.12);
	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
}
.blog-holder.tutorial {
	max-width: none;
}
.blog-holder.tutorial .entry {
	max-width: 720px;
}
.blog-holder:first-child {
	margin-top: 0;
}
.search .archive-holder {
	background: #f4f4f4;
	padding: 18px;
	box-sizing: border-box;
	border-radius: 3px;
	transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
}
.search .archive-holder:hover {
	background: #ffffff;
	box-shadow: 0px 0px 12px rgba(0 ,0, 0, 0.12);
}
.search .archive-holder:nth-child(3n-1) {
	clear: both;
}
.search .archive-holder .title a {
	text-decoration: underline;
}
.search .archive-holder .title::after {
	font-family: 'FontAwesome';
	content: '\f105';
	margin-left: 6px;
}
.search .archive-holder .post-meta {
	margin-top: 6px;
	margin-bottom: 0px;
}
.search .archive-holder .post-date p,
.search .archive-holder .post-taxonomy p {
	padding: 0px;
}
.search .archive-holder .post-taxonomy {
	padding-bottom: 0px;
}
.search .archive-holder .excerpt p {
	font-size: 110%;
	padding: 0px 0px 12px 0px;
}
.search .archive-holder .button {
	display: block;
	text-align: center;
	margin-top: 8px;
}
.post-area {
	padding: 48px 36px 48px 0px;
}
.post-area.right {
	padding: 48px 0px 48px 36px;
}
.post-area.no-sidebar {
	max-width: 880px;
	margin: 0px auto;
	padding: 48px 0px;
}
.post-area.full-width {
	padding: 48px 0px;
}
.single-post .headline {
	font-family: 'Proxima Bold';
	letter-spacing: -2px;
	text-align: center;
}
.single-post .article .feature-img {
	width: calc(100% + 120px);
	margin-left: -60px;
	margin-bottom: 36px;
	max-width: none;
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.08);
}
.single-post .excerpt {
	text-align: center;
	margin-top: -8px;
	margin-bottom: 8px;
}
.single-post .excerpt::before {
	content: '';
	display: block;
	width: 120px;
	margin: 0px auto;
	border-top: 2px solid #cccccc;
}
.single-post .excerpt p {
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	font-family: 'Proxima Light';
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1.4;
}
.entry > p:first-child {
	padding-top: 0px;
}
.post-info {
	color: #999999;
	font-family: 'Proxima Semibold';
	font-size: 0.8em;
	text-transform: uppercase;
	text-align: center;
	margin-top: -18px;
	margin-bottom: 24px;
	padding: 0px;
	border-bottom: 1px solid rgba(0, 0, 0, .12);
	position: relative;
}
.post-info a {
	color: #bbbbbb;
}
.post-info a:hover {
	color: #999999;
}
.post-info span {
	background: #ffffff;
	bottom: -12px;
	position: relative;
	padding-right: 12px;
	padding-left: 12px;
}
.post-meta {
	display: inline-block;
	width: 100%;
	margin: 12px 0px;
}
.single .post-meta {
	font-size: 90%;
	margin: 0px;
	padding-left: 32px;
	box-sizing: border-box;
}
.single .article .four.columns {
	position: sticky;
	top: 96px;
}
.post-meta .post-edit-link {
	padding: 0px;
}
.post-author {
	float: left;
	color: #999999;
	width: 100%;
	font-size: 1.2em;
	margin: 0px;
	padding: 8px 0px;
}
.post-author p,
.post-date p {
	margin: 0px;
	padding: 0px;
}
.post-author .author-avatar {
	float: none;
	display: inline-block;
	width: auto;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	border-radius: 50%;
}
.post-edit-link {
	font-size: 1rem;
	padding: 12px 0px;
}
.post-date {
	float: left;
	color: #999999;
	width: 100%;
	font-size: 0.9em;
	margin: 0px;
	padding: 8px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.post-share {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 8px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.post-share.social .share a {
	margin-left: 0px;
	margin-right: 4px;
}
.post-taxonomy {
	float: left;
	color: #999999;
	width: 100%;
	font-size: 0.9em;
	margin: 0px;
	padding: 8px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.post-taxonomy p {
	margin: 0px;
	padding: 0px;
}
.post-navigation {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 8px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.previous-post {
	float: left;
	font-size: 0.9em;
}
.next-post {
	float: right;
	font-size: 0.9em;
}
.page-links {
	display: block;
	overflow: hidden;
	margin: 12px 0px;
}
.page-links .link-label {
	color: #000000;
	font-weight: bold;
	margin-left: 0px;
}
.page-links span {
	margin: 0px 3px;
}
.author-column {
	float: right;
	width: 72%;
	margin-top: 20px;
	padding-left: 4%;
	border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.author-posts {
	margin: 0px 0px 12px 0px;
	padding: 0px;
}
.author-posts li {
	margin: 0px;
	padding: 6px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.single-post .entry {
	font-size: 110%;
}
.gist {
	width: 100%;
	overflow: auto;
}
.gist .blob-wrapper.data {
	max-height: 260px;
	overflow: auto;
}

/************************************************
6. Page Templates
************************************************/

.page-blog .post-area {
	padding-top: 0px;
	margin-top: -48px;
}
.page-blog #searchform {
	max-width: 360px;
	margin: 24px auto;
}
.archive-column {
	float: left;
	width: 30%;
	margin: 0px;
	padding-top: 24px;
	padding-right: 5%;
}
.archive-column.last {
	padding-right: 0;
}
body.landing-page {
	position: inherit;
}
.landing-page #header,
.landing-page .footer {
	display: none;
}
.landing-page {
	display: block;
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0px;
	padding: 0px;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.admin-bar .landing-page {
	height: calc( 100vh - 32px );
}
.landing-page .site-title,
.landing-page .custom-logo-link {
	float: none !important;
	display: block;
	max-width: none;
	text-align: center;
}
.landing-page .site-description {
	color: #000000;
	font-size: 1.6em;
	font-weight: 300;
	line-height: 1.2;
	text-align: center;
	letter-spacing: 0px;
	padding: 0px;
	margin: 0px;
}
.landing-page .content {
	max-width: 720px;
	min-width: 280px;
	padding: 24px;
}
.landing-page .post-area.full-width {
	padding: 0px;
}
.landing-page .article {
	text-align: center;
	margin: 18px auto 0px;
	padding-top: 12px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}

/************************************************
7. Social Media
************************************************/

.social-icons {
	list-style: none;
	margin: 6px 0px;
	padding: 0px;
}
.social-icons li {
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.social-icons li a {
	display: block;
	background: #333333;
	background: rgba(255, 255, 255, 0);
	color: #666666;
	color: rgba(255, 255, 255, 0.4);
	text-align: center;
	text-decoration: none;
	line-height: 36px;
	min-width: 36px;
	margin: 2px;
	padding: 0px;
	border-radius: 18px;
}
.social-icons li a:hover {
	background: #444444;
	background: rgba(255, 255, 255, 0.24);
	color: #ffffff;
}
.social-icons li a::before {
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: normal;
	content: '\f0c1';
}
.social-icons li a span {
	display: none;
}
.social-icons li a[href*="facebook.com"]::before		{ content: '\f09a'; }
.social-icons li a[href*="twitter.com"]::before 		{ content: '\f099'; }
.social-icons li a[href*="plus.google.com"]::before 	{ content: '\f0d5'; }
.social-icons li a[href*="linkedin.com"]::before	 	{ content: '\f0e1'; }
.social-icons li a[href*="github.com"]::before		 	{ content: '\f113'; }
.social-icons li a[href*="dribbble.com"]::before		{ content: '\f17d'; }
.social-icons li a[href*="foursquare.com"]::before		{ content: '\f180'; }
.social-icons li a[href*="pinterest.com"]::before		{ content: '\f0d2'; }
.social-icons li a[href*="wordpress.com"]::before		{ content: '\f19a'; }
.social-icons li a[href*="youtube.com"]::before			{ content: '\f16a'; }
.social-icons li a[href*="vine.co"]::before				{ content: '\f1ca'; }
.social-icons li a[href*="instagram.com"]::before		{ content: '\f16d'; }
.social-icons li a[href*="stackexchange.com"]::before	{ content: '\f18d'; }
.social-icons li a[href*="spotify.com"]::before			{ content: '\f1bc'; }
.social-icons li a[href*="amazon.com"]::before			{ content: '\f270'; }
.social-icons li a[href*="flickr.com"]::before			{ content: '\f16e'; }
.social-icons li a[href*="vimeo.com"]::before			{ content: '\f27d'; }
.social-icons li a[href*="yelp.com"]::before			{ content: '\f1e9'; }
.social-icons li a[href*="mailto:"]::before				{ content: '\f0e0'; }
.social-icons li a[href$="/feed/"]::before				{ content: '\f09e'; }

/************************************************
8.	Pagination
************************************************/

.pagination {
	display: block;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
	width: 100%;
	margin: 24px auto 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	z-index: 7;
}
.pagination .nav-links {
	display: inline-block;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
.pagination .page-numbers {
	float: left;
	background: #ffffff;
	color: #666666;
	min-height: 36px;
	min-width: 36px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #dddddd;
	border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.pagination .page-numbers:first-child {
	border-left: none;
}
.pagination .page-numbers:hover,
.pagination .page-numbers:active {
	background: #eeeeee;
	min-height: 36px;
	min-width: 36px;
	line-height: 36px;
	padding: 0px;
}
.pagination .page-numbers.current {
	background: #eeeeee;
	min-height: 36px;
	min-width: 36px;
	line-height: 36px;
	padding: 0px;
}

/************************************************
9.	Images
************************************************/

.feature-img {
	display: inline-block;
	max-width: 100%;
	text-align: center;
	line-height: 0;
	margin: 12px auto 12px;
}
.article .feature-img {
	width: calc(100% + 48px);
	max-width: none;
	margin-top: 0px;
	margin-left: -24px;
	margin-bottom: 36px;
}
.avatar {
	background: #ffffff;
	margin: 12px 24px 12px 0px;
	padding: 4px;
	border: 1px solid rgba(0, 0, 0, 0.24);
	border-radius: 2px;
}
.author-avatar {
	float: left;
	display: block;
	width: 20%;
	margin-top: 20px;
	padding-right: 3.6%;
}
.author-avatar .avatar {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
}
img.hide-img {
	line-height: 0;
	margin-left: -999em;
	padding: 0px;
}
img.aligncenter {
	display: block;
	margin: 6px auto 6px;
	padding: 0px;
}
img.alignnone {
	padding: 0px;
	margin: 6px 0px;
	display: inline;
}
img.alignright {
	padding: 0px;
	margin: 12px 0px 12px 24px;
	display: inline;
}
img.alignleft {
	display: inline;
	padding: 0px;
	margin: 12px 24px 12px 0px;
}
.aligncenter {
	display: block;
	margin: 6px auto 6px;
}
.alignright {
	float: right;
	margin: 6px 0px 6px 24px;
}
.alignleft {
	float: left;
	margin: 6px 24px 6px 0px;
}
.wp-caption {
	max-width: 100%;
	text-align: center;
	line-height: 0;
	margin-top: 18px;
	margin-bottom: 18px;
	padding: 0px;
}
.wp-caption-dd {
	line-height: 1.6;
}
.wp-caption a {
	display: block;
}
.wp-caption img {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px;
}
.wp-caption p.wp-caption-text {
	display: inline-block;
	font-size: 0.85em;
	line-height: 1.6;
	margin: 0px;
	padding: 8px 0px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}

/************************************************
9b. Banners
************************************************/

.banner-text {
	background: #3f4b4b;
	padding: 48px 0px;
}
.banner-text .page-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.banner-text .headline {
	color: #ffffff;
}
.banner-text .tagline {
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.banner-img,
.feature-img.banner-img {
	display: block;
	width: 100%;
	min-height: 240px;
	max-height: 640px;
	position: relative;
	margin: 0px;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.feature-img.banner-img.profile-img {
	min-height: auto;
	margin-bottom: 36px;
}
.banner-img .img-title {
	width: 88%;
	padding: 0px 6%;
}
.banner-img .headline {
	color: #ffffff;
	font-family: 'Proxima Semibold';
	letter-spacing: 4px;
	text-transform: uppercase;
	margin: 0px;
}
.banner-img img {
	margin-left: -9999px;
}

/************************************************
10. Slideshow
************************************************/

.slideshow {
	display: block;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	z-index: 7;
}
.flexslider .preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -16px;
	margin-top: -16px;
	border-bottom: 3px solid rgba(0, 0, 0, 0.08);
	border-left: 3px solid rgba(0, 0, 0, 0.08);
	border-right: 3px solid rgba(0, 0, 0, 0.24);
	border-top: 3px solid rgba(0, 0, 0, 0.24);
	border-radius: 100%;
	height: 32px;
	width: 32px;
	-webkit-animation: spin .6s infinite linear;
	-moz-animation: spin .6s infinite linear;
	-ms-animation: spin .6s infinite linear;
	-o-animation: spin .6s infinite linear;
	animation: spin .6s infinite linear;
	z-index: 999;
}
.flexslider {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.flexslider.loading {
	min-height: 480px;
}
.flexslider ul,
.flexslider li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.flexslider .slides {
	position: relative;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides li {
	position: relative;
	min-height: 280px;
	max-height: 720px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {
	display: none;
}

/* Caption style */
.flex-caption {
	background: none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	zoom: 1;
}
.flex-caption {
	background: rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
	width: 96%;
	padding: 2%;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

/* Direction Nav */
.flex-direction-nav {
	height: 0;
}
.flex-direction-nav li a {
	display: block;
	background-color: #ffffff;
	font-size: 16px;
	line-height: 30px;
	height: 32px;
	width: 32px;
	text-decoration: none;
	margin-top: -16px;
	opacity: 1;
	position: absolute;
	top: 50%;
	cursor: pointer;
	overflow: visible;
	z-index: 9;
	border-radius: 2px;
}
.flex-direction-nav .flex-next {
	right: 24px;
	text-align: center;
}
.flex-direction-nav .flex-prev {
	left: 24px;
	text-align: center;
}
.flex-direction-nav .flex-next i,
.flex-direction-nav .flex-prev i {
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	font-weight: bold;
}
.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {
	text-decoration: none;
}
.flex-direction-nav .flex-prev:hover i,
.flex-direction-nav .flex-next:hover i {
	color: #000000;
}
.flex-direction-nav a.flex-disabled {
	opacity: 0;
}

/************************************************
11.	Portfolio & Testimonials
************************************************/

.portfolio-projects,
.testimonial-posts {
	width: calc(100% + 24px);
	margin-left: -12px;
	overflow: hidden;
}
.portfolio-projects .half:nth-child(2n+1),
.portfolio-projects .third:nth-child(3n+1),
.portfolio-projects .fourth:nth-child(4n+1),
.testimonial-posts .half:nth-child(2n+1),
.testimonial-posts .third:nth-child(3n+1),
.testimonial-posts .fourth:nth-child(4n+1),
.testimonial-posts .fifth:nth-child(5n+1) {
	clear: both;
}
.project,
.testimonial {
	background: #ffffff;
	margin: 12px;
	overflow: hidden;
}
.search .project,
.search .testimonial {
	margin: 24px 0px;
}
.project .feature-img,
.testimonial .feature-img {
	display: block;
	margin: 0px;
}
.project .information,
.testimonial .information {
	text-align: center;
	padding: 12px 18px;
}
.portfolio-nav {
	top: 50%;
	width: 100%;
	position: absolute;
	margin: 0px;
	border: none;
	z-index: 8;
}
.portfolio-nav a {
	display: block;
	background-color: #ffffff;
	font-size: 16px;
	line-height: 30px;
	height: 32px;
	width: 32px;
	text-decoration: none;
	margin-top: -16px;
	opacity: 1;
	position: absolute;
	top: 50%;
	cursor: pointer;
	overflow: visible;
	border-radius: 2px;
}
.portfolio-nav a i {
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
}
.portfolio-nav a:hover i {
	color: #000000;
}
.portfolio-nav a span {
	display: none;
}
.portfolio-nav .previous-post a {
	left: 24px;
}
.portfolio-nav .next-post a {
	right: 24px;
}
.testimonials .post-edit-link,
.portfolio .post-edit-link {
	display: none;
}
.testimonial p {
	padding: 12px 0px;
}
.testimonial blockquote {
	font-size: 1.1em;
	line-height: 1.6;
	margin: 0px;
	padding: 0px;
	border: none;
}
.testimonial .author {
	color: rgba(0, 0, 0, 0.4);
	font-style: italic;
	font-size: 1em;
	padding-bottom: 12px;
}
.testimonial .author::before {
	content: '— ';
}

/************************************************
12.	WordPress Gallery
************************************************/

.gallery {
	display: block;
	text-align: center;
	clear: both;
	overflow: hidden;
	margin: 12px auto 12px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.gallery .gallery-row {
	display:block;
	clear: both;
	overflow: hidden;
	margin: 0;
}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	padding: 0;
	position: absolute
	bottom: 0
}
.gallery .gallery-item a {
	display: block;
	background: #f4f4f4;
	margin: 6px;
	padding: 6px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
	border: none;
	border-radius: 2px;
	transition: background .25s;
	-moz-transition: background .25s;
	-webkit-transition: background .25s;
	-o-transition: background .25s;
}
.gallery .gallery-item a:hover {
	background: #9ece42;
}
.gallery .gallery-item img,
.gallery .gallery-item img.thumbnail {
	display: block;
	height: auto;
	margin: 0 auto;
	border: none !important;
}
.gallery-caption {
	margin-left: 0;
}

/************************************************
13.	Sidebar
************************************************/

.sidebar {
	margin: 0px;
	padding: 48px 0px;
}
.sidebar .widget li {
	border-radius: 3px;
}
.sidebar .widget li:nth-child(odd) {
	background: #f9f9f9;
}
.sidebar .widget li:nth-child(even) {
	background: #ffffff;
}

/************************************************
14.	Widgets
************************************************/

.widget {
	font-size: 0.9em;
	margin-bottom: 36px;
	padding: 0px;
}
.widget:last-child {
	margin-bottom: 0px;
}
.widget-title {
	font-family: 'Proxima Semibold';
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 12px;
	padding-bottom: 0px;
	border-bottom: none;
}
.widget ul, .widget li {
	list-style-type: none;
	margin: 0px;
}
.widget ul {
	padding: 6px 0px;
}
.widget li {
	display: block;
	padding: 6px 12px;
}
.widget li li {
	padding-left: 12px;
}
.widget li a {
	margin: 0px;
	padding: 0px;
}
.widget table {
	margin: 0px;
}
.textwidget {
	margin: 0px;
	padding: 0px;
}
.textwidget p {
	padding: 12px 0px;
}
.tagcloud {
	line-height: 1.2;
}
.widget_search {
	overflow: hidden;
}

/************************************************
15.	RSS Widget
************************************************/

.widget a.rsswidget {
	display: block;
}
.widget .widget-title a.rsswidget {
	display: inline;
}
.widget .rss-date {
	display: block;
	font-size: 0.8em;
	margin-bottom: 12px;
}

/************************************************
16.	Calendar Widget
************************************************/

#calendar_wrap {
	margin: 0px auto 0px;
	padding: 0px;
}
#wp-calendar {
	width: 100%;
	font-size: 0.8em;
	text-align: center;
}
#wp-calendar #today {
	background: #999999;
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff;
	font-weight: bold;
}
#wp-calendar a {
	margin: 0px;
}
#wp-calendar caption {
	font-size: 16px;
	margin: 5px 0px 5px 0px;
}
#wp-calendar #prev a {
	float: left;
	margin: 0px;
	text-align: left;
	padding-left: 12px;
}
#wp-calendar #next a {
	float: right;
	margin: 0px;
	text-align: right;
	padding-right: 12px;
}

/************************************************
17.	Custom Menu Widget
************************************************/

.widget ul.menu {
	float: none;
	width: 100%;
	text-align: left;
}
.widget ul.menu .current_page_item a,
.widget ul.menu .current-menu-item a {
	color: #9ece42 !important;
	background: none !important;
	border: none !important;
}
.widget ul.menu li a {
	display: block;
	background: none;
	color: rgba(255, 255, 255, 0.4) !important;
	width: auto;
	height: auto;
	font-size: 1em;
	text-transform: none;
	text-shadow: none;
	line-height: 1.7;
	margin: 6px 0px;
	padding: 0px;
	border: none !important;
}
.widget ul.menu li a:hover {
	color: #9ece42 !important;
	background: none;
	text-decoration: underline;
	border: none !important;
}
.widget ul.menu li {
	float: none;
	display: block;
	background: none !important;
	margin: 0px;
	padding: 0px;
	width: 100%;
	max-width: none;
}
.widget ul.menu li li {
	border-top: none;
}
.widget ul.menu li:last-child {
	border-bottom: none;
}
.widget ul.menu li span {
	top: 1px;
	right: 0px;
}
.widget ul.menu li ul.sub-menu {
	background: none !important;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: static;
	z-index: 9;
	box-shadow: none;
}
.widget ul.menu li ul.sub-menu span {
	display: none;
}
.widget ul.menu li ul.sub-menu li a {
	padding-left: 6px;
	border: none;
}
.widget ul.menu li ul.sub-menu li ul.sub-menu li {
	display: none;
}

/************************************************
18.	Search Form
************************************************/

#searchform {
	margin: 0px;
	padding: 0px;
}
#searchform label {
	display: none;
}
#searchform .search-field,
#searchform #s {
	float: left;
	width: 72%;
	margin: 0px;
	padding: 10px 8px;
}
.site-search #searchform #searchsubmit {
	font-size: 1.1rem;
	line-height: 1.1;
}
#searchform #searchsubmit {
	float: right;
	width: 24%;
	font-size: 0.8rem;
	line-height: 1.4;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 12px 4%;
	box-sizing: border-box;
	border-radius: 3px;
	color: rgba(255, 255, 255, 0.8);
	background: #9ece42;
	border-color: #9ece42;
}
#searchform #searchsubmit:hover {
	color: #ffffff;
	background: #7ba825;
	border-color: #7ba825;
}
.no-result-search {
	display: inline-block;
	margin: 12px auto 0px;
	min-width: 320px;
}
.no-result-search #searchform {
	max-width: 480px;
}

/************************************************
19.	Footer
************************************************/

.footer {
	background-color: #3f4b4b;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
}
.footer-widgets {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 48px;
	overflow: hidden;
}
.footer-widgets .widget {
	float: left;
	width: 14%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border-bottom: none;
}
.footer-widgets .widget ul li,
.footer-widgets .widget ul.menu li {
	margin: 8px 0px;
	padding: 0px;
}
.footer-widgets .widget:nth-child(4n+1) {
	clear: both;
}
.footer-widgets .widget:nth-child(4n+4) {
	width: 40%;
	margin-left: 18%;
}
.footer-information {
	padding: 24px 0px;
	overflow: hidden;
}
.footer-information .align-left {
	padding-top: 16px;
}
.footer-information p {
	color: rgba(255, 255, 255, 0.4) !important;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}
.footer-information a {
	color: rgba(255, 255, 255, 0.6);
}
.footer-information a:hover {
	color: #ffffff;
}

/************************************************
20.	Comments
************************************************/

#comments {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 4px solid rgba(0, 0, 0, 0.8);
}
#reply-title,
#comments-title {
	font-size: 2em;
}
.comment-subscription-form {
	padding: 6px 0px;
}
.commentlist li .avatar {
	float: right;
	background: #f9f9f9;
	margin: 0px 0px 12px 12px;
	padding: 6px;
	border: none;
	border-radius: 50%;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
}
.commentlist {
	margin-top: 24px;
	padding: 0px;
}
.commentlist ol {
	margin: 0px;
	padding: 10px;
}
.commentlist li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.commentlist li:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.commentlist li #respond {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.commentlist li ul li {
	padding-left: 24px;
}
.commentlist li ul li:last-child {
	border-bottom: none;
}
.commentlist p {
	margin: 10px 0px;
	padding: 0px;
}
.comment {
	padding: 18px 0px;
	overflow: hidden;
}
#commentform {
	margin: 5px 0px 0px 0px;
}
#commentform #submit {
	font-size: 1em;
}
.commentlist + #respond {
	padding-top: 24px;
}
#respond:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#cancel-comment-reply-link {
	float: right;
	font-size: 1.1rem;
	font-weight: normal;
	text-transform: none;
	margin: 12px 0px;
}
.form-submit #submit {
	margin-top: 0px !important;
}
p.logged-in-as {
	margin-top: -6px;
	padding: 0px;
}
.nocomments {
	display: none;
}
.edit-link {
	float: right;
	margin-top: 12px;
}
.comment .reply {
	float: left;
	margin: 6px 0px;
}
.commentmetadata {
	font-size: 10px;
	line-height: 14px;
	margin: 0px;
	display: block;
}
.navigation {
	display: block;
	text-align: center;
}
.form-allowed-tags {
	display: none;
}
.thread-alt, .thread-even {
	margin: 0px;
	padding: 0px;
}
.children {
	margin: 0px;
	padding: 0px;
}
.even, .alt {
	margin: 0px;
	padding: 0px;
}

/************************************************
21.	Buttons
************************************************/

button, .button, a.button, .comment .reply a, #searchsubmit, #prevLink a, #nextLink a,
a.more-link, #submit, input[type=submit], input#submit, input.button, #wrapper #infinite-handle span,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	display: inline-block;
	position: relative;
	color: rgba(0, 0, 0, 0.4);
	background: none;
	font-family: 'Proxima Semibold';
	font-size: 0.8em;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none !important;
	line-height: 1;
	letter-spacing: 1px;
	padding: 12px 18px;
	border-radius: 3px;
	border: 2px solid rgba(0, 0, 0, 0.24);
	box-shadow: none;
	-webkit-appearance: none;
}
button:hover, .button:hover, a.button:hover, .comment .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover,
a.more-link:hover, input[type=submit]:hover, #submit:hover, input#submit:hover, input.button:hover, #wrapper #infinite-handle span:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	color: #000000;
	background: #ffffff;
	text-decoration: none;
	cursor: pointer;
	border-color: #000000;
	box-shadow: none;
}
.button.large {
	font-size: 1.2em;
	padding: 32px 24px;
}
.more-link-wrapper {
	text-align: center;
}
.more-link-wrapper a.more-link {
	margin-top: 12px;
}

/************************************************
22. Columns
************************************************/

.content-columns {
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.content-column {
	float: left;
	position: relative;
	margin-right: 4%;
	padding-top: 24px;
	padding-bottom: 24px;
}
.content-column:last-child {
	float: right;
	margin-right: 0;
	clear: right;
}
.content-column:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.content-column.one-half {
	width:48%;
}
.content-column.one-third {
	width:30.66%;
}
.content-column.two-third {
	width:65.33%;
}
.content-column.one-fourth {
	width:22%;
}
.content-column.three-fourth {
	width:74%;
}
.content-column.one-fifth {
	width:16.8%;
}
.content-column.two-fifth {
	width:37.6%;
}
.content-column.three-fifth {
	width:58.4%;
}
.content-column.four-fifth {
	width:67.2%;
}
.content-column.one-sixth {
	width:13.33%;
}
.content-column.five-sixth {
	width:82.67%;
}

/************************************************
23. Tables
************************************************/

table {
	background: #ffffff;
	width: 100%;
	margin: 18px 0px;
	padding: 0px;
	border-spacing: 0;
	border: 3px solid #dddddd;
	border-radius: 3px;
	overflow: hidden;
}
table thead,
table tfoot {
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
table thead th,
table tfoot td {
	border: none;
}
table th {
	background: #eeeeee;
	background: rgba(0, 0, 0, 0.08);
	font-size: 1.2em;
	line-height: 1.4;
	text-align: left;
	margin: 0px;
	padding: 12px;
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}
table td {
	padding: 8px 12px;
	margin: 0px;
	box-sizing: border-box;
}
table tr:nth-child(2n) {
	background: rgba(0, 0, 0, 0.04);
}
table li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/************************************************
24. Forms
************************************************/

form {
	display: block;
}
form p {
	padding: 6px 0px;
}
form br {
	display: none;
}
form div {
	display: block;
	margin-bottom: 6px;
	overflow: hidden;
	box-sizing: border-box;
}
form div:empty {
	display: none;
}
form fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
	border-radius: 2px;
}
form span.required {
	display: inline;
}
form li,
form ul,
form ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
form legend {
	color: rgba(0, 0, 0, 0.4);
	font-family: 'Proxima Semibold';
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-left: 4px;
	padding-right: 4px;
}
form label {
	margin-top: 6px;
}
form li > label {
	font-weight: bold;
}
form li li > label {
	font-weight: normal;
}
form span label {
	font-size: 0.8em;
}
form input,
form textarea {
	background-color: #f9f9f9;
	margin-bottom: 6px;
	padding: 8px;
	border-radius: 3px;
	border: 2px solid rgba(0, 0, 0, 0.24);
	box-sizing: border-box;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
form input:hover, form input:active, form input:focus,
form textarea:hover, form textarea:active, form textarea:focus {
	border-color: rgba(0, 0, 0, 1);
	box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.24);
}
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'],
form textarea {
	display: block;
	font-family: inherit;
	font-size: 1em;
	line-height: 1.4;
}
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'] {
	width: 50%;
}
form textarea {
	width: 100%;
}
form input[type='checkbox'],
form input[type='radio'] {
	margin-left: 0px;
	margin-right: 6px;
}
form input[type='submit'] {
	margin-top: 6px;
}
form .form-submit {
	padding: 8px 0px;
}
textarea {
	overflow: auto;
}
address {
	margin: 12px 0px;
}
select {
	display: block;
	background-color: #ffffff;
	color: rgba(0, 0, 0, 0.6);
	text-shadow: 0 0 0 rgba(0, 0, 0, .4);
	width: auto;
	max-width: 100%;
	font-size: 1.2em;
	line-height: 1.6;
	margin-bottom: 6px;
	padding: 5px 44px 5px 8px;
	box-shadow: none;
	border-radius: 3px;
	border: 2px solid rgba(0, 0, 0, 0.24);
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;

	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12));
	background-position:
		calc(100% - 16px) 50%,
		calc(100% - 11px) 50%,
		calc(100% - 32px) 4px;
	background-size:
		5px 5px,
		5px 5px,
		1px 32px;
	background-repeat: no-repeat;

	/* reset */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
select:hover {
	background-color: #f4f4f4;
	text-shadow: 0 0 0 rgba(0, 0, 0, .8);
	border-color: rgba(0, 0, 0, 1);
	cursor: pointer;
}
form input.white {
	background: none;
	color: rgba(255, 255, 255, 0.4);
	border-color: rgba(255, 255, 255, 0.24);
}
form input.white:hover,
form input.white:active,
form input.white:focus {
	background: none;
	color: #ffffff;
	border-color: rgba(255, 255, 255, 1);
}
select option {
	padding: 2px;
}

/************************************************
25.	CSS3 Styles
************************************************/

a, a:hover, #submit:hover, #searchsubmit:hover, .button:hover {
	transition: background .25s, color .25s, border .5s;
	-moz-transition: background .25s, color .25s, border .5s;
	-webkit-transition: background .25s, color .25s, border .5s;
	-o-transition: background .25s, color .25s, border .5s;
}
.shadow {
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
}
.radius-full {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.radius-top {
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-khtml-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
}
.radius-bottom {
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-khtml-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
}
.radius-half {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
}

/************************************************
26.	Jetpack
************************************************/

.home #infinite-footer {
	display: none;
}
#infinite-handle,
.infinite-loader {
	display: block;
	text-align: center;
	padding: 12px 24px;
}
#infinite-footer .container {
	width: auto;
}
.blog.infinite-scroll .pagination,
.infinite-scroll.neverending .pagination,
.infinite-scroll.neverending .footer {
	display: none;
}
.infinity-end.neverending .footer {
	display: block;
}
.infinite-loader .spinner {
	margin: 0px auto 0px;
}
.infinite-scroll.neverending .footer {
	display: none;
}
.infinity-end.neverending .footer {
	display: block;
}
.grofile-thumbnail,
.widgets-grid-layout {
	float: left;
	width: 28% !important;
	margin: 12px 24px 6px 0px;
	border-radius: 50%;
}
div.sharedaddy h3.sd-title {
	letter-spacing: 0px;
}

/************************************************
27.	WordPress Core
************************************************/

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.wp-audio-shortcode {
	margin: 12px 0px;
}
.sticky,
.bypostauthor {
	position: relative;
}

/************************************************
	28. Custom Styles
************************************************/

/************************************************
	Buttons
************************************************/

.double-btn {
	display: inline-block;
	margin: 0px auto 0px;
	overflow: hidden;
	page-break-after: always; /* CSS 2.1 syntax */
  break-after: always; /* New syntax */
}
.double-btn .button {
	float: left;
}
.double-btn .button:nth-child(1) {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: 1px solid rgba(0, 0, 0, .2);
}
.double-btn .button:hover:nth-child(1) {
	border-right: 1px solid rgba(0, 0, 0, 1);
}
.double-btn .button:nth-child(2) {
	margin-left: -1px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-left: 1px solid rgba(0, 0, 0, .2);
}
.double-btn .button:hover:nth-child(2) {
	border-left: 1px solid rgba(0, 0, 0, 1);
}
.double-btn .button.white:nth-child(1) {
	border-right: 1px solid rgba(255, 255, 255, .3);
}
.double-btn .button.white:hover:nth-child(1) {
	border-right: 1px solid rgba(255, 255, 255, 1);
}
.double-btn .button.white:nth-child(2) {
	border-left: 1px solid rgba(255, 255, 255, .3);
}
.double-btn .button.white:hover:nth-child(2) {
	border-left: 1px solid rgba(255, 255, 255, 1);
}
.button .price {
	letter-spacing: 0px;
	margin-left: 0px;
	padding-left: 6px;
	border-left: 1px solid rgba(0, 0, 0, .24);
}
.button .price.free-download {
	letter-spacing: 2px;
}
.button .price b {
	font-family: 'Proxima Bold';
	font-size: 120%;
	letter-spacing: 0;
	position: relative;
	bottom: -1px;
}
.button.green .price, a.button.green .price {
	border-color: rgba(255, 255, 255, 0.4);
}
.button.white, a.button.white {
	color: rgba(255, 255, 255, 0.7);
	border-color: rgba(255, 255, 255, 0.24);
}
.button.white:hover, a.button.white:hover {
	color: #ffffff;
	background: none;
	border-color: #ffffff;
}
.button.white.fill, a.button.white.fill {
	color: rgba(0, 0, 0, 0.4);
	border-color: #ffffff;
	background-color: #ffffff;
}
.button.white.fill:hover, a.button.white.fill:hover {
	color: #ffffff;
	background: none;
	border-color: #ffffff;
}
.button.green, a.button.green, input#edd-purchase-button, .button.alt {
	color: rgba(255, 255, 255, 0.9);
	background: #9ece42;
	font-family: 'Proxima Bold';
	border-color: #9ece42;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.24);
}
.button.green:hover, a.button.green:hover, input#edd-purchase-button:hover, .button.alt:hover {
	color: #ffffff;
	background: #7ba825;
	border-color: #7ba825;
}
.button.white .price {
	border-left: 1px solid rgba(255, 255, 255, .24);
}

/************************************************
	General
************************************************/

.fa.green {
	color: #99cc00;
}
.fa.red {
	color: #ff9999;
}
.message {
	display: block;
	background: #eff8de;
	color: rgba(0, 0, 0, 0.4);
	font-size: 0.9em;
	margin: 24px auto;
	padding: 18px 36px;
	border-radius: 3px;
}
.message p {
	padding: 12px 0px;
}
.icon-bg {
	position: absolute;
	bottom: -200px;
	right: -200px;
	opacity: .4;
	z-index: 1;
}
.icon-bg.top-left {
	top: -200px;
	left: -160px;
	bottom: auto;
	right: auto;
}
.icon-bg.fa-spin {
	animation-duration: 8s;
	-webkit-animation-duration: 8s;
}
.icon-bg svg {
	width: 520px;
	height: 520px;
}

/************************************************
	Header
************************************************/

.logo-text path {
	fill: #333333;
}

/************************************************
	Home Page
************************************************/

body.home {
	background-color: #ffffff;
}
.home section {
	position: relative;
	width: 100%;
	margin-top: -1px;
	z-index: 6;
	line-height: 0;
	overflow: hidden;
}
.home section .button {
	margin-top: 12px;
}
.home section .decoration {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.home section .decoration.top {
	top: 0;
	bottom: auto;
}
.home section .decoration svg {
	width: 100%;
	height: auto;
}
.home .container {
	margin-top: 0px;
}
.home .featured-sale {
	margin-top: -120px;
	padding-top: 96px;
	padding-bottom: 60px;
}
.home .featured-sale .sale-sign {
	position: relative;
	background-color: #b70019;
	background-image: -webkit-linear-gradient(top, rgb(183, 0, 25), rgb(138, 1, 68));
	background-image: -moz-linear-gradient(top, rgb(183, 0, 25), rgb(138, 1, 68));
	background-image: -o-linear-gradient(top, rgb(183, 0, 25), rgb(138, 1, 68));
	background-image: -ms-linear-gradient(top, rgb(183, 0, 25), rgb(138, 1, 68));
	background-image: linear-gradient(top, rgb(183, 0, 25), rgb(138, 1, 68));
	max-width: 820px;
	margin: 60px auto;
	padding: 18px;
	border: 24px solid #ffffff;
	box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	border-radius: 3px;
}
.home .featured-sale .sale-sign .snow {
	position: absolute;
}
.home .featured-sale .sale-sign .snow-right {
	top: -54px;
	right: -54px;
}
.home .featured-sale .sale-sign .snow-middle {
	top: -56px;
	right: 50%;
	margin-right: -220px;
}
.home .featured-sale .sale-sign .snow-left {
	top: -54px;
	left: -48px;
}
.home .featured-sale #sale-countdown {
	padding: 4px 8px;
	border: 2px solid;
	margin-top: 8px;
	display: inline-block;
}
.home .featured-sale .information {
	padding: 24px;
}
.home .featured-sale .information h4,
.home .featured-sale .information h3,
.home .featured-sale .information p {
	color: #ffffff;
}
.home .featured-sale p.coupon-code {
	display: inline-block;
	background: #ffffff;
	color: #000000;
	font-size: 120%;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 6px 0px;
	padding: 4px 12px;
}
.home .featured-sale .information {
	text-align: center;
}
.home .featured-sale .information:first-child p {
	line-height: 1;
	margin: 0px;
	padding: 0px;
}
.home .featured-sale .information .discount {
	font-family: 'Proxima Bold';
	font-size: 6.6em;
	letter-spacing: -6px;
}
.home .featured-sale .information:last-child {
	border: 4px dashed #ffffff;
}
.home .video {
	position: relative;
	padding-top: 160px;
	padding-bottom: 120px;
	overflow: hidden;
	background-image: -moz-linear-gradient(right top,rgb(124, 177, 23),rgb(10, 145, 174));
	background-image: -webkit-linear-gradient(right top,rgb(124, 177, 23),rgb(10, 145, 174));
	background-image: -o-linear-gradient(right top,rgb(124, 177, 23),rgb(10, 145, 174));
	background-image: -ms-linear-gradient(right top,rgb(124, 177, 23),rgb(10, 145, 174));
	background-image: linear-gradient(right top,rgb(124, 177, 23),rgb(10, 145, 174));
	/* background-image: -webkit-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -moz-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -o-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -ms-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170)); */
}
.home .video .flex-row {
	justify-content: space-between;
}
.home .video .headline {
	font-size: 3.4em;
	font-family: 'Proxima Bold';
	line-height: 1.1;
}
.home .video .headline span {
	display: block;
	font-size: 80%;
}
.home .video .featured-video {
	background-color: #ffffff;
	min-width: 580px;
	margin-left: 84px;
	padding: 18px;
	border-radius: 3px;
	box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}
.video-info {
	position: relative;
}
.video-info .the-text {
	position: relative;
	bottom: -56px;
	font-size: 20px;
	font-family: 'Proxima Regular';
	text-transform: uppercase;
	letter-spacing: 22px;
}
.video-info .best-text {
	position: relative;
	font-size: 36px;
	font-family: 'Proxima Bold';
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin-right: 6px;
}
.video-info .best-text::after {
	content: '';
	height: 3px;
	background: #ffffff;
	display: inline-block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -8px;
}
.video-info .ingredients-text {
	font-size: 84px;
	font-family: 'Pacifico';
	letter-spacing: 0px;
	position: relative;
	bottom: -16px;
}
.video-info .headline .small {
	font-size: 28px;
	font-family: 'Proxima Regular';
	font-style: italic;
	position: relative;
	top: -8px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.video-info .wordpress-text {
	font-family: 'Proxima Bold';
	font-weight: 400;
	position: relative;
	left: 52px;
	top: 12px;
	font-size: 58px;
}
.video-info .website-text {
	font-family: 'Proxima Light';
	position: relative;
	left: 226px;
	top: 6px;
	text-transform: uppercase;
	font-size: 34px;
	letter-spacing: 22px;
}
/* .bg-circles {
	margin: 0px;
	padding: 0px;
}
.bg-circles li {
	position: absolute;
	display: block;
	list-style: none;
	width: 20px;
	height: 20px;
	background: rgba(255, 255, 255, 0.2);
	animation: animate 25s linear infinite;
	margin: 0px;
	padding: 0px;
	border-radius: 50%;
	bottom: -150px;
	z-index: -1;
}
.bg-circles li:nth-child(1){
	left: 25%;
	width: 80px;
	height: 80px;
	animation-delay: 0s;
}
.bg-circles li:nth-child(2){
	left: 10%;
	width: 20px;
	height: 20px;
	animation-delay: 2s;
	animation-duration: 12s;
}
.bg-circles li:nth-child(3){
	left: 70%;
	width: 20px;
	height: 20px;
	animation-delay: 4s;
}
.bg-circles li:nth-child(4){
	left: 40%;
	width: 60px;
	height: 60px;
	animation-delay: 0s;
	animation-duration: 18s;
}
.bg-circles li:nth-child(5){
	left: 65%;
	width: 20px;
	height: 20px;
	animation-delay: 0s;
}
.bg-circles li:nth-child(6){
	left: 75%;
	width: 110px;
	height: 110px;
	animation-delay: 3s;
}
.bg-circles li:nth-child(7){
	left: 35%;
	width: 150px;
	height: 150px;
	animation-delay: 7s;
}
.bg-circles li:nth-child(8){
	left: 50%;
	width: 25px;
	height: 25px;
	animation-delay: 15s;
	animation-duration: 45s;
}
.bg-circles li:nth-child(9){
	left: 20%;
	width: 15px;
	height: 15px;
	animation-delay: 2s;
	animation-duration: 35s;
}
.bg-circles li:nth-child(10){
	left: 85%;
	width: 150px;
	height: 150px;
	animation-delay: 0s;
	animation-duration: 11s;
}
@keyframes animate {
	0%{
		transform: translateY(0) rotate(0deg);
		opacity: 1;
	}
	100%{
		transform: translateY(-1000px) rotate(720deg);
		opacity: 0;
	}
} */
.themes-promo .flex-row {
	justify-content: center;
}
.themes-promo .themes-holder {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1200px;
	padding-right: 60px;
}
.themes-promo .themes-holder .browser-container {
	max-width: 320px;
	position: relative;
	margin: 0px;
	z-index: 6;
}
.themes-promo .themes-holder .browser-container:hover {
	z-index: 9;
}
.themes-promo .themes-holder .browser-container:nth-child(1) {
	margin-right: -160px;
}
.themes-promo .themes-holder .browser-container:nth-child(2) {
	max-width: 540px;
	min-width: 360px;
	z-index: 8;
}
.themes-promo .themes-holder .browser-container:nth-child(3) {
	margin-left: -160px;
}
.themes-promo #word {
	display: block;
	font-size: 1.1em;
	text-decoration: underline;
}
.themes-promo {
	background-color: #ffffff;
	position: relative;
	padding: 24px 0px 48px;
	box-sizing: border-box;
}
.themes-promo .themes-text {
	width: 40%;
}
.themes-promo .tagline a {
	font-weight: 400;
	text-decoration: underline;
}
.themes-promo .tagline a:hover {
	text-decoration: none;
}
.featured-testimonial {
	padding: 72px 0px;
}
.featured-testimonial .information {
	position: relative;
	padding: 36px;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
	background-image: -webkit-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -moz-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -o-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -ms-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
}
.featured-testimonial .arrow-bottom {
	position: absolute;
	bottom: -24px; left: 50%;
	width: 0;
	height: 0;
	margin-left: -12px;
	border-left: 24px solid transparent;
	border-right: 24px solid transparent;
	border-top: 24px solid #47b069;
}
.featured-testimonial .tagline {
	color: #ffffff;
	line-height: 1.45;
	font-size: 1.4em;
}
.featured-testimonial .tagline a {
	color: #ffffff;
	font-family: 'Proxima Bold';
	text-decoration: underline;
}
.featured-testimonial .testimonial-img {
	position: absolute;
	top: -52px; left: 50%;
	text-align: center;
	max-width: 80px;
	margin-left: -46px;
	border-radius: 50%;
	border: 6px solid #eeeeee;
	overflow: hidden;
}
.featured-testimonial .testimonial-logo {
	text-align: center;
	max-width: 160px;
	margin: 24px auto 0px;
}
.featured-testimonial,
.home .widgets-appearance {
	background: #eeeeee;
}
.home .widgets-appearance .icon-bg {
	opacity: .3;
}
.services-promo {
	padding-bottom: 36px;
	background-image: -webkit-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -moz-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -o-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -ms-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
}
.services-promo .services-text {
	margin-top: 260px;
}
.services-promo .service-block {
	background: #ffffff;
	max-width: 32%;
	margin: 0px;
	padding: 36px;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
}
.services-promo .service-block .button,
.hosting-promo .hosting-text .button {
	margin-top: 12px;
}
.services-graphic {
	line-height: 0;
}
.services-graphic svg {
	max-height: 640px;
	max-width: 600px;
}
.hosting-promo {
	background: #ffffff;
	padding-top: 36px;
}
.hosting-graphic svg {
	max-width: 720px;
	max-height: 480px;
}
.team-promo {
	background: #eeeeee;
}
.team-graphic {
	margin-left: -120px;
	margin-right: 60px;
}
.team-graphic svg {
	max-width: 720px;
	max-height: 480px;
}
.home .features {
	background: #eeeeee;
	padding-bottom: 36px;
}

/************************************************
	Browser Window Style
************************************************/

.browser-container {
	position: relative;
	text-align: center;
	line-height: 0;
	margin: 18px;
	z-index: 6;
}
.browser {
	position: relative;
	display: inline-block;
	background-color: #cccccc;
	width: 100%;
	margin: 0px;
	padding: 24px 0px 0px 0px;
	box-sizing: border-box;
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.12);
	border: 2px solid #bbbbbb;
	border-radius: 3px;
	overflow: hidden;
}
.browser .circles {
	position: absolute;
	top: 8px;
	left: 8px;
}
.browser .circles span {
	float: left;
	background: rgba(0, 0, 0, 0.3);
	width: 6px;
	height: 6px;
	margin-top: 1px;
	margin-right: 6px;
	border-radius: 3px;
}
.browser-img {
	display: block;
	position: relative;
	background: #ffffff;
	line-height: 0;
}
.mobile .browser-img {
	min-height: 340px;
}
.browser-info,
.browser-img img {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.browser-img a {
	display: block;
}
.browser-info {
	display: flex;
	background: rgba(255, 255, 255, 0.94);
	position: absolute;
	line-height: 1.7;
	text-align: center;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	height: 100%;
	width: 100%;
	opacity: 0;
	z-index: 8;
}
.browser-info .or {
	display: table;
	white-space: nowrap;
	color: #999999;
	font-family: 'Proxima Regular';
	font-size: 14px;
	text-transform: uppercase;
	margin: 12px auto;
	page-break-after: always;
  break-after: always;
}
.browser-info .or:before,
.browser-info .or:after {
	border-top: 1px solid #999999;
	content: '';
	display: table-cell;
	position: relative;
	top: 10px;
	width: 40%;
}
.browser-info .or:before {
	right: 6%;
}
.browser-info .or:after {
	left: 6%;
}
.browser-img:hover .browser-info {
	opacity: 1;
}
.browser-img img {
	position: relative;
	line-height: 0;
	z-index: 1;
}
.browser-info .browser-title {
	top: 12px;
	position: relative;
	padding-bottom: 18px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	-webkit-transition-delay: .3s; /* Safari */
	transition-delay: .3s;
	opacity: 0;
}
.browser-container:hover .browser-info .browser-title {
	top: 0;
	opacity: 1;
}
.browser-title {
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
}
.browser-title p {
	font-weight: 300;
	padding: 0px;
	opacity: 0.8;
}

/************************************************
	Single Theme
************************************************/

body.single-theme {
	background-color: #3f4b4b;
}
.single-theme .container {
 margin-top: 0px;
}
.single-theme .theme-body {
	background: #ffffff;
}
.single-download .feature-img.banner-img {
	max-width: 360px;
	margin: 48px auto 0px;
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.12);
	border: 3px solid #cccccc;
	border-radius: 3px;
}
#purchase-options {
	padding: 0px;
}
#purchase-options .custom-close {
	display: inline-block;
	color: rgba(255, 255, 255, 0.4);
	line-height: 0;
	background: none;
	position: absolute;
	top: 12px; right: 12px;
}
#purchase-options .custom-close:hover {
	color: #ffffff;
}
#purchase-options .modal-header {
	padding: 24px;
	background-color: #7ba825;
	background-image: -webkit-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -moz-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -o-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -ms-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	border-radius: 8px 8px 0px 0px;
}
#purchase-options .modal-header .icon {
	line-height: 0;
}
#purchase-options .modal-header .icon path,
#purchase-options .modal-header .icon rect {
	fill: #ffffff;
}
#purchase-options .modal-header .title {
	color: #ffffff;
}
#purchase-options .modal-header p {
	color: rgba(255, 255, 255, 0.7);
	padding: 0px;
}
#purchase-options .modal-body {
	padding: 24px;
}
#purchase-options .button {
	display: block;
	position: relative;
	font-size: 1.4em;
	line-height: 1;
	margin-bottom: 12px;
	padding: 24px;
	border-radius: 6px;
}
#purchase-options .button.green {
	border-color: rgba(0, 0, 0, 0.12);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}
#purchase-options .button .price {
	padding-left: 10px;
}
#purchase-options .button span.small {
	display: block;
	color: rgba(0, 0, 0, 0.4);
	letter-spacing: 0px;
	font-size: 13px;
	font-family: 'Proxima Regular';
	line-height: 1.4;
	text-transform: none;
	text-shadow: none;
	margin-top: 12px;
}
#purchase-options .button.green span.small {
	color: rgba(255, 255, 255, 0.8);
}
#purchase-options #burst-12,
#purchase-options #burst-12::before,
#purchase-options #burst-12::after {
	width: 48px;
	height: 48px;
}
#purchase-options #burst-12 span {
	font-size: 10px;
	font-family: 'Proxima Semibold';
	letter-spacing: 0px;
}
.theme-banner {
	display: flex;
	align-items: flex-end;
	position: relative;
	background-color: #4e5c5c;
	/* background-image: url( 'images/bg-theme.jpg' );
	background-position: center;
	background-attachment: fixed;
	background-size: cover; */
	max-height: calc( 100vh - 120px );
	padding-top: 120px;
	overflow: hidden;
}
/* .theme-banner::before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	max-height: none;
} */
.theme-banner .headline {
	font-size: 3.4em;
	font-family: 'Proxima Bold';
	line-height: 1;
}
.theme-banner .content {
	display: flex;
	align-items: center;
	padding-bottom: 0px;
}
.theme-banner .information {
	margin: 0px auto 0px;
	padding-left: 96px;
}
.theme-banner .information .tagline {
	display: inline-block;
	font-size: 1.4em;
	margin-top: 0px;
}
.theme-banner .information .divider {
	display: block;
	background: #ffffff;
	width: 80px;
	height: 3px;
	margin: 4px 0px;
}
.theme-banner .information p {
	line-height: 1.5;
	padding: 12px 0px;
}
.theme-banner .information.text-white p {
	color: rgba(255, 255, 255, 0.7);
}
.theme-banner .information .btn-holder {
	max-width: 400px;
	margin: 12px 0px;
}
.theme-banner .information .double-btn {
	display: inline-block;
	margin-bottom: 12px;
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.24);
	border-radius: 3px;
}
.theme-banner a.button.green {
	display: block;
}
.theme-banner .information p.club-info {
	font-size: 0.9em;
}
.theme-banner .theme-images {
	position: relative;
	margin-bottom: -6px;
}
.theme-banner .browser-container {
	line-height: 0;
	margin: 0px;
}
.theme-banner .browser-container.desktop {
	max-width: 80%;
}
.theme-banner .browser-container.desktop:hover {
	z-index: 8;
}
.theme-banner .browser-container.mobile {
	width: 100%;
	max-width: 240px;
	position: absolute;
	bottom: 0;
	right: -24px;
	z-index: 7;
}
.theme-banner .double-btn {
	display: flex;
}
.theme-banner a.pricing-link {
	display: inline-block;
	font-size: 0.9em;
	margin-top: 12px;
}
.theme-social {
	background: #eeeeee;
	text-align: center;
	padding: 36px 0px;
}
.theme-social .social {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px auto;
	padding: 0px;
}
.theme-social .social .title {
	color: rgba(0, 0, 0, 0.4);
	margin-right: 24px;
}
.theme-single .entry .feature {
	float: left;
	box-sizing: border-box;
	width: 50%;
	margin-top: 24px;
	padding-right: 24px;
}
.theme-single .entry .feature .title {
	font-size: 0.9em;
	margin-top: 6px;
}
.theme-single .entry .feature p:first-child {
	display: inline;
	padding: 0px;
}
.theme-single .entry .feature p {
	font-size: 0.9em;
	line-height: 1.4;
	padding: 6px 0px;
}
.theme-single .entry .feature img {
	max-width: 40px;
	margin: 6px 18px 12px 0px;
}
.theme-body .content {
	max-width: 860px;
}
.theme-body .entry img {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
	border: 1px solid #dddddd;
	box-sizing: border-box;
}
.theme-body .purchase-options {
	text-align: center;
	margin-bottom: 36px;
}
.theme-body .purchase-options a.button {
	display: block;
	margin-bottom: 12px;
}
.theme-body .sidebar .theme-tags .tags {
	color: #cccccc;
}
.theme-body .sidebar .theme-tags .tags a {
	padding: 0px 6px;
}
.theme-body .sidebar .theme-tags .tags a::before {
	color: #cccccc;
	font-family: 'FontAwesome';
	font-size: 10px;
	content: '\f02b';
	margin-right: 4px;
}
.theme-details {
	background-color: #7ba825;
	background-image: -webkit-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -moz-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -o-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -ms-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	padding: 24px 0px;
}
.theme-details ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0px;
}
.theme-details ul li,
.theme-details ul li a {
	display: flex;
	align-items: center;
	list-style: none;
	color: rgba(255, 255, 255, 0.8);
	font-size: 1.1rem;
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
}
.theme-details ul li a {
	color: #ffffff;
}
.theme-details ul li span {
	margin-left: 4px;
}
.theme-details ul li span.bold {
	color: #ffffff;
	font-family: 'Proxima Bold';
}
.theme-details ul li span.icon {
	line-height: 0;
	margin-left: 0px;
	margin-right: 8px;
}
.theme-details ul li svg path {
	fill: #ffffff;
}
.plugin-upgrade-notification {
	background: #eeeeee;
	margin-top: 12px;
	padding: 24px;
	overflow: hidden;
	border-radius: 3px;
}
.plugin-upgrade-notification .footer-img {
	float: left;
	max-width: 200px;
	margin-right: 18px;
}
.givingpress-notification {
	background: #4a4554;
	padding: 48px 0px;
	overflow: hidden;
}
.givingpress-notification .gp-advert {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.givingpress-notification .gp-preview {
	float: left;
	width: 25%;
}
.givingpress-notification .information {
	float: left;
	width: 75%;
	position: relative;
	padding-left: 48px;
	box-sizing: border-box;
}
.givingpress-notification .gp-logo {
	padding-bottom: 12px;
}
.theme-single .theme-features {
	background: #f4f4f4;
	padding: 72px 0px;
	overflow: hidden;
}
.theme-single .theme-features ul,
.theme-single .theme-features li {
	list-style: none;
}
.theme-single .feature-list {
	overflow: hidden;
}
.theme-single .feature-list li {
	float: left;
	width: 25%;
	background: none;
	font-size: 1em;
	margin: 0px;
	padding: 6px;
	box-sizing: border-box;
}
.theme-single .theme-features .feature-list li::before {
	color: #99cc00;
	font-family: 'FontAwesome';
	content: '\f058';
	margin-right: 8px;
}
.theme-purchase-bottom {
	background-color: #4e5c5c;
	padding: 72px 0px;
}
.theme-purchase-bottom .feature-text {
	min-width: 50%;
}
.theme-purchase-bottom .tagline {
	padding: 8px 0px;
}

/************************************************
	Page Templates
************************************************/

/* Pricing Page */

.tooltip_templates {
	display: none;
}
.organic-tip {
	padding: 0px;
	max-width: 320px;
	border-radius: 3px;
	box-sizing: border-box;
}
.organic-tip .title {
	color: #ffffff;
	background-color: #7ba825;
	background-image: -webkit-linear-gradient(left,rgb(123,168,37),rgb(21,183,170));
	background-image: -moz-linear-gradient(left,rgb(123,168,37),rgb(21,183,170));
	background-image: -o-linear-gradient(left,rgb(123,168,37),rgb(21,183,170));
	background-image: -ms-linear-gradient(left,rgb(123,168,37),rgb(21,183,170));
	background-image: linear-gradient(left,rgb(123,168,37),rgb(21,183,170));
	border-radius: 3px 3px 0px 0px;
	padding: 24px 18px;
}
.organic-tip .info {
	background: #ffffff;
	font-size: 85%;
	padding: 8px 24px;
	border-left: 3px solid #dddddd;
	border-right: 3px solid #dddddd;
	border-bottom: 3px solid #dddddd;
	border-radius: 0px 0px 3px 3px;
}
.pricing-table {
	background-color: #f4f4f4;
	padding: 72px 0px;
}
.pricing-table .intro {
	margin-top: 24px;
	margin-bottom: 24px;
}
#burst-12 {
	display: flex;
	background: #dd2faa;
	width: 72px;
	height: 72px;
	position: absolute;
	top: -6px; right: -6px;
	text-align: center;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
}
#burst-12 span {
	color: #ffffff;
	font-size: 0.8em;
	font-family: 'Proxima Bold';
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	line-height: 1.2;
	align-self: center;
	position: relative;
	margin: 0px auto;
	transform: rotate(12deg);
	z-index: 9;
}
#burst-12:before,
#burst-12:after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	height: 72px;
	width: 72px;
	background: #dd2faa;
}
#burst-12:before {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
}
#burst-12:after {
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
}
.packages {
	margin: 36px 0px 0px 0px;
}
.pricing-table.organic-products .packages {
	margin: 0;
}
.pricing-table.organic-products .packages .package {
	margin: 6px;
}
.pricing-table.organic-products .packages .package:first-child {
	margin-left: 0px;
}
.pricing-table.organic-products .packages .package:last-child {
	margin-right: 0px;
}
.pricing-table.organic-products .packages .package:first-child .icon svg {
	max-width: 42px;
}
.pricing-table.organic-products .packages .package:first-child .icon path {
	fill: #444444;
}
.packages .package {
	position: relative;
	text-align: center;
	margin: 0px;
	z-index: 6;
	border-radius: 3px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.packages .package:hover {
	transform: scale(1.02);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.24);
}
.packages .package ul {
	margin: 0px;
	padding: 0px;
}
.packages .package.free {
	width: 100%;
	display: inline-block;
	background: #eeeeee;
	box-sizing: border-box;
	border: 3px solid #dddddd;
}
.packages .package.free .package-header {
	background: none;
}
.packages .package.free .package-header {
	padding-bottom: 12px;
}
.packages .package.free .feature-items p {
	display: inline-block;
	line-height: 2;
	margin: 0px auto 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.packages .package.free .feature-items span {
	padding: 0px 12px;
}
.packages .package.free .feature-items span:nth-child(2) {
	border-left: 1px solid rgba(0, 0, 0, 0.12);
	border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.packages .package li {
	background: #ffffff;
	font-size: 0.9em;
	list-style: none;
	margin: 0px;
	padding: 8px 24px;
}
.packages .package li:nth-child(odd) {
	background: #f4f4f4;
}
.packages .package-header {
	background: #ffffff;
	padding: 18px;
	border-radius: 3px 3px 0px 0px;
}
.packages .package-header .price {
	color: #000000;
	font-family: 'Proxima Bold';
	font-size: 3em;
	line-height: 1.2;
}
.packages .package.featured .package-header .price {
	color: #ffffff;
}
.packages .package-header .price span {
	font-family: 'Proxima Regular';
	font-size: 24px;
	margin-left: 2px;
}
.packages .package-header .title.medium {
	color: rgba(0, 0, 0, 0.6);
}
.packages .package-header .icon {
	line-height: 0;
	opacity: 0.3;
}
.packages .package-header svg {
	max-height: 48px;
	max-width: 48px;
}
.packages .package-header p {
	padding: 0px;
}
.packages .package .feature-items .fa {
	margin-right: 4px;
}
.packages .package .feature-items .tooltip .fa {
	color: rgba(0, 0, 0, 0.2);
	font-size: 22px;
	position: relative;
	bottom: -3px;
	margin: 0px 0px 0px 4px;
}
.packages .package .feature-items .tooltip .fa:hover,
.packages .package .feature-items .tooltip .fa:active,
.packages .package .feature-items .tooltip .fa:focus {
	cursor: pointer;
	color: #99cc00;
}
.packages .package-footer {
	background: #ffffff;
	padding: 24px;
	border-radius: 0px 0px 3px 3px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.packages .package.featured {
	/* margin-top: -36px; */
	z-index: 9;
}
.packages .package.featured .package-footer {
	padding: 36px;
}
.packages .package.featured .package-header {
	background-color: #7ba825;
	background-image: -webkit-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -moz-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -o-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -ms-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
}
.packages .package.featured .package-header .icon {
	opacity: 1;
}
.packages .package.featured .package-header svg {
	fill: #ffffff;
	max-height: 100%;
	max-width: 100%;
}
.packages .package.featured .package-header p {
	color: rgba(255, 255, 255, 0.7);
}
.packages .package.featured li {
	padding: 10px 24px;
}
.packages .package.free .button {
	display: inline-block;
}
.packages .package .button {
	display: block;
	font-size: 1em;
	border-radius: 36px;
}
.packages .divider {
	display: block;
	width: 100%;
	overflow: hidden;
}
.packages .or {
	display: table;
	white-space: nowrap;
	color: #999999;
	font-family: 'Proxima Semibold';
	font-size: 18px;
	text-transform: uppercase;
	margin: 12px auto;
	page-break-after: always;
  break-after: always;
}
.packages .or:before,
.packages .or:after {
	border-top: 1px solid #999999;
	content: '';
	display: table-cell;
	position: relative;
	top: 14px;
	width: 40%;
}
.packages .or:before {
	right: 6%;
}
.packages .or:after {
	left: 6%;
}
.pricing-page .services {
	margin: 72px 0px 36px 0px;
	padding-top: 60px;
	border-top: 1px solid rgba(0, 0, 0, .12);
}
.pricing-page .services .title {
	margin-bottom: 36px;
}

/* Services Page */

.services-page {
	background-color: #eeeeee;
}
.services-page .banner-text {
	padding-bottom: 120px;
}
.services-page #pricing-table {
	padding-top: 0px;
	margin-top: -72px;
	background: none;
}
.services-page .packages .package.featured {
	margin-top: -36px;
}
.services-page .packages .package li:last-child {
	border-bottom: 1px solid #eeeeee;
}
.services-page .widgets-intro .banner-text .tagline {
	font-size: 1.8em;
	line-height: 1.4;
}
.case-study {
	background: #ffffff;
	padding: 72px 0px 36px 0px;
	overflow: hidden;
}
.case-study .case-img {
	flex-basis: 3600px;
	position: relative;
	left: 220px;
}
.case-study .intro {
	position: relative;
	left: 80px;
	margin-top: -48px;
	margin-right: -180px;
}
.case-study .intro p {
	padding-bottom: 0px;
}
.service-detail {
	background: #ffffff;
}
.service-detail:nth-child(odd) {
	background: #3f4b4b;
}
.service-detail .service-icon,
.service-detail .service-info {
	width: 50%;
	padding: 48px;
	box-sizing: border-box;
}
.service-detail .service-info .information {
	max-width: 600px;
}
.service-detail:nth-child(even) .service-info .information {
	float: right;
}
.service-detail .animated-icon {
	display: inline-block;
	min-width: 300px;
	min-height: 300px;
	padding: 24px;
	border-radius: 50%;
	border: 4px solid #ffffff;
	box-sizing: border-box;
	overflow: hidden;
}
.service-detail .service-icon {
	align-self: stretch;
	text-align: center;
	background: #9ece42;
	background-color: #7ba825;
	background-image: -webkit-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -moz-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -o-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -ms-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	-webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
}
.service-detail:nth-child(even) .service-icon {
	-webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
}
.service-detail .flex-row {
	justify-content: center;
}
.service-detail:nth-child(even) .flex-row {
	flex-direction: row-reverse;
}
.services-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.services .service {
	background: #eeeeee;
	position: relative;
	border-top: 6px solid #9ece42;
	overflow: hidden;
}
.services .service.half {
	width: 48%;
}
.services .service.third {
	width: 31%;
}
.services .service .information {
	position: relative;
	padding: 36px;
	box-sizing: border-box;
	z-index: 4;
}

/* Showcase Page */

.organizer select {
	min-width: 240px;
	margin-bottom: 0px;
}
.organizer form div {
	margin-bottom: 0px;
}
.single-showcase .information {
	padding: 36px;
	box-sizing: border-box;
}

/* Hosted Page */

.hosted-content {
	background-color: #3f4b4b;
	padding-bottom: 60px;
}
.hosted-diagram {
	text-align: center;
}
.hosting-steps {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 920px;
	text-align: center;
	line-height: 0;
	margin: 0px auto 0px;
	padding: 12px;
	border: 2px solid #ffffff;
	border-radius: 96px;
}
.hosting-steps .step,
.hosting-steps .plus {
	display: inline-block;
}
.hosting-steps .step {
	text-align: center;
	min-width: 96px;
	padding: 12px;
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: 50%;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.hosting-steps .step:hover {
	cursor: pointer;
	background: #ffffff;
	border: 1px solid rgba(255, 255, 255, 1);
}
.hosting-steps .step:hover h4.title {
	color: #333333;
}
.hosting-steps .step h4.title {
	color: rgba(255, 255, 255, .4);
	font-size: 0.9em;
	line-height: 96px;
	margin: 0px;
	padding: 0px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.hosting-steps p.plus {
	display: flex;
	align-items: center;
	color: #ffffff;
	font-size: 3em;
	margin: 0px;
	padding: 0px;
}
.hosted-selection {
	background: #ffffff;
}
#hosted-form {
	display: flex;
	align-items: center;
	max-width: 920px;
	margin: 0px auto 0px;
	padding-top: 48px;
}
#hosted-form form {
	padding-left: 48px;
}
#hosted-form #theme-select {
	min-width: 320px;
	margin: 18px 0px;
}
#hosted-form .browser-container {
	margin: 0px;
}
.hosted-features {
	background: #eeeeee;
}
.hosted-features .intro .information {
	text-align: left;
	max-width: 960px;
	margin: 0px auto 0px;
}

/* Docs Page */

.docs-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0px; padding: 0px;
}
.docs-list ul li {
	float: left;
	width: 49%;
	list-style: none;
	margin: 0px 0px 18px 0px;
	padding: 0px;
	box-sizing: border-box;
	border: 2px solid rgba(0, 0, 0, 0.12);
	border-radius: 3px;
}
.docs-list ul li:hover {
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
	border-color: #9ece42;
}
.docs-list ul li a {
	display: flex;
	align-items: center;
	color: #999999;
	padding: 12px 6px;
	line-height: 1;
}
.docs-list ul li a:hover {
	color: #ffffff;
	background: #9ece42;
}
.docs-list ul li a:hover {
	text-decoration: none;
}
.docs-list ul li a svg {
	margin-right: 6px;
}
.docs-list ul li a:hover svg path {
	fill: #ffffff;
}
.document-single .four.columns,
.documentation-page .four.columns {
	position: sticky;
	top: 72px;
}
.document-single .banner-text .page-title {
	display: flex;
	align-items: center;
}
.document-single .banner-text .headline {
	font-size: 3.2em;
}
.document-single .banner-text .icon {
	display: inline-block;
	line-height: 0;
	margin-right: 12px;
}
.document-single .banner-text .icon svg path {
	fill: rgba(255, 255, 255, 0.24);
}
.document-single .entry h2 {
	font-size: 1.4em;
	font-family: 'Proxima Semibold';
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 24px 0px 8px 0px;
	padding: 8px 0px;
}
.document-single .entry h2:first-child {
	margin-top: 0px;
}
.select-docs-widget select {
	width: 100%;
}

/* Tutorial Page */

.single-tutorial .post-holder img,
.tutorials-page .blog-holder img {
	border: 1px solid #dddddd;
	box-sizing: border-box;
}
.tutorial-single .four.columns,
.tutorials-page .four.columns,
.tutorial-single .three.columns,
.tutorials-page .three.columns {
	position: sticky;
	top: 72px;
}
.tutorial-single .article .feature-img {
	width: 100%;
	max-width: none;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 36px;
}

/* FAQ Page */

.faq-section {
	margin: 8px 0px;
	padding-bottom: 24px;
}
.faq-section .title {
	margin-bottom: 12px;
}

/* Support Pages */

.support-page .support-forums {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.topic-single .page-title .headline {
	text-transform: capitalize;
}
.support-page #bbpress-forums .bbp-forums-list {
	display: none;
}
.support-page .forum-search {
	background-color: #3f4b4b;
	padding: 24px 0px;
}
.account-page div.bbp-breadcrumb,
.support-page .forum-search div.bbp-breadcrumb {
	display: none;
}
.account-page .forum-search-field {
	margin-top: 12px;
	margin-bottom: 24px;
}
.support-page .forum-search-field {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.support-page .forum-search-field #bbpress-forums {
	min-width: 60%;
}
.account-page .forum-search-field #bbp-search-form div,
.support-page .forum-search-field #bbp-search-form div {
	display: flex;
	justify-content: space-between;
	margin: 0px;
}
.account-page .forum-search-field #bbpress-forums #bbp-search-form #bbp_search,
.support-page .forum-search-field #bbpress-forums #bbp-search-form #bbp_search {
	width: 100%;
}
.bbpress.forum .four.columns {
	position: sticky;
	top: 48px;
}
#mods-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#mods-grid .mod {
	width: 12.5%;
	text-align: center;
}
#mods-grid .mod {
	width: 12.5%;
	text-align: center;
	margin-bottom: 12px;
}
#mods-grid .mod .avatar {
	margin: 6px auto;
}

/* Support Request */

.support-request {
	position: relative;
	background: #4e5c5c;
	padding: 72px 0px;
	overflow: hidden;
}
.support-request .icon {
	text-align: center;
}
.support-request .icon svg {
	width: 240px;
	height: 240px;
	max-width: 100%;
}
.support-request .information {
	padding-left: 24px;
}
.support-request .information p {
	font-size: 120%;
	margin-bottom: 12px;
}

/* Account Pages */

.jBox-Modal .jBox-container .jBox-content {
	padding: 24px;
	box-sizing: border-box;
}
.jBox-Modal .jBox-content .button {
	color: rgba(255, 255, 255, 0.9);
	background: #9ece42;
	border-color: #9ece42;
	margin-top: 12px;
}
.jBox-Modal .jBox-content .button:hover {
	color: #ffffff;
	background: #7ba825;
	border-color: #7ba825;
}
.organic-modal a.close-modal {
	display: none;
}

.account-page .widget.support-links-widget {
	margin: 24px 0px 0px 0px;
}
.account-page form {
	padding: 24px;
	border: 3px solid #dddddd;
	border-radius: 3px;
	box-sizing: border-box;
}
.account-page table {
	font-size: 0.8em;
	margin-top: 0px;
}
.account-page table th.edd_sl_details {
	width: 25%;
}
.account-page table td a {
	display: inline-block;
	margin: 2px 0px;
	padding: 0px 6px;
	background: #9ece42;
	color: #fff;
	border-radius: 2px;
}
.account-page table td a.edd_sl_show_key {
	background: none !important;
}
.account-page table td a:hover {
	background: #7ba825;
}
.account-page .edd-sl-child-licenses {
	margin: 0px;
	padding: 0px;
}
.account-page .edd_sl_license_row strong {
	display: block;
	margin-top: 12px;
	font-size: 120%;
}
.account-page .edd_sl_license_row input.edd_sl_license_key {
	background: #f4f4f4;
	font-size: 1em;
	padding: 8px;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	border-radius: 3px;
}
.account-page .account-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.account-page .user-avatar {
	margin-left: 12px;
}
.account-page .user-avatar .avatar {
	background: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
.account-page .user-account-info {
	background: rgba(0, 0, 0, 0.08);
	padding: 18px;
	border-radius: 3px;
	border: 3px solid #dddddd;
	box-sizing: border-box;
}
.account-page .user-account-info h5 {
	font-size: 1.2em;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 8px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.account-page .user-account-info p {
	font-size: 0.8em;
	padding: 0px;
}
.account-page .edd-logged-in {
	display: none;
}
.edd-sl-child {
	list-style: none;
}
#edd_login_form {
	background: #f4f4f4;
	margin-top: 12px;
	padding: 12px 24px;
	border-radius: 3px;
}
#edd_login_form p,
#feralf_login_form p {
	padding: 6px 0px;
}
#edd_login_form .edd-login-username,
#edd_login_form .edd-login-password {
	float: left;
	width: 50%;
}
#edd_login_form .edd-login-username input,
#edd_login_form .edd-login-password input {
	width: 96%;
}
#feralf_login_form input[type="text"],
#feralf_login_form input[type="password"] {
	width: 100%;
}
#feralf_login_form legend {
	display: none;
}
#edd_login_form legend {
	display: block;
	width: 100%;
	margin-bottom: 12px;
}
#edd_login_form label {
	margin-top: 0px;
}
.account-page #edd_checkout_form_wrap p,
.account-page #edd-stripe-manage-cards p {
	float: left;
	width: 50%;
	padding-left: 12px;
	box-sizing: border-box;
}
.account-page #edd_checkout_form_wrap p input,
.account-page #edd_checkout_form_wrap p select,
.account-page #edd-stripe-manage-cards p input,
.account-page #edd-stripe-manage-cards p select {
	width: 100%;
}
.account-page #edd_checkout_form_wrap p input,
.account-page #edd-stripe-manage-cards p input,
.account-page #edd_checkout_form_wrap p textarea,
.account-page #edd-stripe-manage-cards p textarea {
	padding: 8px;
}
.account-page #edd_checkout_form_wrap #edd-card-address-wrap,
.account-page #edd_checkout_form_wrap #edd-card-city-wrap,
.account-page #edd_checkout_form_wrap #edd-card-country-wrap,
.account-page #edd_checkout_form_wrap #edd-card-number-wrap,
.account-page #edd_checkout_form_wrap #edd-card-name-wrap,
.account-page #edd-stripe-manage-cards #edd-card-address-wrap,
.account-page #edd-stripe-manage-cards #edd-card-city-wrap,
.account-page #edd-stripe-manage-cards #edd-card-country-wrap,
.account-page #edd-stripe-manage-cards #edd-card-number-wrap,
.account-page #edd-stripe-manage-cards #edd-card-name-wrap {
	padding-left: 0px;
	padding-right: 12px;
}
.account-page #edd_checkout_form_wrap p.card-expiration #card_exp_month,
.account-page #edd-stripe-manage-cards p.card-expiration #card_exp_month {
	width: 80px;
}
.account-page #edd_checkout_form_wrap p.card-expiration #card_exp_year,
.account-page #edd-stripe-manage-cards p.card-expiration #card_exp_year {
	width: 120px;
}
#edd_secure_site_wrapper .padlock {
	display: none;
}
#edd_checkout_form_wrap .edd-card-selector-radio .edd-stripe-card-radio-item {
	position: relative;
	padding: 0px;
	border: 1px solid #f0f0f0;
	background-color: #fcfcfc;
	border-radius: 3px;
}
#edd_checkout_form_wrap .edd-card-selector-radio .edd-stripe-card-radio-item.selected {
	background: #eff8de;
	border-color: #bfdf83;
	border-width: 2px;
}
#edd_checkout_form_wrap .edd-card-selector-radio .edd-stripe-card-radio-item > label {
	display: block;
	padding: 12px 12px 12px 40px;
}
#edd_checkout_form_wrap .edd-card-selector-radio .edd-stripe-card-radio-item > label:hover {
	cursor: pointer;
}
#edd_checkout_form_wrap .edd-stripe-card-selector .edd-stripe-card-radio-item input[type="radio"] {
	position: absolute;
	left: 16px;
	top: 16px;
	border: none;
	margin: 0px 6px 0px 0px;
}
#edd-stripe-manage-cards legend {
	display: none;
}
form#edd-stripe-manage-cards div.edd-stripe-card-item {
	width: calc(100% + 48px);
	margin-left: -24px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 24px;
	background: rgba(0, 0, 0, 0.04);
	border-radius: 0;
}
#edd-stripe-manage-cards .edd-stripe-add-new-card > label {
	font-size: 1.2em;
	margin-bottom: 12px;
}
#edd-stripe-manage-cards .edd-stripe-add-card-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 24px;
}
#edd-stripe-manage-cards .card-brand,
#edd-stripe-manage-cards .card-last-4,
#edd_checkout_form_wrap .card-brand,
#edd_checkout_form_wrap .card-last-4 {
	font-family: 'Proxima Bold';
}
#edd_checkout_form_wrap .card-status {
	float: right;
}
#edd_checkout_form_wrap .card-status .default-card-sep {
	display: none;
}
.page-template-template-checkout #logo {
	float: none;
	margin: 0px auto;
}

/* Account Profile */

#rcp_profile_editor_form {
	margin-bottom: 24px;
	overflow: hidden;
}
#edd_profile_personal_fieldset,
#edd_profile_address_fieldset,
#rcp_profile_editor_form fieldset:nth-child(1),
#rcp_profile_editor_form fieldset:nth-child(2) {
	float: left;
	width: 50%;
	box-sizing: border-box;
}
#edd_profile_personal_fieldset,
#rcp_profile_editor_form fieldset:nth-child(1) {
	padding-right: 12px;
}
#edd_profile_address_fieldset,
#rcp_profile_editor_form fieldset:nth-child(2) {
	padding-left: 12px;
}
#edd_profile_password_fieldset,
#edd_profile_submit_fieldset,
#rcp_profile_editor_form fieldset:nth-child(3) {
	width: 100%;
	padding-top: 12px;
}
#edd_profile_password_fieldset p {
	float: left;
	width: 50%;
	box-sizing: border-box;
}
#edd_profile_password_fieldset #edd_profile_password_wrap {
	padding-right: 12px;
}
#edd_profile_password_fieldset #edd_profile_confirm_password_wrap {
	padding-left: 12px;
}
#edd_profile_editor_form select,
#edd_profile_editor_form input[type="text"],
#edd_profile_editor_form input[type="password"],
#edd_profile_editor_form input[type="email"],
#rcp_profile_editor_form select,
#rcp_profile_editor_form input[type="text"],
#rcp_profile_editor_form input[type="password"] {
	width: 100%;
}
#edd-stripe-manage-cards {
	margin-top: 24px;
}
#edd_user_history td,
#edd_sl_license_keys td {
	vertical-align: top;
}

/************************************************
	Widgets
************************************************/

.widget.support-links-widget {
	background: #3f4b4b;
	margin: 0px 0px 24px 0px;
	padding: 12px;
	border-radius: 3px;
}
.widget.support-links-widget ul.support-links {
	padding: 0px;
}
.widget.support-links-widget ul.support-links,
.widget.support-links-widget ul.support-links li {
	background: none;
}
.widget.support-links-widget ul.support-links li {
	background: none;
	line-height: 1;
	padding-left: 12px;
	padding-right: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 2px;
}
.widget.support-links-widget ul.support-links li.active {
	background: #7ba825;
}
.widget.support-links-widget ul.support-links li.active a {
	color: #ffffff;
}
.widget.support-links-widget ul.support-links li:first-child {
	border-top: none;
}
.widget.support-links-widget ul.support-links li a {
	display: block;
	font-size: 1.2em;
	padding: 6px 0px;
}
.widget.support-links-widget .fa {
	width: 22px;
	margin-right: 6px;
}
.widget.support-links-widget .fa.fa-angle-right {
	width: auto;
	margin-right: 0px;
}

/************************************************
	Parts
************************************************/

/* Theme Site Showcase */

.theme-showcase {
	padding: 72px 0px;
	overflow: hidden;
}
.theme-showcase .title.large {
	color: #ffffff;
}
.theme-showcase .tagline {
	color: rgba(255, 255, 255, 0.7);
}
.showcase-sites {
	display: flex;
	justify-content: space-between;
}
.showcase-sites .third {
	width: 32%;
}
.showcase-sites .browser-container {
	margin: 12px 0px 0px 0px;
}
.showcase-sites .browser-info .browser-title {
	padding: 0px 0px 12px 0px;
}
.showcase-sites .browser-info .browser-title .title {
	font-size: 0.9em;
	letter-spacing: 1px;
}

/* Stats */

.featured-stats {
	position: relative;
	background: #3f4b4b;
	padding: 24px 0px;
	overflow: hidden;
}
.showcase-page .featured-stats {
	padding-top: 72px;
}
.home .featured-stats {
	background: #eeeeee;
}
.featured-stats .statistics {
	display: flex;
	align-content: center;
	justify-content: space-between;
}
.home .featured-stats .statistics {
	width: calc(100% + 120px);
	margin-left: -60px;
	padding: 36px;
	box-sizing: border-box;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	background-image: -webkit-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -moz-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -o-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -ms-linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: linear-gradient(right top, rgb(123, 168, 37), rgb(21, 183, 170));
}
.home .featured-stats .fourth {
	padding: 0px 12px;
	border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.home .featured-stats .fourth:first-child {
	border-left: none;
}
.home .featured-stats .fourth .title {
	font-size: 0.8em;
}
.featured-stats .fourth {
	width: 22%;
}
.featured-stats .title.large {
	padding-bottom: 36px;
}
.home .featured-stats .title.large {
	display: none;
}
.featured-stats .stat {
	color: #ffffff;
	font-family: 'Proxima Light';
	font-size: 3.6em;
	letter-spacing: 2px;
	line-height: 1;
}
.home .featured-stats .stat {
	font-family: 'Proxima Bold';
	font-size: 2.6em;
	letter-spacing: 1px;
}
.featured-stats .description {
	font-size: 0.8em;
	font-style: italic;
	padding: 12px 0px 0px 0px;
}
.featured-stats .icon-bg {
	right: -240px;
	bottom: -240px;
	top: auto;
	left: auto;
}
.featured-stats .icon-bg.top {
	right: auto;
	bottom: auto;
	top: -240px;
	left: -240px;
}
.featured-stats .icon-bg svg path {
	fill: rgba(0, 0, 0, 0.24);
}

/* Testimonials */

.featured-testimonials {
	position: relative;
	background: #3f4b4b;
	padding: 72px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.24);
	overflow: hidden;
}
.featured-testimonials blockquote {
	max-width: 880px;
	margin: 0px auto 0px;
	border: none;
}
.featured-testimonials blockquote p {
	color: #ffffff;
}
.featured-testimonials blockquote p::before {
	content: '“';
}
.featured-testimonials blockquote p::after {
	content: '”';
}
.featured-testimonials .testimonials .avatar {
	margin: 12px 0px;
}
.featured-testimonials .testimonials .avatar-link {
	display: block;
}
.featured-testimonials .testimonials .avatar-link .avatar {
	margin: 12px 0px;
}
.featured-testimonials .testimonials .author {
	display: block;
	line-height: 1.2;
}
.featured-testimonials .testimonials .author span::before {
	content: '— ';
}

/* Hosting Services */

.hosting-services {
	position: relative;
	background: #3f4b4b;
	padding: 48px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.24);
	overflow: hidden;
}
.hosting-services .title.large {
	margin-bottom: 36px;
}
.hosting-options {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	z-index: 8;
}
.hosting-options .price {
	color: #000000;
	font-family: 'Proxima Bold';
	font-size: 2em;
	margin-bottom: 6px;
}
.hosting-options .half {
	background: #eeeeee;
	box-sizing: border-box;
	padding: 48px;
	border-top: 6px solid #eeeeee;
	border-left: 1px solid #cccccc;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.hosting-options .half:hover {
	background: #ffffff;
	border-top: 6px solid #9ece42;
}
.hosting-options .half:first-child {
	margin-left: 0px;
	border-radius: 3px 0px 0px 3px;
}
.hosting-options .half:last-child {
	border-radius: 0px 3px 3px 0px;
}
.hosting-services .icon-bg.top {
	right: auto;
	bottom: auto;
	top: -200px;
	left: -200px;
}
.hosting-services .icon-bg svg path {
	fill: rgba(0, 0, 0, 0.24);
}

/* Support Section Links */

section.support-links {
	background: #eeeeee;
	padding: 36px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
section.support-links .support-link {
	position: relative;
	box-sizing: border-box;
	background: #eeeeee;
	padding: 36px;
	border-left: 1px solid rgba(0, 0, 0, 0.12);
	overflow: hidden;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
section.support-links .support-link:hover {
	background: #ffffff;
}
section.support-links .support-link.first {
	border-left: none;
	border-radius: 3px 0px 0px 3px;
}
section.support-links .support-link.last {
	border-radius: 0px 3px 3px 0px;
}

/* Support Options Section */

.support-options {
	background-color: #f4f4f4;
	padding: 48px 0px;
}
.support-options .packages {
	display: flex;
	align-items: center;
}
.support-options .package {
	width: 100%;
	border-radius: 3px;
	overflow: hidden;
}
.support-options .package.featured {
	margin-top: 0px;
}
.support-options .package:first-child {
	margin-right: 24px;
}
.support-options .package:last-child {
	margin-left: 24px;
}
.support-options .package.featured .package-header {
	border-radius: 0px;
}
.support-options .package .package-footer {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.support-options .package .feature-items li {
	text-align: center;
}
.support-options .package-graphic {
	position: relative;
	min-height: 120px;
	overflow: hidden;
	background-color: #7ba825;
	background-image: -webkit-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -moz-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -o-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: -ms-linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	background-image: linear-gradient(left, rgb(123, 168, 37), rgb(21, 183, 170));
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.support-options .package-graphic .icon-bg {
	right: calc(50% - 120px);
	bottom: -160px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.support-options .package-graphic .icon-bg svg {
	width: 240px;
	height: 240px;
}
.support-options .package-graphic .icon-bg svg path {
	fill: #ffffff;
}
.support-options .package:hover .package-graphic {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
.support-options .package:hover .package-graphic .icon-bg {
	bottom: -130px;
	opacity: 1;
}

/* Features Sections */

.features {
	position: relative;
	background: #ffffff;
	padding: 72px 0px;
	z-index: 4;
}
.features .tagline {
	max-width: 840px;
	margin: 0px auto 0px;
}
.features-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 24px 0px;
}
.features-container svg {
	margin-bottom: 12px;
}
.features-container svg path {
	fill: #aaaaaa;
}
.features-container .half {
	padding: 24px 0px;
	box-sizing: border-box;
}
.features-container .third {
	width: 26%;
	padding: 24px 0px;
	box-sizing: border-box;
}
.features-container .fourth {
	position: relative;
	width: 23%;
	padding: 24px;
	margin-top: 36px;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 3px;
}
.features-container .fourth:nth-child(1),
.features-container .fourth:nth-child(2),
.features-container .fourth:nth-child(3),
.features-container .fourth:nth-child(4) {
	margin-top: 0px;
}
.features-container .fourth:hover {
	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
}
.features-container .fourth p.pro-widget {
	display: inline-block;
	background: #99cc00;
	color: #ffffff;
	font-size: 12px;
	margin-top: 12px;
	padding: 2px 8px;
	border-radius: 3px;
}
.features-container .fourth p:last-child {
	font-size: 90%;
	margin-top: -6px;
	padding: 0px;
}
.features-container .sixth {
	position: relative;
	background-color: transparent;
	width: 15%;
	height: 220px;
	padding: 0px;
	margin-top: 24px;
	box-sizing: border-box;
	border-radius: 3px;
	perspective: 1000px;
}
.features-container .sixth:nth-child(1),
.features-container .sixth:nth-child(2),
.features-container .sixth:nth-child(3),
.features-container .sixth:nth-child(4),
.features-container .sixth:nth-child(5),
.features-container .sixth:nth-child(6) {
	margin-top: 0px;
}
.features-container .sixth p {
	font-size: 90%;
	margin: 0px;
}
.features-container .sixth p.pro-widget {
	display: inline-block;
	background: #99cc00;
	color: #ffffff;
	font-size: 16px;
	margin-top: 12px;
	padding: 2px 10px;
	border-radius: 3px;
}
.features-container .sixth .title {
	margin: 8px 0px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.4s;
  transform-style: preserve-3d;
	border: 1px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	border-radius: 3px;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.features-container .sixth:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
	padding: 18px;
	box-sizing: border-box;
  backface-visibility: hidden;
	border-radius: 3px;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #f4f4f4;
  color: black;
}

/* Style the back side */
.flip-card-back {
	background-image: -webkit-linear-gradient(left,rgb(116,159,37),rgb(14,140,130));
	background-image: -moz-linear-gradient(left,rgb(116,159,37),rgb(14,140,130));
	background-image: -o-linear-gradient(left,rgb(116,159,37),rgb(14,140,130));
	background-image: -ms-linear-gradient(left,rgb(116,159,37),rgb(14,140,130));
	background-image: linear-gradient(left,rgb(116,159,37),rgb(14,140,130));
  color: #ffffff;
  transform: rotateY(180deg);
}

/* Hawaii Section */

#hawaii {
	padding: 72px 0px;
	position: relative;
	overflow: hidden;
	background-color: #79d7e6;
	background-image: -webkit-linear-gradient(top, rgb(121, 215, 230), rgb(201, 245, 247));
	background-image: -moz-linear-gradient(top, rgb(121, 215, 230), rgb(201, 245, 247));
	background-image: -o-linear-gradient(top, rgb(121, 215, 230), rgb(201, 245, 247));
	background-image: -ms-linear-gradient(top, rgb(121, 215, 230), rgb(201, 245, 247));
	background-image: linear-gradient(top, rgb(121, 215, 230), rgb(201, 245, 247));
	z-index: 6;
}
#hawaii .content {
	z-index: 8;
}
#hawaii .intro {
	text-align: center;
	max-width: 600px;
	margin: 0px auto 0px;
}
#hawaii .title.large {
	color: #ffffff;
	font-size: 3em;
}
#hawaii .title.small {
	color: rgba(0, 0, 0, 0.4);
	letter-spacing: 4px;
	margin-top: -8px;
}
.palm-leaves {
	position: absolute;
	text-align: center;
	margin-left: -20px;
	width: 140%;
	top: -80px;
	z-index: 3;
}
.island {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -60px;
	z-index: 1;
}
.island img {
	vertical-align: bottom;
}
.pineapple {
	position: absolute;
	visibility: hidden;
}
.pineapple.left {
	left: 50%;
	bottom: -60px;
	margin-left: -490px;
	z-index: 6;
}
.pineapple.left-mid {
	left: 50%;
	bottom: -80px;
	margin-left: -350px;
	z-index: 5;
}
.pineapple.right-mid {
	left: 50%;
	bottom: -70px;
	margin-left: 180px;
	z-index: 5;
}
.pineapple.right {
	left: 50%;
	bottom: -50px;
	margin-left: 300px;
	z-index: 5;
}

/* WP.com Section */

.wpcom-themes {
	position: relative;
	background: #eeeeee;
	padding: 72px 0px;
	overflow: hidden;
}
.wpcom-themes .wpcom-logo {
	visibility: hidden;
}
.wpcom-themes .wpcom-logo img {
	max-width: 280px;
}
.wpcom-themes .information {
	padding-left: 48px;
}

/* Theme Setup Section */

.theme-setup {
	position: relative;
	background: #eeeeee;
	padding: 72px 0px;
	overflow: hidden;
}

/************************************************
	Social Media
************************************************/

.social {
	display: inline-block;
	position: relative;
	line-height: 0;
	width: 100%;
	margin: 0px;
	padding: 12px 0px;
	z-index: 7;
}
.social .theme-social {
	display: inline-block;
	text-align: center;
	margin: 0px auto 0px;
}
.post .social div.share:first-child a {
	margin-left: 0px;
}
.social .share {
	display: inline-block;
}
.social .share a {
	float: left;
	background: rgba(0, 0, 0, .12);
	text-align: center;
	min-height: 32px;
	min-width: 32px;
	margin: 0px 6px;
	padding: 4px;
	border-radius: 50%;
}
.social .share i {
	color: #ffffff;
	font-size: 18px;
	line-height: 32px;
}
.social .share.facebook a:hover {
	background: #3b5998;
}
.social .share.twitter a:hover {
	background: #4099ff;
}
.social .share.google a:hover {
	background: #d34836;
}
.social .share.pinterest a:hover {
	background: #c92228;
}

/************************************************
	Shortcodes
************************************************/

.toggle-box {
	margin: 12px 0px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
}
.toggle-trigger {
	border-radius: 3px;
	border-width: 2px;
	border-color: rgba(0, 0, 0, 0.12);
	-webkit-transition: border .25s ease-in-out;
	-moz-transition: border .25s ease-in-out;
	-o-transition: border .25s ease-in-out;
	transition: border .25s ease-in-out;
}
.toggle-trigger:hover::before,
.toggle-trigger:active::before,
.toggle-trigger:hover::before {
	color: #000000;
}
.toggle-trigger:hover,
.toggle-trigger:active,
.toggle-trigger:focus {
	border-color: #000000;
}
.toggle-trigger.active {
	border-top-color: #000000;
	border-left-color: #000000;
	border-right-color: #000000;
	border-radius: 3px 3px 0px 0px;
}
.toggle-trigger a,
.toggle-trigger a:link,
.toggle-trigger a:visited {
	color: #999999;
	font-size: 1.4em;
	font-weight: 300;
}
.toggle-trigger.active a {
	color: #000000;
}
.toggle-section {
	padding: 24px;
	border-width: 2px;
	border-color: #000000;
	border-top: 1px solid;
	border-radius: 0px 0px 3px 3px;
}
.toggle-section br:first-child {
	display: none;
}
.toggle-section p {
	padding: 12px 0px;
}

/************************************************
	Gravity Forms
************************************************/

.container .gform_wrapper input,
.container .gform_wrapper textarea {
	padding: 8px !important;
}
.container .gform_wrapper select {
	padding: 7px 44px 7px 8px !important;
}
.container .gform_wrapper input.button {
	padding: 12px 24px !important;
}
.container .gform_wrapper .gform_footer {
	margin-top: 0px;
}
.container .gform_wrapper .field_description_below .gfield_description {
	padding-top: 0px;
}
body .container .gform_wrapper ul li.gfield {
	margin-top: 0px;
}
.gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
	display: none;
}

/************************************************
	Restrict Content Pro (RCP)
************************************************/

form.rcp_form label {
	margin-top: 0px;
}
form.rcp_form p {
	margin: 0px;
}
#rcp_user_login_wrap, #rcp_user_email_wrap,
#rcp_user_first_wrap, #rcp_user_last_wrap,
#rcp_password_wrap, #rcp_password_again_wrap {
	float: left;
	width: 50%;
	box-sizing: border-box;
}
#rcp_password_wrap, #rcp_password_again_wrap {
	margin-bottom: 36px;
}
#rcp_password_again_wrap,
#rcp_user_last_wrap,
#rcp_user_email_wrap {
	padding-left: 2%;
}
#rcp_user_login_wrap input,
#rcp_user_first_wrap input,
#rcp_password_wrap input {
	width: 96%;
}
#rcp_user_email_wrap input,
#rcp_user_last_wrap input,
#rcp_password_again_wrap input {
	width: 100%;
}
#rcp_card_exp_wrap select.rcp_card_exp_month {
	width: 180px;
}
#rcp_card_exp_wrap select.rcp_card_exp_year {
	width: 100px;
}
#rcp_card_exp_wrap .rcp_expiry_separator {
	float: left;
	margin: 8px 12px;
}
.entry .rcp_header,
#rcp_registration_form .rcp_subscription_fieldset .rcp_subscription_message {
	display: none;
}
#rcp_registration_form .rcp_subscription_level_name {
	display: block;
	font-family: "Proxima Light";
	font-size: 1.6em;
}
#rcp_registration_form .rcp_level_description {
	padding-left: 0px;
	border: none;
}
#rcp_registration_form .rcp_separator {
	display: none;
}
#rcp_registration_form span .rcp_separator {
	display: inline;
}
#rcp_registration_form ul#rcp_subscription_levels {
	display: inline-block;
	width: 100%;
}
#rcp_registration_form #rcp_subscription_levels li {
	text-align: center;
	margin: 0px;
}
#rcp_registration_form #rcp_subscription_levels li input[type="radio"] {
	display: none;
}
#rcp_registration_form #rcp_subscription_levels li label {
	float: left;
	width: 48%;
	background: #f4f4f4;
	padding: 18px 24px;
	box-sizing: border-box;
	border-top: 6px solid transparent;
	border-radius: 3px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#rcp_registration_form #rcp_subscription_levels li:first-child label {
	margin-right: 2%;
}
#rcp_registration_form #rcp_subscription_levels li:last-child label {
	margin-left: 2%;
}
#rcp_registration_form #rcp_subscription_levels li label:hover,
#rcp_registration_form #rcp_subscription_levels li label:active,
#rcp_registration_form #rcp_subscription_levels li label:focus {
	border-top: 6px solid #9ece42;
}
#rcp_registration_form #rcp_subscription_levels li input[type="radio"]:checked + label {
	border-top: 6px solid #9ece42;
}
#rcp_registration_form .rcp_discount_code_field_wrap {
	display: flex;
}
#rcp_registration_form #rcp_discount_code {
	margin-right: 12px;
}
#rcp_registration_form #rcp_apply_discount {
	border-radius: 3px;
}
#rcp_registration_form .rcp_price::after {
	content: '-';
	margin-left: 4px;
}
#rcp_card_number_wrap {
	width: 38%;
	min-width: 240px;
}
#rcp_card_cvc_wrap {
	width: 12%;
	min-width: 90px;
}
#rcp_card_name_wrap {
	padding-right: 0px;
}
#rcp_card_exp_wrap {
	width: 100%;
}
.rcp_form .rcp_card_fieldset input[type=text] {
	width: 100%;
}
form.rcp_form .rcp_card_fieldset p {
	display: inline-block;
	padding-right: 8px;
	box-sizing: border-box;
}
#rcp_gateway_extra_fields input[type=text],
#rcp_gateway_extra_fields input[type=password],
#rcp_gateway_extra_fields input[type=email] {
	padding: 8px;
}

/************************************************
	Misc
************************************************/

form .subscribe-field input.white {
	width: 100%;
	padding: 8px;
}

/************************************************
	29. Conditionals
************************************************/

.home.banner-text-active #header {
	background: none;
}
.banner-text-active #header {
	background: #4e5c5c;
	border-bottom: none;
}
.banner-text-active .logo-text path {
	fill: #ffffff;
}
.banner-text-active .menu a {
	color: #ffffff;
	border-color: rgba(255, 255, 255, 0);
}
.banner-text-active .menu a:hover {
	border-color: rgba(255, 255, 255, 1);
}

/* Menu Color Brightness */

.dark .menu li.feature-btn a,
.banner-text-active .menu li.feature-btn a {
	border: 2px solid rgba(255, 255, 255, 0.24);
}
.dark .menu li.feature-btn a:hover,
.banner-text-active .menu li.feature-btn a:hover {
	border: 2px solid rgba(255, 255, 255, 1);
}
.dark .menu li.feature-btn li a,
.banner-text-active .menu li.feature-btn li a {
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.dark .menu li.feature-btn li a:hover,
.banner-text-active .menu li.feature-btn li a:hover {
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.light .site-title a,
.light .site-title a:link,
.light .site-title a:visited {
	color: #000000;
}
.dark .site-title a,
.dark .site-title a:link,
.dark .site-title a:visited {
	color: #ffffff;
}
.light #navigation .menu .current_page_item a,
.light #navigation .menu .current_page_ancestor a,
.light #navigation .menu .current-menu-item a,
.light #navigation .menu .current-cat a,
.light #navigation .menu li .current_page_item a,
.light #navigation .menu li .current_page_item a:hover,
.light #navigation .menu li .current-menu-item a,
.light #navigation .menu li .current-menu-item a:hover,
.light #navigation .menu li .current-cat a,
.light #navigation .menu li .current-cat a:hover,
.light #navigation .menu li.current-menu-ancestor a,
.light #navigation .menu li.current_page_ancestor a,
.light #navigation .menu .current_page_item ul li a:hover,
.light #navigation .menu .current-menu-item ul li a:hover,
.light #navigation .menu .current-menu-ancestor ul li a:hover,
.light #navigation .menu .current_page_ancestor ul li a:hover,
.light #navigation .menu .current-menu-ancestor ul .current_page_item a,
.light #navigation .menu .current_page_ancestor ul .current-menu-item a,
.light #navigation .menu .current-cat ul li a:hover {
	color: #000000;
}
.light #navigation .menu .current_page_item ul li a,
.light #navigation .menu .current-menu-item ul li a,
.light #navigation .menu .current-menu-ancestor ul li a,
.light #navigation .menu .current_page_ancestor ul li a,
.light #navigation .menu .current-cat ul li a {
	color: rgba(0, 0, 0, 0.4);
}
.dark .menu a,
.dark .menu a:link,
.dark .menu a:visited {
	color: #ffffff;
}
.light .menu a,
.light .menu a:link,
.light .menu a:visited,
.dark .menu li li a,
.dark .menu li li a:link,
.dark .menu li li a:visited {
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
}
.dark .menu a:focus,
.dark .menu a:hover,
.dark .menu a:active,
.dark .menu li.current-menu-item a {
	color: #ffffff;
	border-color: rgba(255, 255, 255, 1);
}
.dark .menu li.current-menu-item a {
	color: #3f4b4b;
	background-color: #ffffff;
}
.light .menu a:focus,
.light .menu a:hover,
.light .menu a:active,
.light .menu li.current-menu-item a,
.dark .menu li li a:hover,
.dark .menu li li a:focus,
.dark .menu li li a:active {
	color: #000000;
	color: rgba(0, 0, 0, 0.8);
}
.dark button.menu-toggle svg {
	fill: rgba(255, 255, 255, 0.6);
}
.dark button.menu-toggle:hover svg {
	fill: rgba(255, 255, 255, 1);
}

/* Down-Facing Arrows */

.light .sf-arrows .sf-with-ul:after {
	border-top-color: #999999;
	border-top-color: rgba(0, 0, 0, 0.4);
}
.dark .sf-arrows .sf-with-ul:after {
	border-top-color: #999999;
	border-top-color: rgba(255, 255, 255, 0.4);
}
.light .sf-arrows li > .sf-with-ul:focus:after,
.light .sf-arrows li:hover > .sf-with-ul:after,
.light .sf-arrows li.sfHover > .sf-with-ul:after {
	border-top-color: rgba(0, 0, 0, 0.8);
}
.dark .sf-arrows li > .sf-with-ul:focus:after,
.dark .sf-arrows li:hover > .sf-with-ul:after,
.dark .sf-arrows li.sfHover > .sf-with-ul:after {
	border-top-color: rgba(255, 255, 255, 0.8);
}

/* Right-Facing Arrows */

.light .sf-arrows li li .sf-with-ul:after,
.dark .sf-arrows li li .sf-with-ul:after {
	margin-top: -3px;
	margin-right: -3px;
	border-top-color: transparent;
}
.light .sf-arrows li li .sf-with-ul:after {
	border-left-color: #999999;
	border-left-color: rgba(0, 0, 0, 0.4);
}
.dark .sf-arrows li li .sf-with-ul:after {
	border-left-color: #999999;
	border-left-color: rgba(255, 255, 255, 0.4);
}
.light .sf-arrows li li > .sf-with-ul:focus:after,
.light .sf-arrows li li:hover > .sf-with-ul:after,
.light .sf-arrows li li.sfHover > .sf-with-ul:after {
	border-top-color: transparent;
	border-left-color: rgba(0, 0, 0, 0.8);
}
.dark .sf-arrows li li > .sf-with-ul:focus:after,
.dark .sf-arrows li li:hover > .sf-with-ul:after,
.dark .sf-arrows li li.sfHover > .sf-with-ul:after {
	border-top-color: transparent;
	border-left-color: rgba(255, 255, 255, 0.8);
}

/* Footer Color */

.footer.dark, .footer.dark p {
	color: rgba(255, 255, 255, 0.6);
}
.footer.dark h1, .footer.dark h2, .footer.dark h3,
.footer.dark h4, .footer.dark h5, .footer.dark h6 {
	color: #ffffff;
}
.footer.light .footer-information {
	background: rgba(0, 0, 0, 0.8);
}

/* Body Class */

.admin-bar #nav-bar {
	margin-top: 32px;
}
.header-inactive.desc-active #masthead .site-description {
	padding-top: 48px;
	padding-bottom: 48px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	top: auto;
}
.header-inactive.desc-inactive #custom-header {
	min-height: 0;
}
.desc-left #masthead .site-description {
	text-align: left;
}
.desc-right #masthead .site-description {
	text-align: right;
}
.desc-inactive #masthead {
	display: none;
}

/************************************************
	Site Shield Page
************************************************/

.shield-graphic {
	line-height: 0;
	margin-right: -120px;
}
.shield-graphic svg {
	max-height: 640px;
	max-width: 600px;
}

/************************************************
	30. Builder Widgets Page
************************************************/

.widgets-page .featured-stats {
	border-bottom: none;
}
.widgets-page section:nth-child(3) {
	padding-top: 24px;
}
.widgets-intro {
	overflow: hidden;
}
.widgets-intro .intro {
	min-width: 420px;
}
.widgets-intro .intro .headline {
	font-size: 3.2em;
	font-family: 'Proxima Bold';
}
.widgets-intro .banner-text {
	padding: 0px;
}
.widgets-graphic {
	line-height: 0;
	margin-right: -120px;
}
.widgets-graphic svg {
	max-height: 680px;
	max-width: 800px;
}
.widgets-video,
.widgets-themes,
.widgets-showcase {
	background: #f4f4f4;
	padding: 72px 0px;
}
.widgets-video .widget-vid {
	display: block;
	background: #ffffff;
	line-height: 0;
	min-width: 620px;
	margin-right: 48px;
	padding: 18px;
	box-sizing: border-box;
	border-radius: 3px;
	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
}
.widgets-video .widget-vid iframe {
	width: 100%;
}
.widgets-appearance {
	padding: 0px;
	position: relative;
	overflow: hidden;
}
.widgets-appearance .icon-bg.bottom-left {
	bottom: -20px;
	left: -280px;
	right: auto;
	top: auto;
	animation-duration: 12s;
	z-index: -1;
}
.widgets-appearance .icon-bg.top-right {
	bottom: auto;
	left: auto;
	right: 35%;
	top: -40px;
	animation-duration: 12s;
	z-index: -1;
}
.widgets-appearance .flex-row {
	justify-content: center;
}
.widgets-appearance .widget-img {
	flex-basis: 3200px;
	max-width: 1200px;
	position: relative;
	left: 280px;
	/* min-width: 1200px; */
}
.widgets-appearance .intro {
	position: relative;
	left: 80px;
	margin-top: -48px;
	margin-right: -280px;
}
.widgets-appearance .tagline {
	max-width: 640px;
	min-width: 460px;
}
.widgets-appearance .button {
	margin-top: 12px;
}
.widgets-themes .theme-preview {
	display: block;
	min-width: 520px;
	margin-right: 48px;
}
.widget-advantages .number {
	color: #000000;
	font-size: 2.4em;
	font-family: 'Proxima Bold';
	text-align: center;
}
.widget-advantages .flex-row {
	flex-wrap: wrap;
}
.widget-advantages .half:nth-child(1) {
	padding-right: 48px;
	padding-bottom: 36px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.widget-advantages .half:nth-child(2) {
	padding-left: 48px;
	padding-bottom: 36px;
	border-bottom: 1px solid #dddddd;
}
.widget-advantages .half:nth-child(3) {
	padding-right: 48px;
	padding-top: 36px;
	border-right: 1px solid #dddddd;
}
.widget-advantages .half:nth-child(4) {
	padding-left: 48px;
	padding-top: 36px;
}
.widgets-upgrade {
	padding: 72px 0px;
}
.widgets-upgrade .divider {
	display: inline-block;
	background: #cccccc;
	height: 4px;
	width: 80px;
	margin-bottom: 12px;
}
.widgets-upgrade-container .flex-row .information {
	width: 100%;
	box-sizing: border-box;
}
.widgets-upgrade-container .flex-row:first-child,
.widgets-upgrade-container .flex-row:nth-child(2),
.widgets-upgrade-container .flex-row:nth-child(3) {
	margin-bottom: -80px;
}
.widgets-upgrade-container .flex-row:first-child .information,
.widgets-upgrade-container .flex-row:nth-child(3) .information,
.widgets-upgrade-container .flex-row:nth-child(5) .information {
	padding-left: 60px;
}
.widgets-upgrade-container .flex-row:nth-child(2) .information,
.widgets-upgrade-container .flex-row:nth-child(4) .information {
	padding-right: 60px;
}
.widgets-purchase {
	padding: 72px 0px;
	background-image: -webkit-linear-gradient(left, rgb(116, 159, 37), rgb(14, 140, 130));
	background-image: -moz-linear-gradient(left, rgb(116, 159, 37), rgb(14, 140, 130));
	background-image: -o-linear-gradient(left, rgb(116, 159, 37), rgb(14, 140, 130));
	background-image: -ms-linear-gradient(left, rgb(116, 159, 37), rgb(14, 140, 130));
	background-image: linear-gradient(left, rgb(116, 159, 37), rgb(14, 140, 130));
}
.widgets-page .featured-testimonials .quote,
.services-page .featured-testimonials .quote {
	position: relative;
	padding-top: 82px;
}
.widgets-page .featured-testimonials blockquote,
.services-page .featured-testimonials blockquote {
	font-size: 1.6em;
	font-weight: 300;
	font-style: italic;
	font-family: 'Merriweather';
}
.widgets-page .featured-testimonials .testimonials .avatar,
.services-page .featured-testimonials .testimonials .avatar {
	position: absolute;
	top: 0; left: 50%;
	margin: 0px 0px 0px -36px;
	width: 72px;
	padding: 0;
	border: none;
	border-radius: 3px;
}
.organic-ocw-container .widget {
	width: 100%;
	font-size: 1rem;
	margin: 0px;
}
.organic-ocw-container .widget:first-child .organic-widgets-title {
	font-size: 3.2rem;
}
.organic-ocw-container .widget p {
	line-height: 1.55;
	padding: 12px 0px;
}
.organic-ocw-container .widget iframe {
	background-color: #ffffff;
	max-width: 100%;
	padding: 12px;
	box-sizing: border-box;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);
	border-radius: 2px;
}
.widgets-page .organic-widgets-feature-list-section {
	/* background-color: #7ba825; */
	background-image: -webkit-linear-gradient(left, rgb(116, 159, 37), rgb(14, 140, 130));
	background-image: -moz-linear-gradient(left, rgb(116, 159, 37), rgb(14, 140, 130));
	background-image: -o-linear-gradient(left, rgb(116, 159, 37), rgb(14, 140, 130));
	background-image: -ms-linear-gradient(left, rgb(116, 159, 37), rgb(14, 140, 130));
	background-image: linear-gradient(left, rgb(116, 159, 37), rgb(14, 140, 130));
}
.widgets-page .organic-widgets-subpage-section {
	background-attachment: fixed;
}
.organic-widgets-text p {
	font-size: 120%;
}
.organic-widgets-featured-product-item {
	max-width: 100%;
}
.organic-widgets-featured-product-information {
	max-width: 42%;
}
.organic-widgets-feature-list-item h6 {
	padding: 0px;
	margin: 0px;
}
.organic-widgets-content, .organic-widgets-aligner, .organic-widgets-group-container,
.organic-widget_widget_text, .organic-widget_widget_media_video,
.organic-widget_widget_media_audio, .organic-widget_widget_search,
.organic-widget_widget_recent_entries, .organic-widget_widget_recent_comments,
.organic-widget_widget_archive, .organic-widget_widget_categories,
.organic-widget_widget_meta, .organic-widget_widget_media_gallery {
	max-width: 1280px;
}

/* This is the core CSS of Tooltipster */

/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
	/* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
	display: flex;
	pointer-events: none;
	/* this may be overriden in JS for fixed position origins */
	position: absolute;
}

.tooltipster-box {
	/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
	flex: 1 1 auto;
}

.tooltipster-content {
	/* prevents an overflow if the user adds padding to the div */
	box-sizing: border-box;
	/* these make sure we'll be able to detect any overflow */
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
}

.tooltipster-ruler {
	/* these let us test the size of the tooltip without overflowing the window */
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
}

/* ANIMATIONS */

/* Open/close animations */

/* fade */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

/* grow */

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
	top: 0 !important;
}
.tooltipster-fall.tooltipster-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

/* slide */

.tooltipster-slide {
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
	left: -40px !important;
}
.tooltipster-slide.tooltipster-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.tooltipster-update-fade {
	animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
	25% {
		transform: rotate(-2deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0);
	}
}
.tooltipster-update-rotate {
	animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
.tooltipster-update-scale {
	animation: tooltipster-scaling 600ms;
}


/*
==============================================
slideUp
==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;

	animation-duration: 1s;
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;

	visibility: visible !important;
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}
	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}

/*
==============================================
bigEntrance
==============================================
*/


.bigEntrance{
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;

	animation-duration: 1.6s;
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;

	visibility: visible !important;
}

@keyframes bigEntrance {
	0% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
		opacity: 1;
	}
	45% {
		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	75% {
		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}

@-webkit-keyframes bigEntrance {
	0% {
		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
		opacity: 1;
	}
	45% {
		-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	75% {
		-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}