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

	Theme Name: GivingPress Site
	Theme URI: http://www.givingpress.com
	Description: The official GivingPress site.
	Author: GivingPress
	Author URI: http://givingpress.com
	License: Copyright Invulu, Inc.
	License URI: http://invulu.com
	Version: 2.1
	Text Domain: giving-press
	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

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

/* 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.5);
	font-size: 1em;
	font-family: 'Proxima Regular', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 400;
	line-height: 1.7;
	margin: 0px;
	padding: 0px;
}
body.wp-autoresize {
	padding: 12px 24px !important;
}

/************************************************
	Custom Page Styles
************************************************/

.home.banner-text-active #header #nav-bar {
	border-bottom: 2px solid rgba(255, 255, 255, 0.24);
}
.home.banner-text-active #header,
.page.banner-text-active #header {
	background-color: transparent;
}
.page.banner-text-active .banner-text {
	padding-top: 120px;
}
.page.banner-text-active .websites-page .banner-text {
	padding-top: 36px;
}
.page.banner-text-active .container {
	margin-top: 0px;
}

/************************************************
	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 {
	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 {
	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 {
	display: inline-block;
	width: 100%;
	height: 1px;
	color: #dddddd;
	background-color: #dddddd;
	margin: 18px 0px;
	padding: 0px;
	border: 0;
}
ol, ul {
	list-style: none;
	margin: 0px;
	padding: 6px 0px 12px 18px;
}
.post-area ol,
.post-area ul {
	overflow: hidden;
}
ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 8px 0px;
	padding-left: 4px;
}
ul li {
	list-style-type: square;
	list-style-position: outside;
	margin: 8px 0px;
}
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.6em;
	font-style: italic;
	line-height: 1.5;
	margin: 24px 0px;
	padding: 24px;
	border-top: 1px solid #dddddd;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	border-bottom: 1px solid #dddddd;
	border-bottom: 1px 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 {
	max-width: 100%;
	margin: 0px auto 0px;
}
.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 {
	color: rgba(255, 255, 255, 0.7);
}
.text-white, .text-white p {
	color: rgba(255, 255, 255, 0.5);
}
.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: #f54166;
	text-decoration: none;
	word-wrap: break-word;
}
a:focus, a:hover, a:active {
	color: #d1284a;
	text-decoration: underline;
}
a.read-more {
	display: block;
	margin-top: 12px;
}

/************************************************
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: 300;
	line-height: 1.1;
	word-wrap: break-word;
	margin: 6px 0px;
	padding: 6px 0px;
}
h1 {
	font-size: 3.2em;
	letter-spacing: -1px;
}
h2 {
	font-size: 2.8em;
	letter-spacing: -0.6px;
}
h3 {
	font-size: 2.4em;
	letter-spacing: -0.4px;
}
h4 {
	font-size: 2em;
}
h5 {
	font-size: 1.6em;
}
h6 {
	font-size: 1.2em;
	letter-spacing: 1px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
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: #d1284a;
	text-decoration: none;
	border: none;
}
.headline {
	font-family: 'Proxima Semibold';
	font-size: 2.4em;
	font-weight: 300;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
.title-post {
	font-family: 'Proxima Regular';
	font-size: 2.6em;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 0px;
	padding: 0px;
}
.title-post b,
.title-post strong,
.tagline b,
.tagline strong {
	font-family: 'Proxima Bold';
}
.title-post,
.post .headline,
.tutorial .headline {
	margin-bottom: 24px;
}
.tagline {
	font-family: 'Proxima Light';
	color: rgba(0, 0, 0, .5);
	font-weight: 400;
	font-size: 1.4em;
	letter-spacing: 0px;
	line-height: 1.4;
}
.tagline b {
	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.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;
}
#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;
	padding: 12px 0px;
}
.site-logo {
	line-height: 0;
	margin: 0px;
	padding: 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 Semibold';
	font-size: 0.9em;
	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;
}

/* 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;
}
.menu {
	line-height: 0;
}
.menu ul {
	margin: 0px;
	padding: 0px;
}
ul.menu ul,
div.menu ul ul {
	position: absolute;
	top: -9999px;
	width: 220px; /* left offset of submenus need to match (see below) */
}
ul.menu ul li,
div.menu ul ul li {
	width: 100%;
	margin: 0px;
}
.menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.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.sfHover ul {
	left: 50%;
	margin-left: -70px;
	top: 70px; /* match top ul list item height */
	z-index: 99;
}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul,
div.menu ul li:hover li ul {
	top: -9999px;
}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul,
div.menu ul li li.sfHover ul {
	left: 220px; /* match ul width */
	top: 0;
}

