/*
Theme Name: purethemes
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: purethemes
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

purethemes is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/




/* ------------------------------------------------------------------- */
/* Import Section
---------------------------------------------------------------------- */
@import url("css/base.css");				/* Default Reset, Typography, Forms, etc. */
@import url("css/responsive.css");			/* Responsive Grid */
@import url("css/font-awesome.css");		/* Font Awesome Icons */
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,300");
@import url("https://fonts.googleapis.com/css?family=Varela+Round");

h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-weight: 400;
}

body { background: #222 !important; }
/* ------------------------------------------------------------------- */
/* Header
---------------------------------------------------------------------- */
#header {
	z-index: 999;
	background-color: #222;
	position: relative;
	height: 100px;
}

#header.with-background {
	height: 690px;
	/*background: url("images/background.jpg") no-repeat fixed;*/
	background: url("https://purethemes.net/wp-content/uploads/2017/07/bg3.jpg") no-repeat fixed;
	background-size: cover;
}

#header.with-background:before {
	content: "";
	display: inline-block;
	position: absolute;
	background: rgba(33,33,36,0.8);
	width: 100%;
	height: 100%;
}

#logo img {	margin-top: 34px; }


/* Social
––––––––––––––––––––––––––––––––––– */
.social-sticky {
    position: fixed;
    top: 179px;
    z-index: 9999;
    list-style: none;
}

.social-sticky li a {
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 52px;
    height: 52px;
    line-height: 52px;
    font-size: 21px;
    transition: all 0.1s;
    margin-bottom: 1px;
}

.social-sticky li a.fb { background-color: #3b5998;}
.social-sticky li a.fb:hover {background-color:#4465ab;}

.social-sticky li a i {
    position: relative;
    top: 0;
}

.social-sticky li a.tw { background-color: #55acee;}
.social-sticky li a.tw:hover {background-color:#5eb4f6;}


/* Intro
––––––––––––––––––––––––––––––––––– */
#intro {
	text-align: center;
	color: #fff;
	width: 550px;
	margin: 0 auto;
	margin-top: 140px;
}

#intro h2 {
	font-size: 48px;
	line-height: 60px;
	color: #fff;
	font-family:"Varela Round";
}

#intro p {
	color: #9f9f9f;
	font-size: 24px;
	line-height: 34px;
	margin-top: 22px;	font-family:"Varela Round";
}

#intro .button {
	margin-top: 20px;
}



/* Menu
––––––––––––––––––––––––––––––––––– */

#navigation {
	float: right;
	margin-top: 31px;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
}

#navigation ul li {
	display: inline-block;
	margin-left: 5px;
}

#navigation ul li a {
	display: block;
	color: #fff;
	padding: 10px 15px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	font-size: 13px;
	letter-spacing: 0.5px;line-height: 17px;
}

#current,
.current_page_item,
#navigation ul li a:hover {
	background-color: #0060ff;
}
/* Sub Menu
––––––––––––––––––––––––––––––––––– */
#navigation ul li {
	position: relative;
}

#navigation ul ul {
	position: absolute;
	right: 0;
	opacity: 0;
	visibility: hidden;
	background-color: #fff;
	color: #333;
	box-shadow: 0 0 12px rgba(0,0,0,0.1);
	width: 200px;
	padding: 16px 0;
	margin: 10px 0 0 0;
	transition: 0.3s;
}

#navigation ul li:hover ul {
	opacity: 1;
	visibility: visible;
}

#navigation ul ul:before {
	content: '';
	display: block;
	position: absolute;
	top: -4px;
	right: 20px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #fff;
	border-bottom-color: #fff;
	border-top: 0;
	z-index: 12;
}

#navigation ul ul:after {
	height: 10px;
	background-color: transparent;
	content: "";
	position: absolute;
	top: -10px;
	z-index: 9;
	display: block;
	width: 100%;
}

#navigation ul ul li {
	display: block;
	padding: 0;
	margin: 0;
}

#navigation ul ul li a {
	text-transform: none;
	letter-spacing: 0;
	display: block;
	color: #777;
	background-color: #fff !important;;
	font-weight: 500 !important;
	font-family: "Montserrat";
	font-size: 14px;
	padding: 6px 20px;
	transition: 0.3s;
}

#navigation ul ul li a:hover {
	background-color: #fff;
	color: #333;
}

