/*
Theme Name: Themify V3
Theme URI: https://themify.me
Author: Themify.me
Version: 1.3.8
*/

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}
br + img {
	margin-top: .8em;
}

figure {
	line-height: 0;
}

big {
	font-size: 1.25em;
	line-height: 1.6em;
}

/* set img max-width */
img {
	max-width: 100%;
	height: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.image.border img,
img.border {
	padding: 5px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0 1px 8px rgba(0,0,0,.1);
}

/* ie 8 img max-width */
@media \0screen {
	img { width: auto;}
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* audio */
audio {
	max-width: 100%;
}

/* iframe */
iframe {
	max-width: 100%;
	margin: 0 0 30px;
}

/* code */
code,
pre code {
	background: #fffac2;
	color: #333;
	padding: 3px 10px;
	font: .8em/1.7em Monaco, 'Courier New', monospace;
}
pre code {
	overflow-x: auto;
	padding: 10px 15px;
	margin: 30px 0;
	clear: both;
	display: block;
}

/* tablet */
table {
	margin: 0 0 1em;
}
td {
	padding: .9em 0;
}

/************************************************************************************
FONT FACE
*************************************************************************************/
@font-face {
	font-family:'themify_me_icons';
	font-display:swap;
	src:url('fonts/themify_me_icons.woff2') format('woff2'),
		url('fonts/themify_me_icons.woff') format('woff');
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	font: 1em/1.8em 'Open Sans', Helvetica, Arial, sans-serif;
	font-family: 'Open Sans';
	color: #666;
	background: #fff;
	word-wrap: break-word;

	-webkit-transition: margin-top .5s;
	-moz-transition: margin-top .5s;
	-o-transition: margin-top .5s;
	transition: margin-top .5s;
}
body.animation-on {
	overflow-x: hidden;
}
em {
    font-family: times;
    font-size: 1.1em;
}
a {
	color: #0085FF;
	text-decoration: none;
}
a:hover {
	color: #000;
}
figure a {
	border-bottom: none !important;
}
p {
	margin: 0 0 1.5em;
	padding: 0;
}
small,
.small {
	font-size: 87%;
}
strong {
	color: #000;
}
blockquote {
	font: italic 110%/130% "Times New Roman", Times, serif;
	padding: 8px 30px 15px;
}
ins {
	text-decoration: none;
}

/* LIST
================================================ */
ul, ol {
	margin: 0 0 1.4em 24px;
	padding: 0;
}
ul ul,
ul ol,
ol ol,
ol ul {
	margin-bottom: 1em;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}
ul.border,
ul.check,
ul.cross {
	margin-left: 0;
}
.border li,
.check li,
.cross li {
	border-top: 1px #f2f2f2 solid;
	padding: .9em 0 .9em 2em;
	list-style: none;
	margin: 0;
	text-indent: -2em;
	line-height: 1.8em;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.check li:first-child,
.cross li:first-child {
	border-top: none;
}
.check li:before,
.cross li:before {
	font-size: .875em;
	margin-right: 1em;
}
.check li:before {
	content: "\e805"; /* fontello check icon */
}
.cross li:before {
	content: "\e800"; /* fontello check icon */
	font-size: 1em;
}
ul.rule,
ol.rule {
	padding: 20px 0 40px;
	margin: 0;
}
.rule li {
	list-style: none;
	padding: .6em 0;
	margin: 0;
	border-bottom: 1px #eee solid;
}
ul.no-border li,
ol.no-border li {
	border: none;
}

/* border reset */
.noborder {
	border: none !important;
}

/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .5em;
	color: #000;
	font-weight: 400;
}
h1 {
	font-size: 2.4em;
	margin: 0 0 .6em;
	line-height: 1.2em;
	letter-spacing: -.04em;
	font-weight: 600;
}
h2 {
	font-size: 1.7em;
	margin: 0 0 .6em;
	line-height: 1.2em;
	letter-spacing: -.04em;
	font-weight: 600;
}
h1 + h2 {
	font-size: 1.3em;
	line-height: 1.5em;
	color: inherit;
	margin: 0 0 2.6em;
	font-weight: 400;
}
h2.large {
	font-size: 1.6em;
}
h3 {
	font-size: 1.35em;
	margin: 0 0 .4em;
	letter-spacing: -.02em;	
	font-weight: 600;
}
h4 {
	font: 400 1em/1.4em 'Montserrat', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .1em;
	margin: 0 0 .55em;
}
h5 {
	font-size: 1.2em;
	line-height: 1.6em;
}
h6 {
	font-size: 1em;
	line-height: 1.6em;
}


/* FORM
================================================ */
/* form input */
input, textarea, select, input[type=search], button {
	font-size: 100%;
	font-family: inherit;
	outline: none;
}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url] {
	background: #eaf3f7;
	color: #696e70;
	border: none;
	padding: 12px 15px;
	border-radius: 5px;
	-webkit-appearance: none;
    box-sizing: border-box;
}
input[type=text], input[type=search], input[type=email], input[type=url], input[type=password] {
	width: 240px;
	max-width: 100%;
}
label {
	margin-left: 5px;
}

/* text area */
textarea {
	line-height: 150%;
	width: 100%;
}

/* form input:focus */
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus {
	outline: none;
	color: #000;
}

/* form button */
input[type=reset], input[type=submit], button {
	color: #fff;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
}

/* select */
select {
	width: 297px;
	position: relative;
	background-color: transparent !important;
	padding: 11px 12px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: 1px;
	text-overflow: '';
	outline: none;
	z-index:2;
	cursor: pointer;
}
select::-ms-expand {
	display: none;
}
.selectwrapper {
	position: relative;
	display: inline-block !important;
	padding: 0 !important;
	margin: 0;
	float: none !important;
	background: transparent;
}
.selectwrapper:before {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -10px;
	color: #aaa;
	content: '\e804'; /* fontello icon down */
	font-size: 1.5em;
	line-height: 1em;
	z-index: 1;
}
.selectwrapper:after {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #eaf3f7 !important;
	border-radius: 5px;
	z-index: 0;
	width: 100%;
	content: '';
	z-index: 0;

}
.selectwrapper:hover:before,
.selectwrapper.clicked:before {
	color: #000;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
body.bbpress #body,
.pagewidth {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#body {
	min-height: 500px;
}
.fullwidth {
	width: 100%;
}
#content {
	width: 71%;
	float: left;
}
#sidebar {
	width: 23%;
	float: right;
}
#content,
#sidebar {
	padding: 5% 0 8%;
}
#content.fullwidth,
.fullwidth #content {
	width: auto;
	float: none;
	padding: 0;
}
.fullwidth-content {
	padding-bottom: 10%;
}


/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1,
.grid4 > li,
.grid4 .post,
.grid3 > li,
.grid2 > li,
.grid3 .post,
.grid2 .post
{
	margin-left: 4.2%;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.grid4 > li,
.col4-1,
.grid4 .post {
	width: 21.84%;
}
.col4-2,
.col2-1,
.grid2 > li,
.grid2 .post {
	width: 47.89%;
}
.col4-3 {
	width: 65.2%;
}
.grid3 > li,
.col3-1,
.grid3 .post {
	width: 30.52%;
}
.col3-2 {
	width: 65.2%;
}
.col4-3 {
	width: 73.9%;
}

.grid4.padded > li,
.grid3.padded > li,
.grid2.padded > li {
	margin-bottom: 1.4em;
}

/* clear grid posts */
.col.first,
.col4-1.first,
.col4-2.first,
.col4-3.first,
.col3-1.first,
.col3-2.first,
.col2-1.first,
.grid4 > li:nth-of-type(4n+1),
.grid3 > li:nth-of-type(3n+1),
.grid2 > li:nth-of-type(2n+1),
.grid4 .post:nth-of-type(4n+1),
.grid3 .post:nth-of-type(3n+1),
.grid2 .post:nth-of-type(2n+1) {
	margin-left: 0 !important;
	clear: left;
}

/* clear list style */
ul.grid4,
ul.grid3,
ul.grid2,
ol.grid4,
ol.grid3,
ol.grid2 {
	list-style: none;
	margin: 0;
}
.grid4 h4,
.grid3 h4,
.grid2 h4 {
	margin: 1em 0;
}

/*  GUTTER NARROW
=============================================== */
.gutter-narrow.grid4 > .post,
.gutter-narrow.grid4 > li,
.gutter-narrow.grid3 > .post,
.gutter-narrow.grid3 > li,
.gutter-narrow.grid2 > .post,
.gutter-narrow.grid2 > li
{
	margin-left: 1.6%;
}

.gutter-narrow.grid4 > .post,
.gutter-narrow.grid4 > li {
	width: 23.8%;
}
.gutter-narrow.grid2 > .post,
.gutter-narrow.grid2 > li {
	width: 49.2%;
}
.gutter-narrow.grid3 > .post,
.gutter-narrow.grid3 > li {
	width: 32.266%;
}


/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap {
	position: fixed;
	z-index: 1001;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#header {
	position: relative;
	height: 80px;
	padding-top: 35px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/* animate headerwrap */
@-webkit-keyframes animate_headerwrap {
	0% {
		top: -115px;
		opacity: 0;
	}
	50% {
		top: 0;
		opacity: 1;
	}
}
@keyframes animate_headerwrap {
	0% {
		top: -115px;
		opacity: 0;
	}
	50% {
		top: 0;
		opacity: 1;
	}
}
#headerwrap {
	-webkit-animation: animate_headerwrap .5s;
	-moz-animation: animate_headerwrap .5s;
	animation: animate_headerwrap .5s;
}

/* animate headerwrap with promo-bar-on */
@-webkit-keyframes animate_headerwrap_promo_bar {
	0% {
		top: -115px;
		opacity: 0;
	}
	50% {
		top: 0;
		opacity: 1;
	}
}
@keyframes animate_headerwrap_promo_bar {
	0% {
		top: -115px;
		opacity: 0;
	}
	50% {
		top: 60px;
		opacity: 1;
	}
}
.promo-bar-on #headerwrap {
	-webkit-animation: animate_headerwrap_promo_bar .5s;
	-moz-animation: animate_headerwrap_promo_bar .5s;
	animation: animate_headerwrap_promo_bar .5s;
}

@keyframes themifyAnimatedBG {
	0% { background-color: #ec008c; }
	100% { background-color: #00bcc3; }
	50% { background-color: #5fb26a; }
	33.3% { background-color: #fc7331; }
}
.animated-bg {
	animation: themifyAnimatedBG 20000ms infinite alternate;
}


/*
FIXED HEADER
================================================ */
#pagewrap {
	padding-top: 115px;
}
#headerwrap.fixed-header {
	position: fixed;
	background: rgba(255,255,255,.95);
	border-color: rgba(0,0,0,.1);
	box-shadow: 0 1px 12px rgba(0,0,0,.1);
	min-height: 60px;
	padding-bottom: 0;
}
.fixed-header #header {
	padding-top: 20px;
	height: 74px;
}
.fixed-header #themify-logo img {
	width: 110px;
}
.fixed-header #main-nav {
	top: -8px;
}
.admin-bar .fixed-header {
	top: 26px;
}

/*
SITE LOGO
================================================ */
#themify-logo img {
	width: 130px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/*
MAIN NAVIGATION
================================================ */
#main-nav {
	position: absolute;
	right: 0;
	top: 10px;
	margin: 0;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#main-nav li {
	margin: 0 .7em;
	list-style: none;
	display: inline-block;
	position: relative;
	padding: 20px 0;
	*display: inline;
	*zoom: 1;
}

/* main level link */
#main-nav a {
	color: #666;
	display: block;
	font-size: 1.125em;
	padding: 8px 0;
}
/* main level link :hover */
#main-nav a:hover{
	color: #000;
}

/* current link */
#main-nav > .current_page_item a,
#main-nav > .current-menu-item a {
	border-bottom: 1px solid #ddd;
	color: #000;
}

/* member link */
#main-nav > li:last-child > a {
	border: 1px #ddd solid;
	border-radius: 5px;
	padding: .5em 1em;
}
#main-nav > li:last-child:hover > a {
	border-color: #fff;
}

/* sub-levels link */
#main-nav ul a,
#main-nav .current_page_item ul a,
#main-nav ul .current_page_item a,
#main-nav .current-menu-item ul a,
#main-nav ul .current-menu-item a {
	padding: 10px 0;
	margin: 0;
	display: block;
	width: 140px;
	background: none;
	font-size: .95em;
}
#main-nav .current-menu-item ul a {
	border-bottom: none;
}

/* dropdown ul */
#main-nav ul {
	margin: 0 0 0 -86px;
	padding: 5px 15px;
	list-style: none;
	position: absolute;
	background: #fff;
	z-index: 100;
	visibility: hidden;
	margin-top: 20px;
	left: 50%;
	top: 90px;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 2px 10px rgba(0,0,0,.2);
}
#main-nav ul:after, #main-nav ul:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	bottom: 100%;
	position: absolute;
	pointer-events: none;
}
#main-nav ul:after {
	border-bottom-color: #fff;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}
#main-nav ul:before {
	border-bottom-color: rgba(0,0,0,.08);
	border-width: 12px;
	left: 50%;
	margin-left: -12px;
}

#main-nav ul li {
	background: none;
	margin: 0;
	float: none;
	border-top: 1px solid #eee;
	padding: 0;
}
#main-nav ul li:first-child {
	border: none;
}
#main-nav ul a,
#main-nav ul a:hover {
	border: none;
}

/* show dropdown ul */
#main-nav li:hover > ul {
	visibility: visible;
	top: 60px;
}
#main-nav > li:last-child:hover > ul {
	top: 61px;
}

/* mobile menu icon */
#menu-icon,
#menu-icon-close {
	display: none;
}
#menu-icon:after {
	content: '\e806'; /* fontello burger icon */
}

/* blank link */
#main-nav a[href="#"] {
	cursor: text;
}

/*
MEGA MENU
================================================ */
#main-nav .mega > .sub-menu {
	min-width: 382px;
	padding: 12px 0;
	margin: 0;
	left: -30px;
	text-align: left;
}

/* arrow */
#main-nav .mega > ul:after {
	border-bottom-color: #fff;
	border-width: 10px;
	left: 45%;
	margin-left: -108px;
}
#main-nav .mega > ul:before {
	border-bottom-color: #ddd;
	border-width: 12px;
	left: 45%;
	margin-left: -110px;
}

/* show dropdown level 2 */
#main-nav li:hover > .sub-menu ul {
	visibility: visible;
	margin-top: 0;
}
#main-nav .mega > .sub-menu li {
	margin: 0 30px;
}
#main-nav .mega > .sub-menu li:last-child {
	margin-left: 0;
}
#main-nav .mega > .sub-menu li a {
	text-transform: uppercase;
	font-weight: 900;
	color: #000;
}
#main-nav .mega li {
	list-style: none;
	display: inline-block;
	position: relative;
	vertical-align: top;
	border: 0;
	*display: inline;
	*zoom: 1;
}

/* main level link */
#main-nav .mega a {
	color: #666;
	display: block;
	padding: 8px 0;
	text-align: left;
}

/* level 2 */
#main-nav .mega .sub-menu ul {
	padding: 0;
	margin: 0;
	border: 0;
	position: static;
	display: inline-block;
}
#main-nav .mega .sub-menu ul li {
	display: block;
	margin: 0;
}
#main-nav .mega .sub-menu ul li a{
	padding: 2px;
	text-transform: none;
	font-weight: 300;
	color: #666;
}
#main-nav .mega .sub-menu ul li a:hover {
	color: #000;
}

/* hide the triangle in level 2 */
#main-nav .mega ul ul:after, #main-nav .mega ul ul:before {
	display: none;
	visibility: hidden;
}

/*
SEARCH FORM
================================================ */
#searchform {
	position: relative;
	margin-top: 10px;
}
#searchform:before {
	content: '\e813'; /* fa-search */
	position: absolute;
	top: 14px;
	left: 0;
	font-size: 1.5em;
	color: #bbb;
}
#searchform #s {
	color: #cbcbcb;
	background: #fff;
	border: none;
	border-bottom: #ddd 1px solid;
	border-radius: 0;
	font-size: 1.25em;
	font-weight: 100;
	padding: 0 15px 0 40px;
	width: 75%;
	height: 50px;
}
#searchform #s:focus {
	color: #000;
	border-color: #000;
}