/*** SKIN ***/
.menu ul.sub-menu,
.menu ul.children {
	padding: 12px;
	background-color: #ffffff;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.24);
	border-radius: 3px;
}
.menu a {
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	background: none;
	line-height: 1;
	text-decoration: none;
	margin: 18px 0px;
	padding: 12px;
}
.menu li.feature-btn a {
	font-size: 0.8em;
	margin-left: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	border: 1px solid rgba(0, 0, 0, 0.24);
	border-radius: 24px;
}
.menu li.feature-btn.account a {
	font-size: 1em;
	padding: 0px;
}
.menu li.feature-btn.account a .fa {
	line-height: 36px;
	min-width: 36px;
}
.menu li.feature-btn a:hover {
	border: 1px solid rgba(0, 0, 0, 1);
}
.menu li.feature-btn li a:hover {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.menu a:focus,
.menu a:hover,
.menu a:active {
	color: rgba(0, 0, 0, 0.8);
	outline: 0;
}
.menu li li a,
.menu li.feature-btn li a {
	display: block;
	width: auto;
	background: none;
	text-transform: none;
	text-align: left;
	line-height: 1.4;
	margin: 0px;
	padding: 12px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 0px;
}
.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 **/
.sf-arrows .sf-with-ul {
	padding-right: 24px;
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -2px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 3px solid transparent;
	border-top-color: #dddddd; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(0, 0, 0, .24);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: rgba(0, 0, 0, 0.4); /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows li li .sf-with-ul:after {
	margin-top: -3px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dddddd; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(0, 0, 0, .24);
}
.sf-arrows li li > .sf-with-ul:focus:after,
.sf-arrows li li:hover > .sf-with-ul:after,
.sf-arrows li li.sfHover > .sf-with-ul:after {
	border-left-color: rgba(0, 0, 0, 0.4);
}

/************************************************
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;
}
.has-sidebar .type-page .content,
.has-sidebar .type-post .content,
.has-sidebar .type-documentation .content,
.doc-posts .content {
	display: flex;
	align-content: stretch;
}
.has-sidebar .type-page .content .five.columns,
.has-sidebar .type-post .content .five.columns {
	border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.has-sidebar .type-page .content .four.columns,
.has-sidebar .type-documentation .content .four.columns,
.doc-posts .content .four.columns {
	border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.article {
	display: block;
	position: relative;
}
.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,
.archive-holder {
	margin: 24px 0px;
	padding: 24px 0px;
}
.blog-holder:first-child,
.archive-holder:first-child {
	margin-top: 12px;
	padding-top: 0px;
}
.post-area {
	padding: 48px 48px 48px 0px;
}
.post-area.right {
	padding: 48px 0px 48px 48px;
}
.post-area.no-sidebar {
	padding: 48px 18%;
}
.post-area.full-width {
	padding: 48px 0px;
}
.entry h1:first-child + p,
.entry > p:first-child {
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	font-family: 'Proxima Light';
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1.6;
}
.entry > p:first-child {
	padding-top: 0px;
}
.post-info {
	color: #999999;
	font-family: 'Proxima Semibold';
	font-size: 0.8em;
	text-transform: uppercase;
	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;
	top: -10px;
	position: absolute;
	padding-right: 12px;
}
.post-meta {
	display: inline-block;
	width: 100%;
	margin: 12px 0px;
}
.headline + .post-meta {
	margin: 0px
}
.post-meta .post-edit-link {
	padding: 0px;
}
.post-author {
	float: left;
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	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 0px -6px 4px;
	padding: 0px;
	overflow: hidden;
	border-radius: 14px;
}
.post-edit-link {
	font-size: 1rem;
	padding: 12px 0px;
}
.post-date {
	float: left;
	color: #999999;
	color: rgba(0, 0, 0, 0.4);
	width: 100%;
	font-size: 0.9em;
	margin: 0px;
	padding: 8px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.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);
}

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

.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;
	width: 100%;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 24px auto 0px;
	padding: 0px;
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.12);
	overflow: hidden;
	z-index: 7;
}
.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 {
	margin: 0px auto 24px;
}
.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 {
	background: #f9f9f9;
	max-width: 98%;
	text-align: center;
	line-height: 0;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 8px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
.wp-caption a {
	display: block;
}
.wp-caption img {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px;
}
.wp-caption p.wp-caption-text,
.wp-caption-dd {
	font-size: 0.85em;
	line-height: 1.6;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

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

.banner-text {
	/*background: #4a4554;*/
	background-color: #381c3a;
	background-image: -webkit-linear-gradient(left bottom, rgb(56, 28, 58), rgb(216, 43, 95));
	background-image: -moz-linear-gradient(left bottom, rgb(56, 28, 58), rgb(216, 43, 95));
	background-image: -o-linear-gradient(left bottom, rgb(56, 28, 58), rgb(216, 43, 95));
	background-image: -ms-linear-gradient(left bottom, rgb(56, 28, 58), rgb(216, 43, 95));
	background-image: linear-gradient(left bottom, rgb(56, 28, 58), rgb(216, 43, 95));
	padding: 48px 0px;
}
.banner-text .page-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.banner-text .headline {
	color: #ffffff;
	font-size: 3.2em;
	font-family: 'Playfair Display';
	letter-spacing: 0px;
	text-transform: none;
}
.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: 320px;
	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;
}
.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;
}
.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: all .25s;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
}
.gallery .gallery-item a:hover {
	background: #d1284a;
}
.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 48px 48px;
}
.four.columns .sidebar {
	padding: 48px 48px 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: #d1284a;
	background: none;
}
.widget ul.menu li a {
	display: block;
	background: none;
	color: #d1284a;
	width: auto;
	height: auto;
	font-size: 1em;
	text-transform: none;
	text-shadow: none;
	line-height: 1.8;
	margin: 6px 0px;
	padding: 0px;
	border-left: none;
}
.widget ul.menu li a:hover {
	color: #d1284a;
	background: none;
	text-decoration: underline;
}
.widget ul.menu li {
	float: none;
	display: block;
	width: 100%;
	max-width: 100%;
	background: none !important;
	margin: 0px;
	padding: 0px;
}
.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: 12px;
}
.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 10px 12px;
	border-radius: 24px;
}
#searchform #searchsubmit {
	float: right;
	box-sizing: border-box;
	width: 24%;
	font-size: 0.8rem;
	line-height: 1.4;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 12px;
}
.no-result-search {
	display: block;
	margin-top: 12px;
}
.no-result-search #searchform {
	max-width: 480px;
}

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

.footer {
	background: #4a4554;
	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: 16%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 2%;
	padding: 0px;
	border-bottom: none;
}
.footer-widgets .widget li,
.footer-widgets .widget ul.menu li {
	margin: 12px 0px;
	padding: 0px;
}
.footer-widgets .widget:nth-child(4n+1) {
	clear: both;
}
.footer-widgets .widget:nth-child(4n+4) {
	width: 38%;
	margin-left: 8%;
	margin-right: 0px;
}
.footer-information {
	padding: 24px 0px;
	overflow: hidden;
}
.footer-information .align-left {
	padding-top: 18px;
}
.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: 0px;
	padding: 0px;
}
#comments-title {
	font-size: 2em;
	margin: 4px 0px 8px 0px;
	padding: 4px 0px 8px 0px;
}
.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: 0px;
	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;
}
#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;
}
.comment .reply a,
.comment .reply a:link,
.comment .reply a:visited {
	margin: 0px;
	padding: 6px 18px;
}
.commentmetadata {
	font-size: 10px;
	line-height: 14px;
	margin: 0px;
	display: block;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}