#navigation ul li:hover a {
	background-color: #0060ff;
}


nav#nav-mobile .sub-menu.expanded:before { display: none; }
nav#nav-mobile .sub-menu.expanded { top: 0; position: relative; border-top: none; padding-bottom: 10px;}
nav#nav-mobile .sub-menu.expanded li { padding: 0; border: none; }
nav#nav-mobile .sub-menu.expanded li a { padding: 0; padding-bottom: 10px;border: none; }

/* Mobile Navigation */
nav#nav-mobile {
	position: relative;
	display: none;
}

nav#nav-mobile .current_page_item,
nav#nav-mobile #current { background-color: #242424; }

nav#nav-mobile ul {
	visibility: hidden;
	opacity: 0;
	list-style-type: none;
	position: absolute;
	left: 0;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	top: 35px;
	border-top: 2px solid #0060ff;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
}

nav#nav-mobile ul.expanded {
	display: inline-block;
	visibility: visible;
	opacity: 1;
}

nav#nav-mobile ul.expanded:before {
	content: "";
	font-family: "FontAwesome";
	position: absolute;
	right:47px;
	font-size: 32px;
	top: -19px;
	color: #0060ff;
	z-index: 90;
	display: inline-block;
}

nav#nav-mobile li {
	display: block;
	margin: 0;
	border-bottom: solid 1px #333;
	background-color: #242424;
	z-index: 99;
	position: relative;
}

nav#nav-mobile li:last-child {
	border-bottom: none;
}

nav#nav-mobile a {
	display: block;
	color: #fff;
	padding: 15px 30px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	z-index: 99;
	position: relative;
}

nav#nav-mobile a:hover {
	background-color: #282828;
	color: #fff;
}

nav#nav-mobile .current_page_item:hover,
nav#nav-mobile #current:hover { background-color: #282828;}

#nav-trigger {
	position: absolute;
	display: none;
	top: 27px;
	right: 0px;
}

#nav-trigger span {
	display: inline-block;
	padding: 9px 18px;
	background-color: #0060ff;
	color: white;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#nav-trigger span:after {
	content: "Menu";
}

#nav-trigger span:before {
	content: "";
	font-family: "FontAwesome";
	font-size: 18px;
	font-weight: 500;
	position: relative;
	top: 1px;
	margin-right: 8px;
	width: 15px;
	display: inline-block;
}

#nav-trigger span.open,
#nav-trigger span:hover {
	background-color: #fff;
	color: #333;
}

#nav-trigger span.open:before {
	content: "";
	top: 0;
	padding: 0;
}

.wp-pagenavi .current, .page-numbers.current, .current-page {
    background-color: #808080;
    display: block;
    padding: 9px 14px;
    border: 0px;
    color: #fff;
    font-weight: 700;
}

.nav-links {
	overflow: hidden;
	margin-bottom: 40px;
	margin-top: 40px;
}

.nav-links .nav-next a,
.nav-links .nav-previous a{
	padding: 9px 14px;
	border-bottom: none;
	display: block;
	color: #fff;
	background-color: #c0c0c0;
	font-weight: 700;
	margin: 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.nav-links .nav-previous {
	float: left;
}
.nav-links .nav-next {
    float: right;
    margin-right: 20px;
}

.nav-links a {
	display: block;
	color: #fff;
	word-break: break-word;
}


/* ------------------------------------------------------------------- */
/* Miscellaneous
---------------------------------------------------------------------- */
input[type="button"],
input[type="submit"],
button,
a.button {
	cursor: pointer;
	padding: 13px 16px 13px 16px;
	line-height: 22px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	outline: none;
	overflow: hidden;
	position: relative;
	z-index: 10;
	color: #fff;
	background-color: #0060ff;
	border: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* Intro Button */
#intro a.button {
	font-size: 14px;
	letter-spacing: 0.5px;
	padding: 14px 22px;
}

#intro a.button:hover {
	background-color: #fff;
	color: #333;
}


a.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover { background-color: #333; }



/* Titlebar
------------------------------------- */
#titlebar {
	background-color: #f8f8f8;
	width: 100%;
	display: inline-block;
	padding: 70px 0;
}

#titlebar h2 {
	font-size: 30px;
	font-weight: 600;
	line-height: 38px;
}