/*
IMAGE
================================================ */
.image-circle img {
	border-radius: 100%;
}
.image-rounded img {
	border-radius: 10px;
}
.image-left,
.image-right {
	margin: 2% auto 8% !important;
	display: inline-block !important;
}
.image-left figure {
	float: left;
	margin-right: 7%;
}
.image-right figure {
	float: right;
	margin-left: 7%;
}
.image-left .image-content,
.image-right .image-content {
	font-size: 1.15em;
	font-weight: 100;
	line-height: 1.7em;
	overflow: hidden;
}
.image-left .image-content {
	text-align: left;
}
.image-right .image-content {
	text-align: right;
}
.section .image-left h2,
.section .image-right h2 {
	padding: 0;
}
.image-left h3,
.image-right h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.875em;
	letter-spacing: 1px;
	margin: 1.3em 0 .6em;
}

/* theme frame */
.theme-frame {
	border-radius: 2px 2px 0 0;
	border-width: 1px 1px 0 1px;
	border-color: #ddd;
	border-style: solid;
	display: block;
	background: #f1f1f1;
	text-align: left;
	display: block;
	padding: 1px 0 2px;
}
.theme-frame .dot {
	width: 4px;
	height: 4px;
	margin-left: 3px;
	background: #aaa;
	border-radius: 100%;
	display: inline-block;
}
#page-single-theme .theme-frame {
	padding: 5px 0;
}
#page-single-theme .theme-frame .dot {
	width: 7px;
	height: 7px;
	margin-left: 8px;
}
#page-single-theme .tag-button {
	font-size: .35em;
}

/* Features Icons */
.feature-icon {
	color: #000;
	font-size: 7em;
	line-height: 1em;
	display: inline-block;
}

/*
LIGHTBOX IMAGE
================================================ */
.lightbox {
	position: relative;
	display: inline-block;
}
.lightbox .zoom {
	display: none;
}
.lightbox:hover .zoom {
	display: block;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 34px;
	height: 38px;
	border-radius: 100%;
	padding: 16px 18px 17px;
	margin: -37px 0 0 -32px;
	font-size: 2.3em;
	line-height: 1em;
	color: #7f7f7f;
}
.lightbox .zoom:after {
	content: '\e813'; /* fa-search */
	line-height: 1;
}

/*
BACKGROUND
================================================ */
/* Purple */
.btn.purple,
.button.purple,
.purple {
	background-color: #654e9c;
	color: #c1b8d7;
}
.purple.btn:hover,
.purple.button:hover,
.purple.banner:hover {
	background-color: rgba(101,78,156,.6);
}
.purple a,
.purple h1,
.purple h3,
.purple h4 {
	color: #fff;
}
.purple strong {
	color: #fff;
	font-weight: 600;
}

.purple .theme-list .theme-frame,
.purple .theme-list img {
	border: none;
}
.purple .theme-list h3 a {
	color: #fff;
}
.purple .theme-list h3 a:hover {
	color: #ccc;
}
.purple .theme-list a.tag-button {
	color: rgba(255,255,255,.7) !important;
	border-color: rgba(255,255,255,.7);
}
.purple .theme-list a.tag-button:hover {
	color: #fff !important;
	background-color: #01bd5d;
	border-color: #01bd5d;
}
/* blue */
.btn.blue,
.button.blue,
.blue {
	background-color: #13c0e1;
	color: #e4f9ff !important;
}
.btn.button:hover,
.blue.button:hover,
.blue.banner:hover {
	background-color: rgba(19,192,225,.6);
}
.blue h1 {
	color: #fff;
}

/* light blue */
.btn.light-blue,
.button.light-blue,
.light-blue {
	background-color: #adebfc;
	color: #5d818b;
}
.light-blue.btn:hover,
.light-blue.button:hover,
.light-blue.banner:hover {
	background-color: rgba(173,235,252,.6);
}
.light-blue h2,
.light-blue a:hover {
	color: inherit;
}
.light-blue a {
	color: #000;
}

/* sky blue */
.btn.sky-blue,
.button.sky-blue,
.sky-blue {
	background-color: #74d7fc;
	color: #326477 !important;
}
.sky-blue.btn:hover,
.sky-blue.button:hover,
.sky-blue.banner:hover {
	background-color: rgba(116,215,252,.6);
}

/* new blue */
.btn.new-blue,
.button.new-blue,
.new-blue {
	background-color: #6487d5;
	color: #d1dbf3;
}
.new-blue a,
.new-blue h1,
.new-blue h3,
.new-blue h4 {
	color: #fff;
}

/* teal */
.btn.teal,
.button.teal,
.teal {
	background-color: #bbebed;
	color: #668182;
}
.teal.btn:hover,
.teal.button:hover,
.teal.banner:hover {
	background-color: rgba(187,235,237,.6);
}
.teal h2,
.teal a:hover {
	color: inherit;
}
.teal a {
	color: #3e5051;
}

/* white */
.btn.white,
.button.white,
.button.outline.white,
.white {
	background-color: #fff !important;
	color: #000 !important;
}
.white.btn:hover,
.white.button:hover,
.white.banner:hover {
	background-color: rgba(244,244,244,.6) !important;
}
.white h2,
.white a:hover {
	color: inherit;
}

.white .large-icon,
.white .medium-icon {
	color: #000;
}

/* yellow */
.btn.yellow,
.button.yellow,
.yellow {
	background-color: #fdd761;
	color: #715f29;
}
.btn.yellow {
	color: #000 !important;
}
.yellow.btn:hover,
.yellow.button:hover,
.yellow.banner:hover {
	background-color: rgba(253,215,97,.6);
}
.yellow h2,
.yellow a:hover {
	color: inherit;
}
.yellow a,
.yellow #showcase-slider a,
.yellow #showcase-slider .carousel-nav-wrap a {
	color: #000;
}

/* banner green */
.btn.green,
.button.green,
.green {
	background-color: #01bd5d;
	color: #c6f3d6 !important;
}
.green.btn:hover,
.green.button:hover,
.green.banner:hover {
	background-color: rgba(1,189,93,.6);
}

/* apple green */
.btn.apple-green,
.button.apple-green,
.apple-green {
	background-color: #73b70b;
	color: #c4dfaa;
}
.apple-green.btn:hover,
.apple-green.button:hover,
.apple-green.banner:hover {
	background-color: rgba(115,183,11,.6);
}
.apple-green a,
.apple-green h1,
.apple-green h3,
.apple-green h4 {
	color: #fff;
}
.apple-green h2,
.apple-green a:hover {
	color: #c4dfaa;
}

/* light green */
.btn.light-green,
.button.light-green,
.light-green {
	background-color: #c4df9b;
	color: #677651;
}
.light-green.btn:hover,
.light-green.button:hover,
.light-green.banner:hover {
	background-color: rgba(196,223,115,.6);
}
.light-green h2,
.light-green a:hover {
	color: inherit;
}
.light-green a {
	color: #000;
}

/* aqua green */
.btn.aqua-green,
.button.aqua-green,
.aqua-green {
	background-color: #74e7cf;
	color: #3a796c;
}
.aqua-green.btn:hover,
.aqua-green.button:hover,
.aqua-green.banner:hover {
	background-color: rgba(116,231,207,.6);
}
.aqua-green a {
	color: #000;
}

/* kiwi green */
.btn.kiwi-green,
.button.kiwi-green,
.kiwi-green {
	background-color: #acd373;
	color: #6c8647;
}
.kiwi-green.btn:hover,
.kiwi-green.button:hover,
.kiwi-green.banner:hover {
	background-color: rgba(172,211,115,.6);
}

/* turquoise */
.btn.turquoise,
.button.turquoise,
.turquoise {
	background-color: #12cbd6;
	color: #056f75;
}
.turquoise.btn:hover,
.turquoise.button:hover,
.turquoise.banner:hover {
	background-color: rgba(18,203,214,.6);
}
.turquoise a,
.turquoise h1,
.turquoise h3,
.turquoise h4 {
	color: #fff;
}
.turquoise h2,
.turquoise a:hover {
	color: inherit;
}

/* pink */
.btn.pink,
.button.pink,
.pink {
	background-color: #fa5ba5;
	color: #fdc6dc !important;
}
.pink.btn:hover,
.pink.button:hover,
.pink.banner:hover {
	background-color: rgba(250,91,165,.6);
}
.pink a,
.pink h1,
.pink h3,
.pink h4 {
	color: #fff;
}
.pink h2,
.pink a:hover {
	color: inherit;
}

/* salmon pink */
.btn.salmon-pink,
.button.salmon-pink,
.salmon-pink {
	background-color: #fa797d;
	color: #fddcdd;
}
.salmon-pink {
	background-color: rgba(250,121,125,.6);
}
.salmon-pink a,
.salmon-pink h1,
.salmon-pink h3,
.salmon-pink h4 {
	color: #fff;
}
.salmon-pink h2,
.salmon-pink a:hover {
	color: inherit;
}

/* orange */
.button.orange,
.orange {
	background-color: #f06544;
	color: #fff;
}
.orange.btn:hover,
.orange.button:hover,
.orange.banner:hover {
	background-color: rgba(240,101,68,.6);
}
.orange a,
.orange h1,
.orange h3,
.orange h4 {
	color: #fff;
}
.orange h2,
.orange a:hover {
	color: inherit;
}

/* red */
.btn.red,
.button.red,
.red {
	background-color: #ff5353;
	color: #ffcbca;
}
.red.btn:hover,
.red.button:hover,
.red.banner:hover {
	background-color: rgba(255,83,83,.6);
}
.red a,
.red h1,
.red h3,
.red h4,
.red .large-icon,
.red .medium-icon {
	color: #fff;
}

/* black */
.btn.black,
.button.black,
.black {
	background-color: #000;
	color: #999;
}
.black.btn:hover,
.black.button:hover,
.black.banner:hover {
	background-color: rgba(0,0,0,.6);
}
.black a,
.black h1,
.black h3,
.black h4 {
	color: #fff;
}
.black h2,
.black a:hover {
	color: inherit;
}

/* light-gray */
.btn.light-gray,
.button.light-gray,
.light-gray {
	background-color: #f7f6f6;
}

/* magenta */
.magenta {
	background-color:#ff2b63;
	color:white;
	padding-bottom:1%;
	}
.magenta h1,.magenta h2,.magenta strong {
	background-color:#ff2b63;
	color:white;
	}
/*
BUTTON
================================================ */
input[type=reset],
input[type=submit],
.btn,
button,
.button {
	display: inline-block;
	padding: .7em 1.8em;
	border-radius: 5px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: .15em;
	margin: 0 5px 5px 0;
	font-weight: bold;
	background-color: #f06544;
	color: #fff !important;
}
.btn.large,
.button.large {
	font-size: 1.5em;
	letter-spacing: 0;
	padding: .7em 1.25em;
}
.btn.small,
.button.small {
	font-size: .75em;
	padding: .2em .8em;
	letter-spacing: 0;
	font-weight: normal;
}

.btn.outline,
.button.outline {
	background: none;
	box-shadow: none;
	border: 1px solid #fff;
	color: #fff !important;
}
.btn.outline:hover,
.button.outline:hover {
	background-color: rgba(255,255,255,.2);
}
.btn.outline.black,
.button.outline.black {
	border-color: #000;
	color: #000 !important;
}
.btn.outline.black:hover,
.button.outline.black:hover {
	background: #000;
	color: #fff !important;
}

/*
BANNER
================================================ */
.banner {
	border-radius: 5px;
	display: block;
	padding: 20px 25px;
	text-decoration: none;
}
.banner h3 {
	font: normal 1.1em/1.5em 'Montserrat', sans-serif;
	text-transform: none;
	margin: 0 0 5px;
	color: #fff;
}
.banner p {
	font-size: .875em;
	margin-bottom: 0;
}

/* social */
.banner.social {
	padding: 17px 25px;
}
.banner.social h3 {
	margin-bottom: 0;
	text-transform: uppercase;
}
.social p {
	overflow: hidden;
}
.social h3:before {
	font-size: 3em;
	float: left;
}

/* RSS */
.banner.rss,
.banner.rss:hover {
	background: #fba924;
	color: #fff;
}
.rss h3:before {
	content: '\f09e'; /* fa-rss */
	margin: 12px 20px 0 0;
}

/* facebook */
.banner.facebook,
.banner.facebook:hover {
	background: #6689d3;
	color: #fff;
}
.facebook h3:before {
	content: '\f09a'; /* fa-facebook */
	margin: 12px 26px 0 10px;
}

/* twitter */
.banner.twitter,
.banner.twitter:hover {
	background: #00b9ff;
	color: #fff;
}
.twitter h3:before {
	content: "\f099"; /* fa-twitter */
	margin: 12px 12px 0 0;
}

/*
LINE BANNER
================================================ */
.banner-line {
	display: block;
	border-radius: 0;
	text-align: center;
	padding: 32px;
	text-decoration: none;
	text-transform: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	letter-spacing: normal;
	margin: 0 0 2em;
	color: #999;
	border-radius: 10px;
}
.banner-line strong {
	font-size: 1.5em;
	margin: 0 0 5px;
	color: #000;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
	font-weight: normal;
	display: block;
}

/* banner line green */
.banner-line.apple-green {
	border: 4px solid #c4dfaa;
	background: #fff;
}
.banner-line.apple-green:hover {
	border: 4px solid #73b70b;
	background: #73b70b;
	color: #fff;
}
.banner-line.apple-green:hover strong {
	color: #fff;
}

/*
BOX CONTENT
================================================ */
.box-content,
.box-link {
	border-radius: 5px;
	padding: 25px;
	display: block;
	margin-bottom: 30px;
}
.box-content a,
.box-link {
	text-decoration: none;
}
.box-content h3,
.box-link h3 {
	font-weight: normal;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.125em;
	margin-top: 0;
	letter-spacing: 1px;
}
.box-content h4,
.box-link h4 {
	margin-top: 0;
}
.box-content p,
.box-link p {
	font-size: .938em;
	margin-bottom: 0;
}
.box-content ul {
	margin: 15px 0 -10px;
}
.box-content li {
	list-style: none;
	padding: 10px 0;
	margin: 0;
}

/*
BOXED
================================================ */
.boxed {
	text-align: center;
	/* background: #f4f4f4; */
	border-radius: 3px;
	padding: 25px 30px;
	min-height: 300px;
	font-size: .937em;
	line-height: 1.866em;
}
.boxed h3 {
	margin: 0 0 .5em;
}
.boxed ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.boxed li {
	padding: .275em 0;
}
.boxed a {
	color: #0085FF;
	border: none !important;
}
.boxed .button {
	margin-left: 0;
	padding: .5em 1.3em;
}

/*
ARROW LIST
================================================ */
.arrow-list li a:before {
	content:'\e80d'; /* right arrow */
	float: left;
	margin: .4em 10px 1em 0;
	line-height: 1em;
}

/*
ARROW ANIMATED
================================================ */
.arrorw-animated {
	margin: 1em 0 0;
	font-size: 2.5em;
	color: #fff;
}

/*
NOTE
================================================ */
#body #content .note {
	padding: 20px 50px 5px 30px;
	margin: 30px 0 40px;
	border-radius: 5px;
	background: #ffe487;
	color: #786d45;
	position: relative;
}
.note a {
	color: #a62429;
	border-bottom: solid 1px rgba(0,0,0,.1);
}
.note a:hover {
	color: #000;
}
.note h3 {
	font-size: 1em;
	font-family: 'Montserrat', sans-serif;
	margin-top: 0;
}
.note h4 {
	margin-top: 0;
}
.note p {
	margin: 0 0 15px;
}
.note .close {
	position: absolute;
	top: 15px;
	right: 20px;
	font-weight: 100;
	cursor: pointer;
}
.note .close:after {
	content: "\e807"; /* fontello close arrow */
}