.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, 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;
	letter-spacing: 2px;
	padding: 12px 24px;
	border-radius: 24px;
	border: 2px solid rgba(0, 0, 0, 0.24);
	-webkit-appearance: none;
}
.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: 2px solid #000000;
}
p a.more-link {
	margin-top: 24px;
}

/************************************************
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 {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	width: 100%;
	margin: 18px 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0;
}
table thead,
table tfoot {
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
table p {
	padding: 0px;
}
table th {
	background: #eeeeee;
	background: rgba(0, 0, 0, 0.08);
	font-size: 1.2em;
	text-align: center;
	margin: 0px;
	padding: 8px;
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
table td {
	padding: 8px;
	margin: 0px;
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.12);
}

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

textarea:focus,
input:focus {
	outline: none;
}
*:focus {
	outline: none;
}
form {
	display: block;
}
form div {
	display: block;
	margin-top: 4px;
	margin-bottom: 4px;
	overflow: hidden;
}
form fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}
form span {
	overflow: hidden;
}
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-top: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
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 {
	box-sizing: border-box;
	margin-bottom: 6px;
	padding: 6px 8px;
	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;
}
form input:hover, form input:active, form input:focus,
form textarea:hover, form textarea:active, form textarea:focus {
	background: #f4f4f4;
	border: 2px solid rgba(0, 0, 0, 1);
}
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);
	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: 6px 44px 6px 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.24), rgba(0, 0, 0, 0.24));
	background-position:
		calc(100% - 16px) calc(50%),
		calc(100% - 11px) calc(50%),
		calc(100% - 32px) 6px;
	background-size:
		5px 5px,
		5px 5px,
		1px 1.5em;
	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: 2px solid rgba(0, 0, 0, 1);
	cursor: pointer;
}
form input.white {
	background: none;
	color: rgba(255, 255, 255, 0.4);
	border: 2px solid rgba(255, 255, 255, 0.24);
}
form input.white:hover,
form input.white:active,
form input.white:focus {
	background: none;
	color: #ffffff;
	border: 2px solid rgba(255, 255, 255, 1);
}
select.white {
	color: rgba(255, 255, 255, 0);
	text-shadow: 0 0 0 rgba(255, 255, 255, .4);
	border: 2px solid rgba(255, 255, 255, 0.24);

	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24));
}
select.white:hover {
	background-color: transparent;
	text-shadow: 0 0 0 rgba(255, 255, 255, .8);
	border: 2px solid rgba(255, 255, 255, 1);
}
select option {
	padding: 2px;
}

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

a, a:hover, #submit:hover, #searchsubmit:hover, .button:hover {
	transition: all .25s;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
}
.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%;
}

/************************************************
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;
}

/************************************************
	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) {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-left: 1px solid rgba(0, 0, 0, .2);
	margin-left: -1px;
}
.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, .2);
}
.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, .2);
}
.double-btn .button.white:hover:nth-child(2) {
	border-left: 1px solid rgba(255, 255, 255, 1);
}
.button .price {
	margin-left: 4px;
	padding-left: 12px;
	border-left: 1px solid rgba(0, 0, 0, .4);
}
.button.white, a.button.white {
	color: rgba(255, 255, 255, 0.6);
	border: 2px solid rgba(255, 255, 255, 0.24);
}
.button.white:hover, a.button.white:hover {
	color: #ffffff;
	background: none;
	border: 2px solid #ffffff;
}
.button.white .price {
	border-left: 1px solid rgba(255, 255, 255, .24);
}
.button.red, a.button.red,
.menu li.feature-btn.red a {
	background: #d1284a;
	color: rgba(255, 255, 255, 0.7);
	border-color: rgba(0, 0, 0, 0);
}
.button.red:hover, a.button.red:hover,
.menu li.feature-btn.red a:hover {
	background: #b21535;
	color: #ffffff;
	border-color: rgba(0, 0, 0, 0);
	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.24);
}
.menu a .fontawesome-text {
	display: none;
}

/************************************************
	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;
	animation-duration: 18s;
	-webkit-animation-duration: 18s;
	z-index: 1;
}
.icon-bg svg {
	width: 520px;
	height: 520px;
}
a.scroll-down {
	color: rgba(0, 0, 0, 0.24);
	background-color: rgba(255, 255, 255, 0.6);
	text-align: center;
	width: 48px;
	height: 48px;
	line-height: 58px;
	position: absolute;
	bottom: 24px;
	left: 50%;
	margin-left: -24px;
	border: 2px solid rgba(0, 0, 0, 0.24);
	border-radius: 50%;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
a.scroll-down i {
	font-size: 24px;
}
a.scroll-down:hover {
	color: #000000;
	background-color: #ffffff;
	transform: scale(1.1);
	border-color: #000000;
}

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

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

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

.home .container {
	margin-top: 0px;
}
.home .logo-text path {
	fill: #ffffff;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.home.banner-text-active #header,
.page.banner-text-active #header {
	border-bottom: none;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

/* Hero Section */