#titlebar span {
	font-size: 20px;
	color: #808080;
	margin-top: 5px;
	display: inline-block;
}




/* Social Icons
------------------------------------- */
ul.social { margin-top: 20px; position: relative; margin-top: 25px !important;}

.social li a {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: inline-block;
	float: left;
	margin-right: 7px;
	text-align: center;
	font-size: 19px;
	margin-bottom: 10px;
}

.social li:last-child a { margin: 0; }

.social .facebook a { background-color: #3b5998; }
.social .twitter a { background-color: #55acee; }

.social a:before {
	font-family: "FontAwesome";
	color: #fff;
	top: 50%;
	position: relative;
	display: inline-block;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.social .facebook a:before { content:""; }
.social .twitter a:before { content:""; font-size: 20px; }
.social .envato a { background: url("images/envato.png") no-repeat 50%; background-color: #82b541; background-size: 17px 19px }




/* ------------------------------------------------------------------- */
/* Themes List
---------------------------------------------------------------------- */
.themes-list a img,
.themes-list a:before,
.themes-list a.unclickable img,
.option-set li a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/* Filtering Styles*/
.themes-list a.unclickable img {
	cursor: default;
	opacity: 0;
	z-index: 10;
	position: relative;
/*     -webkit-filter: grayscale(100%);
filter: grayscale(100%); */
}

.themes-list a:before {
	content:"";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: #f6f6f6;
	z-index: 1;
}

.themes-list a img {
	opacity: 1;
	z-index: 10;
	position: relative;
}

.themes-list a.unclickable:hover .price,
.themes-list a.unclickable:hover .overlay {
	visibility: hidden;
	opacity: 0;
}

.option-set { margin: 65px 0 40px 0; }

.option-set li {
	display: inline-block;
}

.option-set li a {
	color: #333;
	font-weight: 600;
	text-transform: uppercase;
    padding: 9px 14px;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.option-set li a:hover {
	color: #fff;
	background-color: #333;
}

.option-set li a.selected {
	color: #fff;
	background-color: #0060ff;
}



/* Theme List Styles */
.themes-list h3 {
    margin-bottom: 35px;
    margin-top: 20px;
    color: #fff;
    font-weight: 500;
    text-align: center;
}

.themes-list a {
	position: relative;
	overflow: hidden;
	display: block;
	margin-bottom: 9.8%;
}

.themes-list a .price,
.themes-list a .overlay {
	visibility: hidden;
	opacity: 0;
	z-index: 20;
	position: absolute;
}

.themes-list a .overlay,
.themes-list a .price,
.themes-list a:hover .overlay,
.themes-list a:hover .price {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}


.themes-list a:hover .price,
.themes-list a .overlay-content {
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}



/* Overlay background */
.themes-list a .overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0,96,255,0.9);
	z-index: 20;
}

.themes-list a:hover .overlay {
	visibility: visible;
	opacity: 1;
}


/* Price Tag */
.themes-list a .price {
	top: 0;
	right: 0;
	font-weight: 600;
	background-color: #282828;
	color: #fff;
	padding: 5px 12px;
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.themes-list a:hover .price {
	visibility: visible;
	opacity: 1;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}


/* Overlay content */
.themes-list a .overlay-content {
	text-align: center;
	top: 50%;
	position: relative;
	left:0;
	right: 0;
	color: #fff;
    -ms-transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    opacity: 0;
}

.themes-list a:hover .overlay-content {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;

}

.themes-list a .overlay-content h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
}

.themes-list a .overlay-content span { opacity: 0.8; margin-top: 3px; display: inline-block}


/* Features Section
––––––––––––––––––––––––––––––––––– */
#features-bg {
	background-color: #f8f8f8;
	display: inline-block;
	width: 100%;
	margin: 50px 0 40px 0;
	padding: 80px 0;
}

.feature-container {
	text-align: center;
}

.features-container-line {
	border-bottom: 1px solid #e0e0e0;
	padding: 15px 0px 42px;
	margin-bottom: 48px;
}

.feature-container.alt {
	text-align: left;
	margin-top: 30px;
	padding-right: 30px;
}

.feature-icon {
	background-color: #0060ff;
	width: 76px;
	height: 76px;
	display: inline-block;
	font-size: 32px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	margin: 0 0 10px 0;
	transition: 0.3s;
}

.feature-container:hover .feature-icon { transform: scale(1.1); }

.feature-container.alt .feature-icon {
	float: left;
	width: 56px;
	height: 56px;
	font-size: 22px;
}

.feature-container.alt .feature-icon i {
	top: 42%;
	position: relative;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.feature-icon i {
	top: 50%;
	position: relative;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.feature-container.alt .feature-desc { margin-left: 82px; }

.feature-container.alt  .feature-desc h3 { font-size: 18px; line-height: 29px; margin: 8px 0; }
.feature-container.alt  .feature-desc p { font-size: 16px; line-height: 27px; }


.feature-desc h3 {
	font-size: 20px;
	line-height: 30px;
	margin: 12px 0;
}

.feature-desc p {
	font-size: 18px;
	line-height: 29px;
	color: #777;
	margin: 0;padding: 0 10px;
}



/* Reviews
––––––––––––––––––––––––––––––––––– */
.container.reviews {
	max-width: 1200px;
	right: -0.5%;
}

.isotope-reviews {
	position: relative;
}

.review {
	background-color: #f6f6f6;
	padding: 32px;
	width: 23%;
	margin: 0 2% 2% 0;
	box-sizing: border-box;
}

.review .stars { display: block; }

.review .stars:before {
	content: "";
	display: inline-block;
	font-family: "FontAwesome";
	letter-spacing: 4px;
	font-size: 18px;
	color: #fec500;
}

.review .name { color: #333; }
.review p {
	color: #777;
	margin: 10px 0 0 0;
}

.reviews h3 {margin-bottom: 40px;
margin-top: 20px; }



/* ------------------------------------------------------------------- */
/* Footer
---------------------------------------------------------------------- */
#footer {
	background-color: #222;
	color: #999;
	padding: 0;
	margin-top: 35px;
}

#footer h4 {
	color: #fff;
	font-weight: 500;
	margin-bottom: 18px;
	line-height: 24px;
}

#footer p { margin:0; float: left; margin-top: 10px; }
body #footer ul.social { float: right; margin-top: 0 !important; }
#footer .social li {
    display: inline-block;
    transform: scale(0.85);
    width: 42px;
    height: 40px; }

/* Copyrights */
.copyrights {
	padding: 25px 0;
}

.copyrights strong { color: #fff; }

.footer-about p {
	padding-right: 5px;
}


/* Newsletter
------------------------------------- */
p.newsletter-desc {
	line-height: 26px;
	margin-bottom: 25px !important;
}

.newsletter-btn {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	float: right;
	z-index: 5;
	position: relative;
	padding: 16px 15px;
	line-height: 18px;
	margin: 0;
	height: 49px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: #00aeff;
	border: none;
	color: #fff;
	box-shadow: none;
}
input.newsletter-btn:hover,
.newsletter-btn:hover { background-color: #fff; color: #333; }

input.newsletter {
	float: left;
	color: #808080;
	font-weight: 600;
	z-index: 1;
	position: relative;
	font-size: 15px;
	width: 85%;
	margin-top: -49px;
	padding: 13px 18px 14px 18px;
	line-height: 18px;
	height: 20px;
	background-color: #2f2f2f;
	border: 1px solid #404040;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

input.newsletter::-webkit-input-placeholder { color: #999; }
input.newsletter:-moz-placeholder 			{ color: #999; }
input.newsletter::-moz-placeholder 			{ color: #999; }
input.newsletter:-ms-input-placeholder 		{ color: #999; }

input:focus.newsletter {
	border-color: #444;
	color: #999;
}



/* ------------------------------------------------------------------- */
/* Theme Page
---------------------------------------------------------------------- */
#theme-top-desc {
	background-color: #222;
	color: #a0a0a0;
	position: relative;
	padding: 0;
}

#theme-top-desc p {
	font-size: 18px;
	line-height: 29px;
	margin: 14px 0 30px 0;
}

#theme-top-desc h2 {
	color: #fff;
	font-size: 32px;
	line-height: 48px;
}

.theme-top-content {
	margin-top: 50px;
	padding-left: 25px;
}

.browser-window {
	float: left;
	height: 100%;
	display: inline-block;
	background: url("images/browser_window.png") no-repeat;
	background-size: 100%;
	position: relative;
	z-index: 99;
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}

.browser-window img { width: 100%; }

.browser-window img.imac-image {
	position: absolute;
	top: 10%;
	width: 100%;
	height: auto;
}

/* Buttons */
#theme-top-desc .button {
	margin: 0 5px 0 0;
	font-size: 15px;
	text-transform: none;
}

#theme-top-desc .button.live-demo {
	color: #333;
	background-color: #fff;
}

#theme-top-desc .button.live-demo:hover {
	background-color: #e9e9e9;
}

#theme-top-desc .button.buy-now:hover {
	color: #fff;
	background-color: #009ae4;

}

#theme-top-desc .button.buy-now {
	padding-right: 68px;
	overflow: hidden;
}

#theme-top-desc .button.buy-now span {
	position: absolute;
	top:0;
	right:0;
	margin-left: 16px;
	padding: 13px 11px;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
}