/* documentation link */
.doc-note {
	border-top: solid 1px rgba(0,0,0,.1);
	text-align: left;
	padding: 10px 0 0;
	margin: 30px 0 20px;
	font-size: .95em;
	color: rgba(44,44,44,.7);
}
.doc-note strong {
	text-transform: uppercase;
	color: rgba(44,44,44,.8);
}

/*
THEME TAG
================================================ */
.theme-tag {
	position: absolute;
	color: #fff;
	font: .75em/100% 'Montserrat', sans-serif;
	text-transform: uppercase;
	margin: 0;
	top: 7%;
	left: -3px;
	padding: 5px 4px 5px 10px;
}
.theme-tag:after {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 11px;
	top: 50%;
	margin-top: -11px;
}
.home .theme-tag {
	display: none;
}

/* featured */
.theme-tag.featured {
	background: #ff5353;
}
.theme-tag.featured:after {
	border-color: rgba(245, 53, 3, 0);
	border-left-color: #ff5353;
}

/* free */
.theme-tag.free {
	background: #1dc871;
}
.theme-tag.free:after {
	border-color: rgba(29, 200, 113, 0);
	border-left-color: #1dc871;
}

/*
BONUS BOX
================================================ */
.bonus {
	background: #fff0c4;
	border-radius: 5px;
	margin: 4.5% 0 7%;
}
.bonus p {
	font-size: 1.125em;
	color: #8d846b;
	margin: 0;
	padding: 4px 20px;
}
.bonus .bonus-label {
	position: relative;
	background: #ff5353;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 2px 0 0 2px;
	font-weight: bold;
	font-size: 1.125em;
	margin: 0 25px 0 0;
	padding: 7px 20px;
	float: left;
}
.bonus .bonus-label:after {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 83, 83, 0);
	border-left-color: #ff5353;
	border-width: 8px;
	top: 50%;
	margin-top: -8px;
}

/*
CTA
================================================ */
.cta-box {
	background: #fcf3cf;
	border-radius: 5px;
	color: #746f5b;
	position: relative;
	padding: 20px 25px 20px 80px;
	margin: 20px 0 60px;
}
.cta-box h3 {
	font-size: 1.625em;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	margin: 0;
}
.cta-box h3 span {
	text-transform: none;
	font-weight: normal;
}
.cta-box p {
	margin-bottom: 0;
}
.cta-box .cta-content {
	padding-right: 32%;
}
.cta-box .cta-content p {
	font-size: .938em;
}
.cta-box .cta-content p a {
	color: #a19b83;
}
.cta-box .cta-content p a:hover {
	color: #000;
}
.cta-box .button {
	position: absolute;
	top: 20px;
	right: 25px;
	font-size: 1.125em;
	letter-spacing: 1px;
}
/* ribbon */
.cta-box .ribbon {
	top: 39px;
	left: 18px;
}
.cta-box .ribbon:before,
.cta-box .ribbon:after {
	bottom: -.6em;
	border: 1.2em solid #fa797d;
	height: 10px;
}
.cta-box .ribbon:before {
	bottom: -2.8em;
	border-bottom-color: transparent;
}

/*
DIVIDER
================================================ */
.divider,
.section .divider.pagewidth {
	border-top: 1px #eee solid;
	padding-top: 3%;
}

/************************************************************************************
SECTION
*************************************************************************************/
.section {
	text-align: center;
	position: relative;
	width: 100%;
}
.section .pagewidth {
	padding: 5% 0;
}
.section .pagewidth.narrow {
	padding-left: 12%;
	padding-right: 12%;
}
.section h2 {
	padding: 0 5%;
}
.section div[class^="col2"] {
	text-align: left;
}
.section div[class^="col2"] h2 {
	padding: 0;
}
.section h1 + h2,
.section h5 {
	color: inherit;
}
ul.buy-options {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.section.cutoff .pagewidth {
	padding-bottom: 0;
}
.section.tall .pagewidth {
	padding: 12% 0 10%;
}
.section.bordered {
	border: solid 1px rgba(0,0,0,.1);
	border-width: 1px 0 0 0;
}
.section.fullwidth .pagewidth {
	width: 100%;
}
.section.nopadding .pagewidth {
	padding: 0;
}
.section .boxed-content {
	max-width: 1200px;
	margin: auto;
}
.section .commentwrap {
	text-align: left;
	padding-left: 16%;
	padding-right: 10%;
}

/*
INTRO
================================================ */
.watch-video {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.375em;
	margin: 40px 0 30px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: bold;
}
.watch-video:before,
.watch-video:after {
	text-transform: none;
	position: relative;
	top: 13px;
}
.watch-video:before {
	content: "\e801"; /* fa-play */
	margin-right: 15px;
}
.watch-video:after {
	content: "\e802"; /* right down arrow */
	margin-left: 15px;
}
.watch-video a {
	color: #00c0f3;
	padding-bottom: 3px;
	border-bottom: 1px solid #00c0f3;
}
.watch-video a:hover {
	color: #fff;
	border-color: #fff;
}

/* animation */
.animation {
	background: #000;
	border-radius: 20px 20px 0 0;
	padding: 4% 5% 1%;
	display: inline-block;
	width: 84%;
}
.animation iframe {
	margin: 0;
}

/* builder intro */
.builder-intro {
	position: relative;
	margin: -2em 0 0;
}
.builder-intro img {
	vertical-align: bottom;
}
.builder-intro-play {
	width: 210px;
	height: 40px;
	padding-top: 130px;
	margin: -85px 0 0 -105px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: #ec008c;
	border-radius: 3px;
	font: 1em/1em 'Montserrat';
	letter-spacing: 1px;
	text-transform: uppercase;
}
a.builder-intro-play {
	color: #fff;
}
.builder-intro-play:hover {
	background: #000;
}
.builder-intro-play:before {
	content: "\e803"; /* fa-play */
	text-transform: none;
	position: absolute;
	top: 70px;
	left: 86px;
	text-align: center;
	font-size: 70px;
	z-index: 100;
	color: #fff;
}

/*
THEME POSTS
================================================ */
/* Ultra */
.unlimited-layouts img {
	width: 100%;
	height: auto;
}
.theme-features img {
	margin-bottom: 1.25em;
}

/*
BUILDER PAGE
================================================ */
.available-as {
	background: url(images/double-arrows.png) no-repeat center 10px;
	min-width: 285px;
	height: 60px;
	font: 100 20px/100% "open sans";
	text-transform: uppercase;
	letter-spacing: 1px;
}
.buy-builder-left {
	text-align: right;
}
.buy-builder-left a.button {
	margin-bottom: 0;
}
.buy-builder-left .builder-description {
	padding-left: 45%;
	font-size: .9em;
	margin: 1em 0 0;
}
.buy-builder-right {
	text-align: left;
}
.buy-builder-right .builder-description {
	padding-right: 45%;
	font-size: .9em;
	margin: 1em 0 0;
}
.buy-builder-left .button {
	margin-right: 0;
}

/* predesigned layout */
.predesign-layout{
	color:white;
	background:url('https://themify.me/wp-content/uploads/2016/03/predesigned-layout.jpg');
}
.predesign{
	padding:11% 0!important;
}
.predesign h1, .predesign h2 {
	color:white;
}

/* backend - grid2 separated with center border  */
.divided {
    /* Regular borders as a fallback for IE8 and lower. */
    border: solid #dedede; border-width: 0 1px;
	border-left:none;
	border-right:none;
}
.divided:before,
.divided:after,
.divided-2:before,
.divided-2:after{
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
}
.divided:before,
.divided-2:before {
	left: 50%;
}
.divided:after,
.divided-2:after {
	right: 50%;
}
.divided:before,
.divided:after,
.divided-2:before,
.divided-2:after {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(255,255,255) 10%, rgb(222,222,222) 50%, rgb(255,255,255) 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(255,255,255) 10%,rgb(222,222,222) 50%,rgb(255,255,255) 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(255,255,255) 10%,rgb(222,222,222) 50%,rgb(255,255,255) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.divided-2 {
	padding:7% 0!important;
    /* Regular borders as a fallback for IE8 and lower. */
    border: solid #dedede; border-width: 0 1px;
	border-left:none;
	border-right:none;
}

/* features section layout */

.module-features {
	padding-bottom:0!important;
	margin-bottom:0!important;
	}
.list-icon {
	float:left;
	border:1px solid #000;
	margin:0 20px 0 0;
    border-radius: 50%;
	width:25px;
	height:25px;
	color:#000;
	display:inline-block;
	text-align:center;
	padding:10px;
    }
.grid2 .list-icon {
	width: 62px;
	height: 62px;
	position: relative;
	padding: 0;
}
.grid2 .list-icon i {
	font-size: 2.125em;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
   	-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.list-icon i{
    font-size: 1.3em;
	font-style:normal;
	line-height:1;
	}
.list-icon-small {
	float:left;
	border:1px solid #000;
	margin:0 20px 0 0;
	text-align:center;
	padding:0 0 0 ;
	display:block;
	width:40px;
	height:40px;
	border-radius: 50%;
    }
.list-icon-small i{
    font-size: 18px;
	color:#000;
	font-style:normal;
	line-height:1;
	border:none;
	}
img.browser-module {
	display:block;
	margin:0 auto;
	}
/* underlayer code */
h1.underlayer-title {
	padding-bottom:1%;
	}
/* check icon circle */
.ti-check {
	float: left;
	margin: 0 20px 0 0;
	border: 1px solid #fff;
	border-radius: 5em;
	padding: 10px;
	color: #fff;
}
.white .ti-check {
	border-color: #000;
	color: #000;
}
.ti-check:before{
	content:'\e816'
}

/* builder modules */

.builder-modules span {
	float: left;
	padding: 10px;
	margin: 0 20px 15px 0;
	background-color: #b1b1b1;
	color: #fff;
	border-radius: 5px;
	font-size: 25px;
}

/* custom styling  */

img.module-styling {
	margin-top:2%;
	}
.pagewidth .fluid_full {
	width: 96%;
}
.white-top-border {
	border-top:1px solid #e0e0e0;
	}
/* any post type and shotrcode icon  */

img.icon-infinite, img.icon-shortcodes{
	margin-bottom:6%;
	}

/* builder addons list */
.addons-list a {
	color: #000;
	border: none;
}
.addons-list li {
	padding-bottom: 1em;
}
.addons-list .thumb {
	max-width: 74px;
	float: left;
	margin-right: 25px;
	border-radius: 5px;
	border: solid 1px #ddd;
	padding: 4px;
	background: #fff;
}
.addons-list .thumb:hover {
	border-color: #000;
}
.addons-list .addon-info {
	text-align: left;
	overflow: hidden;
	font-size: .9em;
	line-height: 1.6em;
}
.addons-list h4 {
	text-transform: none;
	margin: .25em 0 .3em;
	font: 600 1.3em 'Open Sans', sans-serif;
	letter-spacing: 0;
}

.funnel-arrow {
	background: url(images/arrow_down.png) no-repeat center top;
	padding-top: 130px;
}
.funnel-arrow.separator {
	background-position-y: center;
}

.funnel-arrow-addons {
	background: url(images/arrow_down.png) no-repeat center bottom;
	padding-bottom: 120px;
	margin-bottom: 70px;
}

/* builder plugin section */
.plugin-section {
	border-top: 1px solid #eee;
	padding-top: 4em;
	padding-bottom: 2em;
}
.plugin-subhead {
	font-size: 1.2em;
	letter-spacing: .02em;
	text-align: left;
	clear: both;
	margin: -1.5em 0 2em;
}
.bordered-top {
	border-top: 1px solid #ECECEC;
	margin-top: 2em;
	padding-top: 1em;
}

/* builder plugin posttitle */
.plugin-section .plugin-title {
	margin-top: .25em;
	margin-bottom: .6em;
	font-size: 2em;
	letter-spacing: -.03em;
}
.plugin-section .plugin-title a {
	color: #000;
}
.plugin-section .plugin-description {
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.6em;
	margin: 0 0 1.4em;
}
.more-info-plugin {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	vertical-align: middle;
}
.more-info-plugin:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border: solid transparent;
	border-width: 1px;
	border-top-color: inherit;
	border-right-color: inherit;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: .5em;
}
.view-all-plugin {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	vertical-align: middle;
	font-size: .75em;
}
.view-all-plugin:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border: solid transparent;
	border-width: 1px;
	border-top-color: inherit;
	border-right-color: inherit;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: .4em;
	margin-right: 1.2em;
}

/* builder plugin list */
.plugin-list a {
	color: #000;
	border: none;
}
.plugin-list img {
	max-width: 128px;
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
	border-radius: 5px;
	border: solid 1px #ccc;
	padding: 4px;
	background: #fff;
}
.plugin-list img:hover {
	border-color: #000;
}
.plugin-list .addon-info {
	text-align: left;
	overflow: hidden;
}
.plugin-list h3 {
	text-transform: none;
	text-align: left;
	letter-spacing: -.02em;
	line-height: 1.4em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 2em;
	margin: .2em 0 .175em;
}
.plugin-list .description {
	font-size: .9em;
	line-height: 1.6em;
	text-align: left;
}
.plugin-list.grid3 h3 {
	font-size: 1.2em;
	font-weight: 600;
}
.plugin-list.grid3 img {
	max-width: 90px;
}

/* or arrow */
.or-link {
	font-weight: 700;
	margin-bottom: 1.5em;
	margin-top: -1em;
}
.or-link span {
	font-weight: 600;
	font-size: .825em;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	margin: -3px 5px 0 0;
}
.or-link span:after {
	content: "\e80c"; /* ti-arrow-right */
	font-family: themify_me_icons;
	margin-left: 7px;
	vertical-align: middle;
	display: inline-block
}

img.plugin-images {
	margin-bottom:3%;
	}

/* play video link */
a.play-video {
	color: #3b3eb2;
	border: none;
}
a.play-video:before {
	content: "\e803"; /* fa-play */
	font-size: 12px;
	padding: 10px;
	border: 1px solid #3b3eb2;
	border-radius: 5em;
	display: inline-block;
	vertical-align: middle;
	margin: -3px 10px 0 0 ;
	line-height: 1em;
	width: 1em;
	height: 1em;
}
a.play-video:hover:before {
	background: #3b3eb2;
	color: #fff;
}

/*
BUILDER COMMUNITY PAGE
================================================ */
.community-layout-list li {
	margin-bottom: 7%;
}
.community-icon {
	margin:-15px 0 0 20px!important;
}
.community-intro {
	clear:both;
}
.layout-title h3 {
	margin: .8em 0 .1em;
	padding:0;
	font-size: 1.35em;
}
.layout-author {
	color:#999;
	font-size: .85em;
	margin: 0 0 1.2em;
}
.layout-author a {
	color:#7e7e7e;
	text-decoration: none;
}
.layout-author a:hover {
	color:#000;
}
.download-layout {
	margin:10px 0 0;
}
.download-button-layout {
	float:left;
}
.download-button-layout a {
	float:left;
	text-align:center;
	margin: 0 15px 0 0;
	background:#f3653e;
	color: #fff;
	border-radius: 5px;
	font: 400 .85em/1.4em 'Montserrat', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	padding: .5em .8em;
}
.preview-button-layout {
	float:left;
	text-align:center;
}
.preview-button-layout a:link, .preview-button-layout a:visited {
	color:#000;
}
.preview-button-layout a:hover {
	text-decoration:underline;
}
.icon-flip {
	float:left;
	margin:2px 10px 0 0;
}
h3.layout-category {
	font-family:'Montserrat'!important;
	text-transform:uppercase;
	font-size:20px;
}
ul.layout-category-list {
	list-style:none;
	margin:0 0 40px;
	padding:0;
}
ul.layout-category-list li {
	font-size:16px;
	padding:8px 0;
	border-bottom:1px solid #e5e5e5;
}
ul.layout-category-list li a:link, ul.layout-category-list li a:visited {
	color:#333333;
}
ul.layout-category-list li a:hover {
	color:#000;
}
.layout-image img {
	border:none;
}

/*
CIRCLE VIDEO
================================================ */
.circle-video .post-image a,
.circle-video .post-image img {
	border-radius: 50%;
	vertical-align: bottom;
	border: none;
	outline: none;
}
.circle-video .fa-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	padding: 10px;
	margin: -30px 0 0 -30px;
	font-size: 1.5em;
	background: #642d91;
	background: rgba(100,45,145,.8);
	color: #fff;
	border-radius: 50%;
}
.circle-video .fa-play:before {
	content: '\e803'; /* fa-play */
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -.45em 0 0 -.25em;
	line-height:1;
}
.circle-video .post-image a:hover .fa-play {
	background: #642d91;
}