.home section.hero {
	/*background-color: #ffffff;
	background-image: url( 'images/bg-home-new.jpg' );*/
	background-color: #381c3a;
	background-image: -webkit-linear-gradient(left bottom, rgb(56, 28, 58), rgb(216, 43, 95));
	background-image: -moz-linear-gradient(left bottom, rgb(56, 28, 58), rgb(216, 43, 95));
	background-image: -o-linear-gradient(left bottom, rgb(56, 28, 58), rgb(216, 43, 95));
	background-image: -ms-linear-gradient(left bottom, rgb(56, 28, 58), rgb(216, 43, 95));
	background-image: linear-gradient(left bottom, rgb(56, 28, 58), rgb(216, 43, 95));
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	height: 900px;
	padding: 0px;
	box-sizing: border-box;
}
.home .hero .content {
	display: flex;
	height: 100%;
}
.home .hero .row-hero {
	text-align: center;
	margin: 140px auto 0px;
}
.home .hero .headline {
	font-family: 'Playfair Display';
	color: #ffffff;
	font-size: 3.4em;
	line-height: 1;
	letter-spacing: 0px;
	text-transform: none;
}
.home .hero .tagline {
	color: rgba(255, 255, 255, 0.7);
	margin-top: 12px;
}
.home .hero .tagline a {
	font-weight: 400;
	text-decoration: underline;
}
.home .hero .tagline a:hover {
	text-decoration: none;
}
.home .hero .feature-text {
	position: relative;
	box-sizing: border-box;
	align-self: center;
}
.home .hero .laptop {
	position: relative;
	line-height: 0;
	left: 96px;
}
.home .hero .intro {
	display: block;
	max-width: 820px;
	margin: 0 auto;
}
.home .hero .previews {
	display: flex;
	justify-content: space-between;
}
.home .hero .browser-container {
	float: left;
	max-width: 460px;
	margin-top: 48px;
	z-index: 8;
}
.home .hero .browser-container:first-child {
	max-width: 380px;
}
.home .hero .browser-container:last-child {
	max-width: 380px;
}
.home .hero .browser-container:first-child,
.home .hero .browser-container:last-child {
	margin-top: 96px;
	z-index: 6;
}

/* Help Section */

.home section.help {
	position: relative;
	background-color: #eeeeee;
	padding: 72px 0px;
	z-index: 2;
}
.home .help .intro {
	text-align: center;
	margin-top: 96px;
	margin-bottom: 48px;
}
.home .help .intro .tagline {
	max-width: 900px;
	margin: 0px auto;
}
.home .help .btn-comparison {
	margin-top: 36px;
}
.levels {
	display: flex;
	align-items: center;
	justify-content: center;
}
.levels .level {
	background: #ffffff;
	text-align: center;
	width: 32%;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 4px 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;
}
.levels .level:first-child {
	border-radius: 12px 0px 0px 12px;
	margin-right: -1px;
}
.levels .level:last-child {
	border-radius: 0px 12px 12px 0px;
	margin-left: -1px;
}
.levels .level.featured {
	position: relative;
	width: 36%;
	z-index: 6;
	border-radius: 12px;
}
.levels .level:hover {
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.24);
	transform: scale(1.04);
}
.levels .level-header {
	padding: 24px;
}
.levels .level-header h3 {
	font-family: 'Proxima Semibold';
	font-size: 1.6em;
	line-height: 1;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
.levels .level.featured .level-header h3 {
	font-size: 2.2em;
}
.levels .level-header .experience {
	font-family: 'Roboto';
	font-size: 0.9em;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 1px;
	margin-top: 8px;
	padding: 0px;
}
.level .highlight {
	color: #ffffff;
	background: #d1284a;
	position: relative;
	text-align: center;
	width: calc(100% + 24px);
	margin: 0px 0px 0px -12px;
	padding: 4px 12px;
	box-sizing: border-box;
	border-radius: 3px 3px 0px 0px;
	box-shadow: 0px 4px 1px -2px rgba(0, 0, 0, 0.4);
}
.level .highlight h4 {
	color: #ffffff;
	font-family: 'Roboto';
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.12);
}
.level .arrow-left,
.level .arrow-right {
	position: absolute;
	bottom: -12px;
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-bottom: 12px solid transparent;
}
.level .arrow-left {
	left: 0;
	border-right: 12px solid #951d35;
}
.level .arrow-right {
	right: 0;
	border-left: 12px solid #951d35;
}
.levels .description {
	line-height: 1.4;
	padding: 18px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.levels .description p {
	padding: 0px;
}
.levels ul {
	margin: 0px;
	padding: 0px;
}
.levels ul li {
	list-style: none;
	margin: 0px;
	padding: 8px 24px;
}
.levels .level.featured ul li {
	padding: 10px 24px;
}
.levels ul li:nth-child(odd) {
	background: #f4f4f4;
}
.levels .level-footer {
	padding: 24px;
}
.levels a.button.red {
	display: block;
	border-radius: 6px;
}

/* Theme Section */

.home section.template {
	position: relative;
	/*background-color: #f4f4f4;*/
	padding: 48px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.home .template .downloads-stat {
	color: #000000;
	font-family: 'Helvetica Neue';
	font-size: 4.6em;
	font-weight: 700;
	line-height: 1.2;
	padding: 0px;
}
.home .template .half {
	position: relative;
	padding-right: 36px;
	box-sizing: border-box;
	align-self: center;
}
.home .template .half.last {
	padding-right: 0px;
	padding-left: 36px;
}
.home .template .intro {
	padding-right: 120px;
}
.home .template .tagline {
	margin-top: 12px;
}
.home .template .browser-container.mobile {
	max-width: 46%;
	position: absolute;
	bottom: -24px;
	left: -24px;
	z-index: 8;
}
.home .template .browser-container.desktop:hover {
	z-index: 9;
}
.home .template .browser-container {
	margin: 48px 0px;
}
.home .template .browser {
	margin: 18px 0px;
}

/* Showcase Section */

.home section.showcase {
	position: relative;
	background: #f4f4f4;
	padding: 72px 0px;
	z-index: 4;
}
.home .showcase .tagline {
	max-width: 840px;
	margin: 0px auto 0px;
}
.home .showcase .portfolio-projects {
	margin-top: 24px;
	margin-bottom: 24px;
}

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

.browser-container {
	position: relative;
	text-align: center;
	margin: 18px;
	z-index: 6;
}
.browser {
	position: relative;
	display: inline-block;
	background-color: #eeeeee;
	margin: 0px;
	padding: 24px 0px 0px 0px;
	border-radius: 3px;
	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.24);
}
.browser .circles {
	position: absolute;
	top: 8px;
	left: 8px;
}
.browser .circles span {
	float: left;
	background: #cccccc;
	width: 6px;
	height: 6px;
	margin-top: 1px;
	margin-right: 6px;
	border-radius: 3px;
}
.browser-img {
	display: block;
	position: relative;
	background: #ffffff;
	line-height: 0;
	border-top: 1px solid #cccccc;
	border-radius: 0px 0px 3px 3px;
	box-sizing: border-box;
}
.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.button {
	display: block;
	width: 160px;
	margin: 0 auto;
}
.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 {
	margin: 0px;
	padding: 0px;
}
.browser-title p {
	font-weight: 300;
	padding: 0px;
	opacity: 0.8;
}

/************************************************
	Tour Template
************************************************/

.tour-section {
	padding-top: 48px;
	padding-bottom: 48px;
}
.tour-page .tour-section:nth-child(even) {
	background-color: #f4f4f4;
}
.tour-page .tour-section:first-child {
	display: block;
	text-align: center;
}
.tour-section .site-packages {
	margin-top: 36px;
}
.tour-section .flex-row {
	display: flex;
	align-items: center;
}
.tour-section .flex-row.reverse {
	flex-direction: row-reverse;
}
.tour-section .flex-row .intro {
	text-align: center;
	width: 60%;
}
.tour-section .flex-row .screenshot {
	width: 40%;
}
.tour-section .flex-row .intro,
.tour-section .flex-row .screenshot {
	float: left;
}
.tour-section:nth-child(even) .flex-row .intro {
	margin-left: 60px;
}
.tour-section:nth-child(odd) .flex-row .intro {
	margin-right: 60px;
}
.tour-section .numbered {
	display: inline-block;
	color: rgba(0, 0, 0, 0.4);
	font-family: 'Proxima Regular';
	font-size: 1.8em;
	text-align: center;
	line-height: 44px;
	width: 42px;
	height: 42px;
	margin: 0px auto 18px;
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, 0.4);
}
.tour-section .tagline {
	padding: 6px 0px;
}