.theme-description-container {
	padding-right: 20px;
}

.theme-description-container ul {
	margin-top: 35px;
}

.theme-description-container ul ul {
	margin-top: 0px;
margin-bottom: 15px;
}

.theme-description-container ul li {
	line-height: 25px;
    color: #666 !important;
    margin-top: 12px !important;
}

.theme-description-container h3 { margin-bottom: 20px }


/* Theme Details
------------------------------------- */
.theme-details {
	background-color: #f6f6f6;
	padding: 30px;
	padding-bottom: 34px;
	margin-bottom: 25px;
}

.theme-description-container ul li,
.theme-details ul li {
	font-weight: 600;
	color: #333;
	margin-top: 20px;
	position: relative;
	margin-left: 19px;
}
.theme-description-container ul li {
	font-weight: normal;
}
.theme-description-container ul li:before,
.theme-details ul li:before {
	content: "■";
	color: #00aeff;
	font-size:13px;
	position: absolute;
	top: 3px;
	left: -19px;
}

.theme-description-container ul li:first-child,
.theme-details ul li:first-child {
	margin-top: 12px;
}

.theme-details ul li span {
	font-weight: 500;
	color: #666;
	display: block;
	margin-top: 4px;
}


/* Theme Details Links */
.theme-details.links ul li {
	margin-top: 9px;
	font-weight: 500;
	margin-left: 15px;
}
.theme-details.links ul li:first-child {
	margin-top: 12px;
}