/* color strokes */
.color-strokes {
	display: inline-block;
	position: relative;
	margin-bottom: 170px;
}
.color-strokes span {
	display: block;
	width: 110%;
	height: 1px;
	background: #ab6c87;
	position: absolute;
	bottom: -70px;
	left: -5%;
}
.color-strokes span:before {
	content: "";
	position: absolute;
	top: -16px;
	left: -5%;
	width: 110%;
	height: 1px;
	background: #8a9d6d;
}
.color-strokes span:after {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 5%;
	width: 90%;
	height: 1px;
	background: #4d91ad;
}

/*
THEME LIST
================================================ */
.theme-list {
	margin: 0;
	list-style: none;
	text-align: left;
	position: relative;
}
.theme-list li {
	margin-bottom: 2em;
	position: relative;
	box-sizing: border-box;
	display: block;
}
.theme-list .theme-image {
	margin-bottom: 10px;
}
.theme-image a {
	position: relative;
	display: block;
}
.theme-image img {
	width: 100%;
}
.theme-image img {
	border-radius: 0 0 2px 2px;
	border: 1px #bbb solid;
}
.theme-list h3 {
	margin: 0 5px .3em 0;
	text-transform: none;
	font-size: 1.4em;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle;
}
.theme-list h3 a {
	color: #000;
	border: none;
}
.theme-list h3 a:hover {
	color: #a6a6a6;
}
.theme-list .demo-link {
	font-size: .688em;
}
.theme-list img {
	border-radius: 0 0 2px 2px;
	border: 1px #bbb solid;
}
.theme-list .theme-excerpt {
	font-size: .85em;
	line-height: 1.6em;
	color: #aaa;
	color: rgba(0,0,0,.6);
}

/* theme-list one column */
.theme-list.thumb-list {
	padding: 0 0 15px;
	margin: 0;
}
.theme-list.thumb-list li {
	padding: 0 0 35px;
	margin: 0;
	float: none;
	width: auto;
	clear: both;
}
.theme-list.thumb-list .theme-image {
	float: left;
	width: 35%;
	margin-right: 15px;
}
.theme-list.thumb-list .theme-image {
	float: left;
	width: 40%;
	margin-right: 15px;
}
.theme-list.thumb-list h3 {
	display: block;
	font-size: 1.4em;
}
.theme-list.thumb-list .tag-button {
	border-width: 1px;
}
.theme-list-load-more {
	text-align: center;
	margin: 1em;
}
.theme-list-load-more ~ *,
.theme-list-load-more span:nth-child(2) {
    display: none;
}
.themify-themes + a,
.theme-list-load-more a {
	cursor: pointer;
}

/*
SHOWCASE LIST
================================================ */
.showcase-list {
	margin-bottom: 3% !important;
	list-style: none;
}
.showcase-list li {
	margin-bottom: 3%;
	position: relative;
}
.showcase-list .showcase-list-title {
	margin: 10px 0 5px;
	text-transform: none;
	font-size: 1.125em;
}
.showcase-list figure {
	position: relative;
}
.showcase-list .has-testimonial figure:after {
	content: "\e808"; /* ti-notes */
	line-height: 100%;
	text-align: center;
	background: #f7e61e;
	width: 30px;
	height: 30px;
	padding-top: 7px;
	display: block;
	position: absolute;
	top: 42px;
	left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: none;
	font-smoothing: none;
}
.showcase-list .showcase-list-title a {
	color: #000;
}
.showcase-list .showcase-list-title a:hover {
	color: #a6a6a6;
}
.showcase-list figure {
	position: relative;
}
.showcase-list figure a {
	width: 100%;
}
.showcase-list img {
	width: 100%;
	border-radius: 5px;
	border: 1px #e6e6e6 solid;
}
.showcase-list .featured {
	color: #fff;
	line-height: 1em;
	font-size: .75em;
}
.showcase-list .post-content {
	text-align: left;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 5%;
	width: 90%;
	padding: 1em;
	background: #fff;
	color: #000;
	border: 1px solid #ababab;
	border-radius: 5px;
	z-index: 10;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.4em;
}
.showcase-list .post-content:after,
.showcase-list .post-content:before {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	bottom: 100%;
	position: absolute;
	pointer-events: none;
}
.showcase-list .post-content:after {
	border-bottom-color: #fff;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}
.showcase-list .post-content:before {
	border-bottom-color: #ababab;
	border-width: 12px;
	left: 50%;
	margin-left: -12px;
}
.showcase-list .post-content p {
	color: #000;
	font-size: .937em;
	margin: 0;
}
.showcase-list .post-content.has-author p {
	margin-bottom: .75em;
}
.showcase-list figure:hover > .post-content {
	opacity: 1;
	visibility: visible;
	top: 95%;
}
.showcase-list .post-content .author {
	font-weight: 300;
	text-align: right;
	font-size: 1em;
	line-height: 1em;
	color: #333;
}
.showcase-list .post-content .author:before {
	border-bottom: solid 1px #ccc;
	width: 25px;
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	margin: -1px 5px 0 0;
}
.showcase-list p {
	font-size: .875em;
	color: #bbb;
	line-height: 1.4em;
	left: 1px;
}
.showcase-list p a {
	color: #7b7b7b;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/*
TAG CLOUD
================================================ */
.tag-cloud {
	line-height: 1.7em;
	font-size: 1.2em;
	text-align: center;
}
.tag-cloud a {
	color: #bbb;
	margin: 0 2px;
}
.tag-cloud a:hover {
	color: #000;
}

/*
BUILDER
================================================ */
.builder-buy-option p {
	font-size: 1.2em;
	margin: 15px auto 20px;
	line-height: 1.6em;
	width: 90%;
}
.builder-buy-option .btn-builder {
	margin: 0 0 25px;
}
.builder-buy-option .btn-builder a {
	width: 300px;
	height: 80px;
	font-size: 18px;
	padding-top: 210px;
	margin: 0 auto;
	border-radius: 100%;
	color: #fff;
	display: block;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
}
.builder-buy-option .btn-builder.theme a {
	background: #0072bc url(images/builder-theme.png) no-repeat center 67px;
}
.builder-buy-option .btn-builder.plugin a {
	background: #993197 url(images/builder-plugin.png) no-repeat center 67px;
}
.builder-buy-option .btn-builder a:hover {
	background-color: #000;
	color: #fff;
}
.builder-buy-option .builder-price {
	margin: 20px 0;
	font-weight: 100;
	font-size: 1.6em;
	width: auto;
}

/*
DOCS
================================================ */
/*#page-docs-list .col {
	margin-left: 4.2%;
	float: left;
	width: 34.3%;
}
#page-docs-list .col:last-child {
	width: 22%;
}
#page-docs-list h2 {
	border-bottom: 1px #eee solid;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #000;
	padding-bottom: 20px;
	margin: 20px 0 0;
}
#page-docs-list ul {
	margin: 0 0 40px;
}
#page-docs-list ul > li:last-child {
	border: none;
}
#page-docs-list li {
	list-style: none;
	padding: .5em 0;
	margin: 0;
	border-bottom: 1px #eee solid;
}*/
.docs .post-title {
	font-size: 2em;
	margin-bottom: 20px;
}

/* docs list container */
.doc-section {
	background: #eaf1f4;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 35px;
}
.doc-section .doc-section-title {
    margin: 0;
	padding: 16px 30px;
    font-size: 1.5em;
    line-height: 1em;
    background: #d2d8db;
	border-radius: 5px 5px 0 0;
}
.doc-section h4 {
    margin: 0 0 1.1em;
	font-size: 1em;
	clear: both;
}
.doc-section .doc-section-inner {
	padding: 30px 30px 0;
}

/* docs list */
.doc-list {
	margin-bottom: 45px !important;
	list-style: none;
    padding: 0;
    margin: 0;
}
.doc-list li {
	border-top: 1px solid #d2d8db;
	line-height: 1.5em;
	padding: .75em 0;
	margin-bottom: 0;
}

/* doc list highlighted */
.doc-section li.highlighted a {
	font-weight: 600;
}
.doc-section li.highlighted a:after {
    content: '\e80a'; /* ti-star */
    display: inline;
    margin: 0 0 0 .5em;
    color: #ff8a00;
    line-height: 1em;
}

/* docs list grid */
.doc-section .grid2 > li {
	margin-bottom: 0 !important; /* reset margin */
}

/* page-single-doc */
#page-single-doc h3 {
	border-top: solid 5px #eee;
	padding-top: 20px;
	font-size: 1.5em;
	margin: 0 0 .6em;
}
#page-single-doc h4 {
	margin: 20px 0 10px;
	font-size: 1.1em;
	letter-spacing: .03em;
}

/* table of content */
#page-single-doc .sidebar-inner {
	max-height: 75vh;
	overflow: auto;
}
.toc {
	border-radius: 5px;
	background: #a5e1fe;
	margin: 0;
	padding: 10px 0;

}
.toc li {
	font-size: .9em;
	margin: 15px 25px;
	list-style: none;
}
.toc a {
	color: #000;
}
.toc a:hover {
	color: #999;
}

/*
TESTIMONIAL
================================================ */
.testimonial.grid2 {
	margin: 4% 0 6%;
}
.testimonial li {
	text-align: left;
}
.testimonial-author {
	font-size: 1.15em;
	margin: 0 0 .5em;
	text-align: right;
}
.testimonial-author a {
	border: none;
}
.testimonial-author:before {
	content: "";
	border-top: 1px solid #e3c157;
	display: inline-block;
	width: 30px;
	position: relative;
	top: -5px;
	margin-right: 13px;
}
.testimonial-title {
	font-style: italic;
	font-size: .8em;
	text-align: right;
}
.see-more {
	font-size: 1.125em;
}

/*
AFFILIATES
================================================ */
.commission {
	font-size: 2em;
	font-family: 'Montserrat', sans-serif;
	margin: 70px 0 40px;
	color: #000;
	text-transform: uppercase;
}
.commission strong {
	font-size: 3.5em;
	line-height: 100%;
	font-weight: normal;
	display: block;
	margin-bottom: 25px;
}
.affiliate-banners {
	margin: 8% 0 3.5%;
}
.affiliate-banners h2 {
	font-weight: normal;
}
.affiliate-description {
	padding: 0 0 5%;
}
.affiliate-description h3 {
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 20px;
}
.affiliate-description ul {
	margin: 0;
}

/*
WIDGETS
================================================ */
.widgets {
	margin-bottom: 7% !important;
	padding-top: 9%;
}

/*
SHORTCODES
================================================ */
/* social share buttons */
.social-shortcode {
	height: auto;
	margin: 1.2em 0;
	text-align: center;

}
.social-shortcode span {
	display: inline-block;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: top !important;
}
.social-shortcode iframe {
	margin: 0;
	padding: 0;
}
.blog:not(.single-theme) .social-shortcode {
	margin: 40px 0 20px;
	text-align: left;
	border-top: solid 1px #eee;
	padding-top: 20px;
}

/* mailchimp signup */
.mailchimp-signup#mc_embed_signup form {
	padding: 0;
	margin: 0;
	text-align: inherit;
}
.mailchimp-signup#mc_embed_signup .mc-field-group {
	margin: 0;
	width: 100%;
	padding: 5px 0 15px;
}
.mailchimp-signup#mc_embed_signup .mc-field-group input {
	background: #DFDFDF;
	border: none;
	border-radius: 3px;
	max-width: 280px;
	color: rgba(0,0,0,.3);
	padding: .75em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto;
}
.mailchimp-signup#mc_embed_signup .mc-field-group input:focus {
	color: #000;
}
.mailchimp-signup#mc_embed_signup .mc-field-group input::-webkit-input-placeholder,
.mailchimp-signup#mc_embed_signup .mc-field-group input:-moz-placeholder,
.mailchimp-signup#mc_embed_signup .mc-field-group input:-ms-input-placeholder {
	color: rgba(0,0,0,.3);
}
.mailchimp-signup#mc_embed_signup div.mce_inline_error {
	background: none;
	color: #ff5353;
	font-weight: 400;
	padding: 5px 0 0;
	margin: 0;
}
.mailchimp-signup#mc_embed_signup div#mce-responses {
	width: 100%;
	padding: 0;
	margin: 0;
}
.mailchimp-signup#mc_embed_signup div.response {
	width: 100%;
	padding: 0;
	margin: 0 0 15px;
	font-weight: 400;
	line-height: 1.75em;
}
.mailchimp-signup#mc_embed_signup .clear {
	text-align: center; /* center submit button */
}
.mailchimp-signup#mc_embed_signup .button {
	background: #ffd05d;
	font-weight: inherit;
	padding: .7em 1.3em;
	border-radius: 5px;
	height: auto;
	display: inline-block;
	color: #000 !important;
}