/************************************************
	Themes Template
************************************************/

.themes-page .previews {
	background: #4a4554;
}
.themes-page .previews .intro .headline {
	color: #ffffff;
}
.themes-page .previews .intro .tagline {
	color: rgba(255, 255, 255, 0.6);
}

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

.theme-banner {
	display: flex;
	align-items: center;
	background: #4a4554;
	height: calc( 100vh - 72px );
	overflow: hidden;
}
.theme-banner .content {
	display: flex;
	align-items: center;
	padding-bottom: 48px;
}
.theme-banner .information {
	margin: 0px auto 0px;
	padding-left: 96px;
}
.theme-banner .information p {
	line-height: 1.5;
	padding: 12px 0px;
}
.theme-banner .information .excerpt {
	font-size: 1.1em;
}
.theme-banner .information .btn-holder {
	margin: 12px 0px;
}
.theme-banner .information .double-btn {
	margin-bottom: 12px;
}
.theme-banner .information p.club-info {
	font-size: 0.9em;
}
.theme-banner .theme-images {
	position: relative;
}
.theme-banner .browser-container.desktop {
	max-width: 80%;
}
.theme-banner .browser-container.desktop:hover {
	z-index: 8;
}
.theme-banner .browser-container.mobile {
	max-width: 40%;
	position: absolute;
	bottom: -24px;
	right: -24px;
	z-index: 7;
}
.theme-banner .browser-container {
	margin: 0px;
}
.theme-social {
	background: #eeeeee;
	text-align: center;
	padding: 48px 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 .purchase-options {
	text-align: center;
	margin-bottom: 36px;
}
.theme-body .purchase-options a.button {
	display: block;
	margin-bottom: 12px;
}
.theme-body .purchase-options a.pricing-link {
	font-size: 0.9em;
}
.theme-body .sidebar ul.feature-list li::before {
	color: #99cc00;
	font-family: 'FontAwesome';
	content: '\f058';
	margin-right: 8px;
}
.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-body .widget.theme-details {
	background: #4a4554;
	padding: 12px 24px;
	border-radius: 3px;
}
.theme-body .widget.theme-details li {
	background: none;
	padding-left: 0px;
	padding-right: 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

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

/* Sign-Up Page */

.signup-page {
	background: #eeeeee;
}

/* Websites Page */

.websites-page .banner-text {
	display: flex;
	align-items: center;
	background-color: #ffffff;
	background-image: url( 'images/bg-websites.jpg' );
	background-position: center center;
	background-attachment: scroll;
	background-size: cover;
	position: relative;
	min-height: 380px;
	padding: 48px 0px;
}

/* Hosting Page */

.hosting-page .banner-text {
	display: flex;
	align-items: center;
	background-color: #ffffff;
	background-image: url( 'images/bg-hosting.jpg' );
	background-position: center center;
	background-attachment: scroll;
	background-size: cover;
	position: relative;
	min-height: 380px;
	padding: 48px 0px;
}

/* Pricing Page */

.pricing-page .banner-text {
	display: flex;
	align-items: center;
	/*background-color: #ffffff;
	background-image: url( 'images/bg-pricing.jpg' );
	background-position: center center;
	background-attachment: scroll;
	background-size: cover;*/
	position: relative;
	/*min-height: 360px;*/
}
.pricing-page .banner-text p {
	color: rgba(255, 255, 255, 0.8);
	text-align: left;
	max-width: 680px;
	margin-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, 0.4);
}

/* Packages Section */

.websites-packages,
.product-pricing {
	background: #4a4554;
}
.websites-packages .intro,
.product-pricing .intro {
	padding-bottom: 24px;
}
.packages .package {
	position: relative;
	text-align: center;
	margin: 0px;
	z-index: 6;
}
.packages .package ul {
	margin: 0px;
	padding: 0px;
}
.packages .package.free {
	width: 100%;
	display: inline-block;
	background: #eeeeee;
	box-sizing: border-box;
}
.packages .package.free .package-header {
	background: none;
}
.packages .package.free .package-header {
	padding-bottom: 12px;
}
.packages .package.free .features p {
	display: inline-block;
	line-height: 2;
	margin: 0px auto 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.packages .package.free .features span {
	padding: 0px 12px;
}
.packages .package.free .features 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 {
	font-size: 0.9em;
	text-align: left;
	list-style: none;
	margin: 0px;
	padding: 8px 24px;
}
.packages .package li:nth-child(odd) {
	background: #eeeeee;
}
.packages .package.featured li:nth-child(even) {
	background: #f9f9f9;
}
.packages .package-header {
	background: #4a4554;
	padding: 36px 24px;
}
.packages .package-header p {
	padding: 0px;
}
.packages .package .features .fa {
	margin-right: 4px;
}
.packages .features b {
	font-family: 'Proxima Semibold';
}
.packages .package-footer {
	background: #4a4554;
	padding: 36px 12px;
}
.packages .package.featured {
	margin-top: -36px;
}
.packages .package.featured .package-header {
	background: #d1284a;
	padding: 48px 12px;
}
.packages .package.featured .package-header p {
	color: rgba(0, 0, 0, 0.5);
}
.packages .package.featured li {
	padding: 12px 24px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}
.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 .title {
	margin-bottom: 36px;
}

/* Signup Section */

.bottom-signup {
	background-color: #3e3a47;
	padding: 72px 0px;
}
.bottom-signup .flex-row {
	justify-content: space-between;
	align-items: center;
}
.bottom-signup .flex-row div:last-child {
	margin-left: 36px;
}

/* Packages Table */

table.package-table {
	width: 100%;
	background: none;
	margin: 0px;
	border: none;
	border-radius: 3px;
	overflow: hidden;
}
table.package-table .empty-row {
	background: none !important;
	border: none;
	padding: 6px;
}
table.package-table .fa-check {
	color: #99cc00;
}
table.package-table .fa-close {
	color: #ff6666;
}
table.package-table tr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
table.package-table tr.pricing {
	border-bottom: none;
}
table.package-table th {
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'Proxima Semibold';
	letter-spacing: 2px;
	line-height: 1;
	padding: 24px;
	border-left: none;
	border-top: none;
	border-bottom: none;
	vertical-align: middle;
}
table.package-table th:last-child {
	border-right: none;
}
table.package-table tr.pricing th:first-child {
	background: none !important;
	border: none;
}
table.package-table tr th.package-header {
	background: #3e3a47 !important;
}
table.package-table tr.pricing th.price,
table.package-table tr.pricing th.buy-option {
	background: #ac1c39;
}
table.package-table td {
	background: #e4e4e4;
	border: none;
	padding: 8px 24px;
}
table.package-table .price {
	font-size: 1.8em;
	font-family: 'Proxima Regular';
	text-transform: none;
	letter-spacing: 0px;
	line-height: 1;
	padding-bottom: 12px;
}
table.package-table .price small {
	display: block;
	color: #999999;
	color: rgba(255, 255, 255, 0.6);
	font-size: 0.9rem;
	font-family: 'Proxima Regular';
	line-height: 2;
	text-transform: none;
	letter-spacing: 0px;
}
table.package-table .buy-option {
	padding-top: 0px;
}
table.package-table .buy-option .btn {
	font-size: 0.9em;
	letter-spacing: 0.4px;
}
table.package-table .package-header {
	font-size: 1.2em;
	letter-spacing: 2px;
}
table.package-table .package-header small {
	color: rgba(255, 255, 255, 0.6);
	display: block;
	margin-top: 8px;
}
table.package-table .feature {
	text-align: right;
}
table.package-table td.benefit {
	font-size: 1.4em;
	text-align: center;
	line-height: 1.6;
	padding: 6px 0px;
}
table.package-table tr td:nth-child(1),
table.package-table tr th:nth-child(1) {
	background: #f4f4f4;
}
table.package-table tr td:nth-child(2),
table.package-table tr th:nth-child(2) {
	background: #eeeeee;
}
table.package-table tr td:nth-child(3),
table.package-table tr th:nth-child(3) {
	background: #e9e9e9;
}
table.package-table tr td:nth-child(4),
table.package-table tr th:nth-child(4) {
	background: #e4e4e4;
}
table.package-table tr td:nth-child(5),
table.package-table tr th:nth-child(5) {
	background: #e5f5a6;
}
table.package-table tr:nth-child(19),
table.package-table tr:nth-child(20) {
	border-bottom: none;
}
table.package-table tr:nth-child(19) td:first-child,
table.package-table tr:last-child th:nth-child(2) {
	border-radius: 0px 0px 0px 3px;
}
table.package-table tr:last-child {
	border-bottom: none;
}

/* Services Page */

.services-page .banner-text {
	display: flex;
	align-items: center;
	background-color: #ffffff;
	background-image: url( 'images/bg-services.jpg' );
	background-position: center center;
	background-attachment: scroll;
	background-size: cover;
	position: relative;
	min-height: 520px;
	padding: 48px 0px;
}
.services-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.services .service {
	background: #eeeeee;
	position: relative;
	border-top: 6px solid #d1284a;
	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;
}
.service-page .service-list {
	background: rgba(0, 0, 0, 0.08);
	padding: 6px 12px;
	border-radius: 3px;
}
.service-page .service-list li {
	float: left;
	width: 50%;
}
.service-page form {
	background: rgba(0, 0, 0, 0.08);
	padding: 18px 24px;
	border-radius: 3px;
}

/* Showcase Page */

.organizer select {
	min-width: 240px;
	margin-bottom: 0px;
}
.organizer form div {
	margin-bottom: 0px;
}
.showcase .browser-title .title {
	font-size: 0.9em;
	letter-spacing: 1px;
}

/* Features Page */

.features-page .page-entry .post-area {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.feature-list {
	position: relative;
	background: #f4f4f4;
	z-index: 4;
}
.feature-list .tagline {
	max-width: 840px;
	margin: 0px auto 0px;
}
.feature-graphic {
	background-color: #4a4554;
	padding: 60px 0px;
}
.feature-graphic .intro {
	padding-bottom: 24px;
}
.feature-graphic .content {
	max-width: none;
}
.feature-diagram {
	text-align: center;
}
.feature-steps {
	display: flex;
	justify-content: space-between;
	text-align: center;
	margin: 0px auto 0px;
	padding: 0px;
}
.feature-steps .step,
.feature-steps .plus {
	display: inline-block;
}
.feature-steps .step {
	text-align: center;
	min-width: 96px;
	max-width: 220px;
	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;
}
.feature-steps .step:hover {
	cursor: pointer;
	transform: scale(1.12);
}
.feature-steps .icon {
	display: block;
}
.feature-steps p.plus {
	display: flex;
	align-items: center;
	color: #ffffff;
	font-size: 3em;
	margin: 36px 0px 0px 0px;
	padding: 0px;
}
.feature-steps .step .info {
	padding-top: 24px;
	padding-left: 12px;
	padding-right: 12px;
}
.feature-steps .step .info p {
	font-size: 0.8em;
	line-height: 1.6;
}

/* Docs Page */

.docs-search-form {
	max-width: 720px;
	margin-top: 24px;
}
.search-search-form {
	margin-bottom: 24px;
	padding: 12px 0px;
}
.docs-search-form #searchform #s {
	box-sizing: border-box;
	background: none;
	width: 82%;
	color: rgba(255, 255, 255, 0.6);
	padding-left: 18px;
	border-color: rgba(255, 255, 255, 0.4);
	border-radius: 24px;
}
.docs-search-form #searchform #searchsubmit {
	color: rgba(255, 255, 255, 0.6);
	width: 16%;
	padding: 12px;
	border-color: rgba(255, 255, 255, 0.4);
}
.docs-search-form #searchform #searchsubmit:hover {
	color: #000000;
}
.doc-links {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.guide-links {
	display: flex;
	justify-content: space-between;
	align-content: stretch;
	margin: 48px 0px;
}
.guide-links .third {
	width: 31%;
}
a.doc-shortcut {
	display: flex;
	align-content: center;
	box-sizing: border-box;
	color: rgba(0, 0, 0, 0.6);
	text-decoration: none !important;
	background: rgba(0, 0, 0, 0.04);
	padding: 24px;
	border-radius: 3px;
}
a.doc-shortcut:hover {
	color: rgba(255, 255, 255, 0.6);
	background: #d1284a;
}
a.doc-shortcut:hover .title {
	color: #ffffff;
}
.doc-shortcut p {
	font-size: 0.9em;
	padding: 8px 0px 0px 0px;
}
.doc-shortcut svg {
	float: left;
	padding-right: 24px;
}
.docs-page .archive-holder {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.docs-page .archive-holder .feature-img {
	float: right;
	max-width: 180px;
	margin-left: 24px;
	padding: 6px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 3px;
}
.docs-page .archive-holder .title-post {
	margin-bottom: 0px;
}
.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 Regular';
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 24px 0px 8px 0px;
	padding: 8px 0px;
}
.document-single .entry h2:first-child {
	margin-top: 0px;
}

/* 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;
}
#mods-grid {
	display: inline-block;
	width: 100%;
	margin: 24px 0px;
}
#mods-grid .mod {
	float: left;
	width: 22%;
	margin-left: 4%;
	margin-top: 12px;
}
#mods-grid .mod:first-child,
#mods-grid .mod:nth-child(4n+1) {
	margin-left: 0;
}
#mods-grid .mod-name {
	font-family: 'Proxima Bold';
	text-transform: capitalize;
	line-height: 1.2;
	margin-bottom: 12px;
}
#mods-grid .mod-gravatar {
	float: left;
	margin-right: 8px;
}
#mods-grid .mod-gravatar .avatar {
	margin: 0px;
}

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

.widget.support-links-widget {
	background: #4a4554;
	margin-top: 8px;
	padding: 12px 24px;
	border-radius: 3px;
}
.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: 0px;
	padding-right: 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.widget.support-links-widget ul.support-links li:first-child {
	border-top: none;
}
.widget.support-links-widget ul.support-links li a {
	display: block;
	padding: 6px 0px;
}

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

/* Theme Site Showcase */

.theme-showcase {
	padding-top: 24px;
}
.showcase-sites {
	display: flex;
	justify-content: space-between;
}
.showcase-sites .half {
	width: 48%;
}
.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;
}