.theme-details.links ul li a {
	color: #666;
}

.theme-details.links ul li a:hover {
	color: #00aeff;
}

.theme-details.links ul li:before {
	content: "";
	font-family: "FontAwesome";
	font-size: 16px;
	top: 0;
	left: -15px;
}

ul { 
   list-style-type: disc; 
   list-style-position: inside; 
}
ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}

.theme-description-container ul,

.theme-details ul,
.kb-tax .widget-box ul.article-list,
ul.social {
	margin: 0px;
	list-style: none;
}

/* ------------------------------------------------------------------- */
/* Blog Styles
---------------------------------------------------------------------- */
.post-container {
	padding-right: 20px;
	margin-top: 50px;
}

.post-content {
	background-color: #f8f8f8;
	padding: 36px 45px 37px 45px;
}

.post-content h3 {
	line-height: 38px;
	font-size: 26px;
}

.post-content a h3 {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.post-content a:hover h3 {
	color: #666;
}

.post-content span {
	color: #888;
	position: relative;
	top: -1px;
}
.post-content span.author {
	top:0px;
}

.post-content span a {
	color: #888;
}

.post-content span a:hover {
	color: #0060ff;
}

.post-content p {
	margin-top: 15px;
}

.post-content a.button {
	margin-top: 15px;
}

a.post-img {
	overflow: hidden;
	display: block;
	position: relative;
}

a.post-img img { width: 100%; }

a.post-img:before {
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0;
    position: absolute;
    display: block;
    z-index: 99;
    content: "";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a.post-img:hover:before {
	opacity: 0.12;
}



/* Widgets
------------------------------------- */
.widget { margin-top: 45px; }

.widget h3 {
	margin-bottom: 13px;
	font-size: 22px;
	line-height: 32px;
}

.widget-box.search {
	padding: 16px;
}

.widget-box {
	background-color: #f8f8f8;
	padding:50px;
}


/* Search Widget */
.widget-box select,
.widget-box input {
	width: 100%;
	box-sizing: border-box;
	border-color: #e6e6e6;
}

.input { position: relative; }

.widget-box .input:before {
	content:"";
	font-size: 18px;
	color: #a0a0a0;
	position: absolute;
	display: inline-block;
	font-family: "FontAwesome";
	right: 17px;
	top: 10px;

}

/* Need support widget */
.widget .button.widget-btn {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	margin-top: 5px;
}

/* Social Widget */
.widget .social li a {
	transform:scale(1.15);
	-webkit-transform:scale(1.15); 
	-moz-transform:scale(1.15);
	-o-transform:scale(1.15);
	margin-right: 12px;
}

.widget .social .facebook a:before { left: -1px; }

/* Pagination
------------------------------------- */
.pagination-container {
	position: relative;
	margin-top: 40px;
}


.paging ul {
	position: relative;
}
.paging ul .nextpostslink {
	top:4px;
	right: 20px;
	position: absolute;
}
.paging ul .previouspostslink {
	top:4px;
	left: 0px;
	position: absolute;
}
.pagination {
	margin: 0;
	text-align: center;
	font-size: 14px;
}

.pagination-next-prev {
	position: relative;
	top: -36px;
}

.pagination ul li {
	display: inline-block;
	margin: 0;
	margin-right: 4px;
	padding: 0;
}

.pagination ul li a,
.pagination-next-prev ul li a {
	padding: 10px 0;
	text-align: center;
	width: 38px;
	height: 38px;
	box-sizing: border-box;
	border-bottom: none;
	display: inline-block;
	color: #333;
	background-color: #f8f8f8;
	font-weight: 600;
	margin:0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.current-page { background-color: #0060ff !important; color: #fff !important; }

.products .pagination ul li a,
.products .pagination-next-prev ul li a {
	background-color: #f8f8f8;
}

.pagination .current,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover {
	background-color: #0060ff;
	color: #fff;
}

.pagination-next-prev a.next { float: right; margin: 0 20px 0 0; }
.pagination-next-prev a.prev { float: left; margin: 0 0 0 0px; }

.pagination-next-prev ul li a { 
	width: 38px;
	height: 38px;
	padding:0;
	text-align: center;
}

.pagination-next-prev .prev:before,
.pagination-next-prev .next:before {
	font-family: "FontAwesome";
	font-size: 13px;
	position: relative;
	display: block;
	line-height: 19px;
}

.pagination-next-prev .next:before { content: ""; margin: 10px 0 0 2px; }
.pagination-next-prev .prev:before { content: ""; margin: 10px 2px 0 0; }



/* ------------------------------------------------------------------- */
/* Support / Contact Boxes
---------------------------------------------------------------------- */
.widget.support-page .widget-box {
	padding: 55px;
}

.widget.support-page.padding-1 {
	padding-right: 10px;
}
.widget.support-page.padding-3 {
	padding-right: 20px;
}

.widget.support-page.padding-2 {
	padding-left: 10px;
}

.widget.alt { margin-top: 50px; }


.widget.support-page {
	margin: 50px 0 60px 0;
}

.widget.support-page p { 
	display: inline-block;
	margin: 5px 0 10px 0;
}

.widget.support-page .button { margin-top: 25px; margin-left: 13%; margin-right: 15px }

.widget.support-page .button:hover {
		background-color: #282828;
	color: #fff;
}

.widget.support-page .button.disabled,
.widget.support-page .button.disabled:hover {
	background-color: #999;
}

.widget.support-page .button.disabled.sent,
.widget.support-page .button.disabled.sent:hover {
	background-color: #82bf38;
}

.widget.support-page input {
	margin-top: 20px;
}
.widget.support-page p.waiting {
	display: none;
	    margin-left: 13%;
	    margin-top: 25px;
	    font-weight: bold;
}

.widget.support-page p strong { color: #444; }

.widget.support-page textarea {

	max-width: 100%;
	box-sizing: border-box;
	min-height: 200px;
	margin-top: 20px;
}

.widget.support-page input.code {
	margin-top: 6px;
}

.widget.support-page a.how-to-get-code {
	margin-top: 20px;
	display: inline-block;
}

.login-box {
	text-align: center;	
	width: 50%;
    margin: 65px auto 40px;
}
 

/* ------------------------------------------------------------------- */
/* Media Queries
---------------------------------------------------------------------- */

/* Standard 1180 (devices and browsers) */
@media only screen and (min-width: 1200px){

}


/* Smaller than standard 1180 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1289px) {

	.theme-top-content {
	    margin-top: 0px;
	}
	
	#header.with-background { height: 620px; }
	#intro { margin-top: 120px; }

}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 990px) {
	
	.theme-top-content {
	    margin-top: 0px;
	    margin-bottom: 50px;
	}

	.browser-window { border-radius: 3px; }

	.login-box {
		width: 80%
	}
	
	#header.with-background { height: 560px; }
	#intro { margin-top: 87px; }
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	#header.with-background {
		height: 580px;
		background: url("images/background.jpg") no-repeat fixed 50% 0;
	}
	.login-box {
		width: 100%
	}
	#intro {
		text-align: center;
		color: #fff;
		width: auto;
		margin: 0 auto;
		margin-top: 80px;
	}

	#intro h2 {
		font-size: 40px;
		line-height: 52px;
	}

	nav#nav-mobile,
  	#nav-trigger { display: block; }
  	nav#navigation { display: none; }

	.feature-container { margin-bottom: 50px; }
	#features-bg { padding: 45px 0 0 0;}
	.review{ width: 100%;}

	#footer h4 {margin-top: 30px;}
	#footer { padding-top: 20px; }
	.copyrights { margin-top: 50px !important; }

	.option-set li a {
	    display: block;
	    margin-top: 5px;
	}

	.option-set {  margin: 45px 0px 40px; }

	#titlebar span { margin-top: 7px; }

	.post-container { padding-right: 0px; }
	.pagination-next-prev a.next { margin: 0; }
	.widget.support-page.padding-1,
	.widget.support-page.padding-2,
	.widget.support-page.padding-3 { padding:0; }

	.widget.support-page .widget-box { padding:  40px 50px; }
	.widget.support-page {
	    margin: 30px 0px 20px;
	}

	.widget.alt {  margin: 30px 0; }
	.theme-description-container {  padding-right: 0; }
	.feature-container.alt { margin-bottom: 0 }

	.browser-window { border-radius: 3px; }
	.theme-top-content {
	    margin-top: 40px;
	    padding-left: 0;
	    padding-bottom: 50px;
	}
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	#nav-trigger span { padding: 9px 16px; }
	#nav-trigger span:after { content: ""; }
	#nav-trigger span:before { margin: 0; }
	nav#nav-mobile ul.expanded:before { right: 15px; }
	#logo img { width: 58%; margin-top: 37px;}


}


#supportForm label {
   width: 10%;
   float: left;
   margin-top: 30px;
   font-weight: 600;
   text-align: right;
   margin-right: 30px;
   color: #808080;
}
#supportForm option,
#supportForm select {
	cursor: pointer;
  padding: 8px 12px;
}

#supportForm option {
	cursor: pointer;
	padding: 5px;
}
#supportForm select,
#supportForm textarea,
#supportForm input {
	width: 80%;
	margin-top: 20px;
}

#supportForm div {
	overflow: hidden;
}
.success-thanks {
display: none;
}
.success-thanks .widget-box {
   background: #82BF38;
   color: rgba(255,255,255,0.7);
}

.success-thanks h4{
	color:#fff;
	font-size:22px;
}

.widget.support-page.success-thanks p {
	margin:0px;
}
.widget.support-page.success-thanks {
	margin-bottom: 60px;
}

a.envato_login_btn,
a.envato_login_btn:visited 	{
	display: inline-block;
	
	border-radius: 2px;
	padding: 18px 29px 18px 65px;
	margin: 10px 0 6px 0;
	color: #ffffff !important;
	text-transform: uppercase;
	text-decoration: none;
	font-family: "Montserrat",sans-serif;
	font-weight: 600;
	font-size: 15px;
	background: url('images/envlogo.png') no-repeat 25px center #82b541;
	letter-spacing: 0.5;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
 
a.envato_login_btn:focus,
a.envato_login_btn:hover 	{
	background: url('images/envlogo.png') no-repeat 25px center #79ae35;
	text-decoration: none;
	outline: none;
}

a.envato_login_btn img 	{
	vertical-align: middle;
	margin: 0 10px 0 0;
}



.mc4wp-form form {
	overflow: hidden;
}
.mc4wp-notice {
	margin-top: 10px;
}

.screen-reader-text { display: none;}

.readmore { display: block;}

#disqus_thread {
margin-right: 20px;
    margin-top: 50px;
}

/* kb */

.kb-categories a:visited,
.kb-categories a {
	color: #333
}
.kb-categories a.button:visited,
.kb-categories a.button {
	color: #fff
}

.kb-categories li a:hover {
	color: #00aeff
}
.subcats-list {
	margin: 10px 10px 20px 0px;
}
.subcats-list li {
	padding: 5px 0px;
	position: relative;
}
.kb-categories h3 {
	line-height: 15px;
}
.kb-categories span {
	font-size: 14px;
}


.kb-tax h4 {
	margin-top: 20px;
}

.kb-tax .widget-box h4 {
	margin-top: 0px
}
.kb-tax h4 a {
	color:#333;
}
.kb-tax i {
	color: #ddd
}
.kb-tax .article-list {
	margin: 0px 0px 20px 22px;
}
.kb-tax .widget-box .article-list {
	margin-left: 0px;
}

.kb-content img {
	max-width: 100%;
	height: auto;
}

span.bubble {
	display: inline-block;
    color: #555;
    font-weight: 600;
    padding: 0 6px;
    background: #ddd;
    min-width: 9px;
    height: 20px;
    text-align: center;
    line-height: 19px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    right: 30%
}


#navigation ul li a { font-weight: 600; }


/* Newsletter bar */
body #mailchimp-top-bar.mctb-medium .mctb-bar {
    padding: 10px 8px;
    font-family: "Montserrat";
}

body #mailchimp-top-bar.mctb-medium input {
    font-size: 13px;   
    font-weight: 500;
    font-family: "Montserrat";
}

body #mailchimp-top-bar.mctb-medium input::placeholder { color: #888 !important; opacity: 1; }
body #mailchimp-top-bar.mctb-medium input::-webkit-input-placeholder { color: #888 !important; opacity: 1; }
body #mailchimp-top-bar.mctb-medium input::-moz-placeholder { color: #888 !important; opacity: 1; }
body #mailchimp-top-bar.mctb-medium input:-ms-input-placeholder { color: #888 !important; opacity: 1; }

body #mailchimp-top-bar.mctb-medium label {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

body #mailchimp-top-bar.mctb-medium .mctb-email, 
body #mailchimp-top-bar.mctb-medium .mctb-label, 
body #mailchimp-top-bar.mctb-medium input {
    padding: 8px 12px !important;
}

body #mailchimp-top-bar.mctb-medium .mctb-button { margin-left: -4px; font-size: 13px; line-height: 17px; }

body #mailchimp-top-bar.mctb-medium .mctb-close {
     color: transparent !important;
     padding: 6px 8px;
     margin: 6px 8px;
     padding-right: 12px;
     transition: 0.2s;
     opacity: 0;
     visibiliy: hidden;
     transform: translateY(-20px);
}

body #mailchimp-top-bar.mctb-medium .mctb-close:after {
    font-family: "FontAwesome";
    color: #fff;
    font-size: 20px;
    position: absolute;
    transform: translate(-50%,-50%);
    content: "\f00d";
    top: 50%;
    left: 50%;
}


body #mailchimp-top-bar.mctb-medium .mctb-close.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
body #footer ul.social {
    float: none;
    margin-top: 0 !important;
    text-align: center;
/* 	border-top: 1px solid #333333; */
	padding-top: 10px;
	padding-bottom: 20px;
}

.themes-list a img { border-radius: 4px;}
.themes-list a:before { display: none; }
.themes-list a img { border-radius: 4px;}

.themes-list a { transition: 0.3s;}

.themes-list a:hover {
	transform: translateY(-6px); 
}

.themes-list a { margin: 0 10px; }

@media (max-width: 992px) {.themes-list a { margin: 15px 10px; }}

#header.with-background:after {
	content: "";
	display: inline-block;
	position: absolute;
    background: linear-gradient(180deg, rgb(34 34 34 / 00%) 0%, #222 70%, #222 100%);
	width: 100%;
	height: 100%;
	top: 0;
	z-index: -1;
	opacity: 1;
}

#header.with-background:before {
    background:  rgb(34 34 34 / 50%);
}

#header.with-background { height: 900px; }

.themes-list {    margin-top: -320px;
    z-index: 1000;
    position: relative;}

.fb { display: none !important; }