/*
CLUB
================================================ */
.club-box {
	border-radius: 5px;
	width: 48.2%;
	margin: 2% 0 0 3.5%;
	float: left;
	padding: 4% 0 3%;
}
.club-box:first-child {
	margin-left: 0;
}
.club-box p {
	margin: 0 0;
}
.club-box h3 {
	font-size: 3.125em;
	text-transform: none;
	margin: 0;
}
.club-box .club-description {
	font-size: 1.25em;
	line-height: 1.5em;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	color: #000;
	letter-spacing: 1px;
	padding-bottom: 20px;
	margin: 10px 40px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.club-box .club-price {
	text-transform: uppercase;
	font-size: 4.5em;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 100;
	color: #000;
	letter-spacing: 1px;
	margin: 45px 0 50px;
}
.club-box .club-price strong {
}
.club-box .button {
	background: #000;
	padding: 1em 2em;
}

/* vertical-column */
.vertical-column {
	background: url(images/arrow_down.png) no-repeat center top;
	margin: 20px 0 50px !important;
	padding-top: 120px;
	border-bottom: 10px solid #eee;
}
.vertical-column > li {
	border-top: 1px #eee solid;
	float: left;
	list-style: none;
	padding: 15px 0 10px;
	margin: 5px 0;
}
.vertical-column .vertical-column-item {
	border-left: 1px #eee solid;
	padding: 15px 30px;
}
.vertical-column h4 {
	font: 1.75em/1.3em 'Montserrat', sans-serif;
	text-transform: uppercase;
	margin: .3em 0 .5em;
}
.vertical-column p {
	margin-bottom: 0;
}
.vertical-column .vertical-column-item ul {
	margin-top: 0;
}
.vertical-column .vertical-column-item ul li {
	margin-top: 0;
}

/* grid2 vertical-column */
.vertical-column.grid2 > li {
	width: 50%;
}
.vertical-column.grid2 > li:nth-of-type(2n+1) .vertical-column-item {
	border-left: none;
}

/* grid3 vertical-column */
.vertical-column.grid3 li {
	width: 33.3%;
}
.vertical-column.grid3 li:nth-of-type(3n+1) .vertical-column-item {
	border-left: none;
}
.vertical-column h4 {
	font-size: 1.5em;
}

/* faq */
.faq {
	text-align: left;
	margin-top: 10px !important;
}
.faq h1 {
	margin-top: 10px;
}
.faq h4 {
	font-size: 1.2em;
	color: #000;
	font-weight: 600;
	margin-bottom: .3em;
	letter-spacing: 0;
	text-transform: none;
}

/*
PRCING
================================================ */
.pricing-box {
	border-radius: 5px;
	margin: 2% 0 0 3.5%;
	float: left;
	padding: 2% 15px 2%;
	color: #000;
	font-size: .9em;
}
.pricing-box:first-child {
	margin-left: 0;
}
.pricing-box p {
	margin: 0 0;
}
.pricing-box h3 {
	font-size: 1.5em;
	line-height: 1.5em;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
	margin: 0 0 5px;
}
.pricing-box .pricing-description {
	font: 300 1.1em/1.3em 'Open Sans';
	text-transform: none;
	margin: 0;
}
.pricing-box .pricing-term {
	margin: 0 0 20px;
	font-size: .9em;
	line-height: 1.6em;
}
.pricing-box .pricing-price {
	text-transform: uppercase;
	font: 100 3.3em/1em 'Open Sans', Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	margin: 20px 20% 10px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 15px;
	white-space: nowrap;
}
.pricing-box .pricing-price small {
	font-size: 9px;
	display: block;
	margin: 6px 0 5px;
	line-height: 120%;
}
.pricing-box .pricing-price del {
	font-size: 16px;
	display: block;
	line-height: 100%;
}
.pricing-box .button {
	background: #000;
	padding: .7em 1.3em;
	font-size: 1.2em;
}

/* grid2 pricing-box */
.pricing-boxes.grid2 .pricing-box {
	font-size: 1.1em;
}
.pricing-boxes.grid2 .pricing-box h3 {
	font-size: 2.2em;
}

/* popular pricing */
.pricing-boxes.has-popular .pricing-box {
	margin-top: 70px;
}
.pricing-box.popular-pricing {
	position: relative;
	color: #fff;
	margin-top: 70px;
}
.pricing-box.popular-pricing .pricing-price {
	border-color: rgba(255,255,255,.3);
}
.pricing-box.popular-pricing .popular-text {
	position: absolute;
	top: -75px;
	color: #000;
	font: 1.3em/100% 'Montserrat';
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: -;
	left: 0;
	text-align: center;
	width: 100%;
}
.pricing-box.popular-pricing .popular-text:before {
	content: "\e804"; /* ti-angle-down */
	position: absolute;
	bottom: -25px;
	left: 50%;
	width: 30px;
	margin-left: -15px;
}
.pricing-box.pink {
	color: #fff !important;
}

@-webkit-keyframes animate_popular_text {
	0%, 100% {
		top: -75px;
	}
	50% {
		top: -55px;
	}
}
@keyframes animate_popular_text {
	0%, 100% {
		top: -75px;
	}
	50% {
		top: -55px;
	}
}
.pricing-box.popular-pricing .popular-text {
	-webkit-animation: animate_popular_text 1s ease-out infinite;
	-moz-animation: animate_popular_text 1s ease-out infinite;
	animation: animate_popular_text 1s ease-out infinite;
}

/*
CHANGE LOGS PAGE
================================================ */
#page-single-log #content ul {
	margin-bottom: 35px;
	font-size: .95em;
}
#page-single-log #content h4 {
	font-size: 1.2em;
	margin: 35px 0 15px;
	border-top: solid 5px #eee;
	padding-top: 20px;
}

/*
ERROR 404 PAGE
================================================ */
.error-404-page {
	text-align: center;
	margin: 10% 0 10%;
	font-size: 1.3em;
	font-weight: 100;
}
.error-404-title {
	border: solid 1px #654e9c;
	box-shadow: 0 0 0 9px #fff, 0 0 0 10px #654e9c;
	border-radius: 100%;
	margin: auto auto 40px;
	font-size: 4.5em;
	line-height: 100%;
	color: #654e9c;
	padding-top: 60px;
	width: 280px;
	height: 220px;
}
.error-404-title span {
	display: block;
	font: bold .45em 'Montserrat', sans-serif;
	text-transform: uppercase;
}

/*
THEMES PAGE
================================================ */
#page-themes #content {
	padding-right: 300px
}
#page-themes #sidebar {
	width: 236px;
	position: absolute;
	top: 0;
	right: 0;
}
#page-themes #sidebar .sidebar-inner {
	position: fixed;
	width: 236px;
}

/* Category list */
.category-list {
	margin: 0 0 100px 20px;
	font-size: 1.1em;
}
.category-list li {
	list-style: none;
	margin: 5px 0;
	padding-left: 10px;
}
.category-list a {
	color: #a5a5a5;
	font-size: .938em;
	padding: 8px 0;
	display: block;
}
.category-list a:hover {
	color: #000;
}
.category-list .current-cat {
	color: #000;
	background: #fdd761;
	border-radius: 0 2px 2px 0;
	position: relative;
}
.category-list .current-cat:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(253, 215, 97, 0);
	border-right-color: #fdd761;
	border-width: 19px;
	top: 50%;
	margin-top: -19px;
}
.category-list .current-cat a {
	color: #000;
}

/* Who use this theme? */
.who-use-list {
	padding-bottom: 25px;
	margin-bottom: 20px;
	border-bottom: 3px solid #f2f2f2;
}
.who-use-list h3 {
	font-size: 1.125em;
	font-weight: 600;
	margin: 1.5em 0 1.222em;
}
.who-use-list .theme-showcase {
	margin: 0;
	padding: 0;
	list-style: none;
}
.who-use-list .theme-showcase li {
	float: left;
	width: 94px;
	margin: 0 5px 5px 0;
}
.who-use-list .theme-showcase img {
	border: 1px solid #eee;
	vertical-align: bottom;
}
.who-use-list .theme-showcase .more-showcase {
	line-height: 1em;
	text-align: center;
	font: normal 12px/1em Montserrat;
	text-transform: uppercase;
}
.who-use-list .theme-showcase .more-showcase a {
	float: left;
	color: #939393;
	width: 94px;
	background: #f5f5f5;
	border: 1px solid #eee;
	padding: 24px 0 23px;
}
.who-use-list .theme-showcase .more-showcase a:hover {
	background: #ccc;
	color: #555;
}
.who-use-list .theme-showcase .more-showcase span:after {
	content: '\e80c'; /* ti-arrow-right */
	line-height: 1em;
	font-size: 1.4em;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 0 0 1px;
}

/*
ANNOUNCEMENT BAR PAGE
================================================ */
.announcement-bar {
	background: none;
	padding-top: 0;
	border: none;
}
.announcement-bar > li,
.announcement-bar .vertical-column-item {
	border-color: rgba(255,255,255,.3);
}
.announcement-bar .vertical-column-item li {
	border: none;
}

/*
POST TYPE BUILDER PAGE
================================================ */
.large-icon,
.medium-icon {
	font-size: 3em;
	line-height: 1em;
	margin: 1em 0;
	display: block;
	color: inherit;
}
.medium-icon {
	font-size: 2.5em;
}
.large-icon.top,
.medium-icon.top {
	margin-top: 0;
}

h2.separator {
	position: relative;
	padding-top: 7em;
}
h2.separator:before {
	content: '';
	position: absolute;
	top: 3.5em;
	left: 50%;
	width: 150px;
	height: 4px;
	margin-left: -75px;
	background: #000;
}

/*
THEMIFY ICONS PAGE
================================================ */
.icons-list h3 {
	text-transform: uppercase;
	font-weight: 700;
	margin: 1em 0;
}
.icon-section {
	margin: 0 0 3em;
	clear: both;
	overflow: hidden;
}
.icon-container {
	width: 240px;
	padding: .7em 0;
	float: left;
	position: relative;
	text-align: left;
}
.icon-container [class^="ti-"],
.icon-container [class*=" ti-"] {
	font-size: 17px;
	color: #000;
	position: absolute;
	margin-top: 5px;
	transition: .3s;
	border: none;
	padding: 0;
}
.icon-container:hover [class^="ti-"],
.icon-container:hover [class*=" ti-"] {
	font-size: 2.2em;
	margin-top: -5px;
}
.icon-container:hover .icon-name {
	color: #000;
}
.icon-name {
	color: #666;
	margin-left: 35px;
	font-size: .8em;
	transition: .3s;
}
.icon-container:hover .icon-name {
	margin-left: 45px;
}

/************************************************************************************
SINGLE THEME
*************************************************************************************/
/* breadcrumb */
.breadcrumb {
	font-family: 'Montserrat', sans-serif;
	font-size: .7em;
	text-transform: uppercase;
	color: #f2f2f2;
	margin: .8em 0 1.8em;
	line-height: 1.6em;
}
.breadcrumb a {
	color: #bbb;
}
.breadcrumb a:hover {
	color: #000;
}

/* post title */
#page-single-theme #content .post-title {
	font-size: 3em;
	margin: 0 0 .5em;
}

/* theme single first paragraph */
#page-single-theme #content .post-title + p,
#page-single-theme #content .post-title + p big {
	font-size: 1.1em;
	line-height: 1.9em;
	font-weight: 100;
	color: #555;
}

/* features
#page-single-theme article ul {
	margin: 0;
}
#page-single-theme article ul li {
	border-top: 1px #f2f2f2 solid;
	padding: 1.7% 0 2% 25px;
	list-style: none;
	margin: 0;
	text-indent: -.5em;
	line-height: 1.8em;
}
#page-single-theme article ul li:before {
	content: " ";
	background: #ccc;
	width: 7px;
	height: 7px;
	display: inline-block;
	border-radius: 100%;
	right: 1em;
	top: -2px;
	position: relative;
}
*/

/* Requirement */
.theme-requirement {
	font-size: .9em;
	margin: 8% 0 5%;
	border-top: solid 1px #ddd;
	padding-top: 20px;
}
.theme-requirement strong {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}

/* buy box */
#page-single-theme .buy-box {
	border-radius: 5px;
	padding: 30px 30px 10px;
	position: relative;
	margin-bottom: 30px;
}
#page-single-theme .buy-box h3 {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8em;
	padding: 10px 20px 10px 30px;
	cursor: pointer;
	border-radius: 5px;
	text-transform: uppercase;
	position: relative;
	background: #f06544;
	color: #fff;
}
#page-single-theme .buy-box h3:after {
	content: "\e804"; /* ti-angle-down */
	text-transform: none;
	position: absolute;
	right: 15px;
}
#page-single-theme .buy-box h3.hovered {
	border-radius: 5px 5px 0 0;
}

/* buy options */
.buy-button {
	margin: 0 0 2em;
}
.buy-button p {
	margin: 0;
}
.buy-options {
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
}
.buy-options li {
	margin: 0;
	padding: 0;
	display: block;
	float: none;
	position: relative;
	background: #fff;
}
.buy-options li:hover {
	background: #daeff8;
	color: #666;
}
.buy-options li a {
	color: #a6a6a6;
	font-size: .813em;
	display: block;
	padding: 15px 30px;
	border: none;
	line-height: 1.3em;
}
.buy-options li a strong {
	color: #666;
	font-size: 1.37em;
	font-family: 'Montserrat', sans-serif;
	display: block;
	font-weight: normal;
	margin-bottom: .5em;
}
.buy-options li a:hover strong {
	color: #000;
}
.buy-options li:last-child {
	border-top: 1px #eee solid;
}
.buy-options li:last-child a {
	border-radius: 0 0 2px 2px;
}

/* tooltip */
.buy-button .tooltip {
	position: absolute;
	background: #fff;
	border: 1px solid #999;
	top: 50%;
	left: -240px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 5px;
	padding: 10px 20px;
	color: #666;
	font-size: .875em;
	display: none;
	width: 200px;
	line-height: 1.5em;
}
.buy-button .tooltip:after,
.buy-button .tooltip:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.buy-button .tooltip:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 7px;
	top: 50%;
	margin-top: -7px;
}
.buy-button .tooltip:before {
	border-color: rgba(153, 153, 153, 0);
	border-left-color: #999;
	border-width: 8px;
	top: 50%;
	margin-top: -8px;
}
.buy-button .buy-options li:hover .tooltip {
	display: block;
}
#buy-now li {
    position: relative;
}
#buy-now .tooltip {
    position: absolute;
    background: #fff;
    border: 1px solid #999;
    top: 50%;
    left: -240px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 5px;
    padding: 10px 20px;
    color: #666;
    font-size: .875em;
    display: none;
    width: 200px;
}
#buy-now .buy-options li:hover .tooltip {
    display: block;
}
#buy-now .tooltip:after,
#buy-now .tooltip:before {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#buy-now .tooltip:before {
    border-color: rgba(153, 153, 153, 0);
    border-left-color: #999;
    border-width: 8px;
    top: 50%;
    margin-top: -8px;
}
#buy-now .tooltip:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 7px;
    top: 50%;
    margin-top: -7px;
}
#buy-now ul.buy-options {
    margin: 0;
    list-style: none;
	display: none;
}

#buy-now li {
    margin: 0;
}
#buy-now li:last-child {
	border-top: 1px #eee solid;
}
#buy-now li:hover a {
	background-color: #daeff8;
}
#buy-now li a {
    color: #a6a6a6;
    font-size: .813em;
    display: block;
    padding: 15px 30px;
    border: none;
    background: #fff;
}
#buy-now li a strong {
    display: block;
    color: #666;
    font-size: 1.37em;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
}
#buy-now li:hover a strong {
	color: #000;
}

/* buy inline button */
.inline-button {
	margin-right: 5px;
	display: inline-block;
}
.buy-inline-block {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.buy-inline-block p {
	margin: 0;
}
.buy-inline-block .button {
	margin: 0;
	position: relative;
	padding-right: 50px;
}
.buy-inline-block .button:after {
	content: "\e804"; /* ti-angle-down */
	text-transform: none;
	position: absolute;
	right: 15px;
}
.buy-inline-block .buy-options {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	text-align: left;
	z-index: 1001;
	width: 260px;
	border: solid 1px #666;
	display: block;
	opacity: 0;
	height: 0;
	overflow: hidden;
	transform: translateY(-20%);
	transition: all .3s;
}
.buy-inline-block:hover .buy-options {
	opacity: 1;
	transform: translateY(0);
	height: auto;
	overflow: visible;
}

/* check */
#page-single-theme .check {
	margin: 10px 0 0;
}
#page-single-theme .check li {
	border-top: 1px #e2c952 solid;
	padding: 10px 0 10px 2em;
	line-height: 1.5em;
}
#page-single-theme .check li:before {
	color: #7e702d;
}
#page-single-theme .check li:first-child {
	border: none;
}

/* get club */
.get-club {
	position: relative;
}
.get-club a {
	color: #a6a6a6;
	font-size: .938em;
}
.get-club a:hover,
.get-club a:hover h3 {
	color: #00c0f3;
}
.get-club h3 {
	color: #000;
	font-size: 1.25em;
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
.get-club h3 span {
	text-transform: none;
}
.get-club h3,
.get-club p {
	margin: 0 0 0 40px;
}

/* ribbon */
.ribbon {
	position: absolute;
	display: inline-block;
	top: 35px;
}
.ribbon:before,
.ribbon:after {
	content: "";
	bottom: -.1em;
	position: absolute;
	display: block;
	border: .8em solid #fa797d;
	height: 15px;
}
.ribbon:before {
	bottom: -1.35em;
	border-bottom-color: transparent;
}

/* standard features videos */
.single-post.themes .circle-video {
	margin-bottom: 3em;
}

/* standard features check icon */
.standard-features.icon-check {
	color: #000;
	float: left;
	margin: 0 20px 15px 0;
	font-size: 1.2em;
}

/*
TAG BUTTON
================================================ */
a.tag-button {
	color: #01bd5d !important;
	font: normal 0.5em/100% Montserrat, sans-serif;
	text-transform: uppercase;
	border-radius: 5px;
	padding: .5em .6em;
	letter-spacing: 1px;
	margin: -.8em 0 0 .7em;
	display: inline-block;
	vertical-align: middle;
	border: solid 2px #01bd5d;
	text-indent: 1px;
}
#sidebar a.tag-button {
	margin: 0 0 5px;
}
.single a.tag-button {
	font-size: .35em;
}
a.tag-button:hover {
	color: #fff !important;
	background: #01bd5d;
}
a.tag-button.buy {
	color: #ff5353 !important;
	background: none;
	border-color: #ff5353;
	display: none; /* for desktop */
}
a.tag-button.buy:hover {
	color: #fff !important;
	background: #ff5353;
}