/* Previews */

.previews .intro {
	margin-bottom: 24px;
}
.previews .examples {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.previews .examples .browser-container {
	max-width: 100%;
	line-height: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: -140px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.24);
}
.previews .examples .browser-container:hover {
	z-index: 8 !important;
}
.previews .examples .browser-container:first-child {
	margin-left: 0px;
}
.previews .examples .browser-container:nth-child(3) {
	margin-top: -48px;
	z-index: 6;
}
.previews .examples .browser-container:nth-child(2),
.previews .examples .browser-container:nth-child(4) {
	margin-top: -24px;
	z-index: 3;
}
.previews .examples .browser-container:nth-child(1),
.previews .examples .browser-container:nth-child(5) {
	z-index: 1;
}
.previews .examples .browser-container .browser-info {
	padding: 24px;
	box-sizing: border-box;
}
.previews .examples .browser-container .show-mobile:first-child {
	display: none !important;
}
.previews .examples .browser-container .browser {
	margin: 0px !important;
}

/* Stats */

.featured-stats {
	position: relative;
	background: #4a4554;
	padding: 72px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.24);
	overflow: hidden;
}
.featured-stats .statistics {
	display: flex;
	align-content: center;
	justify-content: space-between;
}
.featured-stats .third {
	width: 30%;
}
.featured-stats .title.large {
	padding-bottom: 36px;
}
.featured-stats .stat {
	color: #ffffff;
	font-family: 'Proxima Light';
	font-size: 3.6em;
	letter-spacing: 2px;
	line-height: 1;
}
.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: #4a4554;
	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-link {
	display: block;
}
.featured-testimonials .testimonials .avatar-link .avatar {
	margin: 12px 0px;
}
.featured-testimonials .testimonials .author span::before {
	content: '— ';
}

/* Hosting Services */

.hosting-services {
	position: relative;
	background: #4a4554;
	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 .half {
	background: #eeeeee;
	box-sizing: border-box;
	margin-left: 1px;
	padding: 48px;
	border-top: 6px solid #eeeeee;
	-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 #d1284a;
}
.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 Links */

.support-links {
	background: #eeeeee;
	padding: 48px 0px;
}
.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;
}
.support-links .support-link:hover {
	background: #ffffff;
}
.support-links .support-link.first {
	border-left: none;
	border-radius: 3px 0px 0px 3px;
}
.support-links .support-link.last {
	border-radius: 0px 3px 3px 0px;
}

/* Features Sections */

.features-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 24px 0px;
}
.features-container .fourth,
.features-container .third {
	padding: 24px;
	box-sizing: border-box;
	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;
}
.features-container .fourth:hover,
.features-container .third:hover {
	background: #ffffff;
	cursor: default;
}
.features-container .fourth p,
.features-container .third p {
	padding-bottom: 0px;
}

/* Builder Preview Section */

.builder-preview .flex-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.builder-preview .intro {
	max-width: 36%;
	padding: 60px 0px;
}
.builder-preview .intro p.hide-mobile::before {
	display: block;
	width: 30%;
	content: '';
	margin-top: -16px;
	padding-bottom: 16px;
	border-top: 2px solid rgba(0, 0, 0, 0.24);
}
.builder-preview .intro .button {
	margin-top: 12px;
}
.builder-preview .builder-screenshot {
	position: relative;
	top: -60px;
	left: 80px;
	line-height: 0;
	border: 24px solid #000000;
	border-radius: 6px;
}