/*
RESPONSIVE VIDEO
================================================ */
.post-video {
	position: relative;
	padding-bottom: 56%;
	height: 0;
	overflow: hidden;
	margin-bottom: 2.2em;
	border: solid 1px rgba(0,0,0,.5)
}
.post-video iframe,
.post-video object,
.post-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.post-video.padded {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}


/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap {
	margin: 10px 0 20px;
	clear: both;
	padding-left: 124px;
}

/* comment title */
.comment-title, #reply-title {
	font-size: 1.35em;
	padding-bottom: 25px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	border-bottom: solid 1px #eee;
	margin-bottom: 35px;
}

/* commentlist */
.commentlist {
	margin: 0 0 30px;
	padding: 5px 0 0;
}
.commentlist li {
	margin: 0 0 25px;
	list-style: none;
	position: relative;
}
.commentlist .comment-author {
	margin: 2px 0 10px;
	padding: 0;
}
.commentlist .avatar {
	position: absolute;
	top: 0;
	left: -110px;
	border-radius: 100%;
}
.commentlist cite {
	font-size: 1.625em;
	color: #000;
	font-weight: 100;
	font-style: normal;
	line-height: 1.3em;
}
.commentlist .bypostauthor > .comment-author cite {
	padding-left: 18px;
}
.commentlist .comment-time {
	font-size: .938em;
	color: #bbb;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
.commentlist .commententry {
	min-height: 40px;
	padding-bottom: 5px;
	word-wrap: break-word;
}
.commentlist ul, .commentlist ol {
	margin: 30px 0 0 7%;
	padding: 0;
}

/* reply link */
.commentlist .reply {
	position: absolute;
	right: 0;
	top: 5px;
}
.commentlist .comment-reply-link {
	font: normal .85em/1em 'Montserrat', sans-serif;
	color: #00bff3;
	border: solid 1px #00bff3;
	background: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 5px;
	padding: .4em 1em;
}
.commentlist .comment-reply-link:hover {
	color: #fff;
	background: #00b9ff;
}

/*
COMMENT / CONTACT FORM
================================================ */
#respond {
	margin: 0;
	padding: 10px 0 0;
	position: relative;
	clear: both;
}
#respond #cancel-comment-reply-link {
	position: absolute;
	top: 30px;
	right: 0;
	font-size: 85%;
	line-height: 100%;
	text-decoration: none;
	padding: 5px 10px;
	display: block;
	color: #fff;
	background: #f06544;
	border-radius: 5px;
}
#respond #cancel-comment-reply-link:hover {
	opacity: .6;
}
#commentform {
	margin: 15px 0 0;
}
#contactform {
	margin: 8% 0;
}
#commentform p,
#contactform p {
	margin-bottom: 1em;
}
#commentform input[type=text],
#contactform input[type=text] {
	width: 250px;
	margin-right: 25px;
}
#commentform label,
#contactform label {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#commentform .comment-form-subscriptions label {
	text-transform: initial;
	font-weight: initial;
	margin-left: 0;
	letter-spacing: 0;
}
#commentform label small,
#contactform label small {
	font-weight: 100;
	text-transform: none;
	letter-spacing: normal;
}
#commentform textarea,
#contactform textarea {
	height: 270px;
}

/* selectable contact form */
.multi-selectors label {
	cursor: pointer;
	padding: 6px 5px;
	display: block;
}
.multi-selectors br {
	display: none;
}
.multi-selectors label:hover {
	background: #eaf3f7;
	border-radius: 3px;
}


/************************************************************************************
FIXED SIDEBAR
*************************************************************************************/
.fixed-sidebar {
	position: relative;
}
.fixed-sidebar #content {
	width: auto;
	float: none;
	padding-right: 380px
}
.fixed-sidebar #sidebar {
	width: 310px;
	position: absolute;
	top: 0;
	right: 0;
}
.fixed-sidebar #sidebar .sidebar-inner {
	width: 310px;
}

/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar .box {
	margin-bottom: 30px;
}
#sidebar .widgettitle {
	font: normal 1.2em/1.5em Montserrat, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1px;
	margin: 2em 0 20px;
}
#sidebar .selectwrapper,
#sidebar #bbp_search {
	width: 100%;
	margin-bottom: 10px;
}


/*
CATEGORY
================================================ */
#sidebar .blog-category {
	margin-bottom: 30px;
}
#sidebar .blog-category ul {
	margin: 0;
	list-style: none;
}
#sidebar .blog-category li {
	position: relative;
	margin-bottom: 1px;
}
#sidebar .blog-category a {
	color: #ababab;
	display: block;
	position: relative;
	font-size: .938em;
	padding: 10px 20px;
}
#sidebar .blog-category .current-cat a,
#sidebar .blog-category a:hover {
	color: #fff;
}
#sidebar .blog-category span {
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#sidebar .blog-category .current-cat span,
#sidebar .blog-category li:hover span {
	width: 100%;
	max-width: 100%;
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
}

/*
FOLLOW
================================================ */
#sidebar .follow .box {
	margin-bottom: 15px;
	text-align: left;
}

/*
TWITTER LIST
================================================ */
.twitter-list {
	margin: 0 0 30px;
}
.twitter-list li {
	list-style: none;
	margin: 0 0 20px;
}
.twitter-list .twitter-timestamp small {
	color: #aaa;
	display: block;
	font-size: .8em;
	font-style: normal;
	margin-top: 5px;
	text-transform: uppercase;
}

/************************************************************************************
POST
*************************************************************************************/
/* post title */
.post-title {
	text-transform: none;
}
.post-title-thick {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.75em;
	text-transform: uppercase;
	margin-top: 38px;
	letter-spacing: 1px;
}
#content .post-title {
	margin-top: 0;
}
.page-title {
	margin: 0 0 1em;
}
.post-image {
	margin: 0 0 1em;
}

/* post meta */
.post-meta {
	font-family: 'Montserrat', sans-serif;
	font-size: .875em;
	line-height: 1.7em;
	text-transform: uppercase;
	color: #efefef;
	margin: 0 0 25px;
}
.post-meta a {
	color: #bbb;
}
.post-meta a:hover {
	color: #000;
}

/*
LIST POST
================================================ */
.list-post .post {
	padding-left: 124px;
	position: relative;
	margin-bottom: 100px;
}
.list-post .page-title {
	margin: 0 0 40px;
}
.list-post .post-title {
	font-size: 2.4em;
	line-height: 1.2em;
	margin-bottom: .3em;
	letter-spacing: -0.03em;
	font-weight: 400;
}
.list-post .post-title a {
	color: #000;
}
.list-post .post-title a:hover {
	color: #a6a6a6;
}
.single-theme.list-post .post {
	padding-left: 0;
}

/* post date */
.post-date {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	line-height: 1em;
	margin: 0 0 15px;
}
.post-date span {
	display: block;
	width: 65px;
	margin: 0 auto;
}
.post-date .day {
	font-size: 1.625em;
	font-weight: 100;
	margin-top: 18px;
	margin-bottom: 10px;
}
.post-date .month {
	font-size: .938em;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
.post-date .year {
	width: 62px;
	font-size: .875em;
	font-family: 'Montserrat', sans-serif;
	border-top: 1px #fff solid;
	padding-top: 6px;
	margin-top: 6px;
}

/* read more */
.more-link {
	display: none; /* hide wp inserted more link */
}
.read-more-wrap {
	text-align: right;
}
.read-more {
	padding: 7px 20px;
}
.category-theme-releases .read-more-wrap {
	display: none;
}

/* Default Color */
#sidebar .blog-category span,
.post-date,
.read-more {
	background: #ea309c;
}

/* Announcement */
#sidebar .blog-category .category-announcements span,
.category-announcements .post-date,
.category-announcements .read-more {
	background: #009e85;
}

/* Development */
#sidebar .blog-category .category-development span,
.category-development .post-date,
.category-development .read-more {
	background: #f59c0d;
}

/* General */
#sidebar .blog-category .category-general span,
.category-general .post-date,
.category-general .read-more {
	background: #23b36e;
}

/* Promotions */
#sidebar .blog-category .category-promotions span,
.category-promotions .post-date,
.category-promotions .read-more {
	background: #2482b9;
}

/* Updates */
#sidebar .blog-category .category-theme-releases span,
.category-theme-releases .post-date,
.category-theme-releases .read-more {
	background: #ea533b;
}

/* Theme Ideas */
#sidebar .blog-category .category-concepts span,
.category-concepts .post-date,
.category-concepts .read-more {
	background: #904dae;
}

/* Tutorials */
#sidebar .blog-category .category-tutorials span,
.category-tutorials .post-date,
.category-tutorials .read-more {
	background: #59ade3;
}

/*
LIST THUMB IMAGE
================================================ */
.feature-list {
	text-align: left;
	line-height: 1.7em;
	padding-bottom: 1em;
	padding-bottom: 2em;
	margin: 0;
}
.feature-list p {
	margin: 0 0 1em;
}
.feature-list li {
	padding-bottom: 2.2em;
	list-style: none;
}
.feature-list .feature-text {
	overflow: hidden;
}
.feature-list .button.small {
	padding: 2px 8px;
}
.feature-list figure {
	float: left;
	margin: 0 20px 15px 0;
}
.feature-list .post-content {
	overflow: hidden;
}
.feature-list h4 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.4em;
	letter-spacing: 0;
	margin: 0 0 5px;
}
.feature-list h3 {
	font-size: 1.5em;
	font-weight: 400;
	margin: 0 0 5px;
}
/* List icons */
.list-icon .ti-hand-drag:before {
	content:'\e817';
}
.list-icon .ti-search:before {
	content:'\e818';
}
.list-icon .ti-loop:before {
	content:'\e819';
}
.list-icon .ti-notepad:before {
	content:'\e81a';
}
.list-icon .ti-exchange-vertical:before {
	content:'\e81b';
}
.list-icon .ti-files:before {
	content:'\e81c';
}
.list-icon .ti-wordpress:before {
	content:'\e81d';
}
.list-icon .ti-zoom-in:before {
	content:'\e81e';
}
.list-icon .ti-layout-list-thumb:before {
	content:'\e81f';
}

/************************************************************************************
PAGE NAVIGATION
*************************************************************************************/
.pagenav {
	margin: 15% 0;
	border: none;
	text-align: center;
}
.pagenav a, .pagenav span {
	background: #1bbc9b;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	padding: 10px 13px;
	margin: -1px;
}
.pagenav a:hover,
.pagenav a.current, .pagenav span {
	background: #16967c !important;
	color: #fff;
}
.pagenav .prev,
.pagenav .next,
.pagenav a:not(.page-numbers) {
	position: relative;
	background: #1bbc9b;
}
.pagenav .prev,
.pagenav a:not(.page-numbers):first-child {
	padding-left: 5px;
}
.pagenav .next,
.pagenav a:not(.page-numbers):last-child {
	padding-right: 5px;
}
.pagenav .prev:after,
.pagenav .next:after,
.pagenav a:not(.page-numbers):after {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(27, 188, 155, 0);
	border-width: 19px;
	top: 50%;
	margin-top: -19px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
.pagenav .prev:after,
.pagenav a:not(.page-numbers):first-child:after {
	right: 98%;
	border-right-color: #1bbc9b;
}
.pagenav .next:after,
.pagenav a:not(.page-numbers):last-child:after {
	left: 100%;
	border-left-color: #1bbc9b;
}
.pagenav .prev:hover:after,
.pagenav a:not(.page-numbers):first-child:hover:after {
	border-color: rgba(22, 150, 124, 0);
	border-right-color: #16967c;
}
.pagenav .next:hover:after,
.pagenav a:not(.page-numbers):last-child:hover:after {
	border-color: rgba(22, 150, 124, 0);
	border-left-color: #16967c;
}

/************************************************************************************
GENERAL SIDEBAR
*************************************************************************************/
#sidebar {
	font-size: .9em;
	line-height: 1.6em;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap {
	padding-top: 70px;
	padding-bottom: 40px;
	clear: both;
}
#footer {
	font-weight: 100;
	word-wrap: normal;
	color: rgba(255,255,255,.7);
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #ffe35a;
}
#footer ul {
	margin: 0 0 20px;
}
#footer ul li {
	list-style: none;
	margin: 0 0 .1em 0;
	padding: 0;
}
#footer .footer-logo img {
	width: 197px;
}
#footer .footer-logo a {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}
#footer .footer-logo-wrapper {
	margin: 0 auto;
	text-align: center;
	line-height: 1.8em;
}
#footer .footer-logo-wrapper p {
	font-size: .8em;
	line-height: 1.8em;
}
#footer .footer-logo-wrapper > div {
	margin: 2px 0;
}

#footer .footer-menu-wrapper {
	text-align: center;
	margin: 0 auto;
	width: 440px;
	max-width:100%;
}
#footer .footer-menu-wrapper > div {
	float: left;
	overflow: hidden;
	width: 33.3%;
	font-weight: 100;
	font-size: .9em;
}
#footer .footer-logo-wrapper .footer-logo a {
	color: #fff;
}

#footer .footer-menu-wrapper .menu-title {
	font: 400 .9em/1.4em 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	text-align: center;
	margin: 0 0 10px 0;
}

/* back to top */
.back-top {
	text-align: center;
	text-transform: uppercase;
	position: relative;
	margin: 0 auto;
	margin-bottom: 26px;
	width: 200px;
	letter-spacing: 1px;
	font-size: .9em;
}
.back-top a {
	display: block;
	width: 200px;
	height: 80px;
}
.back-top a:before {
	font-size: 4em;
	content: "\e809"; /* fontello icon up */
}
.back-top .arrow-up {
	display: inline-block;
}
.back-top .arrow-up a {
	position: absolute;
	z-index: 999;
	bottom: -10px;
	width: 100px;
	height: 50px;
	background: transparent;
}
.back-top .arrow-up span {
	font-weight: 100 ;
	color: rgba(255,255,255,0);
}

.back-top:hover .arrow-up a {
	bottom: 20px;
}

.back-top:hover .arrow-up span {
	cursor: default;
	color: #fff;
	color: rgba(255,255,255,1);
}

/************************************************************************************
SLIDER
*************************************************************************************/
#showcase-slider {
	max-width: 890px;
	margin: 0 auto;
	height: 0;
	visibility: hidden;
}
#showcase-slider li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
#showcase-slider a {
	text-decoration: none;
	border: none;
}
#showcase-slider .caroufredsel_wrapper {
	margin: 0 !important;
}

/* slide wrapper */
#showcase-slider .slide-wrapper {
	max-width: 647px;
	margin: 0 auto;
}

/* slide image */
#showcase-slider .slide-image {
	position: relative;
	z-index: 1;
	margin-bottom: .5em;
}
#showcase-slider .theme-frame {
	border-color: #444;
	padding: 5px 5px;
}
#showcase-slider .theme-frame .dot {
	width: 6px;
	height: 6px;
	margin-left: 5px;
}
#showcase-slider .slide-image img {
	vertical-align: bottom;
	border-radius: 0 0 3px 3px;
	border: solid 1px #444;
	width: 100%;
}

/* slide content */
#showcase-slider .slide-content {
	padding-left: 35px;
	font-size: 1.1em;
}
#showcase-slider .slide-content::before {
	content: '\201C';
	font-size: 3.3em;
	font-family: times;
	position: absolute;
	margin-left: -35px;
	margin-top: .2em;
}

/* slide meta */
#showcase-slider .slide-meta {
	font-size: .875em;
	word-spacing: 2px;
	margin-bottom: 1em;
}
#showcase-slider .slide-meta a {
	font-size: 1.285em;
	word-spacing: 0;
}
#showcase-slider .slide-meta .based-on {
	/* font-size: 1em; */
}
#showcase-slider .slide-meta i {
	letter-spacing: -1px;
	font-style: normal;
}
#showcase-slider .slide-meta span {
	text-transform: uppercase;
	font-weight: 600;
	font-size: .8em;
	letter-spacing: 1px;
}