/* Customization Section */

.customize {
	background: #f4f4f4;
}
.customize .flex-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.customize .feature-info {
	padding: 0px 18px;
}
.customize .feature-info p {
	color: rgba(0, 0, 0, .4);
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.4;
	padding-bottom: 8px;
}
.slider-features .browser-container {
	max-width: 64%;
	margin: 0px;
}
.slider-features.loading .browser {
	display: block;
	width: 100%;
	min-width: 800px;
	max-width: 100%;
	min-height: 480px;
	box-sizing: border-box;
}
.slider-features.flexslider .slides li {
	min-height: 0;
}
.customize-info {
	padding-left: 48px;
	box-sizing: border-box;
}
.flex-control-nav {
	display: inline-block;
	position: relative;
	overflow: visible !important;
	z-index: 7;
}
.flex-control-nav li {
	display: block;
	position: relative;
	margin: 6px 0px;
	padding: 0px;
	zoom: 1;
}
.flex-control-nav li a {
	display: block;
	color: #999999;
	line-height: 36px;
	margin: 0px;
	padding: 0px 18px 0px 12px;
	border-radius: 0px 18px 18px 0px;
}
.flex-control-nav li a:hover {
	color: #000000;
	background: rgba(0, 0, 0, .08);
	text-decoration: none;
	cursor: pointer;
}
.flex-control-nav li a .arrow-left {
	position: absolute;
	top: 0;
	left: -18px;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-right: 18px solid transparent;
	width: 0;
	height: 0;
	transition: border .25s;
	-moz-transition: border .25s;
	-webkit-transition: border .25s;
	-o-transition: border .25s;
}
.flex-control-nav li a:hover .arrow-left {
	border-right: 18px solid rgba(0, 0, 0, .08);
}
.flex-control-nav li.flex-active a,
.flex-control-nav li a.flex-active {
	color: #ffffff;
	background: #d1284a;
	cursor: default;
}
.flex-control-nav li.flex-active a .arrow-left,
.flex-control-nav li a.flex-active .arrow-left {
	border-right: 18px solid #d1284a;
}

/* Hawaii Section */

#hawaii {
	padding: 72px 0px;
	position: relative;
	overflow: hidden;
	background-color: #79d7e6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(121, 215, 230)), to(rgb(201, 245, 247)));
	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: none;
}
.toggle-trigger {
	border-radius: 24px;
	border-color: rgba(0, 0, 0, 0.24);
	-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-section {
	border-color: #000000;
	border-radius: 0px 0px 3px 3px;
}
.toggle-section br:first-child {
	display: none;
}
.toggle-section p {
	padding: 12px 0px;
}

/************************************************
	WooCommerce
************************************************/

.checkout input {
	background-color: #f9f9f9;
	padding: 18px 12px;
	border-width: 2px;
}
.checkout input:hover {
	border-width: 2px;
}
.checkout #billing_email_field {
	float: left;
}

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

.container .gform_wrapper input,
.container .gform_wrapper textarea {
	padding: 6px 8px !important;
}
.container .gform_wrapper select {
	padding: 6px 44px 6px 8px !important;
}
.container .gform_wrapper input.button {
	padding: 12px 24px !important;
}
.container .gform_wrapper .gform_footer {
	margin-top: 0px;
}
.container .gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
	display: none;
}

/************************************************
	Affiliate WP
************************************************/

#affwp-register-form p {
	padding: 0px;
}
.container .affwp-form input[type=text], .container .affwp-form input[type=password],
.container .affwp-form input[type=email], .container .affwp-form input[type=url],
.container .affwp-form textarea {
	width: 100%;
}
.affwp-form input {
	border: 1px solid rgba(0, 0, 0, 0.24);
}

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

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

/************************************************
	Conditionals
************************************************/

.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;
}
.banner-text-active #header {
	/*background: #3e3a47;*/
	background-color: #4a4554;
	border-bottom: none;
}
.banner-text-active .logo-text path {
	fill: #ffffff;
}
.banner-text-active .menu a {
	color: #cccccc;
	color: rgba(255, 255, 255, 0.6);
}
.banner-text-active .menu a:hover {
	color: #ffffff;
}

/* 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 li a {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.dark .menu li.feature-btn li a:hover,
.banner-text-active .menu li li a:hover {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.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: #cccccc;
	color: rgba(255, 255, 255, 0.6);
}
.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 {
	color: #ffffff;
}
.light .menu a:focus,
.light .menu a:hover,
.light .menu a:active,
.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);
}
.footer.dark .widget a,
.footer.dark .widget a:link,
.footer.dark .widget a:visited {
	color: rgba(255, 255, 255, 0.6);
}

/* 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;
}

/************************************************
	Animations
************************************************/

/*
==============================================
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;
	}
}