/* slide navigation */
#showcase-slider .carousel-nav-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 450px;
}
#showcase-slider .carousel-nav-wrap a {
	width: 90px;
	height: 90px;
	position: absolute;
	top: 50%;
	text-indent: -9999em;
	font-size: 5.6em;
	border: none;
}
#showcase-slider .carousel-nav-wrap a:before {
	text-indent: 0;
	position: absolute;
	top: 0;
	left: 0;
}
#showcase-slider .carousel-prev {
	left: 0;
}
#showcase-slider .carousel-prev:before {
	content: '\e80b'; /* ti-arrow-left */
}
#showcase-slider .carousel-next {
	right: 0;
}
#showcase-slider .carousel-next:before {
	content: '\e80c'; /* ti-arrow-right */
}

/* Section Slider */
.section-slider {
	display: none;
}
.section-slider h2 {
	font-size: 1.125em;
	line-height: 2em;
	min-height: 7.5em;
}
.section-slider .caroufredsel_wrapper {
	margin: 0 !important;
}
.section-slider li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
.section-slider .slider-image {
	display: inline-block;
	max-width: 720px;
	margin: 0 80px;
}
.section-slider .slider-image img {
	display: block;
	margin: 0;
	padding: 0;
}
.section-slider .slider-image img:last-child {
	border: 1px solid #ddd;
}
/* slide navigation */
.section-slider .carousel-nav-wrap {
	position: absolute;
	bottom: 40%;
	left: 0;
	width: 100%;
}
.section-slider .carousel-nav-wrap a {
	width: 90px;
	height: 90px;
	position: absolute;
	top: 50%;
	text-indent: -9999em;
	color: inherit;
	font-size: 4.25em;
	border: none;
}
.section-slider .carousel-nav-wrap a:before {
	text-indent: 0;
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
   	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.section-slider .carousel-prev {
	left: 0;
}
.section-slider .carousel-prev:before {
	content: "\e80b"; /* ti-arrow-left */
	text-align: left;
}
.section-slider .carousel-next {
	right: 0;
}
.section-slider .carousel-next:before {
	content: "\e80c"; /* ti-arrow-right */
	right: 0;
	text-align: right;
}

/* slide pager */
.section-slider .pager span {
	width: 9px;
	height: 9px;
	border: 1px solid #000;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
}
.section-slider .pager span.selected {
	border-width: 2px;
	width: 12px;
	height: 12px;
}

/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	margin-bottom: 15px;
}
.alignleft {
	float: left;
	margin-right: 30px;
}
.alignright {
	float: right;
	margin-left: 30px;
}
.aligncenter {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 15px;
	max-width: 100%;
}
.wp-caption-text {
	font-style: italic;
	font-size: 95%;
	line-height: 120%;
	margin: 6px 0;
}

/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}

/* clearfix */
#header:after,
#content:after,
#sidebar:after,
#footer:after,
.pagewidth:after,
.grid4:after,
.grid3:after,
.grid2:after,
.grid4 > li:after,
.grid3 > li:after,
.grid2 > li:after,
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/* bordered image */
.bordered {
	padding: 1px;
	border: 1px solid #d7d7d7;
}

/************************************************************************************
FOOTER SOCIAL LINKS
*************************************************************************************/
.footer-social-links {
	margin: 40px auto 30px auto;
	text-align: center;
	clear: both;

}
#footer .social-links-horizontal {
	margin: 0;
}
.social-links-horizontal li {
	vertical-align: middle;
	width: 70px;
	margin: 0 10px;
	display: inline-block;
	zoom:1;
	text-align: center;
}
.social-links-horizontal li i {
	font-size: 3em;
	font-style: normal;
	line-height: 1;
}
.social-links-horizontal a,
.social-links-horizontal a:hover {
	text-decoration: none;
}
.footer-social-links li a:before {
	font-size: 3em;
	font-style: normal;
	line-height: 1;
}
.footer-social-links li.twitter a:before {
	content: '\e80e'; /* ti-twitter-alt */
}
.footer-social-links li.facebook a:before {
	content: '\e80f'; /* ti-facebook */
}
.footer-social-links li.youtube a:before {
	content: '\e810'; /* ti-youtube */
}
.footer-social-links li.linkedin a:before {
	content: '\e811'; /* ti-linkedin */
}

/************************************************************************************
SELECT BOX PLUGIN
*************************************************************************************/
.sbHolder{
	background-color: #fff;
	border: 1px #ddd solid;
	border-radius: 2px;
	height: 30px;
	position: relative;
	width: 300px;
	padding: 12px 15px;
}
.sbSelector{
	display: block;
}
.sbSelector:after {
	content: '\e809'; /* fontello icon up */
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 1.4em;
}
.sbHolderDisabled{
	border: solid 1px #ddd;
}
.sbOptions{
	border: solid 1px #ddd;
	background: #fff;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 54px !important;
	width: 330px;
	z-index: 1;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0 7px;
	margin: 0;
}
.sbOptions a{
	border-bottom: dotted 1px #ddd;
	display: block;
	outline: none;
	padding: 13px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #bbb;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #EBB52D;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #ddd;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #ddd;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

/************************************************************************************
ANIMATED BG
*************************************************************************************/
.animated-bg a,
.animated-bg h2 {
	color: #fff;
	color: rgba(255,255,255,.6);
}
.animated-bg a:hover {
	color: rgba(255,255,255,1);
}

/************************************************************************************
ICON FONT
*************************************************************************************/
.who-use-list .theme-showcase .more-showcase span:after,
.pricing-box.popular-pricing .popular-text:before,
.showcase-list .has-testimonial figure:after,
#showcase-slider .carousel-nav-wrap a:before,
.section-slider .carousel-nav-wrap a:before,
.doc-section li.highlighted a:after,
.footer-social-links li a:before,
.list-icon i:before,
.arrow-list li a:before,
.builder-intro-play:before,
.tbp-tmp-list li .ti-check:before,
.fa-play:before,
.play-video:before,
.social h3:before,
.watch-video:before,
.watch-video:after,
.back-top a:before,
.back-top a:after,
#menu-icon,
#menu-icon-close:after,
#menu-icon:after,
.close,
.member-themes li a:before,
.sbSelector:after,
ul.cross li:before,
ul.check li:before,
.buy-inline-block .button:after,
#page-single-theme .buy-box h3:after,
.note .close:after,
.selectwrapper:before,
#searchform:before,
.lightbox .zoom,
.rss h3:before,
.facebook h3:before,
.click-tweet:before,
.twitter h3:before {
	font-family:'themify_me_icons';
}

/* click tweet */
.click-tweet {
	font-size: 1.1em;
	position: relative;
	padding-left: 30px;
	padding-top: 30px;
	display: inline-block;
}
.click-tweet:before {
	content: '\e80e'; /* ti-twitter-alt */
	font-size: 1.3em;
	margin: -30px 12px 0 -30px;
	display: block;
}
.click-tweet:after {
	content: "Click to tweet:";
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #666;
	position: absolute;
	top: 0;
	left: 30px;
}

/************************************************************************************
MAGNIFIC POPUP CSS
*************************************************************************************/
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.mfp-wrap {
	top: 0;
	left: 3%;
	width: 94%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #cccccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a {
	color: #cccccc;
}
.mfp-preloader a:hover {
	color: white;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close, button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}

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

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: white;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mfp-close:active {
	top: 1px;
}

.mfp-close-btn-in .mfp-close {
	color: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: white;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #cccccc;
	font-size: 12px;
	line-height: 18px;
}

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
	margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}

.mfp-arrow-left {
	left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
	border-right: 17px solid white;
	margin-left: 31px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
	right: 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
	border-left: 17px solid white;
	margin-left: 39px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
	border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 98%;
	max-width: 100%;
	height: 100%;
}
.mfp-iframe-holder .mfp-close {
	top: -40px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444444;
}
.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure {
	margin: 0;
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	/**
	* Remove all paddings around the image on small screen
	*/
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
}

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}
}

.mfp-ie7 .mfp-img {
	padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
	padding: 0;
}
.mfp-ie7 .mfp-content {
	padding-top: 44px;
}
.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}

/************************************************************************************
THEMIFY PARALLAX
*************************************************************************************/
#body, .animation-on .parallax-header {
	-webkit-backface-visibility: hidden;
}
.animation-on .parallax-header {
	position: fixed;
	width: 100%;
	top:100px;
}

/************************************************************************************
THEMIFY ANIMATION
*************************************************************************************/
/* transitions */
#body a,
#header,
input[type=reset],
input[type=submit],
.btn,
.button,
.box,
.box-content,
.box .share,
.box .count,
.back-top .arrow-up a,
.back-top .arrow-up span,
.doc-list.trim-list .show-more {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#main-nav li ul,
#main-nav > li:last-child:hover a,
a.play-video:before,
.circle-video .fa-play,
.showcase-list .post-content,
.list.product li a,
.list.product li a:before,
.doc-list.trim-list .show-more,
.doc-list.trim-list .show-more i,
.section-slider .pager span {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

/* Arrow animated */
.arrorw-animated .ti-arrow-up {
	-webkit-animation: arrowAnimation 1.5s linear infinite;
	-moz-animation: arrowAnimation 1.5s linear infinite;
	-o-animation: arrowAnimation 1.5s linear infinite;
	animation: arrowAnimation 1.5s linear infinite;
}

/* Hide element before animate */
.animation-on .fly-in li, .animation-on .fade-in li, .animation-on .slide-up li {
	opacity: 0;
}
/* FLY IN ANIMATION */
.animated li,
.col2-1.animated,
.col3-2.animated,
.col3-1.animated,
.col4-3.animated,
.col4-2.animated,
.col4-1.animated,
.col-full.animated {
	-webkit-backface-visibility: hidden;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/* element first */
.grid4.fly-in.animated li:nth-of-type(4n+1),
.grid3.fly-in.animated li:nth-of-type(3n+1),
.grid2.fly-in.animated li:nth-of-type(2n+1),
.grid2-thumb.fly-in.animated li:nth-of-type(2n+1),
.list-post.fly-in.animated li:nth-of-type(2n+1),
.col2-1.first.fly-in.animated,
.col3-2.first.fly-in.animated,
.col3-1.first.fly-in.animated,
.col4-3.first.fly-in.animated,
.col4-2.first.fly-in.animated,
.col4-1.first.fly-in.animated,
.col-full.animate-first.fly-in.animated {
	-webkit-animation-name: flyInLeft;
	animation-name: flyInLeft;
}

/* element last */
.grid4.fly-in.animated li:nth-of-type(4n+4),
.grid3.fly-in.animated li:nth-of-type(3n+3),
.grid2.fly-in.animated li:nth-of-type(2n+2),
.grid2-thumb.fly-in.animated li:nth-of-type(2n+2),
.list-post.fly-in.animated li:nth-of-type(2n+2),
.col2-1.last.fly-in.animated,
.col3-2.last.fly-in.animated,
.col3-1.last.fly-in.animated,
.col4-3.last.fly-in.animated,
.col4-2.last.fly-in.animated,
.col4-1.last.fly-in.animated,
.col-full.animate-last.fly-in.animated {
	-webkit-animation-name: flyInRight;
	animation-name: flyInRight;
}

/* element first second */
.grid4.fly-in.animated li:nth-of-type(4n+2),
.col4-1.second.fly-in.animated {
	-webkit-animation-name: flyInLeftSecond;
	animation-name: flyInLeftSecond;
}

/* element last second */
.grid4.fly-in.animated li:nth-of-type(4n+3),
.col4-1.third.fly-in.animated {
	-webkit-animation-name: flyInRightSecond;
	animation-name: flyInRightSecond;
}

/* element middle */
.grid3.fly-in.animated li:nth-of-type(3n+2),
.col3-1.second.fly-in.animated {
	-webkit-animation-name: flyInBottom;
	animation-name: flyInBottom;
}

/* Fade In Animation */
.fade-in.animated li.animate-up {
	-webkit-transition: opacity 0.5s ease-in;
	-moz-transition: opacity 0.5s ease-in;
	-o-transition: opacity 0.5s ease-in;
	opacity: 1;
}

/* Slide Up Animation */
.animation-on .slide-up li {
	-webkit-transform: translateY(88px);
	-moz-transform: translateY(88px);
	-o-transform: translateY(88px);
	-ms-transform: translateY(88px);
	transform: translateY(88px);
}
.slide-up.animated li.animate-up {
	-webkit-animation-name: flyInBottom;
	animation-name: flyInBottom;
}

@-webkit-keyframes flyInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate(-400px, 200px);
		-ms-transform: translate(-400px, 200px);
		transform: translate(-400px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@keyframes flyInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate(-400px, 200px);
		-ms-transform: translate(-400px, 200px);
		transform: translate(-400px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@-webkit-keyframes flyInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate(400px, 200px);
		-ms-transform: translate(400px, 200px);
		transform: translate(400px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@keyframes flyInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate(400px, 200px);
		-ms-transform: translate(400px, 200px);
		transform: translate(400px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@-webkit-keyframes flyInLeftSecond {
	0% {
		opacity: 0;
		-webkit-transform: translate(-200px, 200px);
		-ms-transform: translate(-200px, 200px);
		transform: translate(-200px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@keyframes flyInLeftSecond {
	0% {
		opacity: 0;
		-webkit-transform: translate(-200px, 200px);
		-ms-transform: translate(-200px, 200px);
		transform: translate(-200px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@-webkit-keyframes flyInRightSecond {
	0% {
		opacity: 0;
		-webkit-transform: translate(200px, 200px);
		-ms-transform: translate(200px, 200px);
		transform: translate(200px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@keyframes flyInRightSecond {
	0% {
		opacity: 0;
		-webkit-transform: translate(200px, 200px);
		-ms-transform: translate(200px, 200px);
		transform: translate(200px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@-webkit-keyframes flyInBottom {
	0% {
		opacity: 0;
		-webkit-transform: translate(0px, 200px);
		-ms-transform: translate(0px, 200px);
		transform: translate(0px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@keyframes flyInBottom {
	0% {
		opacity: 0;
		-webkit-transform: translate(0px, 200px);
		-ms-transform: translate(0px, 200px);
		transform: translate(0px, 200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

/* arrow animation */
@keyframes arrowAnimation {
	50% {
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}
@-webkit-keyframes arrowAnimation {
	50% {
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}

/* Sidebar
=================================== */
.sidebar-nav {
	padding: 5px 0 40px;
	margin: 0;
}
.sidebar-nav li {
	list-style: none;
	padding: .6em 0;
	margin: 0;
	border-bottom: 1px #eee solid;
}

/* Media Queries
=================================== */
@media screen and (max-width: 960px) {

	#forumlist .column_topics,
	#forumlist .num:nth-child(2),
	#latest .column_posts {
		display: none;
	}

	#forumlist .column_posts,
	#forumlist .num {
		text-align: right;
		width: 30%;
	}
	#forumlist td {
		width: 70%;
	}

	#latest .num:nth-child(2) {
		display: none;
	}

	/* single thread */
	#topic-info {
		width: 100%;
	}
	#topic-tags {
		width: 100%;
		padding: 0;
		border: none;
	}

}

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

	#forumlist .column_topics,
	#forumlist .column_posts,
	#forumlist .num:nth-child(2),
	#forumlist small,
	#latest .column_posts,
	#latest .column_by,
	#latest .column_time,
	#latest .num:nth-child(2) {
		display:none
	}

	#forumlist tr:nth-child(2) td {
		border-top: solid 1px #eee;
	}

	#forumlist .num {
		text-align: right;
	}

	#forumlist .column_forums {
		border: none;
	}

	#latest .column_topics {
		display: block;
		width: 100%;
		padding: 3px 0;
		border: none;
	}

	#latest tr {
		display: block;
		padding: 10px 0;
		border-top: solid 1px #eee;
	}
	#latest tr:first-child {
		border: none;
	}

	#latest td {
		display: block;
		width: 100%;
		padding: 2px 0;
		border: none;
		line-height: 1em;
	}
	#latest td a {
		line-height: 1.5em;
	}

	#latest .num {
		display: inline-block;
		width: auto !important;
		border: none;
	}
	#latest .num:nth-child(4) {
		float: right;
		font-size: .8em;
		padding-top: 10px;
	}
	#latest .num:nth-child(4) a {
		color: #aaa;
	}
	#latest .num a {
		line-height: 1em;
	}

}

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

	.threadauthor {
		float: none;
		width: 100%;
		text-align: left;
		font-size: .875em;
		line-height: 1.7em;
		overflow: hidden;
		margin-bottom: 15px;
	}
	.threadauthor img {
		float: left;
		margin: 0 15px 0 0;
	}

	.threadpost {
		margin-left: 0;
		font-size: .9em;
	}
}

/* profile links */
.profile-links ul {
	list-style: none;
	margin-left: 0;
}
.profile-links a {
	display: block;
	padding: 5px 0 5px 10px;
}
.profile-links a:hover {
	background: #eee;
	border-radius: 5px;
}

/* stripe button */
.stripe-button-el{
	float:right;
}

/* known issue lightbox */
.in-lightbox #headerwrap,
.in-lightbox #footerwrap,
.in-lightbox #sidebar,
.in-lightbox .promo-bar-wrap,
.in-lightbox .page-title,
.in-lightbox .post-date,
.in-lightbox .post-meta,
.in-lightbox .social-shortcode {
	display: none !important;
}
.in-lightbox #pagewrap {
	padding-top: 0 !important;
}
.in-lightbox #content {
	margin-top: 0 !important;
	min-height: inherit !important;
	padding: 0 2em;
}
.admin-bar.in-lightbox #content {
	padding-top: 3em;
}
body.bbpress .mfp-wrap {
	max-width: 860px;
	margin: auto;
	left: 50%;
	top: 5%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	max-height: 90%;
}

/* know issues sidebar links */
.widget_known_issues li {
	position: relative;
	padding: 0;
	margin: 0 0 .6em;
	list-style: square;
}
.widget_known_issues li.resolved {
	list-style: none;
}
.widget_known_issues li.resolved:before {
	content: '\e812'; /* fa-ok-icon */
	font-family:'themify_me_icons';
	color: #00CC2C;
	position: absolute;
	left: -20px;
}
.widget_known_issues li .lightbox {
	display: inline; /* reset a.lightbox */
}

/* known issues single post */
.single-known_issues .post-title {
	margin: 0 0 .5em;
	color: #000;
	font-size: 1.5em;
}
.single-known_issues .post-title.resolved:before {
	content: '\e812'; /* fa-ok-icon */
	font-family:'themify_me_icons';
	color: #00CC2C;
	margin-right: 10px;
}
.logged-date {
	color: #999;
	margin: 0 0 1.4em;
	padding: 0 0 1.4em;
	border-bottom: solid 1px #ddd;
}

/* featured-theme-section */
.featured-theme-section {
	border-bottom: 3px solid #F2F2F2;
	margin-bottom: 3.45em;
	padding-bottom: 3.275em;
}

.featured-theme-section .col2-1 {
	margin-left: 7.3%;
	width: 40.2%;
}
.featured-theme-section .col2-1.first {
	width: 52.5%;
}

.featured-theme-title {
	margin-top: 0.3em;
	margin-bottom: .2em;
	font-size: 2.5em;
	letter-spacing: -.03em;
}
.featured-theme-description {
	font-size: 1.1em;
    font-weight: 300;
    line-height: 1.75em;
	letter-spacing: .015em;
	max-width: 330px;
	margin-left: 6px;
	margin-bottom: 1.7em;
}

.no-overflow {
	overflow: hidden;
}

/* Builder lite premium comparison table */
.comparison-table {
	text-align: center;
	max-width: 775px;
	margin: 0 auto 40px;
	color: #000;
	table-layout: fixed;
}
.comparison-table th {
	border: none;
	font-size: 18px;
	text-align: center;
	text-transform: none;
	padding: 18px 0 14px;
	letter-spacing: -0.5px;
}
.comparison-table td {
	border-bottom: 1px solid rgba(0,0,0,.1);
	font-size: 17px;
	line-height: normal;
	letter-spacing: -0.5px;
	padding: 15px 0 17px;
	width: 39.25%;
	-webkit-transition: padding .3s linear;
	-moz-transition: padding .3s linear;
	transition: padding .3s linear;
}
.comparison-table .ti-check {
	color: inherit;
	float: none;
	margin: 0;
	padding: 0;
	border: none;
}
.comparison-table td:first-child {
	text-align: left;
	width: 21.5%;
	position: relative;
}
.comparison-table tr:last-child td {
	border-bottom: none;
}
.comparison-table td:first-child:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 0;
	background-color: #f3f3f3;
	z-index: -1;
	-webkit-transition: width .3s linear;
	-moz-transition: width .3s linear;
	transition: width .3s linear;
}
.comparison-table tr:hover td:first-child:before {
	width: 100%;
}
.comparison-table tr:hover td:first-child {
	padding-left: 3%;
}
.comparison-table th:nth-of-type(2) {
	background-color: #e2e2e2;
}
.comparison-table th:nth-of-type(3) {
	background-color: #8969f1;
	color: #fff;
}
.comparison-table td:nth-of-type(2) {
	background-color: #f3f3f3;
}
.comparison-table td:nth-of-type(3) {
	background-color: #e6defd;
}

@media screen and (max-width:1000px) {
	.featured-theme-section .col2-1,
	.featured-theme-section .col2-1.first {
		margin-left: 4.2%;
		width: 47.89%;
	}
}
@media screen and (max-width:820px) {
	.featured-theme-section {
		text-align:center;
	}
	.featured-theme-content,
	.featured-theme-description {
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width:680px) {
	.section-slider .carousel-nav-wrap {
		bottom: 35%;
	}
	.comparison-table th {
		font-size: 15px;
	}
	.comparison-table td {
		font-size: 14px;
	}
	.comparison-table tr:hover td:first-child {
		padding-left: 1%;
	}
}
@media screen and (max-width:480px) {
	.section-slider h2 {
		font-size: 1em;
		line-height: 1.5em;
		min-height: 0;
		margin-bottom: 1em;
	}

	.section-slider .slider-image {
		margin: 0 1em;
	}

	.section-slider .carousel-nav-wrap {
		bottom: -5px;
	}
	.section-slider .carousel-nav-wrap a {
		width: 1em;
		height: 1em;
		font-size: 2em;
	}
	.section-slider .carousel-prev {
		left: .75em;
	}
	.section-slider .carousel-next {
		right: .75em;
	}

	.section-slider .pager {
		margin-top: 8px;
	}
}

/* themify.me/post-type-builder */
.page-id-69293 .buy-button .buy-inline-block:nth-child(1) .buy-options {
	right: 0;
	left: auto;
}

/* loader for Reply form in forum */
.alert {
	margin: -20px 0 0 -20px;
	width: 62px;
	height: 62px;
	background-color: #666;
	background-color: rgba(0,0,0,.6);
	border-radius: 50%;
	box-sizing: border-box;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 100001;
	line-height: 62px;
}
.alert:before {
	width: 80%;
	height: 80%;
	border: 5px solid transparent;
	border-top-color: #fff;
	border-radius: 50%;
	box-sizing: border-box;
	position: absolute;
	top: 10%;
	left: 10%;
	content: '';
	-webkit-animation: circle-loader 1.4s infinite linear;
	animation: circle-loader 1.4s infinite linear;
}
@-webkit-keyframes circle-loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes circle-loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


/* Homepage */
.page-id-541048 #body > .pagewidth {
	width: auto;
	max-width: 100%;
	padding: 0;
}
.video-play-btn:before,
.video-play-btn:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 40%;
	left: 50%;
	transition: transform .3s, margin .3s;
	transform: translate(-50%, -50%);
}
.video-play-btn:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 24px solid transparent;
	border-left-width: 38px;
	border-left-color: #fff;
	border-right-width: 0px;
	margin-left: 6px;
}
.video-play-btn:before {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #824eff;
	box-shadow: 0px 9px 19px 0px rgba(165,100,254,.2);
}
.video-play-btn:hover:before {
	box-shadow: 0px 18px 38px 0px rgba(165,100,254,.6);
}
.video-play-btn:hover:before,
.video-play-btn:hover:after {
	margin-top: -5px;
}
.video-play-btn,
.builder-intro .video-play-btn img {
	width: 100%;
	margin: 0;
}
.nh-club-title {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2.3em;
	letter-spacing: 0.075em;
}
.two-color {
	display: table;
	width: 100%;
}
.two-color .column {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	padding: 8% 5% 5%;
	box-sizing: border-box;
}
.club-feature-list {
	margin: 0;
	padding: 0;
}
.club-feature-list li {
	list-style: none;
	text-align: left;
	position: relative;
	margin: 0 0 1.5em;
	padding-left: 2.35em;
	line-height: 1.2em;
}
.club-feature-list li:before,
.club-feature-list li:after {
	content: "";
	background-color:#000;
	line-height:0;
	position:absolute;
	margin-top: 3px;
}
.club-feature-list li:before{
	width: 19px;
	height: 1px;
	left:0;
	top:9px;
}
.club-feature-list li:after {
	width: 1px;
	height: 19px;
	left:9px;
	top:0;
}
.club-feature-list h4 {
	font-weight: bold;
	font-size: 1.5em;
	margin: 0 0 0.15em;
	letter-spacing: normal;
	line-height: 1.1em;
}
.club-feature-list li p:last-child {
	margin: 0;
}
.highlight-products {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
}
.highlight-products .highlight-product-image,
.highlight-products .highlight-product-description {
	width: 50%;
	text-align: left;
	box-sizing: border-box;
}
.highlight-products .highlight-product-description {
	padding: 0 5%;
}
.highlight-products .highlight-product-image img {
	width: 100%;
}
.highlight-products h3 {
	font-size: 2.4em;
	font-weight: bold;
	color: #000;
	letter-spacing: -0.06em;
	margin: 0 0 .35em;
}
.highlight-products h3 a {
	color: #824eff;
}
.highlight-view-demo {
	color: #02bd5d;
	border: 3px solid;
	border-radius: 3px;
	display: inline-block;
	font-size: 0.9em;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0.06em;
	margin-top: 2px;
	padding: 0.55em 1.35em;
	text-transform: uppercase;
}
.signup-all-list {
	margin: 0 0 2.5em;
}
.signup-all-list li {
	list-style: none;
	margin: 0 0 0.7em;
	font-size: 1.25em;
}
.signup-all-list li a {
	color: rgba(0,0,0,0.7);
}
.nh-sb-arrow {
	margin-bottom: 33px;
	margin-top: -3em;
}
.riskfree {
	font-weight: 600;
	font-size: 1.2em;
}
.light-weight {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	text-transform: capitalize;
	letter-spacing: 0.01em;
	padding: .95em 1.7em .95em 1.9em;
	border-radius: 3px;
}

/* forum */
#bbpress-forums fieldset.bbp-form fieldset legend{
	padding-bottom:0
}

@media screen and (max-width: 820px) {
	.highlight-products h3 {
		font-size: 1.8em;
	}
	.nh-club-title {
		font-size: 1.8em;
	}
	.highlight-products {
		display: block;
	}
	.highlight-title {
		font-size: 2em;
	}
	.highlight-products .highlight-product-image,
	.highlight-products .highlight-product-description {
		width: auto;
		padding: 0;
	}
	.highlight-products .highlight-product-description {
		padding: 5% 8%;
	}
	.two-color {
		display: block;
		height: auto;
	}
	.two-color .column {
		width: 100%;
		display: block;
	}
	.video-play-btn:before {
		width: 90px;
		height: 90px;
	}
	.video-play-btn:after {
		border-width: 14px;
		border-left-width: 26px;
		border-right-width: 0;
		margin-left: 2px;
	}
}
@media screen and (min-width: 821px) {
	.highlight-products:nth-child(even) .highlight-product-description {
		order: -1;
		text-align: right;
	}
	.highlight-products:nth-child(odd) .highlight-product-image {
		padding-left: 0;
	}
	.highlight-products:nth-child(even) .highlight-product-image {
		padding-right: 0;
	}
	.highlight-products-list.addons .highlight-products:nth-child(odd) .highlight-product-description {
		order: -1;
		text-align: right;
	}
	.highlight-products-list.addons .highlight-products:nth-child(even) .highlight-product-description {
		order: 1;
		text-align: left;
	}
	.highlight-products-list.addons .highlight-products:nth-child(odd) .highlight-product-image {
		padding-left: 25px;
		padding-right: 0;
	}
	.highlight-products-list.addons .highlight-products:nth-child(even) .highlight-product-image {
		padding-left: 0;
		padding-right: 25px;
	}
	.two-color .column.first {
		position: relative;
		z-index: 1;
	}
	.two-color .column.first:before,
	.two-color .column.first:after {
		content: '';
		position: absolute;
		right: 0;
		height: 50%;
		width: 100%;
		background-color: inherit;
		z-index: -1;
		pointer-events: none;
	}
	.two-color .column.first:before {
		top: 0;
		transform: skewX(15deg);
		transform-origin: top left;
	}
	.two-color .column.first:after {
		bottom: 0;
		transform: skewX(-15deg);
		transform-origin: bottom right;
		height: 50.1%;
	}
	.club-feature-list {
		padding-left: 10%;
	}
}


/* Start of Builder Pro page */
.tbp-bg {
	background:url('https://themify.me/wp-content/uploads/2019/08/tbp-layout-bg.jpg');
	background-size: cover;
}
.tbp-bg,
.tbp-bg h1 {
	color: #fff;
}
.tbp-bg .pagewidth {
	padding-bottom: 0;
}
.tbp-intro {
	overflow: hidden;
	padding-top: 5em;
	margin-top: -3em;
}
.tbp-intro img {
	vertical-align: bottom;
	box-shadow: 0px 12px 84px 0px rgba(0, 0, 0, .6);
	border-radius: 15px 15px 0 0;
}
.tbp-bg a:not(.cta-button) {
	color: #ffea00;
}
/* cta button */
.cta-button {
	box-shadow: 0px 5px 9px 0px rgba(255, 168, 0, 0.61);
    border-radius: 50em;
    background-color: #ffea00;
    color: #000;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: .7em 1.8em;
    margin: 0 5px 5px 0;
}
.cta-button:hover {
	transform: translateY(-4px);
	box-shadow: 0px 7px 12px 4px rgba(255, 168, 0, 0.7);
}
.cta-button.large {
	font-size: 1.4em;
}
/* template list */
.tbp-tmp-list {
	font-size: 1.1em;
}
.tbp-tmp-list li .ti-check {
	background-color: rgba(0,0,0,.2);
	padding: 7px;
	margin: 0 15px 0 0;
	line-height:1;
}
.boxed-content.tbp-bg {
	max-width: 780px;
	padding: 5%;
	box-shadow: 0px 12px 30px 10px rgba(165,100,254,.2);
	border-radius: 15px;
	box-sizing: border-box;
}
.boxed-content.tbp-bg:hover {
	box-shadow: 0px 12px 40px 10px rgba(165,100,254,.3);
	transform: translateY(-3px);
	transition: transform .4s;
}
.boxed-content.tbp-bg  h1 {
	margin: 0 0 1em;
}
@media screen and (max-width: 820px) {
	.tbp-tmp-list.grid2 > li {
		width: 47.89% !important;
		float: left;
		margin: 0 0 15px 0 !important;
	}
}
/* End of Builder Pro page */

/* bonus builder addons styling */
.tf_bba li{
	text-align:left
}
.tf_bba img{
	vertical-align:middle;
	margin-right:15px;
}
@media screen and (max-width:820px) and (min-width:601px){
	.tf_bba li{
		text-align:center
	}
	.tf_bba img{
		display:block;
		vertical-align:middle;
		margin-right:auto;
		margin-left:auto;
	}
}
/* bonus builder addons styling */

.tf_pl_list span{
display:block
}

a.download-all {
    float: right;
    font-size: small;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 10%;
}