/* ==============================================================

	*** TABLE OF CONTENTS ***

	1.	General
	2.	Page
	3.	Wrapper
	4.	Section
	5.	Article
	6.	Content
	7.	No bookmarks
	8.	Transition complete
	9.	Notifications
	10.	Bookmark notification
	11.	Inner contents
	12.	Document
	13.	Direction navigation
	14.	Follow feed
	15.	Free file
	16.	Featured files
	17.	Featured author
	18.	Cards
	19.	Affiliates
	20.	Browse categories
	21.	Table
	22.	Forum chat
	23. Reply
	24. Learn more
	25. Fullscreen button
	26. Browse / Search results
	27. Recent sales
	28. Thread list
	29. Deposit cash amounts
	30. Payment methods
	31. Deposit payment tabs
	32. Item payment types
	33. Recent items
	34. Appreciate item
	35. User bio
	36. Profile collections
	37. Bought items
	38. Featured item
	39. Banner (Header)
	40. Header
	41. User account
	42. Site navigation
	43. Search
	44. Page info
	45. Page tabs
	46. User info header
	47. Home banner
	48. Footer
	49. Sidebar
	50. Follows
	51. Bookmark button
	52. User portfolio
	53. User single featured file
	54. Current balance
	55. Tags
	56. Avatar
	57. Sidebar navigation
	58. Following / Followers
	59. Purchased
	60. Purchase / Comment / Rating count
	61. Price box
	62. Item categories
	63. Categories
	64. Category list
	65. Create collection
	66. Forum sidebar
	67. Modal
	68. Star rating
	69. Pagination
	70. Form
	71. Horizontal form
	72. File upload zone
	73. Vertical form
	74. Credit card form
	75. Form submit
	76. Custom radio input
	77. Custom checkbox
	78. Form validate
	79. ReCaptcha widget
	80. Datepicker
	81. Statement
	82. Sort controls
	83. Right panel
	84. Small content
	85. Stats
	86. Button
	87. Action buttons
	88. Social links
	89. Like box
	90. Search form
	91. Background colors
	92.	Badges
	93.	Grid system
	94.	Miscellaneous

===============================================================*/

/*** VARIABLES ***/
:root {
	
	/* Global */
	--global--font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	--global--color-schema:#57ba8b;
	--global--color-light:#64cf9c;
	--global--color-light-btn:#63c396;
	--global--color-lighter:#94f1c5;
	--global--color-bg:#ddffee;
	--global--divider:#e1e8ed;
	--global--gradient:#66cf0f;
	
	/* Buttons */
	--button--green-color:var(--global--color-schema);
	--button--green-color-hover:var(--global--color-light);
	
	--button--blue-color:#3284c6;
	--button--blue-color-hover:#45a0fb;

	--button--grey-color:#6e6e6e;
	--button--grey-color-hover:#999;

	--button--black-color:#333;
	--button--black-color-hover:#555;

	--button--red-color:#b91e1e;
	--button--red-color-hover:#ce2424;
	
}

/*********************
    - 1. General -
*********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, 
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

* {
    box-sizing:border-box;
}

*:focus {
	outline:0;
}

html, button, input, select, textarea {
	font-family:var(--global--font-family);
	color:#444;
	-webkit-font-smoothing:antialiased;
	   -moz-font-smoothing:antialiased;
}

body {
	background-color:#f4f5f7;
}

table {
	border-collapse:separate;
	border-spacing:0;
	vertical-align:middle;
}

caption, th, td {
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
}

img {
	border:none;
}

label {
	display:block;
}

p {
	margin:0 0 20px;
}

p:empty {
    display:none;
}

strong {
	font-weight:bold;	
}

em {
	font-style:italic;	
}

small {
	font-size:13px;
}

hr {
	position:relative;
	display:block;
	border:none;
	height:1px;
	margin-top:15px;
	margin-bottom:15px;
	background:#ddd;
}

a {
	color:var(--global--color-schema);
	text-decoration:none;
	transition:all .3s;
}

a:hover {
	text-decoration:underline;
}

h3 {
	font-size:24px;
	line-height:normal;
	padding-bottom:10px;
}

h4 {
	font-size:19px;
	line-height:normal;
	padding-bottom:10px;
}

h5 {
	font-size:17px;
	line-height:normal;
	padding-bottom:10px;
}

iframe {
	border:0;	
}

blockquote {
	border-left:1px solid var(--global--color-schema);
	padding-left:20px;
	margin-bottom:15px;
	font-style:italic;
	color:#888;
}

code, pre {
	font-family:Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
	color:#444;
	font-size:13px;
	white-space:pre-wrap;
	word-wrap:break-word;
}

pre {
	background-color:#f4f4f4;
	background-image:linear-gradient(#f4f4f4 50%, #e7e7e7 50%);
	background-size:38px 38px;
	border:1px solid #c7c7c7;
	display:block;
	line-height:19px;
	margin-bottom:10px;
	overflow:visible;
	overflow-y:hidden;
	padding:0 0 0 4px;
	border-radius:3px;
}

pre br {
	display:none;
}

/******************
    - 2. Page -
******************/
#page {
	position:static;
	clear:both;
	padding:0;
	margin:0;
	font-size:14px;
	line-height:20px;
	width:100%;
	transition:all .5s ease;
}

.container {
	position:absolute;
	clear:both;
	z-index:3;
	width:100%;
	padding:0;
	margin:0;
}

/* Toggled */
#page.toggled {
	position:fixed;
	padding-left:250px;	
}

#page.toggled .container {
	margin-right:-250px;
	box-shadow:0px 0px 15px -1px rgba(0, 0, 0, 0.4);
}

/*********************
    - 3. Wrapper -
*********************/
.wrapper {
	position:relative;
	clear:both;
	max-width:1160px;
	margin:0 auto;
	padding:0 10px;
}

.wrapper.page-container {
	padding:30px 10px;
}

footer .wrapper {
	padding:50px 10px;
}

footer .footer-copyright .wrapper {
	padding:20px 10px;	
}

/*********************
    - 4. Section -
*********************/
.page-section {
	clear:both;
	width:100%;
	padding:50px 0;
	background-color:#f5f5f5;
}

.page-section.dark {
	background-color:#111;
}

.page-section.light, .section-even-odd.new > .page-section:nth-child(even), 
.section-even-odd.registered > .page-section:nth-child(odd) {
	background-color:#fff;
}

.page-section.small {
	padding:25px 0;
}

.page-section.border-bottom, 
.section-even-odd > .page-section {
	border-bottom:1px solid var(--global--divider);
}

.section-even-odd > .page-section:last-child {
	border-bottom:0;	
}

.section-title {
	clear:both;
	font-weight:bold;
	font-size:28px;
	line-height:36px;
	color:#444;
	padding:0;
	margin-bottom:30px;
}

.section-subtitle {
	clear:both;
	font-size:16px;
	line-height:22px;
	color:#999;
	padding:0;
	margin-bottom:30px;
}

.section-text {
	clear:both;
	font-size:20px;
	line-height:36px;	
	color:#444;
	padding:0;
	margin:0;
}

.section-text a.btn-icon {
	margin:0 20px;
}

.page-section.dark .section-text {
	color:#fff;
}

/*********************
    - 5. Article -
*********************/
article {
	clear:both;
	display:block;	
}

article.features {
	overflow:hidden;
	padding:0;
	margin:0 5px;
}

article.features section {
	position:relative;
	float:left;
	width:50%;
	height:150px;
	padding:30px 25px 30px 120px;
	margin:0;
}

article.features section:after {
	content:"";
	position:absolute;
	background-color:var(--global--divider);
	height:1px;
	width:90%;
	bottom:0;
	left:5%;
}

article.features section.no-bottom-border:after {
	background-color:transparent;
}

article.features section:nth-child(2n):before {
	content:"";
	position:absolute;
	background-color:var(--global--divider);
	height:80%;
	width:1px;
	top:10%;
	left:0;
}

article.features section .icon {
	position:absolute;
	left:20px;
	width:100px;
	text-align:center;
	margin:0;
}

/* Secondary features */
article.features-secondary section {
	position:relative;
	float:left;
	width:33%;
	height:140px;
	padding:30px 20px 30px 100px;
	margin:0;	
}

article.features-secondary section:after {
	content:"";
	position:absolute;
	background-color:var(--global--divider);
	height:80%;
	width:1px;
	top:10%;
	left:0;
}

article.features-secondary section.no-left-border:after {
	background-color:transparent;
}

article.features-secondary section > i {
	position:absolute;
	left:0;
	top:50%;
	margin-top:-29px;
	width:100px;
	text-align:center;
}

/* Down arrow */
hr.down-arrow:after, 
hr.down-arrow:before {
	content:"";
	width:10px;
	height:10px;
	position:absolute;
	left:50%;
	margin-left:-5px;
	transform:rotate(45deg)
}

hr.down-arrow:before {
	top:-5px;
	background:var(--global--divider);
}

hr.down-arrow:after {
	top:-6px;
	background:#f5f5f5;
}

/* Icon clip */
[class*=" icon-clip-"], 
[class^=icon-clip-] {
	display:inline-block;
	position:relative;
}

[class*=" icon-clip-"]:before, 
[class^=icon-clip-]:before {
	content:' ';
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	background-image:url(https://images.codegrape.com/icon/clip.png);
	background-size:318px 260px;
}

.icon-clip-author {
	width:66px;
	height:52px
}

.icon-clip-author:before {
	background-position:-62px -142px;
	width:66px;
	height:52px;
	margin:-26px 0 0 -33px;
}

.icon-clip-calendar {
	width:60px;
	height:68px;
}

.icon-clip-calendar:before {
	background-position:0 -72px;
	width:60px;
	height:68px;
	margin:-34px 0 0 -30px;
}

.icon-clip-chart {
	width:54px;
	height:52px
}

.icon-clip-chart:before {
	background-position:-260px -120px;
	width:54px;
	height:52px;
	margin:-26px 0 0 -27px
}

.icon-clip-community {
	width:82px;
	height:52px
}

.icon-clip-community:before {
	background-position:-68px 0;
	width:82px;
	height:52px;
	margin:-26px 0 0 -41px
}

.icon-clip-ebook {
	width:46px;
	height:56px
}

.icon-clip-ebook:before {
	background-position:-152px -74px;
	width:46px;
	height:56px;
	margin:-28px 0 0 -23px
}

.icon-clip-flying-package {
	width:54px;
	height:72px
}

.icon-clip-flying-package:before {
	background-position:-152px 0;
	width:54px;
	height:72px;
	margin:-36px 0 0 -27px;
}

.icon-clip-gift, 
.icon-clip-gift:before {
	width:66px;
	height:70px
}

.icon-clip-gift:before {
	background-position:0 0;
	margin:-35px 0 0 -33px
}

.icon-clip-lock, 
.icon-clip-lock:before {
	width:58px;
	height:58px
}

.icon-clip-lock:before {
	background-position:-260px 0;
	margin:-29px 0 0 -29px
}

.icon-clip-mail, 
.icon-clip-mail:before {
	width:50px;
	height:54px
}

.icon-clip-mail:before {
	background-position:-208px -128px;
	margin:-27px 0 0 -25px
}

.icon-clip-mwcm, 
.icon-clip-mwcm:before {
	width:46px;
	height:56px
}

.icon-clip-mwcm:before {
	background-position:0 -204px;
	margin:-28px 0 0 -23px
}

.icon-clip-network {
	width:56px;
	height:58px
}

.icon-clip-network:before {
	background-position:-260px -60px;
	width:56px;
	height:58px;
	margin:-29px 0 0 -28px
}

.icon-clip-people {
	width:58px;
	height:44px
}

.icon-clip-people:before {
	background-position:-48px -204px;
	width:58px;
	height:44px;
	margin:-22px 0 0 -29px
}

.icon-clip-piggy-bank {
	width:82px;
	height:48px
}

.icon-clip-piggy-bank:before {
	background-position:-62px -72px;
	width:82px;
	height:48px;
	margin:-24px 0 0 -41px
}

.icon-clip-price-tag {
	width:65px;
	height:38px
}

.icon-clip-price-tag:before {
	background-position:-108px -204px;
	width:65px;
	height:38px;
	margin:-19px 0 0 -33px
}

.icon-clip-savings {
	width:50px;
	height:70px
}

.icon-clip-savings:before {
	background-position:-208px 0;
	width:50px;
	height:70px;
	margin:-35px 0 0 -25px
}

.icon-clip-sign, 
.icon-clip-sign:before {
	width:60px;
	height:60px
}

.icon-clip-sign:before {
	background-position:0 -142px;
	margin:-30px 0 0 -30px
}

.icon-clip-speech-bubble {
	width:56px;
	height:46px
}

.icon-clip-speech-bubble:before {
	background-position:-130px -142px;
	width:56px;
	height:46px;
	margin:-23px 0 0 -28px
}

.icon-clip-write {
	width:50px;
	height:54px
}

.icon-clip-write:before {
	background-position:-208px -72px;
	width:50px;
	height:54px;
	margin:-27px 0 0 -25px
}

/*********************
    - 6. Content -
*********************/
#content {
	clear:both;
}

#content ul, 
#content ol {
	margin:1em 0 1em 3em;
}

.content-body {
	position:relative;
	float:left;
	width:100%;
	max-width:840px;
	padding:0 20px 0 0;
}

.content-body.w-scale {
	width:calc(100% - 250px);
}

.content-body.w-small {
	max-width:740px;
}

.content-body.w-big {
	clear:both;	
	max-width:1140px;
	float:none;
	padding:0;
}

.content-body img, 
.content-body object, 
.content-body embed {
	max-width:100%;
}

.thumbnail-empty {
	background-color:#c9c8c7;
}

fieldset .contents {
	clear:both;
	padding-top:10px;
}

.auto-width:before {
	width:auto !important;
}

/* Preview */
.preview {
	clear:both;
	width:100%;
	min-height:262px;
	padding:19px;
	background-color:#fff;
	border:1px solid var(--global--divider);
	text-align:center;
	border-radius:3px;
}

.preview img {
	display:block;
	margin:0 auto;
}

.preview.social {
	border-bottom:0;
	border-radius:3px 3px 0 0;
}

/* Preview zoom */
.preview .preview-url {
	position:relative;
	clear:both;
	display:block;
}

.preview .preview-url .zoom-badge {
	display:block;
	position:absolute;
	height:55px;
	width:55px;
	left:50%;
	top:50%;
	margin-left:-27px;
	margin-top:-27px;
	background:#000;
	background:rgba(0,0,0,0.3);
	z-index:500;
	opacity:0;
	border-radius:50px;
	transition:opacity .3s;
}

.preview .preview-url .zoom-badge:before {
	content:"";
	position:absolute;
	top:13px;
	left:13px;
	background:url(https://images.codegrape.com/icon/zoom-badge.png) no-repeat top left;
	width:27px;
	height:27px;
	display:block;
	background-size:27px 27px;
}

.preview .preview-url:hover .zoom-badge {
	opacity:1;
}

/* Preview social buttons */
.preview-social {
	clear:both;
	padding:19px;
	margin-bottom:20px;
	background-color:#f9f9f9;
	border:1px solid var(--global--divider);
	border-radius:0 0 3px 3px;
}

.preview-social > div.float-left > span {
	float:left;
	display:block;
	color:#666;
	font-weight:bold;
	line-height:30px;
	margin-right:10px;
}

.preview-social div.float-left > div {
	float:left;
}

.preview-social div.float-left > div > a {
	float:left;
	box-shadow:none;
    margin-right:4px;
    padding:0 12px;
    font-size:14px;
    line-height:30px;
	border-radius:3px; 
}

.preview-social div.float-left > div > a:last-child {
    margin-right:0;
}

.preview-social > div.float-right > span {
	display:block;
	float:left;
	margin-left:15px;
	line-height:30px;
}

.preview-social > div.float-right > span > i {
	font-size:16px;
	margin-right:5px;
}

/**************************
    - 7. No bookmarks -
**************************/
.no-bookmarks {
	width:100%;
	font-style:italic;
}

.no-bookmarks > i {
	display:block;
	float:left;
	width:50px;
	color:var(--global--color-schema);
}

.no-bookmarks > span {
	display:block;
	float:left;
	line-height:20px;
	width:calc(100% - 50px);
}

/*********************************
    - 8. Transition complete -
*********************************/
.transaction-complete {
	clear:both;
	position:relative;
	padding:80px 0;
	margin-bottom:20px;
	text-align:center;
	background:rgba(0, 0, 0, 0.7) url(https://images.codegrape.com/bg/homebanner.jpg) no-repeat center center;
	border-radius:3px;
}

.transaction-complete:before {
    content:'';
    position:absolute;
	z-index:1;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
}

.transaction-complete-wrapper {
	position:relative;
	z-index:2;
}

.transaction-complete-wrapper > i {
	display:block;
	clear:both;
	margin-bottom:40px;
	color:#fff;
	font-size:80px;
	line-height:80px;
}

.transaction-complete-wrapper > h3 {
	color:#fff;
	font-size:56px;
	line-height:56px;
	font-weight:700;
}

.transaction-complete-wrapper > p {
	color:#fff;
	font-size:24px;
	line-height:24px;
	text-decoration:none;
}

.transaction-complete-wrapper > div {
	clear:both;
	margin-top:40px;
}

/***************************
    - 9. Notifications -
***************************/
.notification {
	position:relative;
	clear:both; 
	margin:0 auto; 
	width:100%;
	padding-top:30px;
	min-height:20px;    
    background:#fff;
	color:#fff;
}

.notification > .wrapper > .content {
	position:relative;
	border-radius:3px;
}

.notification .inner {
	clear:both;
	display:block;
	text-align:center;
	font-size:16px;
	line-height:24px;
    padding:15px 40px 15px 15px;
}

.notification ul {
	margin-left:2em !important;
}

.notification p.error-message {
	font-weight:bold;
	margin-bottom:10px !important;
}

/* Notification close button */
.notification .close {
	position:absolute;
	display:block;
	right:15px;
    top:50%;
	margin-top:-8px;
    width:16px;
	height:16px;
	line-height:16px;
    color:#fff;
	opacity:0.8;
	transition:all .3s;
}

.notification .close i {
	width:16px !important;
	height:16px !important;
	font-size:16px !important;
	line-height:16px !important;
}

.notification .close:hover {
    opacity:1;
}

/* Success notification box */
.notification.success > .wrapper > .content {
	background-color:var(--global--color-light);
}

/* Failure notification box */
.notification.fail > .wrapper > .content {
	background-color:#ff675b;
}

/* Information notification box */
.notification.information > .wrapper > .content {
	background-color:#69c0ca;
}

/* Attention notification box */
.notification.attention > .wrapper > .content {
	background-color:#fbb160;
}

/* Tip */
.notification.tip > .wrapper > .content {
	background-color:#3099cf;
}

/************************************
    - 10. Bookmark notification -
************************************/
.notification-body {
	position:relative;
	clear:both; 
	margin:0 auto; 
	width:100%;
	margin-bottom:20px; 
	padding:15px;
	min-height:20px;
	color:#666;
	border-radius:3px;
	display:flex;
}

.notification-body > i {
	display:block;
	float:left;
	font-size:20px;
	line-height:20px;
	flex:0 0 24px;	
}

.notification-body > .inner {
	display:block;
	float:left;
	margin-left:.5em;
	flex:1;
}

/* Tip */
.notification-body.tip {
	background-color:#fff9C6; 
	border:1px solid #dad6b3;
}

/* Attention */
.notification-body.attention {
	background-color:#fbf9e5;
    border:1px solid #f6e785;
}

/* Support Issue */
.support-issue {
	display:none;
}

/*****************************
    - 11. Inner contents -
*****************************/
.contents {
	clear:both;
	padding:20px;	
	background-color:#f9f9f9;
	border:1px solid var(--global--divider);
	border-radius:3px;
}

.contents.bottom-border {
	border-bottom:1px solid var(--global--divider);	
}

.contents.top-radius {
	border-radius:3px 3px 0 0;
	box-shadow:none;
}

.contents.bottom-radius {
	border-radius:0 0 3px 3px;
}

.contents.no-radius {
	border-radius:0;
	box-shadow:none;
}

/* H2 */
#content h2.decorator, 
.contents h2.decorator, 
.free-file h2.decorator {
	display:block;
	clear:both;
	font-size:24px;
	line-height:28px;
	font-weight:bold;
}

#content h2.decorator a, 
.contents h2.decorator a, 
.free-file h2.decorator a {
	color:#191919;
	text-decoration:none;
}

#content h2.decorator a:hover, 
.contents h2.decorator a:hover, 
.free-file h2.decorator a:hover {
	color:var(--global--color-schema);
	text-decoration:none;
}

/* Title */
.content-title {
	display:block;
	clear:both;
	font-weight:bold;
	font-size:24px;
	line-height:24px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid var(--global--divider);
}

/* Item description */
.item-description {
	font-size:16px;
	line-height:24px;
}

/* Decorators */
h2.decorator, 
.item-description h2,
h3.decorator, 
.item-description h3, 
.post-tools h3 {
	display:block;
	clear:both;
	width:100%;
	font-size:28px;
	line-height:28px;
	font-weight:bold;
	margin:20px 0;
	padding:0;
}

.item-description h2 {
	font-size:24px;
	line-height:24px;
}

h2.decorator a, h3.decorator a {
	color:#191919;
	text-decoration:none;
}

h2.decorator a:hover, h3.decorator a:hover {
	color:var(--global--color-schema);
	text-decoration:none;
}

h2.decorator span.username {
	font-size:13px;
}

h2.decorator span.username a {
	color:var(--global--color-schema);
	text-decoration:none;
}

h2.decorator span.username a:hover {
	text-decoration:underline;
}

h2.nobg {
	background:none;
	margin-bottom:0px;
}

h3.decorator, .post-tools h3 {
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	padding-bottom:0;
	margin-bottom:5px;
	border:0;
}

.item-description h3 {
	font-size:20px;
	line-height:20px;
}

h4.decorator, .item-description h4, 
.post-tools h4 {
	font-size:18px;
	line-height:18px;
	font-weight:bold;
}

p.text {
	margin-top:1em;
	font-size:16px;
	line-height:24px;
}

.img-border {
	border:5px solid #eee;
	border-radius:3px;
}

.img-border-radius {
	border-radius:3px;
}

i.yes-icon {
	font-size:28px;
	line-height:28px;
	vertical-align:middle;
	color:#6dc40a;
}

i.no-icon {
	font-size:28px;
	line-height:28px;
	vertical-align:middle;
	color:#e72828;
}

/* Section */
h3.section {
	display:block;
	clear:both;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	background-color:#f9f9f9;	
	border:1px solid var(--global--divider);
	border-bottom:0;
	padding:15px 20px;
	border-radius:3px 3px 0px 0px;
}

h3.section em.title {
	display:block;
	float:left;
	margin-right:10px;
	font-style:normal;
}

h3.section span {
	font-size:14px;
	font-weight:normal;
	color:#666;
}

.section-half {
	float:left;
	width:400px;	
}

.section-half:first-child {
	margin-right:20px;
}

/* Show more */
.show-more {
	clear:both;
	display:block;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.show-more i {
	font-weight:normal;
	font-size:14px;
}

/* Support Issue */
.support-issue {
	display:none;
	position:relative;
	clear:both; 
	margin:0 auto; 
	width:100%;
	margin-bottom:20px;
	padding:15px;
	min-height:20px;	
	background-color:#fbf9e5;
    border:1px solid #f6e785;
	border-radius:3px;
}

/***********************
    - 12. Document -
***********************/
/* Document title */
.document-title {	
	padding:50px 0 !important;
	text-align:center;
}

.document-title h1 {
	font-weight:bold;
	font-size:36px;
	line-height:40px;	
	color:var(--global--color-schema);
}

.document-title h2 {
	font-size:20px;
	line-height:25px;
	margin-top:20px;
}

.document-title h1:empty, 
.document-title h2:empty {
    display:none;
}

.document-title h1.size-m {
	font-weight:normal;
	font-size:32px;
	line-height:32px;
}

.document-title h1.size-m span {
	display:inline-block;
	padding:0 8px;
    margin-top:3px;
	color:#fff;
	font-size:14px;
	line-height:26px;
	background:#999;
	vertical-align:top;
	border-radius:13px;
}

/* Document body */
.document {
	color:#666;
}

.document.size-m {
	width:84%;
	margin:0 8%;	
}

.font-s {
	font-size:14px;
	line-height:20px;
}

.font-m {
	font-size:16px;
	line-height:24px;
}

.font-b {
	font-size:18px;
	line-height:27px;
}

.document p strong, 
.document ul strong, 
.document ol strong {
	color:#444;
}

.document ul, 
.document ol {
	margin:1em 0 1em 3em;
}

.document ul ul, 
.document ol ul {
	margin-bottom:10px;
}

.document h2, 
.document h3, 
.document h4 {
	color:#444;
	font-weight:bold;
	line-height:1.2;
	padding:20px 0;
}

.document h2 {
	font-size:25px;
}

.document h3 {
	font-size:20px;
}

.document h4 {
	font-size:17px;
	padding-top:5px;
}

.document dl {
	padding:10px 0px;
}

.document dl dt {
	font-weight:bold;
	color:#1d1d1d;
}

.document dl dd {
	padding-left:20px;
}

.document i.text-5x {
	font-size:120px;
	color:#99a6ac;
}

.document i.text-5x.colored {
	color:#84bd42;
}

/***********************************
    - 13. Direction navigation -
***********************************/
.direction-nav {
	position:relative; 
	display:block; 
	width:32px; 
	height:32px;
	font-size:14px;
	line-height:32px;
	color:#666;
	text-align:center;
	text-decoration:none;
	border:1px solid #666;
	border-radius:50%;
	transition:all .3s;
}

.direction-nav > i {
	width:32px;
}

.direction-nav:hover {
	color:var(--global--color-schema);
	border:1px solid var(--global--color-schema);
}

.direction-nav.disabled, 
.direction-nav.disabled:hover, 
.direction-nav.disabled:focus {
	color:#bbb;
	border:1px solid #bbb;
	cursor:default;
}

/* Center */
.direction-center {
	width:100%;
	text-align:center;	
}

.direction-center > a.direction-nav {
	display:inline-block;
}

/**************************
    - 14. Follow feed -
**************************/
#recently-followed-items .loader-icon {
	display:none;
	margin-top:-16px !important;
	margin-left:-16px !important;
	top:40px !important;
}

/************************
    - 15. Free file -
************************/
.free-file h2 {
	margin:0 0 5px !important;
	border:none !important;
}

.free-file img {
	clear:both;
	display:block;
	width:100%;
	max-height:300px;
	border-radius:3px;
}

/*****************************
    - 16. Featured files -
*****************************/
.featured-files {
	clear:both;
}

.featured-files .recent-items > li {
	margin-bottom:0 !important;
}

/******************************
    - 17. Featured author -
******************************/
.featured-author .avatar {
	float:left;
	margin-right:20px;
}

.featured-author .text {
	float:left;
	margin-top:6px;
}

.featured-author .text > h3 {
	font-weight:bold;
	font-size:20px;
	line-height:20px;
}

.featured-author .portfolio {
	clear:both;
}

/* Sample works */
.featured-author .sample-work {
	float:right;
}

.featured-author .sample-work div {
	float:left;
	width:80px;
	height:80px;
	margin-left:26px;
}

.featured-author .sample-work div:first-child {
	margin:0;
}

.featured-author .sample-work div img {
	display:block;
}

.featured-author .subtext {
	display:block;
	clear:both;
	padding-top:5px;
	color:#a6a6a6;
}

/********************
    - 18. Cards -
********************/
.content-cards {
	margin:0;
	list-style:none;
	overflow:hidden;
}

.content-cards .content-card {
	float:left;
	background:#fff;
	width:360px;
	max-height:440px;
	margin:0 30px 30px 0;
	border-radius:3px;	
	box-shadow:0 1px #d9d9d9;
}

.content-cards .content-card:nth-child(3n) {
	margin-right:0;
}

.content-cards .content-card .card-detail {
	padding:20px;
}

/* Category */
.content-cards .content-card p.category {
	margin-bottom:10px !important;	
}

.content-cards .content-card p.category > a {
	display:inline-block;
	text-transform:uppercase;
	padding:0 10px;
	height:24px;
	font-size:12px;
	line-height:22px;
	letter-spacing:1px;
	border-radius:3px;
	transition:all .3s;
}

.content-cards .content-card p.category > a:hover {
	text-decoration:none;
}

/* Inspiration */
.content-cards .content-card p.category > a.inspiration {
	color:#1fb4da;
	border:1px solid #1fb4da;
}

.content-cards .content-card p.category > a.inspiration:hover {
	background:#1fb4da;
	color:#fff;
}

/* Design / Dev */
.content-cards .content-card p.category > a.design-dev {
	color:#93c054;
	border:1px solid #93c054;
}

.content-cards .content-card p.category > a.design-dev:hover {
	background:#93c054;
	color:#fff;
}

/* Freebies*/
.content-cards .content-card p.category > a.freebies {
	color:#f25454;
	border:1px solid #f25454;
}

.content-cards .content-card p.category > a.freebies:hover {
	background:#f25454;
	color:#fff;
}

/* Deals */
.content-cards .content-card p.category > a.deals {
	color:#c86f98;
	border:1px solid #c86f98;
}

.content-cards .content-card p.category > a.deals:hover {
	background:#c86f98;
	color:#fff;
}

/* Title */
.content-cards .content-card p.title {
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	margin:0 0 10px;
	height:48px;
}

.content-cards .content-card p.title a {
	color:#444;
	height:48px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	white-space:inherit;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.content-cards .content-card p.title a:hover {
	color:#000;
	text-decoration:none;
}

/* Excerpt */
.content-cards .content-card p.excerpt {
	height:40px;
	margin:0 0 12px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	white-space:inherit;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}


/* Meta */
.content-cards .content-card .meta {
	clear:both;
	color:#999;
	line-height:13px;
}

/* Image */
.content-cards .content-card .image {
	overflow:hidden;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

.content-cards .content-card .image span {
	display:block;
	width:360px;
	height:242px;
	background-position:center center;
	background-size:cover;
}

/* Discussions */
.content-cards .content-card.content-card-discussions {
	background:var(--global--color-schema) url(https://images.codegrape.com/bg/icons-pattern.jpg) repeat;
	padding-top:41px;
	padding-bottom:41px;
	color:#fff;
	text-align:center;
	box-shadow:0 1px #677a43;
}

.content-cards .content-card.content-card-discussions .card-detail {
	padding:30px;
}

.content-cards .content-card.content-card-discussions p.title {
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	height:auto;
	margin:0 auto 20px;
	max-width:60%;
}

.content-cards .content-card.content-card-discussions p.title+p {
	color:#e5ecd9;
}

.content-cards .content-card.content-card-discussions a {
	font-weight:bold;
	color:#fff;
}

.content-cards .content-card.content-card-discussions .chat-icons {
	display:inline-block;
	width:120px;
	height:122px;
	margin-bottom:20px;
	background-image:url(https://images.codegrape.com/icon/chat-icons.png);
	background-repeat:no-repeat;
}

/*************************
    - 19. Affiliates -
*************************/
.affiliates {
    list-style-type:none;
    margin:0 auto;
    padding:0;
}

.affiliates a {
	display:block;
    padding:0;
    color:#888;
    text-align:center;
	text-decoration:none;
}

.affiliates h3 {
	padding-top:15px;
	padding-bottom:5px;
	color:#444;
}

.affiliates li {
	float:left;
	width:50%;
   	margin:0;
    border-right:solid 1px var(--global--divider);
}

.affiliates li:last-child {
    border:none;
}

/********************************
    - 20. Browse categories -
********************************/
.item-category {
	width:100%;
	margin:0 auto;
	-webkit-column-count:4;
       -moz-column-count:4;
    		column-count:4;
}

.item-category > .box-category {
	display:inline-block;
	width:100%;
	padding:0;
	margin:0 auto;
	-webkit-column-break-inside:avoid;
			column-break-inside:avoid;
}

.item-category > .box-category > .content-title {
	position:relative;
	font-weight:bold;
	font-size:16px;
	line-height:22px;
	padding:10px 20px;
	background-color:#f0f0f0;
}

.item-category > .box-category > .content-title:before {
    content:"";
    position:absolute;
    width:8px;
    height:8px;
    background:none repeat scroll 0% 0% var(--global--divider);
    transform:rotate(45deg);
    left:50%;
    margin-left:-4px;
    bottom:-5px;
}

.item-category > .box-category > .content-title:after {
    content:"";
    position:absolute;
    width:10px;
    transform:rotate(45deg);
    left:50%;
    margin-left:-5px;
    bottom:-4px;
    height:10px;
    background:#f0f0f0;
}	

/********************
    - 21. Table -
********************/
.table-general {
	clear:both;
	width:100%;
	margin-bottom:20px;
}

.table-general th {
	color:#fff;
	padding:10px 20px;
	text-align:left;
	font-weight:bold;
	background-color:#444;
}

.table-general th:first-child {
	border-radius:3px 0 0 0;
}

.table-general th:last-child {
	border-radius:0 3px 0 0;
}

/* Widths */
.table-general .w-80  {width:80px;}
.table-general .w-100 {width:100px;}
.table-general .w-120 {width:120px;}
.table-general .w-140 {width:140px;}
.table-general .w-250 {width:250px;}
.table-general .w-270 {width:270px;}
.table-general .w-300 {width:300px;}

/* Widths - percent */
.table-general .w-10 {width:10%; white-space:nowrap;}
.table-general .w-12 {width:12%; white-space:nowrap;}
.table-general .w-14 {width:14%; white-space:nowrap;}
.table-general .w-25 {width:25%; white-space:nowrap;}

/* Rows */
.table-general td {
	padding:10px 20px;	
}

.table-general tbody tr td {
	background-color:#f9f9f9;
	border-bottom:1px solid var(--global--divider);
}

.table-general tbody tr > td:first-child {
	border-left:1px solid var(--global--divider);
}

.table-general tbody tr > td:last-child {
	border-right:1px solid var(--global--divider);
}

.table-general tbody tr.disabled td {
	background-color:#cdfaff;
}

.table-general tbody tr:hover td {
	background-color:#fff;
}

.table-general tbody tr:last-child td:first-child {
	border-radius:0 0 0 3px;
}

.table-general tbody tr:last-child td:last-child {
	border-radius:0 0 3px 0;
}

/* Total */
.table-general.table-total {
	margin:0;
}

.table-general.table-total tbody tr:last-child td {
	border-bottom:0;
}

.table-general.table-total tbody tr:last-child td:first-child,
.table-general.table-total tbody tr:last-child td:last-child {
	border-radius:0;
}

/* Even / odd */
.table-general .even {
	background-color:#fff;
}

.table-general .odd {
	background-color:#f6f6f6;
}

/* Type */
.table-general td.type {
	text-transform:capitalize;
}

.table-general td.type span {
	display:inline-block;
	color:#fff;
	font-size:13px;
	line-height:22px;
	height:22px;
	background:var(--global--divider);
	padding:0px 8px;
	border-radius:3px;
}

/* Amount */
.table-general td.amount {
	font-weight:bold;	
}

.amount.positive {color:#196faf;}
.amount.negative {color:#df2c2c;}
.amount.na {font-weight:normal !important;}

/* Author */
.table-general td.author a {
	color:#000;
	text-decoration:none;
}

.table-general td.author a:hover {
	text-decoration:underline;
}

/* User */
.table-general td.user img {
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin-right:10px;
}

.table-general td.user span {
	display:block;
	float:left;
	line-height:30px;
}

/* Ellipsis */
.table-general td .overflow-ellipsis {	
	display:block;
	clear:both;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.table-general td .overflow-ellipsis.referral-url {
	max-width:480px;
}

/* Footer */
.table-footer {
	clear:both;
	width:100%;
	margin-bottom:20px;
	color:#fff;
	background-color:var(--global--color-schema);
	border-radius:0 0 3px 3px;
}

.table-footer td {
	padding:10px;
	font-size:18px;
	line-height:18px;
}

.table-footer td.left {
	text-align:left;
}

.table-footer td.right {
	text-align:right;
}

/*************************
    - 22. Forum chat -
*************************/
.post_clear {
	clear:both;
	padding-top:10px;
}

.post_clear:first-child {
	padding-top:0 !important;
}

.post_paging {
	clear:both;
	padding-top:15px;
}

.post {
	clear:both;
	position:relative;
}

.poster {
	position:relative;
	float:left;
	width:80px;
}

.poster .badges {
	margin-top:7px;
	margin-bottom:7px;
	text-align:center;
}

.forum-thread {
	clear:both;	
}

.forum-thread .poster div.badges {
	margin-top:0px;
}

.poster span img {
	margin-top:3px;
	margin-right:3px;
	vertical-align:middle;
}

.poster small {
	clear:both;
	display:block;
	text-align:center;
}

.poster small > a {
	text-decoration:underline;
}

.poster small > a:hover {
	text-decoration:none;
}

.post-header {
	clear:both;
	padding-bottom:20px;
}

.post-header strong.poster-name a {
	display:block;
	float:left;
	color:#191919;
	font-size:24px;
	font-weight:normal;
}

.post-header strong.poster-name a:hover {
	text-decoration:underline;
}

.post-header small {
	display:block;
	float:left;
	padding-left:5px;
	color:#888;
}

.post-header small.item-name {
	clear:both;
	padding:5px 0 0 0;
}

/* Indicator */
strong.indicator {
	float:left;
	padding:5px;
	margin-left:5px;
	color:#fff;
	font-size:10px;
	line-height:10px;
	text-transform:uppercase;
	border-radius:3px;
}

/* Purchased */
.indicator.purchased {
	background:#444;	
}

/* Author */
.indicator.author {
	background:#999;	
}

.indicator.author:hover {
	background:#7e7e7e;	
}

/* Moderator */
.indicator.moderator {
	background:var(--global--color-schema);	
}

.indicator.moderator:hover {
	background:var(--global--color-light);	
}

/* Moderator */
.indicator.selected {
	background:var(--global--color-schema);	
}

/* Text */
.post .text {
	position:relative;
	float:right;
	width:610px;
	padding:20px;
	background-color:#f9f9f9;
	border:1px solid var(--global--divider);
	overflow:auto;
	border-radius:3px;
}

.post-white .text {
	background-color:#fff;
	border:1px solid var(--global--divider);
	border-top:0;
	border-radius:0;
}

.post .text.post-sub {
	border-radius:3px 3px 0 0;	
}

.post .replies:last-child .text {
	margin-bottom:0;
	border-radius:0 0 3px 3px;
}

.post .bigger {
	width:710px;
}

.post-body {
	clear:both;
}

.post-body img, 
.post-body object, 
.post-body embed {
	max-width:668px;
}

/* Arrow */
.post .arrow {
	position:absolute;
	left:92px;
	top:20px;
	z-index:2;
}

.post .arrow:before {
    content:'';
    display:block;
    position:absolute;
    left:0;
	top:0;
    width:0;
    height:0;
    border-style:solid;
	border-width:0 19px 19px 0;
	border-color:transparent var(--global--divider) transparent transparent;
}

.post .arrow:after {
    content:'';
    display:block;
    position:absolute;
    left:2px;
	top:1px;
    width:0;
    height:0;
    border-style:solid;
	border-width:0 17px 17px 0;
	border-color:transparent #f9f9f9 transparent transparent;
}

/* Post tools */
.post-tools {
	clear:both;
}

.post-tools small.posted_message {
	color:#999;
	text-transform:capitalize;
}

.post-tools small.posted_message img {
	vertical-align:middle;
}

.post-tools > small i {
	font-size:14px;
	line-height:14px;
	margin:0 4px 0 5px;
}

.post-tools .report {
	color:#e33244;
}

.text .post_content {
	clear:both;
}

p.prominant {
	float:left;
	line-height:30px;
	padding:12px 10px 10px 8px;
	color:#666;
}

h2.decorator a.comment:hover {
	color:var(--global--color-schema);
	text-decoration:underline;
}

img.forum-icon {
	display:block;
	float:left;
	margin-top:0px;
	margin-right:10px;
}

div.forum-reply {
	clear:both;
	text-align:right;
}

img.reply-icon {
	margin-left:5px;
	margin-right:5px;
}

.post-tools .loader-icon {
	position:relative;
	margin:15px 0 0 -12px;	
}

.comment-help {
	display:block;
	float:right;
	line-height:34px;
	color:#666;
	cursor:default;
}

.comment-help:hover {
	color:#999;
}

.comment-help > i {
	font-size:20px;
	line-height:20px;
	vertical-align:middle;
}

/********************
    - 23. Reply -
********************/
.reply-textarea {
	clear:both;
}

.replies {
	clear:both;	
}

.replies.exposer {
	text-align:center;
}

.replies .post-header strong.poster-name a {
	font-size:20px;
	line-height:20px;
	padding-top:5px;
}

.replies .post-header strong.indicator {
	margin-top:6px;	
}

.replies .post-header small {
	padding-top:6px;
}

.post-header img {
	display:block;
	float:left;
	margin-right:10px;
}

/*************************
    - 24. Learn more -
*************************/
div.author-info {
	position:relative;
}

div.author-info > a {
	display:block;
	width:80px;
	height:80px;
}

.meta-info-container {
	display:none;
	position:absolute;
	background:rgba(0,0,0,0);
}

div.author-info:hover .meta-info-container {
	display:block;
}

.meta-info-container > div {
	position:relative;
	z-index:1000;
	top:12px;
	width:140px;
	padding:3px 10px 10px 10px;
	background-color:#0b0c0e;
	font-size:13px;
	line-height:18px;
	color:#999;
	cursor:default;
	border-radius:2px;
}

.meta-info-container > div:before {
	content:'';
    display:block;
    position:absolute;
    left:10px;
	top:-8px;
    width:0;
    height:0;
    border-style:solid;
	border-width:0 8px 8px 8px;
	border-color:transparent transparent #0b0c0e transparent;	
}

.meta-info-container > div strong {
	display:block;
	clear:both;
	color:#fff;
	line-height:28px;
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:0;
	width:140px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.meta-info-container > div a {
	color:#63AC0C;
	font-weight:normal;
}

.meta-info-container > div a:hover {
	color:#FFF;
	text-decoration:underline;
}

/********************************
    - 25. Fullscreen button -
********************************/
#fullscreen {
	clear:both; 
	padding-top:20px; 
	text-align:center;
}

#fullscreen > a {
	margin-right:10px;
}

#fullscreen > a:last-child {
	margin-right:0;
}

/**************************************
    - 26. Browse / Search results -
**************************************/
.item-grid, 
.item-list, 
.user-list, 
.download-list, 
.collection-list, 
.thread-list {
	display:block;
	list-style:none;
	background:#fff;
	padding:0;
	margin:0 0 20px 0 !important;
	border:1px solid var(--global--divider);
	border-radius:3px;
}

.item-grid:after, 
.item-list:after, 
.user-list:after, 
.download-list:after, 
.collection-list:after, 
.thread-list:after {
	content:"";
	display:table;
	clear:both;
}

.item-list > li, 
.user-list > li, 
.download-list > li, 
.collection-list > li, 
.thread-list > li {
	position:relative;
	padding:20px;
	border-bottom:1px solid var(--global--divider);	
}

.item-list>li:after, 
.user-list>li:after, 
.download-list>li:after, 
.collection-list>li:after, 
.thread-list>li:after {
	content:"";
	display:table;
	clear:both;
}

.item-list>li:last-child, 
.user-list>li:last-child, 
.download-list>li:last-child, 
.collection-list>li:last-child, 
.thread-list>li:last-child {
	border-bottom-width:0;
}

.item-list h3, 
.user-list h3, 
.download-list h3, 
.collection-list h3, 
.table-general td h3 {
	font-size:18px;
	font-weight:bold;
	padding:0 0 5px;
}

.item-list h3 a, 
.user-list h3 a, 
.download-list h3 a, 
.collection-list h3 a, 
.table-general td h3 a {
	color:#171717;
}

/* Avatar / Thumbnail */
.item-list .thumbnail, 
.user-list .avatar, 
.download-list .thumbnail, 
.table-general td .thumbnail {
	float:left;
	margin-right:15px;
	min-height:80px;
}

.item-list .thumbnail a, 
.user-list .avatar a, 
.download-list .thumbnail a, 
.table-general td .thumbnail a {
	display:block;
}

.item-list .thumbnail img, 
.user-list .avatar img, 
.download-list .thumbnail img, 
.table-general td .thumbnail img {
	display:block;
	max-width:80px;
}

/* Miscellaneous */
.sale-info small {
	font-size:12px;
}

/* Item grid */
.item-grid {
	line-height:normal;
	padding:0;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
			flex-wrap:wrap;
}

.item-grid > li {
	position:relative;
	list-style:none;
	max-width:127px;
	margin:5px;
	padding:15px;	
	text-align:center;
	-webkit-flex:1 0 127px;
		-ms-flex:1 0 127px;
			flex:1 0 127px;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;	
}

.item-grid > li > .grid-container {
	width:100%;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:column;
		-ms-flex-direction:column;
			flex-direction:column;
}

.item-grid > li:nth-of-type(6n) {
	margin-right:0;
}

.item-grid > li:nth-of-type(6n+7):before {
	content:"";
	position:absolute;	
	display:block;
	height:0px;
	left:-6px;	
	top:-6px;
	width:820px;
	border-bottom:1px solid var(--global--divider);	
}

.item-grid h3 {
	padding:0;
}

.item-grid h3 a {
	display:block;
	color:#171717;	
	font-size:13px;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:127px;
}

.item-grid .thumbnail-holder {
	position:relative;
	display:inline-block;
}

.item-grid .thumbnail, .item-grid .thumbnail a {
	display:inline-block;
}

.item-grid .thumbnail img {
	display:block;
}

.item-grid .item-info {
	padding-top:5px;	
}

.item-grid .sale-info {
	display:table-cell;
	padding-top:3px;	
	max-width:127px;
}

.item-grid .sale-info .sale-count.hidden {
	display:inline-block !important;
}

.item-grid .price {
	border-left:1px solid #ccc;
	display:inline-block;
	margin-left:5px;
	padding-left:10px;
}

.item-grid .author, .item-grid .meta {
	display:none;
}

.item-grid.mixed li {
	height:155px;
}

.item-grid.mixed img {
	max-height:80px;
	max-width:80px;
}

.item-grid.mixed .thumbnail {
	height:90px;
}

/* Item grid / One line */
.item-grid.one-line {
	clear:both;
	display:block;
	margin:0 0 0 13px !important;
	border:0;
	white-space:nowrap;
}

.item-grid.one-line > li {
	display:block;
	float:left;	
}

.item-grid.one-line > li:nth-of-type(6n+7):before {
	display:none;
}

/* Item list */
.item-list {
	line-height:normal;
}

.item-list .item-info {
	float:left;
	margin-right:15px;
	width:284px;
}

.item-list .item-info > .mobile-price {
	display:block;
	clear:both;
	padding-bottom:5px;
}

.table-general .item-info {
	float:left;
	margin-right:0;
	padding-top:0;
	width:100%;	
}

.item-list .author {
	font-size:13px;
}

.item-list .meta {
	float:left;
	color:#666;
	font-size:13px;
	line-height:18px;	
	width:284px;
}

.item-list .sale-info {
	float:right;
	position:relative;
	padding-top:30px;
	text-align:center;
	width:100px;
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
			flex-grow:1;
}

.item-list .price {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	font-size:34px;
	line-height:34px;
	font-weight:normal;
	color:#333;	
}

.item-list .sale-count {
	display:block;
	margin-top:8px;
	font-size:13px;
}

/* User list */
.user-list .user-info-holder {
	float:left;
	width:calc(100% - 95px);
}

.user-list .user-info {
	float:left;
	margin-right:15px;
	padding-top:5px;
	width:270px;
}

.user-list .user-info .badges {
	margin-bottom:5px;
}

.user-list .follow-button-holder {
	display:inline-block;
	clear:both;	
}

.user-list .meta {
	float:left;
	font-size:13px;
	line-height:18px;
	padding-top:5px;
	width:270px;
}

.user-list .sale-info {
	float:right;
	position:relative;
	padding-top:35px;	
	text-align:center;
	width:100px;
}

.user-list .sale-count {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	font-size:34px;
	line-height:34px;
	font-weight:normal;
	font-style:normal;
	color:#333;
}

/* Item author */
.item-list.item-author .item-info {
	width:230px;
}

.item-list.item-author .meta {
	width:230px;
}



/* Hidden item */
.item-list.item-author .item-hidden {
	background-color:#d35d59;
}

.item-list.item-author .item-hidden, 
.item-list.item-author .item-hidden a,
.item-list.item-author .item-hidden .meta,
.item-list.item-author .item-hidden .price {
	color:#fff !important;
}

/* List */
.item-grid.item-author > li {
	min-height:192px;
}

/* Actions */
.item-list .actions,
.item-grid .actions {
	position:relative;
	clear:both;
	padding-top:15px;
	font-size:13px;
}

.item-grid .actions {
	padding:10px 0 5px;
}

.item-list .actions > font {
	color:#ccc;
}

.item-grid .actions > a > span,
.item-grid .actions > font {
	display:none;
}

.item-grid .actions > a > i {
	width:1em;
	font-size:16px;
	line-height:16px;
	margin-right:3px;
	text-align:center;
}

/* Download list */
.download-list .item-info-holder {
	float:left;
	width:calc(100% - 95px);
}

.download-list .item-info {
	float:left;
	margin-right:20px;
	padding-top:5px;
	width:420px;
}

.download-list .item-info small {
	color:#999;	
}

.download-list .download-rating {
	float:right;
	margin-left:20px;
	margin-top:30px;
	width:93px;
	text-align:center;
}

.download-list .download-action {
	float:right;
	width:130px;
	padding-top:22px;
	text-align:center;
}

.download-list .download-action em {
	display:block;
	clear:both;
	color:#666;
	margin-top:5px;
	font-size:13px;
	line-height:18px;
}

.download-list .download-action a img.download-icon {
	display:inline;
	padding-left:12px;
}

.download-list .download-unavailable {
	float:right;
	width:240px;
	font-style:italic;
	font-size:13px;
	line-height:18px;
}

/* Collection list */
.collection-list .collection-image {
	float:left;
	margin-right:15px;
}

.collection-list .collection-image img {
	border-radius:3px;
}

.collection-list .collection-info-holder {
	float:left;	
}

.collection-list .collection-info {
	float:left;
	margin-right:15px;
	width:348px;
}

.collection-list .collection-meta {
	float:right;
	position:relative;
	padding-top:35px;
	text-align:center;
	width:100px;
}

.collection-list .collection-public {
	position:absolute;
	bottom:15px;
	right:15px;
	color:#999;
	font-size:13px;
}

.collection-list .item-count {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	font-size:34px;
	line-height:34px;
	font-weight:normal;
	font-style:normal;
	color:#333;
}

.collection-img {
	display:block;
	clear:both;
	width:300px;
	height:auto;
	margin-bottom:20px;
	border-radius:3px;
}

/* Avatar */
.avatar img, 
.avatar-center img {
	border-radius:50%;
}

/* Live preview button over thumbnail */
.thumbnail {
	position:relative;
	overflow:hidden;
}

.thumbnail .live-preview {
	display:block;
	background:var(--global--color-light);
	text-align:center;
	position:absolute;
	bottom:-25px;
	height:24px;
	right:0;
	left:0;
	transition:all 0.13s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.thumbnail .live-preview a {
	color:#fff;
	font-size:10px !important;
	line-height:14px;
	text-decoration:none;
	text-transform:uppercase;
	padding:5px 0 !important;
	margin:0 !important;
	white-space:nowrap;
}

.thumbnail:hover .live-preview {
	bottom:0;
}

.item-grid .thumbnail:hover .live-preview {
	bottom:3px;
}

.thumbnail:hover .live-preview:hover {
	background-color:var(--global--color-schema);
}

.magnifier {
	border-radius:0 !important;
}

/***************************
    - 27. Recent sales -
***************************/
.recent-sales .item-grid {
	background:none;
	border:0;
	margin:0 !important;
}

.recent-sales .item-grid > li {
	padding:0 15px;
}

.recent-sales .item-grid > li:before {
	display:none;
}

/**************************
    - 28. Thread list -
**************************/
.thread-posters {
	float:left;
}

.thread-posters a.author, 
.thread-posters img.author {
	display:block;
	float:left;
	width:80px;
	margin-right:30px;
}

.replied-user img {
	position:relative;
	margin-left:-60px;
	margin-top:50px;
	height:40px;
	width:40px;
}

.thread-content {
	float:left;
	width:calc(100% - 218px);
}

.thread-content h4.decorator, 
.post_clear h4.decorator {
	clear:both;
	padding:0 0 5px 0;
	color:#191919;
	font-size:25px;
	font-weight:normal;
	line-height:1em;
}

.post_clear h4.decorator span {
	font-size:16px;
}

.thread-content h4.decorator a, 
.post_clear h4.decorator a {
	color:#171717;
	font-size:25px;
	text-decoration:none;
}

.thread-content > p {
	line-height:14px;
}

.thread-content h4.decorator a:hover, 
.post_clear h4.decorator a:hover {
	color:var(--global--color-schema);
	text-decoration:none;
}

.thread-info {
	position:relative;
	float:right;
	width:78px;
	height:60px;
	text-align:center;
	margin-left:30px;
	margin-bottom:8px;
	top:17px;
	background-color:#ededed;
	border-radius:3px;
}

.thread-info:after {
    content:'';
    display:block;
    position:absolute;
    left:12px;
	top:100%;
    width:0;
    height:0;
    border-style:solid;
	border-width:8px 8px 0 0;
	border-color:#ededed transparent transparent transparent;
}

.thread-info h6 {
	position:relative;
	font-weight:normal;
	font-size:24px;
	padding-top:0px;
	margin-top:-8px;
	letter-spacing:-1px;
	color:#191919;
}

.thread-info small {
	text-transform:uppercase;
	font-size:9px;
	display:block;
	margin-top:-2px;
}

.thread-info span {
	position:relative;
	top:-22px;
	font-size:11px;
}

.post_clear .forum-says {
	margin-bottom:10px;
	color:#6C6C6C;
}

/***********************************
    - 29. Deposit cash amounts -
***********************************/
.deposit-group {
	clear:both;
}

.deposit-group .deposit {
	position:relative;
	float:left;
	background:#fcfcfc;
	width:142px;
	margin:0 17px 17px 0;	
	text-align:center;
	cursor:pointer;
	border-radius:3px;
}

.deposit-group .deposit:nth-child(5n+5) {
	margin-right:0;
}

.deposit-group .deposit .deposit-inner {
	clear:both;
	padding:35px 0;
	border:2px solid #e3e3e3;
	border-radius:3px;
	transition:all .3s;
}

.deposit-group .deposit h3 {
	color:#666;
	font-size:40px;
	line-height:40px;
	padding-bottom:5px !important;
}

.deposit-group .deposit span {
	display:block;
	clear:both;
	color:#999;
}

.deposit-group .deposit span.bonus {
	color:var(--global--color-schema);
}

.deposit-group .deposit > i {
	position:absolute;
	display:none;	
	top:3px;
	right:5px;
	font-size:16px;
	line-height:16px;
	color:#fff;
	z-index:2;
}

.deposit-group .deposit .bg-icon {
    content:'';
	position:absolute;
    display:none;
    z-index:1;
    right:2px;
	top:2px;
    width:0;
    height:0;
    border-style:solid;
	border-width:0 37px 37px 0;
	border-color:transparent var(--global--color-schema) transparent transparent;
}

/* Active deposit */
.deposit-group .deposit.active {
	background:#fff;
}

.deposit-group .deposit.active .deposit-inner {
	border-color:var(--global--color-schema);
}

.deposit-group .deposit.active h3 {
	color:#444;
}

.deposit-group .deposit.active > i, 
.deposit-group .deposit.active .bg-icon {
	display:block;	
}

/******************************
    - 30. Payment methods -
******************************/
.payment-method-wrapper {
	float:left;
	padding-bottom:10px;
}

.payment-method-wrapper .payment-type {
	float:left;
	margin-right:10px;
}

.payment-method-wrapper .payment-type:last-child {
	margin-right:0;
}

.payment-method-wrapper .payment-type span.rs-radiobtn {
	display:none !important;
}

.payment-method-wrapper .payment-type label {
	display:block;
	clear:both;
	margin:0;
	padding:0 20px;
	width:100%;
	height:50px;
	line-height:46px;
	background:#fcfcfc;
	border:2px solid #e3e3e3;
	cursor:pointer;
	border-radius:3px;
	transition:all .3s;
}

.payment-method-wrapper .payment-type label > .text {
	color:#666;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	white-space:nowrap;
}

.payment-method-wrapper .payment-type label > .separator {
	display:inline-block;
	width:1px;
	height:33px;
	margin:0 10px 0 10px;
	vertical-align:middle;
	background:url(https://images.codegrape.com/bg/separator-black.png) no-repeat center center;
}

/* Selected */
.payment-method-wrapper .payment-type.selected label {
	background:var(--global--color-schema);
	border-color:var(--global--color-schema);
}

.payment-method-wrapper .payment-type.selected label > .text {
	color:#fff;
}

.payment-method-wrapper .payment-type.selected label > .separator {
	background:url(https://images.codegrape.com/bg/separator-white.png) no-repeat center center;
}

/* Selected hover */
.payment-method-wrapper .payment-type.selected.hover label:hover {
	background:var(--global--color-schema);
	border-color:var(--global--color-schema);
}

/* PayPal */
.payment-method-wrapper .payment-type label > .paypal {
	display:inline-block;
	width:87px;
	height:22px;
	vertical-align:middle;
	background:url(https://images.codegrape.com/deposit/paypal-colored.png) no-repeat center center;
}

.payment-method-wrapper .payment-type.selected label > .paypal {
	background-image:url(https://images.codegrape.com/deposit/paypal-white.png);
}

/* Wise */
.payment-method-wrapper .payment-type label > .wise {
	display:inline-block;
	width:75px;
	height:22px;
	vertical-align:middle;
	background:url(https://images.codegrape.com/deposit/wise-colored.png) no-repeat center center;
}

.payment-method-wrapper .payment-type.selected label > .wise {
	background-image:url(https://images.codegrape.com/deposit/wise-white.png);
}

/***********************************
    - 31. Deposit payment tabs -
***********************************/
.payment-method-tabs {
	margin-bottom:-1px;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-flow:row nowrap;
		-ms-flex-flow:row nowrap;
			flex-flow:row nowrap;
}

.payment-method-tab {
	background-color:#fafafa;
	text-align:center;
	padding:6px 20px;
	width:100%;
	outline:0;
	border-radius:0;
	border-style:solid;
	border-color:var(--global--divider);
	border-bottom-width:1px;
	cursor:pointer;
}

.payment-method-tab:nth-child(n+2) {
	border-left-width:1px;
}

/* Hover */
.payment-method-tab:hover, .payment-method-tab:focus {
	background-color:#fff;
}

/* Selected */
.payment-method-tab.selected {
	border-top:2px solid var(--global--color-schema);
	border-bottom-color:transparent !important;
	background-color:#fff;
	padding-top:4px;
	z-index:1;
}

/* Title */
.payment-method-tab-inner {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-flow:column;
		-ms-flex-flow:column;
			flex-flow:column;
	padding:16px 0;
}

.payment-method-tab-title {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-align-items:center;
	   -moz-align-items:center;
		-ms-flex-align:center;
		   align-items:center;
	-webkit-justify-content:center;
	   -moz-justify-content:center;
			  -ms-flex-pack:center;
			justify-content:center;
	min-height:40px;
	width:100%;
}

/* Payment info */
.payment-info {
	display:none;
	background-color:#fff;
}

.payment-info .inner {
	clear:both;
	padding:15px;
}

.payment-info .inner i {
	font-size:13px;
	color:#999;
}

/* Payment button */
.payment-btn {
	padding:15px;
	border-top:1px solid var(--global--divider);
	text-align:right;
}

/* FasterPay */
#fasterpay-overlay {
	display:none;
	position:fixed;
	z-index:10000;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0.8;
	background-color:#0b0b0b;
}

#fasterpay-form {
	display:none;
	position:fixed;
	z-index:10001;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);	
}

/*********************************
    - 32. Item payment types -
*********************************/
.payment-type-wrapper {
	clear:both;
	margin:0 0 10px 0;
}

.payment-type-wrapper .payment-type {
	clear:both;
	width:100%;
	border:1px solid #ccc;
	background:#fcfcfc;
	transition-duration:0.3s;
}

.payment-type-wrapper .payment-type:first-child {
	border-bottom:0;
	border-radius:3px 3px 0 0;
}

.payment-type-wrapper .payment-type:last-child {
	border-top:none;
	border-radius:0 0 3px 3px;
}

.payment-type-wrapper .payment-type .inner {
	clear:both;
	padding:15px;
	background:none;
}

.payment-type-wrapper .payment-type .inner label {
	display:block;
	clear:both;
	color:#7e7e7e;
	cursor:pointer;
}

.payment-type-wrapper .payment-type .inner label h3 {
	clear:both;
	padding:0;
	color:#191919;
	font-weight:normal;
	font-size:21px;
	line-height:27px;
}

.payment-type-wrapper .payment-type .inner label h3 span {
	font-size:17px;
}

.payment-type-wrapper .payment-type .inner label i {
	clear:both;	
}

.payment-type-wrapper .selected {
    transition-duration:0.3s;
}

.payment-type-wrapper .payment-type.selected {
	background:#444;
	border-color:#444;
}

.payment-type-wrapper .selected .inner label {
	color:#ddd;
}

.payment-type-wrapper .selected .inner label h3 {
	color:#fff;
}

.payment-type-wrapper .payment-type span.rs-radiobtn {
	display:none !important;
}

/***************************
    - 33. Recent items -
***************************/
.recent-items-wrapper h3 {
	float:left;
}

.recent-items-wrapper .nav {
	float:left;
	height:auto;
	margin:2px 0 0 20px;
	padding:0;
}

.recent-items-wrapper .nav li {
	float:left;
	list-style:none;	
	border-right:1px solid #e6e6e6;
	margin:8px 0px 3px 0px;
	padding:0 10px;
}

.recent-items-wrapper .nav li:last-of-type {
	border:none;
}

.recent-items-wrapper .nav a {
	color:#505050;
	text-decoration:none;
	line-height:auto;
}

.recent-items-wrapper .nav a.category-switcher {
	color:#444;
	text-decoration:none;
	line-height:auto;
}

.recent-items-wrapper .nav a.category-switcher:hover {
	text-decoration:underline;
}

.recent-items-wrapper .nav a.category-switcher.active {
	color:var(--global--color-schema);
}

.recent-items-wrapper .loading {
	position:relative;
	display:none;
	text-align:center;
}

.recent-items-wrapper .loading .loading-text {
	position:absolute;
	top:50%; 
	left:50%;
	margin:30px -28px;
	color:#aaa;
	font-size:13px;
	line-height:13px;
}

.recent-items-holder {
	clear:both;
	margin:0;
	padding:0;
}

.recent-items {
	position:relative;
	clear:both;
	margin:0 !important;
	padding:0 !important;
	white-space:nowrap;
}

.recent-items li {
	position:relative;
	display:inline-block;
	list-style:none;
	float:left;
	width:80px;
	height:80px;
	margin:0 26px 26px 0;
}

.recent-items li:nth-of-type(11n) {
	margin-right:0;
}

.recent-items li img {
	margin:0 !important;	
}

/******************************
    - 34. Appreciate item -
******************************/
#appreciation {
	position:relative;
	clear:both;
	margin-bottom:20px;
	text-align:center;
}

/* Sticker */
#appreciation-sticker {
	position:relative;
	display:block;
	margin:0 auto;
    cursor:pointer;
}

#appreciation-sticker, 
#appreciation-sticker svg {
	width:100px;
	height:100px;
    transition:all .3s;
}

.appreciation-stop-1 {
	stop-color:var(--global--color-light);
	transition:all .3s;
}

.appreciation-stop-2 {
	stop-color:var(--global--color-schema);
	transition:all .3s;
}

/* Thumb */
.appreciation-thumb {
	position:absolute;
	display:block;
	top:50%;	
	transform:translateY(-50%);
	left:0;	
	width:100%;
	padding:0 10px;
	color:#fff;
	font-size:15px;
	line-height:18px;
	text-align:center;
}

.appreciation-thumb > i {
	display:block;
	text-align:center;
	font-size:36px;
	line-height:40px;
}

/* Hover */
#appreciation-sticker:hover .appreciation-stop-1 {
	stop-color:var(--global--color-lighter);
}

#appreciation-sticker:hover .appreciation-stop-2 {
	stop-color:var(--global--color-light);
}

/* Thanks */
.appreciation-thanks {
	position:absolute;
	display:none;
	top:50%;	
	transform:translateY(-50%);
	left:0;	
	width:100%;
	padding:0 20px;
	color:#fff;
	font-size:20px;
	line-height:23px;
	text-align:center;
}

#appreciation-sticker.thanks .appreciation-thumb {
	display:none;
}

#appreciation-sticker.thanks .appreciation-thanks {
	display:block;
}

#appreciation-sticker.thanks .appreciation-stop-1 {
	stop-color:#59595c;
}

#appreciation-sticker.thanks .appreciation-stop-2 {
	stop-color:#2b2b2b;
}

/* Appreciated */
#appreciated-on-content {
	position:relative;
	display:inline-block;
	margin:0 auto;
	padding:8px 20px;
	color:#fff;
	background-color:#c0c0c0;
	border-radius:3px;
}

/***********************
    - 35. User bio -
***********************/
.user-bio {
	clear:both;
	margin-bottom:20px;	
}

/**********************************
    - 36. Profile collections -
**********************************/
.profile-collections {
	clear:both;
	width:100%;
	margin-bottom:20px;
	text-align:center;
}

.profile-collections .collection-box {
	display:inline-block;
	width:310px;
	margin:5px;
}

.profile-collections .collection-box img {
	border:1px solid #fff;
	border-radius:3px;
}

.profile-collections .collection-box p {
	text-align:center;
	margin:0px auto;
	padding:0;
}

.profile-collections .collection-box a {
	color:#999;
	font-size:11px;
	text-transform:uppercase;
}

.profile-collections .collection-box a:hover {
	color:var(--global--color-schema);
	text-decoration:none;
}

/***************************
    - 37. Bought items -
***************************/
.bought-items {
	clear:both;
	margin-bottom:20px;	
}

/***************************
    - 38. Featured item -
***************************/
.featured-item-info {
	float:left;
	width:calc(100% - 110px);
}

.featured-item-info h2 {
	padding-bottom:3px !important;
	margin:0 !important;
	border:none !important;
}

.featured-item-wrapper {
	margin-bottom:20px;	
}

.featured-item-wrapper .subtext {
	float:right;
	color:#a6a6a6;
	text-transform:uppercase;
}

/******************************
    - 39. Banner (Header) -
******************************/
.banner-header {
	display:block;
	clear:both;
	width:100%;
	height:50px;
	background-color:#fff;
	overflow:hidden;
}

.banner-header .wrapper {
	position:inherit;	
}

/* Link */
.banner-header .banner-link {
	display:block;
	clear:both;
}

/* Logo */
.banner-header .banner-logo {
	display:block;
	float:left;
	margin-right:20px;
}

.banner-header .banner-logo > img {
	width:auto;
	height:50px;
}

/* Text */
.banner-header .banner-text {
	display:inline-block;
	/* font-size:15px; */
	line-height:50px;
}

/* Button */
.banner-header .banner-button {
	display:block;
	float:right;
	margin:7px 0 0 0;
}

/* Close button */
.banner-header .banner-close-btn {
	position:absolute;
	top:25px;
	right:15px;	
	margin-top:-8px;
	color:#444;
	width:16px;
	height:16px;
	line-height:16px;
	text-align:center;
	cursor:pointer;	
	text-decoration:none;
	opacity:0.8;
    transition:all .3s;
}

.banner-header .banner-close-btn i {
	width:16px !important;
	height:16px !important;
	font-size:16px !important;
	line-height:16px !important;
}

.banner-header .banner-close-btn:hover {
	color:#444;
	opacity:1;
	text-decoration:none;
}

/* Padding */
.banner-header.padding {
	padding:10px 0;
}

.banner-header.padding .banner-text {
	line-height:30px;
}

.banner-header.padding .banner-button {
	margin:0 35px 0 0;
}

/* Dark layout */
.banner-header.dark {
	color:#fff;
}

.banner-header.dark a {
	color:#fff;
}

.banner-header.dark a:hover {
	color:#fff;
}

.banner-header.dark .banner-close-btn, 
.banner-header.dark .banner-close-btn:hover {
	color:#fff;
}

/*********************
    - 40. Header -
*********************/
header {
	display:block;
	clear:both;
	position:relative;
	width:100%;
	background-color:#222;
}

header .logo-user {
	clear:both;
	padding-top:30px;
	padding-bottom:30px;
}

#logo {
	position:relative;
	float:left;
	height:40px;
}

#logo > a {
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
}

/* Mobile menu */
.menu-wrapper {
	display:none;
	flex:0 0 34px;
	font-size:24px;
	line-height:40px;
	height:40px;
	color:#fff;
	cursor:pointer;
}

.mobile-menu {
	position:fixed;
	z-index:2;
	left:250px;
	top:0;
	bottom:0;
	width:0;
	height:100%;
	margin-left:-250px;
	overflow-y:auto;
	background:#444;
	transition:width .5s ease;	
}

#page.toggled .mobile-menu {
	width:250px;
}

.mobile-nav {
	position:absolute;
	top:0;
	width:250px;
	list-style:none;
	margin:0;
	padding:0;
}

.mobile-nav .mobile-signup {
	padding:11px;
	background-color:#555;
	overflow:hidden;
}

.mobile-nav .mobile-signup > a {
	padding:6px 15px;	
}

.mobile-nav .mobile-signup > a > i {
	float:none;
	color:#fff;
}

.mobile-nav .mobile-search {
	padding:14px 15px;
	background-color:#000;
	overflow:hidden;
}

.mobile-nav .mobile-search .search-form.size-s {
	width:100% !important;
	margin:0 !important;
}

.mobile-nav li {
	display:block;
	clear:both;
	margin:0;
	padding:0;	
}

.mobile-nav li a {
	display:block;
	padding:10px 15px;
	color:#fff;
	text-decoration:none;
	background-color:#444;
}

.mobile-nav li > ul > li > a {
	padding-left:25px;
	background-color:#232323;
}

.mobile-nav li a i {
	float:right;
	color:#ccc;
}

/***************************
    - 41. User account -
***************************/
.account-wrapper {
	float:right;
	position:relative;
	margin-left:10px;
}

#user-account-nav {
	color:#d3d3d3;
	list-style:none;
	padding:0;
	position:relative;
	z-index:4050;
}

#user-account-nav > li {
	display:block;
	float:left;
    transition:all .3s;
}

/* Buttons */
#user-account-nav li > a {
	position:relative;
	display:block;
	z-index:6050;
	border:none;
	color:#666;
	cursor:pointer;
	font-size:14px;
	padding:0 16px;
}

#user-account-nav > li:hover > a, 
#user-account-nav > li.active > a {
	color:#fff;
	text-decoration:none;
}

/* Sign-up */
#user-account-nav > li.signup > a {
	color:#fff;
    font-weight:bold;
	line-height:40px;
}

#user-account-nav > li.signup > a:hover,
#user-account-nav > li.signup > a:focus {
	color:var(--global--color-schema);
}

/* Sign-in */
#user-account-nav > li.signin {
	border:1px solid #fff;
	border-radius:3px;
}

#user-account-nav > li.signin:hover,
#user-account-nav > li.signin.active {
	border-color:var(--global--color-schema);
}

#user-account-nav > li.signin > a {
	color:#fff;
    font-weight:bold;
	line-height:38px;
}

#user-account-nav > li.signin > a:hover, 
#user-account-nav > li.signin > a:focus, 
#user-account-nav > li.signin.active > a {
	color:var(--global--color-schema);
}

/* User */
#user-account-nav b.count {
	position:absolute;
	display:block;
	z-index:10000;
	margin:-10px 0 0 20px;
	color:#fff;
	font-size:11px;
	width:24px;
	height:24px;
	line-height:18px;
	font-weight:bold;
	background-color:#f00;
	cursor:default;
	border:3px solid #222;
	text-align:center;
	border-radius:50%;
}

#user-account-nav > li.user {
	transition:all .3s;
}

#user-account-nav > li.user > a {
	color:#f5f5f5;
	padding:0;
	line-height:normal;
}

#user-account-nav > li.user .user-avatar {
	display:inline-block;
	width:30px;
	height:30px;
	margin:5px 10px 0 0;
	overflow:hidden;
	border-radius:50%;
}

#user-account-nav > li.user .user-detail {
	float:right;
	line-height:40px;
}

#user-account-nav > li.user .user-detail > i {
	color:#9e9e9e;
	margin-left:3px;
	font-size:13px;
	transition:all .3s;
}

#user-account-nav > li.user .user-balance {
	color:#f5f5f5;
	font-weight:bold;
}

#user-account-nav .user-balance-mobile {
	color:var(--global--color-schema);
	font-weight:bold;
	font-size:18px;
	line-height:32px;
	text-align:center;
}

#user-account-nav > li.user:hover .user-detail > i, 
#user-account-nav > li.user.active .user-detail > i {
	color:#fff;
}

/* Widget */
#user-account-nav > li > div {
	display:none;
	position:absolute;
	z-index:10000;
	left:auto;
	right:0;
	top:50px;	
	background:#fff;
	white-space:nowrap;
	border-radius:3px;
	border:1px solid var(--global--divider);
}

#user-account-nav > li > div:before,
#user-account-nav > li > div:after {
    position:absolute;
	display:block;
	content:"";
	width:0;
	height:0;
	right:6px;
	margin-left:-8px;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
}

#user-account-nav > li > div:before {
	top:-9px;
	border-bottom:8px solid var(--global--divider);
}

#user-account-nav > li > div:after {
    top:-8px;
	border-bottom:8px solid #fff;
}

/* Sign-in widget */
#user-account-nav .signin-widget {
	min-width:230px;
	color:#444;
}

#user-account-nav .signin-widget label {
	display:block;
	margin:0 0 3px;
}

#user-account-nav .signin-widget .widget-footer {
	clear:both;
	padding:10px 15px;
	border-top:1px solid var(--global--divider);
	font-size:13px;
	color:#999;
}

#user-account-nav .signin-widget input[type=text], 
#user-account-nav .signin-widget input[type=password] {
	width:100%;
}

#user-account-nav .signin-widget fieldset {
	border:none;
	margin:0;
	padding:10px 15px 0;
}

#user-account-nav .signin-widget fieldset p {
	margin:0 0 10px 0;
}

#user-account-nav .signin-widget .btn-holder {
	clear:both;	
	padding:0 15px 10px 15px;
}

/* User widget */
#user-account-nav .user-widget {
	min-width:200px;
}

#user-account-nav .user-widget ul {
	list-style-type:none;
	margin:5px 0;
}

#user-account-nav .user-widget a {
	position:relative;
	color:#888;
	padding:0px 15px;
	font-size:13px;
	line-height:32px;
	transition:all .3s;
}

#user-account-nav .user-widget a:hover, 
#user-account-nav .user-widget a:focus {
	color:#000;
	text-decoration:underline;
}

#user-account-nav .user-widget a:after {
	content:"";
	position:absolute;
	top:5px;
	left:-1px;
	width:0;
	height:22px;
	background:var(--global--color-schema);
	transition:all .3s;
}

#user-account-nav .user-widget a:hover:after, 
#user-account-nav .user-widget a:focus:after {
	width:3px;
}

#user-account-nav .user-widget li.divider {
	background:var(--global--divider);
	overflow:hidden;
	height:1px;
	margin:5px 0;
	padding:0 !important;
}

#user-account-nav .user-widget li a > i {
	display:block;
	float:left;
	width:20px;
	margin-right:8px;
	font-size:16px;
	line-height:32px;
	text-align:center;
}

/******************************
    - 42. Site navigation -
******************************/
nav {
	position:relative;
	clear:both;
	height:60px;
	background:#1a191d;
}

.sitenav-inner {
	float:left;
}

.main-nav {
	margin:0;
	list-style-type:none;
}

.main-nav li {
	float:left;
	line-height:22px;
}

.main-nav li ul > li {
	display:block;
	float:none;
	line-height:18px;
}

.main-nav > li.submenu {
	position:relative;
}

.main-nav > .submenu > a {
	display:block;
	font-size:14px;
	height:40px;
    line-height:40px;
	float:left;
	text-decoration:none;
	cursor:pointer;
}

.main-nav > .submenu > a span {
	display:block;
	float:left;
	padding:0 24px 0 0;
	color:#c5c5c5;
	transition:all .3s;
}

.main-nav > .submenu:hover span {
	color:#000;
}

/* Main navigation */
nav .main-nav > .submenu > a {
	position:relative;
	font-weight:bold;
    font-size:16px;
	height:60px;
    line-height:60px;
}

nav .main-nav > .submenu > a span {
	position:relative;
	padding:0;
    margin:0 30px 0 0;
	color:#fff;
}

nav .main-nav > .submenu:hover > a span {
	color:var(--global--color-schema);
}

nav .main-nav > .submenu > a:before,
nav .main-nav > .submenu > a:after {
    display:none !important;
}

nav .main-nav > .submenu > .dropdown-menu {
    top:59px !important;
	border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
	border-top-color:#d8d8d8;
}

nav .main-nav > .submenu > .dropdown-menu:before,
nav .main-nav > .submenu > .dropdown-menu:after {
    position:absolute;
	display:block;
	content:"";
	width:0;
	height:0;
	left:20px;
	margin-left:-8px;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
}

nav .main-nav > .submenu > .dropdown-menu:before {
	top:-9px;
	border-bottom:8px solid #d8d8d8;
}

nav .main-nav > .submenu > .dropdown-menu:after {
    top:-8px;
	border-bottom:8px solid #fff;
}

/* User icon */
.btn-user {		
	width:34px;
	height:34px;
	padding:0 !important;
	text-align:center;
}

.btn-user > i {
	text-align:center;
	vertical-align:middle;
	width:34px;
	font-size:18px;
	line-height:40px;
	opacity:0.6;
	transition:all .3s;
}

.btn-user:hover > i, 
.sitenav-inner ul.main-nav > li.submenu:hover a span.btn-user i {
	opacity:1;
}

/* Activity icon */
.info-icon > i {
	color:#c0c0c0 !important;
	opacity:0.8;
	font-size:16px;
	line-height:16px;
}

.info-icon:hover > i, 
.dropdown.activity li.info:hover .info-icon > i {
	color:#444 !important;
	opacity:1;
}

/* Dropdown menu */
.dropdown-menu {
	position:absolute;
	clear:both;
	display:block;	
	left:auto;
	top:40px;
	z-index:9999;
	list-style:none;
	width:200px;
	padding:10px;
	background-color:#fff;
	border:1px solid var(--global--divider);
	border-radius:3px;
	opacity:0;
	visibility:hidden;
	transition:all .3s;
}

.dropdown-menu.active {
	opacity:1;
	visibility:visible;
}

.dropdown > a:before {
    position:absolute;
	display:block;
	content:"";
	width:0;
	height:0;
	bottom:8px;
	left:50%;
	margin-left:-20px;
	margin-bottom:-8px;	
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:8px solid var(--global--divider);
	z-index:99999;
	opacity:0;
	visibility:hidden;
	transition:all .3s;
}

.dropdown > a:after {
    position:absolute;
	display:block;
	content:"";
	width:0;
	height:0;
	bottom:8px;
	left:50%;
	margin-left:-20px;
	margin-bottom:-9px;	
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:8px solid #fff;
	z-index:99999;
	opacity:0;
	visibility:hidden;
	transition:all .3s;
}

.dropdown:hover > a:before,
.dropdown:hover > a:after,
.dropdown:hover .dropdown-menu {
	opacity:1;
	visibility:visible;
}

/* Right dropdown */
.dropdown-right .dropdown-menu {
	right:0;
}

.dropdown-right > a:before,
.dropdown-right > a:after {
	margin-left:-8px;
}

.dropdown-menu > li {
	position:relative;
	display:block;
	clear:both;
	width:100%;
	transition:all .3s;
}

.dropdown-menu li > a, 
.dropdown-menu li > label {
	display:block;
	clear:both;
	width:100%;
	padding:7px 10px;
	color:#666;
	text-decoration:none;
	cursor:pointer;
	transition:all .3s;
}

.dropdown-menu li:hover a,
.dropdown-menu li:hover label {
	color:#000 !important;
	background:var(--global--divider);
	border-radius:3px;
}

.dropdown-menu li.divider {
	background:var(--global--divider);
	overflow:hidden;
	height:1px;
	padding:0 !important;
}

.dropdown-menu li a.active, 
.dropdown-menu li label.active {
	color:#000;
}

/* Rich dropdown */
.dropdown-rich .dropdown-menu {
	width:280px;
	padding:0;
}

.dropdown.dropdown-rich li.info a, 
.dropdown.dropdown-rich li.info label {
	line-height:14px;
	font-size:12px;
}

/* More button */
.dropdown-menu li.more {
	padding:0 !important;
}

.dropdown-menu li.more a, 
.dropdown-menu li.more label {
	position:relative;
	line-height:34px;
	padding:3px;
    margin:0 -1px -1px;
	text-align:center;
	color:var(--global--color-schema);
    border:1px solid var(--global--divider);
    border-top:0;
    border-radius:0 0 3px 3px;
    width:calc(100% + 2px);
}

.dropdown-menu li.more a:hover, 
.dropdown-menu li.more label:hover {
    color:#fff !important;
    border-color:var(--global--color-schema);
    background:var(--global--color-schema);
}

/* Downloads */
.dropdown.activity li.info {
	padding:0;
	transition:all .3s;
}

.dropdown.activity li.info:hover {
	background:#f6f6f6;
}

.dropdown.activity li.info:hover a,
.dropdown.activity li.info:hover label {
	background:none;
}

.dropdown.activity li.info .info-detail {
	clear:both;
	display:table-cell;
	vertical-align:middle;
	padding:10px !important;
	line-height:14px;
	height:60px;
}

.dropdown.activity li.info label.info-detail {
	min-height:40px;
	cursor:default;
}

.dropdown.activity img.thumb {
	position:absolute;
	top:50%;
	margin-top:-20px;	
	left:10px;
	display:block;
	float:left;
	width:40px;
	height:40px;
	margin-right:10px;
	border-radius:3px;
}

.dropdown.activity em {
	font-style:normal;	
}

.dropdown.activity em.item-info {
	float:left;
	width:170px;
	margin-left:50px;
}

.dropdown.activity strong.subject {
	display:block;
	clear:both;	
}

.dropdown.dropdown-cloud strong.subject {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.dropdown.activity label strong.subject {
	font-weight:normal;
}

.dropdown.activity label strong.subject a {
	font-weight:bold;
}

.dropdown.activity strong.subject a {
	color:#666;
}

.dropdown.activity small {
	font-size:11px;
}

.dropdown.activity small.faint {
	color:#999;	
}

.dropdown-rich li .btn-user {
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-10px;
	text-align:center;
	width:20px;
}

/* Header navigation */
.headernav {
	position:relative;
	float:right;
	margin:0;
	padding:0;
	font-size:13px;
}

.headernav ul.main-nav li.submenu a span {
	color:#aaa;
}

.headernav ul.main-nav li.submenu:hover a span {
	color:#fff;
}

.headernav ul.main-nav li.submenu > .dropdown-menu {
    left:50% !important;
    margin-left:-100px !important;
}

.headernav ul.main-nav li.submenu.dropdown-rich > .dropdown-menu {
    margin-left:-135px !important;
}

/*********************
    - 43. Search -
*********************/
#search {
	float:right;
	position:relative;
	padding:12px 0;
}

#search #term {
	display:block;
	float:left;
	width:200px;
	height:36px;
	padding:6px 10px;
	margin:0;
	border:0;
	border-left:0;
	border-radius:0 3px 3px 0;
    transition:all .3s;
}

#search .search-filter {
	position:relative;
	z-index:10;
	float:left;
}

#search .search-filter strong {
	position:relative;
	display:inline-block;
	z-index:4050;
	cursor:pointer;
	font-weight:normal;
	font-size:14px;
	line-height:20px;
	padding:8px 12px;
	color:#666;
	background:#fff;
	border-right:0;
	border-radius:3px 0 0 3px;
}

#search .search-filter:hover strong {
	color:#444;
	border-bottom-left-radius:0;
}

#search .search-filter strong:after {
	content:"";
	position:absolute;
	top:8px;
	right:0;
	width:1px;
	height:20px;
	background:var(--global--divider);
}

#search .search-filter .dropdown-menu {
	width:140px;
	top:36px;
	border-top-left-radius:0;
	border-top-right-radius:0;
}

#search .search-filter .dropdown-menu:after {
	display:none;
}

#search .search-filter strong > i {
	font-size:10px;
	line-height:10px;
	margin-left:3px;
}

/* Sidebar search */
.search-field {
	position:relative;
	display:flex;
}

.search-field input {
	position:relative;
	display:block;
	float:left;
	outline:0;
	min-width:0;
	flex:1;
}

.search-field button {
	position:relative;
	display:block;
	float:left;	
	border-radius:0 3px 3px 0 !important;
	flex:0 0 36px;
}

.search-field input:focus + button {
	border-color:#999;
}

/************************
    - 44. Page info -
************************/
#page-info {
	position:relative;
	clear:both;
	width:100%;
	margin:0 auto;
	padding:40px 0;
	background:#fff;
	border-bottom:1px solid var(--global--divider);
}

#page-info .wrapper {
	z-index:1;	
}

.home-banner-bg {
	position:absolute;
	z-index:0;
	left:0;
	right:0;	
	top:0;
	height:100%;
	background:linear-gradient(-47deg, var(--global--gradient) 0%, var(--global--color-schema) 100%);
	background-image:url(https://images.codegrape.com/bg/homebanner.jpg);
	background-position:center center;
	background-attachment:fixed;
}

#page-info .breadcrumbs {
	position:relative;
	clear:both;
	padding-top:5px;
	color:#999;
	font-size:16px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

#page-info .breadcrumbs a {
	color:#666;
	text-decoration:none;
}

#page-info .breadcrumbs a.arrow:after {
  	content:'/';
  	color:#999;
  	margin-left:4px;
}

#page-info .breadcrumbs > a {
	margin-left:0px;
}

#page-info .breadcrumbs a:hover {	
	color:#444;
	text-decoration:none;
}

#page-info .breadcrumbs > a.user {
	color:var(--global--color-schema);
}

#page-info .breadcrumbs > a.user:hover {
	color:var(--global--color-schema);
	text-decoration:underline;
}

#page-info h1.page-title {
	float:left;
	position:relative;	
	color:#444;
	font-size:32px;
	line-height:32px;
	font-weight:bold;
}

#page-info div.page-count {
	float:left;
}

#page-info div.page-count span {
	display:block;
	clear:none;
	float:right;
	padding:5px 8px;
	margin:3px 0 0 8px;
	color:#fff;
	font-size:14px;
	line-height:14px;
	background:#999;	
	border-radius:3px;
}

#page-info h1.page-title b.search-term {
	font-weight:normal;
	color:var(--global--color-schema);
}

#page-info .page-left {
	float:left;
}

#page-info .page-left-right {
	width:891px;
	margin-right:15px;
}

#page-info .page-right {
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-18px;
}

#page-info .page-right .btn-icon {
	display:block;
	float:left;		
	padding:8px 16px !important;
}

#page-info .page-right .btn-icon > i {
	margin-right:0 !important;	
}

#page-info .page-right .btn-icon.previous {
	background-color:var(--global--color-light-btn);
	border-radius:3px 0px 0px 3px;	
}

#page-info .page-right .btn-icon.next {
	background-color:var(--global--color-schema);
	border-radius:0px 3px 3px 0px;
}

#page-info .page-right .btn-icon:hover, 
#page-info .page-right .btn-icon:focus {
	background-color:var(--global--color-light);
}

#page-info .page-right .btn-icon.no-prev-next {
	border-radius:3px;
	border:none;
}

/************************
    - 45. Page tabs -
************************/
.page-tabs, .page-tabs-dropdown {
	position:relative;
	clear:both;
	width:100%;
	top:40px;
}

.page-tabs ul {
	list-style:none;
}

.page-tabs li {
	position:relative;
	float:left;
	font-size:13px;	
	line-height:36px;
	height:36px;	
	margin:0;
	margin-right:1px;	
}

.page-tabs .right {
	float:right;
}

.page-tabs a {
	color:#666;
	float:left;	
	padding:0 12px;	
	border-radius:3px 3px 0 0;
}

.page-tabs a:hover, 
.page-tabs a:focus {
	background:var(--global--divider);
	color:#444;
	text-decoration:none;
}

/* Selected */
.page-tabs .selected a {
	font-weight:bold;
	color:#444;	
	background:#f4f5f7;
	border:1px solid var(--global--divider);
	border-bottom:0;	
}

/* Mobile */
.page-tabs-dropdown > label {
	position:relative;
	top:1px;
	font-size:13px;	
	line-height:32px;
	width:150px;
	height:32px;
	padding:0 10px;
	font-weight:bold;
	background:#f4f4f4;
	color:#444;
	border:1px solid var(--global--divider);
	border-bottom:0;
	text-overflow:ellipsis;
	border-radius:3px 3px 0 0;
}

.page-tabs-dropdown > label > i {
	position:absolute;
	display:block;
	top:0;
	right:1%;
	font-size:13px;	
	width:32px;
	height:32px;
	line-height:32px;	
	text-align:center;
}

.page-tabs-dropdown > select {
	position:absolute;
	opacity:0;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	width:100%;
	z-index:1;
	cursor:pointer;
	-webkit-appearance:menulist-button;
}

/*******************************
    - 46. User info header -
*******************************/
.user-info-wrapper {
	color:#666;
}

.user-info-header {	
	display:flex;
}

/* User details */
.user-info-header .user-details {
	width:50%;
	display:flex;
	align-items:center;
}

.user-info-header .user-avatar {
	float:left;
	margin:8px 20px 0 0;
	border-radius:50%;
}

.user-info-header .user-content h1 {
	line-height:28px;
}

.user-info-header .user-content h1 a {
	font-weight:bold;
	font-size:24px;
	line-height:28px;
	color:#444;
	text-decoration:none;
}

.user-info-header .user-content h1 a:hover {
	color:var(--global--color-schema);
}

.user-info-header .user-content h1 span.author-level {
	font-size:18px;
	line-height:28px;
	margin-left:10px;
	color:var(--global--color-light);
}

.user-info-header .user-content p {
	margin-bottom:9px;
}

.user-info-header .user-buttons > .btn-icon {
	margin-right:4px;
}

.user-info-header .user-buttons > .btn-holder .btn-icon {
	border:1px solid var(--global--color-light) !important;
	background:none !important;
	color:var(--global--color-light) !important;
	height:36px !important;
}

.user-info-header .user-buttons > .btn-holder .btn-icon:hover,
.user-info-header .user-buttons > .btn-holder .btn-icon:focus {
	background:var(--global--color-light) !important;
	color:#fff !important;
}

/* User stats */
.user-info-header .user-stats {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:50%;
	text-align:right;
	-webkit-flex-direction:row;
		-ms-flex-direction:row;
			flex-direction:row;	
	-webkit-align-items:flex-end;
		 -ms-flex-align:end;
			align-items:flex-end;
	-webkit-justify-content:flex-end;
			  -ms-flex-pack:end;
			justify-content:flex-end;
}

.user-info-header .user-stats-article {
	margin:0 20px;
}

.user-info-header .user-stats > .user-stats-article:first-child {
	margin-left:0;
}

.user-info-header .user-stats > .user-stats-article:last-child {
	margin-right:0;
}

.user-info-header .user-stats-article > label {
	display:block;
	clear:both;
	font-size:16px;
	line-height:16px;
	min-height:30px;
}

.user-info-header .user-stats-content {
	clear:both;
	padding-top:3px;
}

.user-info-header .user-stats-content a {
	color:#444;
	text-decoration:none;
}

.user-info-header .user-stats-content .star-rating {
	float:left;
	margin:6px 5px 0 0;
}

.user-info-header .user-stats-content .rating-stars-block,
.user-info-header .user-stats-content small {
	float:left;
	line-height:25px;
}

.user-info-header .user-stats-content > strong {
	display:inline-block;
	font-size:24px;
	line-height:24px;
	color:#444;
}

/**************************
    - 47. Home banner -
**************************/
.home-banner {
	position:relative;
	clear:both;
	padding:60px 0 !important;
}

.home-banner:before {
    content:'';
    position:absolute;
	z-index:1;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
}

.home-banner .wrapper {
	z-index:1;	
}

.home-banner h1 {
	color:#fff;
	font-size:64px;
	line-height:64px;
	font-weight:bold;
    margin-bottom:10px;
}

.home-banner h2 {
	color:#fff;
	font-size:30px;
	line-height:30px;
	margin:0 0 30px 0;
	font-weight:normal;
}

.home-banner p {
	color:#eee;
	color:rgba(255, 255, 255, 0.8);
	font-size:18px;
	line-height:28px;
	text-decoration:none;
	margin:0 15% 30px;
}

.home-banner p a {
	color:#eee;
	color:rgba(255, 255, 255, 0.9);
	text-decoration:none;	
}

.home-banner p a:hover {
	color:#fff;
	text-decoration:none;
}

.home-banner .search-form {
	margin-bottom:35px;
}

/* Buttons */
.home-banner .buttons {
	clear:both;
	width:100%;
	text-align:center;
}

.home-banner .buttons a {
	position:relative;
	display:inline-block;
	width:220px;
	height:50px;
	margin-right:10px;
	border:1px solid #fff;
	color:#fff;
	font-size:20px;
	line-height:48px;
	text-align:center;
	background:transparent;	
	border-radius:3px;
	transition:all .3s;
}

.home-banner .buttons a:hover {
	text-decoration:none;
	color:var(--global--color-schema);
	background-color:#fff;	
}

.home-banner .buttons a > i {
	margin-right:6px;
}

/*********************
    - 48. Footer -
*********************/
footer {
	clear:both;
	width:100%;
	background:#222;
}

footer h3 {
	clear:both;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	line-height:24px;
	padding-bottom:20px;	
}

/* Comments */
.footer-posts {
	float:left;
	display:block;
	margin:0;
	padding:0;
	width:300px;
	margin-right:80px;
}

.footer-posts li {
	list-style:none;
	clear:both;
	padding:6px 15px;
	margin-bottom:1px;
	background-color:#181818;
	transition:all .3s;
}

.footer-posts li:hover {
	background-color:#141414;
}

.footer-posts li:first-child {
	border-radius:3px 3px 0 0;
}

.footer-posts li:last-child {
	border-radius:0 0 3px 3px;	
}

.footer-posts li a {
	display:block;
	text-decoration:none;
	color:#cfc6c9;
	font-style:italic;
}

.footer-posts li a:hover {
	color:#FFF;
}

.footer-posts li div {
	clear:both;
	color:#999;
	font-size:13px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.footer-posts li small {
	display:block;
	color:#666;
}

.footer-posts li small a {
	display:inline;
	font-style:normal;
	color:#63AC0C;
}

/* Navigation */
.footer-nav {
	list-style:none;
	margin:0;
	padding:0;	
}

.footer-nav a {
	color:#999;
	line-height:25px;
}

.footer-nav a:hover {
	color:#fff;
	text-decoration:none;
}

/* Counts */
.footer-nav.count strong {
	color:var(--global--color-schema);
	font-size:20px;
	transition:all .3s;
}

.footer-nav.count a:hover strong {
	color:#fff;
}

.footer-nav.count span {
	color:#999;
}

/* Copyright */
.footer-copyright {
	clear:both;
	border-top:1px solid #333;
}

.footer-copyright .left {
	float:left;
	line-height:34px;
}

.footer-copyright .left em {
	font-style:normal;
}

.footer-copyright .left span {
	color:#999;	
}

.footer-copyright .left span a {
	text-decoration:none;
	margin-left:3px;
	margin-right:3px;
	color:var(--global--color-schema);
	font-weight:bold;
	text-transform:uppercase;
}

.footer-copyright .left span a:hover {
	color:#fff;
	text-decoration:none;
}

.footer-copyright .right {
	float:right;
}

/* Social icons (Footer) */
.footer-copyright .social-big-icon {
	float:left;
	padding-left:10px;
}

.footer-copyright .social-big-icon a {
	display:block;
	float:left;
	width:34px;
	height:34px;
	margin-left:5px;
	font-size:16px;
	line-height:34px;
	text-align:center;
	border-radius:50%;
}

.footer-copyright .social-big-icon a:hover {
	text-decoration:none;
}

.footer-copyright .social-big-icon a > i {
	color:#fff;
}

.social-big-icon a.twitter 		{background-color:#55acee;}
.social-big-icon a.facebook 	{background-color:#3b5998;}
.social-big-icon a.dribbble 	{background-color:#ea4c89;}
.social-big-icon a.pinterest 	{background-color:#bd081c;}
.social-big-icon a.instagram 	{background-color:#f31e58;}
.social-big-icon a.rss 			{background-color:#e96a24;}

/* Go to top */
.totop {
	display:none;
	position:fixed;
	right:30px;
	bottom:20px;
}

.gototop {
	height:41px;
	width:41px;
	z-index:9;
	cursor:pointer;
	text-align:center;
	background-color:#000;
	overflow:hidden;
	border-radius:50%;
}

.gototop:hover {
	opacity:0.7;
}

.gototop i {
	color:#fff;
	font-size:24px;
	line-height:37px;
	text-align:center;	
}

/* Facebook image fix */
iframe.fb-fix {
	position:absolute; 
	z-index:-1;
	width:0px; 
	height:0px; 
	margin:0px; 
	padding:0px; 
	border:0;
}

iframe[name="google_conversion_frame"] {
	display:none;	
}

/**********************
    - 49. Sidebar -
**********************/
.sidebar-right {
	float:left;
	width:300px;
}

.sidebar-big {
	width:400px;
}

/* Box */
.box-title {
	display:block;
	clear:both;
	background-color:#444;
	font-weight:bold;
	font-size:16px;
	line-height:16px;
	color:#fff;
	padding:15px 20px;
	border-radius:3px 3px 0 0;
}

.box-content {
	clear:both;
	padding:20px;
	margin-bottom:20px;
	background-color:#fff;
	border:1px solid var(--global--divider);
	border-radius:0 0 3px 3px;
}

.box-title + .box-content {
	border-top:0 !important;
}

.box-holder > .box-content {
	clear:both;
	margin-bottom:0;
	border-bottom:0;
	border-radius:0;
}

.box-content.box-top-radius,
.box-holder.border-top-radius > .box-content:first-child {
	border-top-left-radius:3px;
	border-top-right-radius:3px;	
}

.box-content.box-radius {
	border-radius:3px;
}

.box-content.box-p-0 {
	padding:0;	
}

.box-holder > .box-content:last-child {
	margin-bottom:20px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-bottom:1px solid var(--global--divider);
}

.box-content > p:last-child {
	margin-bottom:0;
}

/* RSS */
.rss-icon > i {
	font-size:14px;
	line-height:14px;
	color:#f86811;
	margin-right:4px;
}

/* Title */
.sidebar-right h5.decorator {
	padding-bottom:10px;
	font-size:17px;
	font-weight:normal;
}

.sidebar-right h5.decorator span {
	color:var(--global--color-schema);
}

/* Freelance */
.freelance > i {
	color:var(--global--color-schema);
	font-size:13px;
	margin-left:5px;
}

/* Copyright */
.sidebar-right .copyright {
	color:#808080;
	font-size:13px;
}

/* Icon */
.sidebar-right .icon {
	clear:both;
	text-align:center;
}

.sidebar-right .box-icon {
	font-size:100px;
	line-height:100px;
	margin-left:15px;
}

/* Item info */
.sidebar-right table.iteminfo {
	clear:both;
}

.sidebar-right table.iteminfo tr > td {
	vertical-align:top;
}

.sidebar-right table.itemview tr > td {
	padding-bottom:10px;
}

.sidebar-right table.itemview tr:last-child > td {
	padding-bottom:0;
}

.sidebar-right table.iteminfo tr > td:first-child {
	clear:left;
	float:left;
	font-weight:bold;
	width:180px;
	padding-right:20px;
}

.sidebar-right table.iteminfo tr > td:last-child {
	color:#666;
}

/* Best sellers */
.sidebar-right table.iteminfo .thumb {
	max-width:80px;
	min-height:80px;
	margin-right:15px;		
}

.sidebar-right table.iteminfo .thumb a, 
.sidebar-right table.iteminfo .thumb img {
	display:block;
}

.sidebar-right table.iteminfo .detail h3 {
	font-size:16px;
	font-weight:bold;
	padding:0 0 4px;
}

.sidebar-right table.iteminfo .detail h3 a {
	color:#171717;
}

.sidebar-right table.iteminfo .detail .sale-count {
	display:block;
	clear:both;
}

/* Label */
.sidebar-right .sidebar-label {
	clear:both;
	font-size:13px;
	text-align:center;
}

.sidebar-right .itemattr {
	float:left;
	padding-top:10px;
	padding-right:10px;
	width:153px;
}

.sidebar-right .itemattr-right {
	padding-right:0px;
}

.sidebar-right .itemattr-logins {
	width:100%;
}

.sidebar-right .itemattr-nopadding {
	padding-top:0px;
}

.sidebar-right .field_value_tags {
	width:306px;
}

.sidebar-right .itemattr span {
	display:block;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

.sidebar-right .itemattr b.itemattr-normal {
	font-weight:normal;
}

/* Social links */
.social-icon a, 
.social-icon span {
	display:block;
	float:left;
	width:34px;
	height:34px;
	margin-right:5px;
	margin-bottom:5px;
	font-size:16px;
	line-height:34px;
	text-align:center;
	border-radius:50%;
}

.social-icon a:hover, 
.social-icon span:hover {
	text-decoration:none;
}

.social-icon a > i, 
.social-icon span > i {
	color:#fff;
}

.social-icon .twitter 		{background-color:#0aa4d7;}
.social-icon .facebook 		{background-color:#4d78b6;}
.social-icon .linkedin 		{background-color:#007bb6;}
.social-icon .deviantart 	{background-color:#506e47;}
.social-icon .behance 		{background-color:#2897d0;}
.social-icon .dribbble 		{background-color:#ec4a89;}
.social-icon .pinterest 	{background-color:#cb211d;}
.social-icon .flickr 		{background-color:#ff0084;}
.social-icon .instagram 	{background-color:#f31e58;}
.social-icon .youtube 		{background-color:#bf221f;}
.social-icon .vimeo 		{background-color:#36c4dc;}
.social-icon .lastfm 		{background-color:#ea4027;}
.social-icon .github 		{background-color:#333333;}
.social-icon .tumblr 		{background-color:#32506d;}
.social-icon .reddit 		{background-color:#ff4500;}
.social-icon .rss 			{background-color:#e96a24;}

.add-on-container .social-icon span {
	margin-right:10px;
}

/**********************
    - 50. Follows -
**********************/
.follows {
	clear:both;
	border-top:1px solid var(--global--divider);
}

.follows h3 > span {
	display:inline-block;
	margin-right:10px;
	vertical-align:middle;
}

.follows .inner {
	clear:both;
	margin-top:10px;
}

.follows .inner a {
	float:left;
	display:inline;
	height:80px;
	width:80px;
	margin-right:26px;
}

.follows .inner a:last-child {
	margin-right:0;
}

/******************************
    - 51. Bookmark button -
******************************/
.box-bookmark {
	display:flex;
	flex-direction:row;
	justify-content:center;
	margin-bottom:20px;
}

.box-bookmark div.short-url {
	margin-right:10px;
}

.box-bookmark input.short-url {
	width:141px;
}

.box-bookmark a.collection-widget {
	width:190px;
}

/*****************************
    - 52. User portfolio -
*****************************/
.site-portfolio {
	overflow:hidden;
	margin-bottom:10px;
}

.site-portfolio:last-child {
	margin:0;
}

.site-portfolio img {
	display:block;
	float:left;
	margin-right:10px;
}

.site-portfolio span {
	display:block;
	float:left;
	margin-top:4px;
}

.site-portfolio small {
	font-size:11px;
	color:#888;
	text-transform:uppercase;
}

/****************************************
    - 53. User single featured file -
****************************************/
.sidebar-right .featured-file i {
	display:inline-block;
	color:var(--global--color-schema);
	margin-right:5px;
	vertical-align:middle;
}

.sidebar-right .featured-file p {
	line-height:30px;
	margin:0;
}

/******************************
    - 54. Current balance -
******************************/
#current-balance {
	font-size:38px;
	line-height:38px;
	display:block;
}

#current-balance span {
	position:relative;
	display:inline-block;
	font-size:28px;
	line-height:28px;
	vertical-align:top;
	margin-top:2px;
}

.current-rate {
	font-size:28px;
	line-height:28px;
	padding-bottom:20px;
	text-align:center;
}

.current-rate.p-small {
	padding-bottom:10px;
}

.separator {
	clear:both;
	height:1px;
	background-color:var(--global--divider);
}

/*******************
    - 55. Tags -
*******************/
.sidebar-right ul.tag-list {
	list-style:none;
	padding:0;
	margin:0 !important;
}

.sidebar-right ul.tag-list li {
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	display:block;
	overflow:hidden;
}

.sidebar-right ul.tag-list li a {
	display:block;
	float:left;
	color:#fff;
	font-size:13px;
	line-height:25px;
	background-color:#999;	
	margin:0 5px 5px 0;
	padding:0px 8px;
	cursor:pointer;
	border-radius:3px;
	user-select:none;
	transition:background-color .3s;
}

.sidebar-right ul.tag-list li a:hover {
	text-decoration:none;
	background-color:#666;
}

/*********************
    - 56. Avatar -
*********************/
.sidebar-right .author-info-wrapper {
	margin-top:54px;
	text-align:center;
}

.sidebar-right .author-info-wrapper-1st {
	margin-top:56px;
}

.sidebar-right .author-info {
	clear:both;
	width:100%;
	margin-top:-60px;
}

.sidebar-right .avatar {
	clear:both;
}

.sidebar-right .avatar img {
	displa:block;
	width:90px;
	height:90px;
	border:5px solid #f5f5f5;
}

.sidebar-right .avatar-center {
	clear:both;
	text-align:center;
	color:#888;	
}

.sidebar-right .avatar a.username {
	display:block;
	clear:both;
	padding-top:3px;
	padding-bottom:3px;
	color:#191919;
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
}

.sidebar-right .avatar-center a.username {
	display:block;
	clear:both;
	margin-top:3px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

.sidebar-right .avatar a.username:hover, 
.sidebar-right .avatar-center a.username:hover {
	text-decoration:underline;
}

.sidebar-right .avatar-right {
	clear:both;
	
}

.sidebar-right .avatar-right h2.username {
	display:block;
	clear:both;
	color:#191919;
	font-weight:bold;
	font-size:20px;	
	line-height:20px;
	margin:0;
	padding:10px 0;
	text-overflow:ellipsis;
}

.sidebar-right .avatar-right h2.username.size-s {
	font-size:16px;	
	line-height:16px;
}

.sidebar-right .avatar-right h2.username a {
	color:#333;
}

.sidebar-right .avatar-right h2.username a:hover {
	color:var(--global--color-schema);
	text-decoration:none;
}

.sidebar-right .avatar-right .view-portfolio {
	clear:both;
	padding-top:10px;
}

.sidebar-right .avatar .badges, .sidebar-right .avatar-right .badges {
	padding-bottom:3px;
}

/* Avatar right small */
.sidebar-right .author-info.author-info-settings .avatar-right h2.username {
	font-weight:normal;
	font-size:20px;	
	line-height:35px;
	padding:0;
}

.sidebar-right .author-info.author-info-settings .avatar-right p {
	margin:0;	
}

/*********************************
    - 57. Sidebar navigation -
*********************************/
.sidebar-nav {
	clear:both; 
	width:100%;
	margin:0px !important; 
	padding:0px; 
	text-indent:0px; 
	list-style:none;
}

.sidebar-nav > li:first-child > a {
	border-radius:3px 3px 0 0;
}

.sidebar-nav > li:last-child > a {
	border-bottom:1px solid var(--global--divider) !important;
	border-radius:0 0 3px 3px;
}

/* Default */
.sidebar-nav li > a {
	display:block;
	color:#666;
	background-color:#fff;
	border:1px solid var(--global--divider);
	border-bottom:0;
	padding:10px;
	text-decoration:none;
	transition:all .3s;
}

.sidebar-nav li > a > i {
	font-size:16px;
	line-height:16px;
	color:#999;
	margin:0 3px;
}

/* Hover */
.sidebar-nav li > a:hover {
	color:#444;
	background-color:var(--global--divider);
}

/* Current */
.sidebar-nav li.active > a {
	color:#fff;
	background-color:var(--global--color-schema);
	border:0;
}

.sidebar-nav li.active > a > i {
	color:#fff;
}

/************************************
    - 58. Following / Followers -
************************************/
.sidebar-right .follow {
	float:left; 
	width:221px;
}

/************************
    - 59. Purchased -
************************/
div.purchased {
	clear:both;
	background-color:#fff9d7;
}

div.purchased > i {
	margin-right:4px;
}

/************************************************
    - 60. Purchase / Comment / Rating count -
************************************************/
.sidebar-right .purchase-comment {
	float:left;
	width:50%;
	padding:20px;
}

.sidebar-right .purchase {
	display:block;
	clear:both;	
}

.sidebar-right .comment {
	display:block;
	clear:both;
	cursor:pointer;	
	margin-top:15px;
}

.sidebar-right .purchase-comment i {
	display:block;
	float:left;
	font-size:20px;
	line-height:24px;
	margin-right:8px;
}

.sidebar-right .purchase-comment strong {
	font-size:20px;
	line-height:24px;
}

.sidebar-right .ratings {
	float:left;
	width:50%;
	padding:20px;
	border-left:1px solid var(--global--divider);
	text-align:center;
}

.sidebar-right .ratings small, 
.sidebar-right .sales small {
    display:block;
    color:#999;
}

.sidebar-right .sales strong, 
.sidebar-right .followers strong, 
.sidebar-right .ratings strong {
	display:block;
	clear:both;
	font-weight:normal;	
	font-size:20px;
	line-height:24px;
	margin-bottom:8px;
	color:#000;
}

.sidebar-right .sales strong > a, 
.sidebar-right .followers strong > a, 
.sidebar-right .ratings strong > a {
	color:#000;
	text-decoration:none;
}

.sidebar-right .sales strong > a:hover, 
.sidebar-right .followers strong > a:hover, 
.sidebar-right .ratings strong > a:hover {
	color:var(--global--color-schema);
	text-decoration:none;
}

.sidebar-right .sales strong > i, 
.sidebar-right .followers strong > i, 
.sidebar-right .ratings strong > i {
	font-size:20px;
	line-height:24px;
}

.sidebar-right .sales strong > i:before, 
.sidebar-right .followers strong > i:before, 
.sidebar-right .ratings strong > i:before {
	width:auto !important;
	margin:0 !important;
}

.sidebar-right .sales strong > span, 
.sidebar-right .followers strong > span, 
.sidebar-right .ratings strong > span {
	font-size:16px;
	line-height:24px;
	color:#666;
}

.sidebar-right .ratings .rating-stars-block, 
.sidebar-right .sales .rating-stars-block {
	clear:both;
	text-align:center;
}

.sidebar-right .rating-stars-block small.no-vote {
	min-height:32px;
}

.sidebar-right .sales {
	float:left;
	width:50%;
	padding:20px 15px 15px 15px;
	border-right:1px solid #e3e3e3;
	text-align:center;
	min-height:105px;
}

.sidebar-right .followers {
	float:left;
	width:50%;
	padding:20px 15px 15px 15px;
	border-left:1px transparent;
	text-align:center;
	min-height:105px;
}

/************************
    - 61. Price box -
************************/
.pricebox {
	clear:both;
	background-color:var(--global--color-bg);
	border:1px solid var(--global--color-schema);
}

.purchase-form-selection {
	display:table;
	width:100%;
	margin-bottom:10px;	
}

/* License dropdown */
#purchase-dropdown {
	position:relative;
	display:table-cell;
	vertical-align:middle;	
	cursor:pointer;
	margin-right:10px;
	width:1px;	
}

#purchase-dropdown .dropdown-menu:after {
    position:absolute;
	z-index:9;
	display:none;
	content:"";
	width:0;
	height:0;
	top:-9px;
	left:19px;
	margin-left:-8px;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:8px solid var(--global--divider);
}

#purchase-dropdown:after {
    position:absolute;
	z-index:10;
	display:none;
	content:"";
	width:0;
	height:0;
	top:39px;
	left:20px;
	margin-left:-8px;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:8px solid #fff;
}

#purchase-dropdown span.license-name {
	display:block;
	border:1px solid #ccc;
	padding:0 6px 0 12px;
	cursor:pointer;
	text-align:left;
	font-size:14px;
	line-height:32px;
	height:34px;
	vertical-align:middle;
	background:#fff;
	white-space:nowrap;
	border-radius:3px;
	transition:border linear .3s, background-color .3s, box-shadow linear .3s;
}

#purchase-dropdown span.license-name > i {
	width:1em;
	margin-left:3px;
	font-size:13px;
}

#purchase-dropdown:hover span.license-name, 
#purchase-dropdown.active span.license-name  {
	border-color:#999;
	color:#000;
}

#purchase-dropdown ul {
	position:absolute;
	z-index:8;
	top:46px;
	width:330px;
	margin:0;
	padding:0;
}

#purchase-dropdown.active:after {
	display:block;
}

#purchase-dropdown ul li {
	width:auto;
	padding:10px;
	margin:0;
}

#purchase-dropdown ul li:hover {
	background:#f6f6f6;
}

#purchase-dropdown ul li button {
	float:left;
}

#purchase-dropdown ul li h6 > span.license-title {
	display:inline-block;
}

#purchase-dropdown ul li h6 > span.license-title > b {
	display:block;
	float:left;
	font-weight:bold;
}

#purchase-dropdown ul li h6 > span.license-title > strong.indicator {
	clear:none !important;
	margin:0 0 0 3px !important;
}

#purchase-dropdown ul li h6 > span.license-price {
	float:right;
	font-size:24px;
}

#purchase-dropdown ul li h6 > span.license-price > span {
	position:relative;
	top:1px;
	font-size:14px;
	line-height:14px;
	margin-right:3px;
	vertical-align:top;
}

#purchase-dropdown ul li:hover h6 > span.license-title > b,
#purchase-dropdown ul li:hover h6 > span.license-price {
	color:#000;
}

#purchase-dropdown ul li p {
	clear:both;
	margin:5px 0 0 0;
	color:#666;
}

a.more_about_licences {
	display:block;
	clear:both;
	text-align:center;
	text-decoration:none;
	font-size:11px;
}

a.more_about_licences span {
	color:#999;
}

a.more_about_licences span:hover {
	color:#196faf;
}

.pricebox .text .link-button {
	margin:0px 0px 0px 8px;
}

/* Price */
.pricebox .price-wrapper {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}

.pricebox p.item-cost {
	text-align:right;
	font-size:42px;
	line-height:42px;
	font-weight:bold;
	margin:0;
}

.pricebox p.item-cost > span.dollar {
	position:relative;
	top:3px;
	margin-right:5px;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	vertical-align:top;
}

/* Support */
.pricebox .support {
	clear:both;
	border-top:1px solid var(--global--color-lighter);
	padding-top:10px;
}

.pricebox .support > small {
	clear:both;
	display:block;
	color:#666;
}

.pricebox .support > p {
	clear:both;
	display:block;
	margin:10px 0 15px;
}

/* Text */
.pricebox .text {
	clear:both;
	text-align:center;
	margin-bottom:0;
}

.pricebox .info {
	clear:both;
	margin:10px;
	margin-bottom:0;
}

/******************************
    - 62. Item categories -
******************************/
.sidebar-right ul.category-tree {
	padding:0 !important;
	margin:0 !important;
}

.sidebar-right ul.category-tree li {
	list-style:none;
	margin:0;
	padding:6px 0px;
	font-size:15px;
}

.sidebar-right ul.category-tree > li.active {
	font-weight:bold;
	border-top:1px solid #eee;
	margin-top:15px;
	padding-top:15px;
}

.sidebar-right ul.category-tree li:first-child {
	padding-top:0;
}

.sidebar-right ul.category-tree li:last-child {
	padding-bottom:0;
}

.sidebar-right ul.category-tree li a.main {
	font-size:15px;
	color:#333;
	text-decoration:none;
}

.sidebar-right ul.category-tree li a.main:hover {
	color:#333;
	text-decoration:underline;
}

.sidebar-right ul.category-tree li a.selected {
	font-weight:bold;
}

.sidebar-right ul.category-tree ul {
	list-style:none;
	margin:0;
	padding:0;
}

.sidebar-right ul.category-tree .category-tree-sub {
	border-bottom:1px solid #eee;
	margin:0 0 15px !important;
	padding:10px 0 20px 10px;
}

.sidebar-right ul.category-tree .category-tree-sub li {
	list-style:none;
	margin:0;
	font-size:13px;
	line-height:14px;
}

/*************************
    - 63. Categories -
*************************/
ul.categories {
	margin:0 !important;
	padding:0 !important;
}

ul.categories li {
	list-style:none;
	width:100%;
	margin:0;
	padding:0;	
	border-bottom:1px solid var(--global--divider);
}

ul.categories li:last-child {
	border-bottom:0;
}

/* Default */
ul.categories li a {
	display:block;
	padding:0 8px;
	line-height:40px;
	color:#333;
    transition:all .3s;
}

ul.categories li a > i {
	color:#c0c0c0;
	font-size:11px;
}

/* Hover */
ul.categories li a:hover {
	padding:0 8px 0 13px;
	background-color:#e9e9e9;
	color:#000;
	text-decoration:none;
}

ul.categories li a:hover > i {
	color:#666;
}

/* Active */
ul.categories li a.active {
	color:var(--global--color-schema);
	background-color:#fff;
	text-decoration:none;
}

/* Count */
ul.categories li a > span, 
.sidebar-right ul.category-tree li a > span {
	float:right;
	display:block;
	font-size:12px;
	line-height:20px;
	background:#bbb;
	color:#fff;
	padding:0 8px;
	vertical-align:middle;
    border-radius:10px;
    transition:all .3s;
}

.sidebar-right ul.category-tree .category-tree-sub li a > span {
	font-size:11px;
	line-height:16px;
	border-radius:8px;
	padding:0 6px;
}

ul.categories li a:hover > span,
ul.categories li a > span.active,
.sidebar-right ul.category-tree li a:hover > span,
.sidebar-right ul.category-tree li a > span.active {
	background:var(--global--color-schema);	
}

/****************************
    - 64. Category list -
****************************/
.sidebar-right ul.category-list {
	padding:0;
	margin:0;
}

.sidebar-right ul.category-list li {
	list-style:none;
	margin:0;
	padding:0;
	padding-bottom:5px;
}

/********************************
    - 65. Create collection -
********************************/
#collection_create_link {
	clear:both; 
	padding-top:10px;
}

#collection_create_form {
	clear:both; 
	display:none;
}

/****************************
    - 66. Forum sidebar -
****************************/
.sidebar-thread {
	font-size:14px;
}

.sidebar-thread > span {
	font-size:13px;
}

/********************
    - 67. Modal -
********************/
.modal {	
	position:relative;
	background-color:#fafaf8;
	border-radius:4px;
	padding:0;
	width:auto;
	max-width:600px;
	margin:20px auto;
	overflow:auto;
	border:1px solid var(--global--divider);
    text-size-adjust:none;
}

.modal button.mfp-close {
	font-weight:normal !important;	
}

.modal h2 {
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	padding:0 0 5px;
}

.modal h3 {
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	padding:0;
}

.modal h1, 
.modal h2, 
.modal h3, 
.modal h4, 
.modal h5 {
	color:#444;
}

.modal.width-narrow {
	max-width:450px;
}

.modal.width-wide {
	max-width:970px;
}

/* Modal error */
.modal-error {
	max-width:350px;
	padding:50px 20px;
	font-size:16px;
	text-align:center;
}

/* Modal header */
.modal-header {
	position:relative;
	display:block;
	padding:12px 40px 12px 20px;
	background-color:#ededed;
	border-bottom:1px solid var(--global--divider);
}

.modal-header:before {
    content:"";
    position:absolute;
    width:8px;
    height:8px;
    background:none repeat scroll 0% 0% #d7d4d0;
    transform:rotate(45deg);
    left:50%;
    margin-left:-4px;
    bottom:-5px;
}

.modal-header:after {
    content:"";
    position:absolute;
    width:10px;
    transform:rotate(45deg);
    left:50%;
    margin-left:-5px;
    bottom:-4px;
    height:10px;
    background:#ededed;
}	

.modal-header h5 {
	color:#666;
	padding-bottom:5px;
	font-size:13px;
}

.modal-header p {
	font-size:14px;
	line-height:20px;
	padding:5px 0 0;
}

.modal-header p.p-0 {
	padding:0 !important;
}

.modal-header span {
	font-weight:normal;
}

.modal-header h2:last-child, 
.modal-header h3:last-child, 
.modal-header h4:last-child, 
.modal-header h5:last-child, 
.modal-header p:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

/* Modal body */
.modal-body {
	overflow:auto;	
	padding:20px;
	border-top:1px solid var(--global--divider);
}

.modal-body, .modal-body > p {
	font-size:14px;
	line-height:20px;
}

.modal-body p:first-of-type {
	padding-top:0;
}

.modal-body p:last-of-type {
	padding-bottom:0;
}

.modal-body b.capitalize {
	text-transform:capitalize;	
}

.modal-body.p-0 {
	padding:0 !important;
}

.modal-body.m-0 {
	margin:0 !important;
}

.modal-body.border-0 {
	border:none !important;
}

.modal-body.padding-m {
	padding-top:30px;
	padding-bottom:30px;
}

.modal-body.background-mid {
	background-color:#f5f5f5;
}

.modal-body.border-above {
	border-top:1px solid var(--global--divider);
}

.modal-body.border-below {
	border-bottom:1px solid var(--global--divider);
}

/* Modal scrollbar */
.modal-body.height-scroll {
	overflow-y:auto;
	overflow-x:hidden;
	max-height:250px;
}

.modal-body.height-scroll::-webkit-scrollbar {
	-webkit-appearance:none;
}

.modal-body.height-scroll::-webkit-scrollbar:vertical {
	width:11px;
}

.modal-body.height-scroll::-webkit-scrollbar:horizontal {
	height:11px;
}

.modal-body.height-scroll::-webkit-scrollbar-thumb {
	border:2px solid #f4f4f4;
	background-color:rgba(0,0,0,0.4);
}

.modal-body.height-scroll::-webkit-scrollbar-thumb:hover {
	background-color:rgba(0,0,0,0.6);
}

.modal-body.height-scroll::-webkit-scrollbar-track {
	background-color:#f4f4f4;
}

.modal-heading-highlight h2, 
.modal-heading-highlight h3, 
.modal-heading-highlight h4, 
.modal-heading-highlight h5 {
	color:var(--global--color-schema);
}

/* Modal footnote */
.modal-footnote, 
.modal-footnote-small {
	display:block;
	margin-top:10px;
	color:#999;
	font-size:13px;
	line-height:18;
}

.modal-footnote-small {
	color:#bbb;
}

/* Modal footer */
.modal-footer {
	padding:20px;
	overflow:auto;
	border-top:1px solid var(--global--divider);
	font-size:13px;
	font-weight:normal;
	line-height:34px;
	color:#555;
}

.modal-footer > a, 
.modal-footer button, 
.modal-footer input {
	margin:0 0 0 15px !important;
}

.modal-footer form {
	display:inline-block;
}

.modal-footer-link {
	line-height:30px;	
}

.modal-footer-link > i {
	font-size:14px;
	line-height:14px;	
	margin-right:4px;
}

.modal-footer-actions-left {
	float:left;
	text-align:left;
	line-height:30px;
	width:100%;
}

.fixed-layout .modal-footer-actions-left {
	width:auto;
}

.modal-footer-actions-left>a {
	margin:0 15px 0 0;
}

.modal-footer-actions-left i {
	position:relative;
	top:1px;
	margin-right:2px;
}

/* Collection widget */
.collection-widget {
	position:relative;
}

.collection-widget-list {
	list-style-type:none;
	margin:0;
	padding:0;
	min-height:100px;
	overflow-y:visible;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	position:relative;
}

.collection-widget-list > li {
	margin-bottom:5px;
	position:relative;
}

.collection-widget-command {
	display:block;
	position:relative;
	padding:5px 50px;
	margin-bottom:5px;
	font-size:14px;
	line-height:22px;
	text-align:left;
	text-decoration:none;
}

.collection-widget-command:first-of-type {
	margin-top:5px;
}

.collection-widget-command:before {
	font-family:marketplace-glyphs;
	font-style:normal;
	font-weight:normal;
	speak:none;
	text-align:center;
	width:1em;
	content:'\f104';
	position:absolute;
	left:20px;
	top:5px;
	color:#c5c5c5;
	font-size:12px;
	line-height:22px;
}

.collection-widget-item {
	display:block;
	position:relative;
	padding:5px 50px;
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	color:#666;
	text-align:left;
	text-decoration:none;
}

.collection-widget-item:first-of-type {
	margin-top:5px;
}

.collection-widget-item:before {
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;
	speak:none;
	text-align:center;
	width:1em;
	content:"\f067";
	position:absolute;
	left:20px;
	top:5px;
	color:#c5c5c5;
	font-size:16px;
	line-height:22px;
}

.collection-widget-item:hover, 
.collection-widget-item:active {
	text-decoration:none;
}

.collection-widget-item:hover:before, 
.collection-widget-item:active:before {
	color:#7e7e7e;
	text-decoration:none;
}

.collection-widget-item.is-updating, 
.collection-widget-item.is-added {
	background-color:#e2f2cc;
}

.collection-widget-item.is-updating:before {	
	color:var(--global--color-schema);
}

.collection-widget-item.is-added:before {
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;
	speak:none;
	text-align:center;
	width:1em;
	content:"\f00c";
	color:var(--global--color-schema);
}

.collection-widget-item.is-updating:hover:before, 
.collection-widget-item.is-added:hover:before {
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;
	speak:none;
	text-align:center;
	width:1em;
	content:"\f00d";
	color:var(--global--color-schema);
}

.collection-widget-item.is-error {
	-webkit-animation-fill-mode:both;
			animation-fill-mode:both;
	-webkit-animation-duration:0.5s;
			animation-duration:0.5s;
	-webkit-animation-timing-function:ease;
			animation-timing-function:ease;
	-webkit-animation-iteration-count:1;
			animation-iteration-count:1;
	-webkit-animation-name:shake;
			animation-name:shake;
	opacity:0.5;
	cursor:not-allowed;
}

.collection-widget-item.is-new:after {
	content:"new";
	position:relative;
	top:-2px;
	left:10px;
	background:var(--global--color-schema);
	color:#fff;
	font-weight:normal;
	padding:1px 4px 3px;
	border-radius:3px;
	font-size:10px;
	line-height:12px;
}

.collection-widget-item-empty {
	margin-top:40px;
	text-align:center;
	font-size:13px;
	line-height:20px;
	color:#999;
}

/* Flash message */
.collection-widget-flash-message {
	position:absolute;
	display:inline;
	right:20px;
	font-size:13px;
	color:var(--global--color-schema);
	-webkit-animation-fill-mode:both;
			animation-fill-mode:both;
	-webkit-animation-duration:1s;
			animation-duration:1s;
	-webkit-animation-timing-function:ease;
			animation-timing-function:ease;
	-webkit-animation-iteration-count:1;
			animation-iteration-count:1;
	-webkit-animation-name:fade-in-out;
			animation-name:fade-in-out;
}

/* Animation */
@keyframes fade-in-out {
	0% 		{opacity:0;} 
	50% 	{opacity:1;} 
	100% 	{opacity:0;}
}

/* Error */
.collection-form-error {
	display:none;
	color:#fff;
	font-size:13px;
	line-height:18px;
	background:#c24242;
	padding:10px;
	border-radius:3px;
	margin-bottom:15px;
}

/* Reveal */
.collection-form-reveal {
	display:none;	
}

.collection-form-reveal label {
	font-size:13px;
	line-height:16px;	
}

.collection-form-actions {
	margin-top:15px;	
}

.collection-form-actions > a {
	color:#bbb;
	margin-left:15px;
	font-size:14px;
	line-height:20px;
	text-decoration:none;
}
.collection-form-actions > a:hover, 
.collection-form-actions > a:focus {
	text-decoration:underline;
}

/**************************
    - 68. Star rating -
**************************/
.rating {
	clear:both;
	margin-top:5px;
}

.item_names .rating {
	margin-left:-32px;
}

.star-rating {	
	position:relative;
	display:inline-block;	
}

.star-rating label {	
	float:right;
	margin-left:2px;
	font-size:14px;
	line-height:14px;
	color:#ccc;
	-webkit-user-select:none;
	   -moz-user-select:none;
	   		user-select:none;
}

.ratings .star-rating label, 
.sales .star-rating label {
	margin-left:3px;
	font-size:17px;
}

.star-rating label:last-child {
	margin-left:0;
}

.star-rating label > span {
	display:none !important;
	text-indent:-9000px !important;
}

.star-rating label:before {
	display:inline-block;
	content:"\f005";
	font-size:1.1em;
	font-family:FontAwesome;	
}

.star-rating label.star-half:before {
	position:absolute;
	content:"\f089";	
	margin-left:2px;
}

.ratings .star-rating label.star-half:before, 
.sales .star-rating label.star-half:before {
	margin-left:3px;
}

.star-rating label.star-full, 
.star-rating label.star-half {
	color:#ffb801;
}

/* Rate */
.no-rating .star-rating label:hover {
	color:#ffb801;
}

.no-rating .star-rating label:hover ~ label {
	color:#ffd567;	
}

/*************************
    - 69. Pagination -
*************************/
.pagination {
	clear:both;
	padding-bottom:20px;
	font-size:13px;
}

.pagination div.page-numbers {
	float:right;
}

.pagination span {
	display:block;
	float:left;
}

.pagination span.dot {
	display:block;
	float:left;
	padding:5px 0px;
}

.pagination a, 
.pagination span.current {
	display:block;
	float:left;
	padding:0 10px;
	margin:0 2px;
	height:32px;
	line-height:32px;
	border-radius:3px;
}

.pagination a.arrow {
	width:32px;
	background:#444;
	color:#FFF;
	text-align:center;
}

.pagination a.arrow:hover {
	text-decoration:none;
	background-color:var(--global--color-schema);
}

.pagination span.current {
	border:1px solid var(--global--divider);
	background:#fff;
	font-weight:bold;
	text-align:center;	
}

/* Pagination by only page numbers */
#paginated-content-container {
	clear:both;
	padding-bottom:20px;
	vertical-align:baseline;
}

#paginated-content-container .pagination {
	clear:none;
	float:right;
	padding-bottom:0;
}

#paginated-content-container .pagination span.page-text, 
#paginated-content-container .pagination div.page-items {
	display:none;
}

#paginated-content-container a.arrow-right {
	margin-right:0;
}

/* Sort */
.sort-by {
	clear:both;
	margin-bottom:20px;
}

.sort-by span.text {
	display:block;
	float:left;
	margin-right:10px;
	line-height:36px;
}

/*******************
    - 70. Form -
*******************/
form .required {
	color:#cd0000;
}

form .field {
	margin-top:10px;
	margin-bottom:15px;
	*zoom:1;
}

form .field:first-child {
	margin-top:0px;
}

form > .contents > .field:last-child {
	margin-bottom:0px;
}

form .subject-field {
	display:none;
}

form .first {
	margin-top:0;
}

form em {
	clear:both;
	display:block;
	padding-top:10px;
	font-size:13px;
	line-height:15px;
	color:#999;
}

form label > em {
	margin-top:0;
}

/* Tag box */
div.tagbox {
	background:#fff;
	border:1px solid #ccc;
	font-size:11px;
	color:#333;
	width:calc(100% - 180px);
	min-height:48px;
	padding:10px 10px 6px 10px;
	overflow-x:auto;
	overflow-y:hidden;
	border-radius:3px;
}

.tagbox span.tag label {
	background-color:var(--global--color-schema) !important;
}

/* Aweform */
.aweform::-moz-focus-inner {
	border:0;
	padding:0;
}

label.aweform, 
input.aweform, 
select.aweform, 
textarea.aweform {
	font-size:14px;
	line-height:20px;
}

/* Input */
input.aweform[type=email], 
input.aweform[type=password], 
input.aweform[type=search], 
input.aweform[type=text], 
textarea.aweform, 
select.aweform {
	position:relative;
	background:#fff;	
	border:1px solid #ccc;
	color:#7e7e7e;
	height:36px;
	margin:0;
	outline:0;
	padding:6px 10px;
    border-radius:3px;
    transition:background-position 0s, border .3s, color .3s;
}

input.aweform[type=email]:focus, 
input.aweform[type=password]:focus, 
input.aweform[type=search]:focus, 
input.aweform[type=text]:focus, 
.search-form input.search-input:focus,
textarea.aweform:focus, 
select.aweform:focus {
	border-color:#999;
	color:#444;
}

/* Input dark */
input.aweform[type=text].dark {
	background:#141414;
	color:#999;
	border:none;
}

input.aweform[type=text].dark:focus {
	background:#000;
	color:#fff;
}

/* Input disabled */
input.aweform[type=text][disabled] {
	background:#eee;
	cursor:not-allowed;
}

::-webkit-input-placeholder {
	color:#bbb;
}

input.aweform:-moz-placeholder {
	color:#bbb;
}

/* Input file */
input.file {
	position:absolute;
	border:0;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;	
	clip:rect(0 0 0 0);
	overflow:hidden;	
}

.input-filename {
	display:inline-block;	
}

/* Textarea */
textarea.aweform {
	height:150px;
}

textarea.big {
	height:250px;
}

/* Select */
select.aweform {
	width:auto;
}

select.aweform[multiple] {
	height:100px;
}

.checkbox {
	width:12px;
	margin:10px 10px 10px 0px;
	padding:0;
	background:none;
}

.aweform label input[type=checkbox] {
	border:none;
	cursor:pointer;
	height:auto;
	line-height:normal;
	margin:3px 0;
	padding:0;
	width:auto;
}

.aweform label input[type=checkbox]:focus {
	outline:1px dotted #222;
}

.radiolist label {
	clear:none !important;
	float:left !important;
	margin:8px 20px 0 0 !important;
	line-height:20px !important;
	padding:0;
	width:auto !important;
	cursor:pointer;
}

p.format-help {
	line-height:13px;
}

p.smiley-help {
	margin:0;
}

/******************************
    - 71. Horizontal form -
******************************/
.horizontal-form label, 
.horizontal-form span.label {
	display:block;
	float:left;	
	width:160px;
	margin-right:20px;
	line-height:36px;
}

.horizontal-form p.label {
	margin:0 0 5px;
}

.horizontal-form label img {
	vertical-align:middle;
}

.horizontal-form .inputs {
	float:left;
	width:calc(100% - 180px);
}

.horizontal-form .full-width {
	clear:both;
	width:calc(100% - 180px);
}

.horizontal-form .full-width label {
	width:auto;
	cursor:pointer;
}

.horizontal-form .inputs label {
	cursor:pointer;
	float:none;
	margin:0;
	width:auto;
}

.horizontal-form label.payment-method-label {
	margin-top:15px;	
}

.horizontal-form .inputs span {
	display:block;
	float:left;
	margin:6px 20px 0 0;
	width:auto;
}

.horizontal-form .inputs span.help {
	padding:6px 10px;
	margin:0 !important;
	line-height:24px;
	color:#999;
}

/* Add-on */
span.add-on {
	position:relative;
	background:#f5f5f5;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	float:left;
	display:block;
	width:auto;
	min-width:32px;
	height:36px;
	line-height:24px;
	margin:0 !important;
	padding:5px;
	font-weight:normal;	
	color:#999;
	text-align:center;
	border-radius:3px 0 0 3px;
}

span.add-on-middle {
	border-left:none;
	border-right:none;
	border-radius:0;
}

span.add-on-right {
	border-left:none;
	border-right:1px solid #ccc;
	border-radius:0 3px 3px 0;
}

span.add-on-button {
	cursor:pointer;	
}

input.input-left {
	float:left;
	margin-right:5px;
}

input.input-left.add-on-left {
	margin:0;
	border-radius:0 3px 3px 0;
}

input.input-left.add-on-right {
	margin:0;
	border-radius:3px 0 0 3px;
}

/* Field */
.horizontal-form .field:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	overflow:hidden;
	visibility:hidden;
}

.horizontal-form input.aweform[type=email], 
.horizontal-form input.aweform[type=password], 
.horizontal-form input.aweform[type=text], 
.horizontal-form input.aweform[type=file], 
.horizontal-form select.aweform {
	display:block;
	width:400px;
}

.horizontal-form textarea.aweform {
	width:100%;
}

.horizontal-form .inputs small {
	display:block;
	margin:5px 0 0 5px;
}

.horizontal-form select.small {
	width:150px;
}

.horizontal-form input[type=text].small {
	width:100px;
}

.horizontal-form input[type=text].medium {
	width:200px;
}

.content-body.w-small .horizontal-form .inputs {
	width:calc(100% - 180px);
}

/* CKEditor */
.editor-holder {
	clear:both; 
	padding-top:10px;
}

.editor-holder.minimal {
	clear:none;
	float:left; 
	padding-top:0;
	width:calc(100% - 180px);
}

.editor-holder .cke, 
.editor-holder .cke .cke_inner {
	border-color:#ccc;
	border-radius:3px;
	box-shadow:none !important;
}

.editor-holder .cke .cke_inner .cke_top {
	border-radius:3px 3px 0 0;
	box-shadow:none !important;
}

/*******************************
    - 72. File upload zone -
*******************************/
#drag-and-drop-zone {
	position:relative;
	clear:both;
	text-align:center;
	padding:10px 0 25px;
}

#drag-and-drop-zone > i {
	clear:both;
	font-size:160px;
	line-height:160px;
	color:#c6c6c6;
    transition:all .3s;
}

#drag-and-drop-zone:hover > i {
	color:var(--global--color-schema);
}

#drag-and-drop-zone > h4 {
	font-weight:bold;
	padding-bottom:2px;
}

#drag-and-drop-zone > p {
	margin:0;
}

#drag-and-drop-zone > em {
	margin-top:2px;
}

#drag-and-drop-zone > input {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	cursor:pointer;
	z-index:1;
}

/* Upload list */
.upload-list {
	display:none;
	clear:both;
	background:#f0f0f0;
	border:1px solid #bbb;
	padding:10px;
	margin-bottom:30px;
	border-radius:3px;
}

.upload-item {
	display:none;
	position:relative;
	clear:both;
	width:100%;
	border:1px solid #d0d0d0;
	margin-bottom:1px;
	padding:15px 15px 15px 30px;
	font-size:13px;
	background:#f9f9f9;
	border-radius:3px;
}

.upload-item .action-btn {
	position:absolute;
	height:32px;
	width:32px;
	top:18px;
	left:-10px;
	background-repeat:no-repeat;
	background-position:right;
}

.upload-item .action-btn.complete {
	background-image:url(https://images.codegrape.com/icon/upload/complete.png);
}

.upload-item .action-btn.loading {
	background-image:url(https://images.codegrape.com/icon/upload/incomplete.png);
}

.upload-item .action-text {
	float:right;
	cursor:pointer;
}

.upload-item .title {
	margin:0;
	font-weight:normal !important;
}

/* Line progress */
.upload-item .progress {
	position:relative;
	clear:both;
	margin-top:10px;
	width:100%;
	height:8px;
	background-color:#ccc;
	border-radius:3px;
}

.upload-item .progress > span {
	position:absolute;
	display:block;
	z-index:1;
	top:0;
	left:0;
	width:0;
	height:100%;	
	background-color:var(--global--color-schema);
	background-position:0 0;
	background-repeat:repeat-x;
	background-size:16px 8px;
	background-image:linear-gradient(315deg, transparent, transparent 33%, rgba(255,255,255,0.2) 33%, rgba(255,255,255,0.2) 66%, transparent 66%, transparent);
	animation:progressbar-bg .8s linear 0s infinite;
	border-radius:3px;
	transition:width .3s;
}

@keyframes progressbar-bg {
	0% {background-position:0 0;}
	to {background-position:-16px 0;}
}


/****************************
    - 73. Vertical form -
****************************/
.vertical-form label, 
.vertical-form span.label {
	display:block;
	clear:both;
	margin:0 0 5px;
}

.vertical-form label.btn-icon {
	display:inline-block;
}

.vertical-form label.for-checkbox {
	clear:none;
	float:left;
	cursor:pointer;
	margin-top:6px;
}

.vertical-form .inputs {
	clear:both;
	width:100%;
}

.vertical-form .inputs label {
	cursor:pointer;
	float:none;
	margin:0;
	width:auto;
}

.vertical-form .field {
	margin-bottom:10px;
}

.vertical-form .field:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	overflow:hidden;
	visibility:hidden;
}

.vertical-form input.aweform[type=email], 
.vertical-form input.aweform[type=password], 
.vertical-form input.aweform[type=text], 
.vertical-form input.aweform[type=file], 
.vertical-form select.aweform {
	display:block;
	width:100%;
}

.vertical-form textarea.aweform {
	width:100%;
}

/*******************************
    - 74. Credit card form -
*******************************/
.credit-card-form label {
	font-weight:bold;
}

.credit-card-form input.small {
	max-width:50px !important;
}

.credit-card-form input.cvv {
	max-width:95px !important;
}

.credit-card-form span.divider {
	display:block;
	float:left;
	margin:0 5px;
	font-size:18px;
	line-height:32px;
}

/* Error */
.credit-card-error {
	display:none;
}

/**************************
    - 75. Form submit -
**************************/
.form-submit {
	clear:both;
	margin-left:180px;
}

.form-submit-left {
	clear:both;
	margin-left:0;
}

/*********************************
    - 76. Custom radio input -
*********************************/
input[type=radio] {
	float:left;
	display:inline-block;
	padding:0;
	width:14px;
	height:14px;
	margin:0;
	margin-top:3px;
	margin-right:4px;
}

.rs-radiobtn {
	float:left;
	display:inline-block;
	vertical-align:middle;
	border:1px solid #ccc;
	cursor:pointer;
	width:14px;
	height:14px;
	padding:0;
	margin:3px 4px 0 0;
	border-radius:50%;
	transition:all .3s;
}

.rs-radiobtn > div {
	clear:both;	
	width:12px;
	height:12px;
	padding:0;
	margin:0;
	background-color:#fff;
	border:3px solid #fff;
	border-radius:50%;	
}

/* Hover */
.rs-radiobtn:active, .rs-radiobtn:hover {
	border:1px solid #999;
}

/* Checked */
.rs-radiobtn.rs-radiobtn-checked {
	border:none;
}

.rs-radiobtn.rs-radiobtn-checked > div {
	width:14px;
	height:14px;
	border:4px solid var(--global--color-schema);
	background-color:#fff;
}

/* Payment type radio */
.payment-type .rs-radiobtn.rs-radiobtn-checked > div {
	border:4px solid #fff;
	background-color:var(--global--color-schema);
}

.payment-type-wrapper .payment-type.deposit span.rs-radiobtn {
	margin-top:12px;
}

.payment-type-wrapper .payment-type.paypal span.rs-radiobtn {
	margin-top:25px;
}

.payment-types .payment-type input[type=radio], 
.payment-types .payment-type .rs-radiobtn {
	margin-top:16px;
	margin-left:10px;
}

.modal .rs-radiobtn {
	margin-top:3px;
}

/******************************
    - 77. Custom checkbox -
******************************/
input[type=checkbox] {
	float:left;
	display:inline-block;
	padding:0;
	width:16px;
	height:16px;
	margin:8px 7px 0 0;
}

.rs-checkbox {
	position:relative;
	float:left;
	display:block;
	width:20px;
	height:20px;
	border:1px solid #ccc;
	background:#fff;
	cursor:pointer;
	margin:7px 10px 0 0;
	border-radius:2px;
	transition:all .3s;
}

.rs-checkbox:after {
	content:"\f00c"; 
	position:absolute;
	left:3px;
	font-family:FontAwesome;
	font-size:13px;
	line-height:17px;
	color:#fff;
	opacity:0;
	transition:all .3s;
}

form .checkbox-group label {
	width:auto;
	cursor:pointer;
	margin:0 !important;
}

/* Hover */
.rs-checkbox:active, .rs-checkbox:hover {
	border:1px solid #999;
}

/* Checked */
.rs-checkbox.rs-checkbox-checked {
	border:1px solid var(--global--color-schema);
	background:var(--global--color-schema);
}

.rs-checkbox.rs-checkbox-checked:after {
	opacity:1;
}

/****************************
    - 78. Form validate -
****************************/
/* Invalid */
.horizontal-form input.invalid[type=text],
.horizontal-form input.invalid[type=password], 
.horizontal-form textarea.invalid {
	border-color:#ecb0ae !important;
	color:#d68e8b;
}

.horizontal-form label.invalid {
	display:block;
	clear:both;
	width:100%;
	color:#bb423e;
	font-weight:normal;
	font-size:13px;
	margin-top:3px;
}

/* Validating */
.horizontal-form input.validating[type=text], 
.horizontal-form input.validating[type=password], 
.horizontal-form textarea.validating, 
.horizontal-form select.validating {
	background-image:url(https://images.codegrape.com/bg/loader-black.gif);
	background-repeat:no-repeat;
    background-size:16px 16px;
    background-position:right 5px center;
}

.horizontal-form select.validating {
	background-position:right 22px center;
}

/* Validated */
.horizontal-form input.validated[type=text], 
.horizontal-form input.validated[type=password], 
.horizontal-form textarea.validated, 
.horizontal-form select.validated {
	background-image:url(https://images.codegrape.com/bg/input-valid.svg);
	background-repeat:no-repeat;
    background-size:16px 16px;
    background-position:right 5px center;
}

.horizontal-form select.validated {
	background-position:right 22px center;
}

/*******************************
    - 79. ReCaptcha widget -
*******************************/
#recaptcha-widget {
	margin-bottom:2px;
}

#recaptcha_err {
	display:none;
}

/*************************
    - 80. Datepicker -
*************************/
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
	background-color:var(--global--color-schema) !important;
	border-color:var(--global--color-schema) !important;
}

/************************
    - 81. Statement -
************************/
form strong.statement {
	display:block;
	clear:both;
	font-weight:normal;
	margin-bottom:5px;
}

.statement input.datepicker[type=text] {
	width:95px !important;
}

.statement .margin-right {
	margin-right:5px;	
}

.statement select {
	padding:4px;
}

/****************************
    - 82. Sort controls -
****************************/
.sort-control {
	float:left;
	margin-right:10px;	
}

/* Sort asc / desc */
.sort-direction {	
	font-size:16px;
	color:#838383;
	line-height:36px;
}

.sort-direction:hover {
	color:var(--global--color-schema);
	text-decoration:none;
}

/* List / Grid */
.layout-switcher a {
	display:block;
	float:left;
	padding:8px 12px;
	margin:0;
	font-size:17px;
	line-height:17px;
	color:#999;
	background:#fff;
	border:1px solid var(--global--divider);
}

.layout-switcher a.active {
	color:#fff;
	background:#444;
	border-color:#444;
}

.layout-switcher a:first-child {
	border-right:0;
	border-radius:3px 0 0 3px;
}

.layout-switcher a:last-child {
	border-left:0;
	border-radius:0 3px 3px 0;	
}

/**************************
    - 83. Right panel -
**************************/
.sidebar-right form strong, 
.sidebar-right form .label {
	display:block;
	clear:both;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:5px;
}

.sidebar-right form strong.first {
	margin-top:0px;
}

.sidebar-right form strong em {
	float:left;
}

/****************************
    - 84. Small content -
****************************/
form .form_terms {
	height:300px;
	overflow:auto;
	border:1px solid #CCC;
	background-color:#fff;
	padding:10px;
}

form .checkboxes {
	float:left;
	width:598px;
}

form .checkboxes label {
	float:left;
}

form .checkboxes label.checkbox-label {
	width:calc(100% - 30px);
	line-height:inherit;
}

.or_div {
	float:left;
	width:25px;
	text-align:center;
	margin-top:6px;
}

/********************
    - 85. Stats -
********************/
.stats-chart-wrapper {
	position:relative;
	clear:both;
	padding:20px;
	background-color:#fff;
	border:1px solid var(--global--divider);
	border-radius:0px 0px 3px 3px;
}

.stats-chart-wrapper.small-padding {
	padding:0 0 10px 0;
}

.stats-chart-wrapper .no-data {
	position:relative;
	display:block;
	top:50%;
  	transform:translateY(-50%);
	text-align:center;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#ccc;
	text-transform:uppercase;	
}

.stats-chart-wrapper .item-grid {
	border:0;
	padding:0;
	margin:0 !important;	
	background:none;
}

.stats-chart-wrapper .item-grid > li {
	padding-bottom:0;	
}

.stat-nav {
	float:left;
}

.stat-nav a {
	display:block;
	float:left;
	padding:3px 6px;
	margin-right:2px;
	font-weight:bold;
	font-size:13px;
	line-height:13px;
	text-decoration:none;
	cursor:pointer;
	color:#888;
	border:1px solid #e3e3e3;
	background-color:#e3e3e3;
	border-radius:4px;
	transition-duration:0.3s;
}

.stat-nav a:hover, 
.stat-nav a.active {
	text-decoration:none;
	color:#333;
	border:1px solid #d1d1d1;
	background-color:#fff;
	transition-duration:0.3s;
}

ul.stat-tabs {
	list-style:none;	
	margin:0 !important;
	padding:0 !important;
}

ul.stat-tabs li {
	float:left;
	width:33%;
	margin:0;
	padding:0;
	text-align:center;
	border-right:1px solid var(--global--divider);
}

ul.stat-tabs li:last-child {
	width:34%;
	border-right:none;
}

ul.stat-tabs li strong {
	display:block;
	clear:both;
	font-weight:bold;
	font-size:18px;
}

ul.stat-tabs li small {
	display:block;
	padding-top:3px;	
	color:#888;
	font-size:13px;
	line-height:13px;
}

.pieLabel div {
	color:#bbb !important;	
	line-height:14px;
}

.pieLabel div span {
	display:block;
	float:left;
	margin-top:2px;
	color:#444 !important;
}

.pieLabel div b {
	display:block;
	float:left;
	font-weight:normal;
	font-size:11px;
	line-height:11px;
	color:#fff;
	padding:3px 6px;
	margin-left:3px;
	border-radius:3px;	
}

div.sales_graph, div.earnings_graph {
	position:relative;
	clear:both;
	height:250px;
}

/* Sidebar stats */
.stat-bar h5 {
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	margin:0;	
}

.stat-bar span.sparkline {
	display:block;
	min-height:25px;
	margin:5px 0;
}

.stat-bar span.label {
	display:block;
	clear:both;
	color:#999;	
	margin-top:5px;
}

/* Loader icon */
.loader-icon {
	position:absolute;	
	z-index:0;
	top:50%; 
	left:50%;
	width:32px;
	height:32px;
	margin:-16px -16px;
}

.loader-icon span {
	width:24px;
	height:24px;
	position:absolute;
  	top:0px;
  	left:0px;
  	z-index:0;
	border:2px solid #d9d9d9; 
	border-radius:50%;
}

.loader-icon .spinner {
  	z-index:1;
	border-color:#262626;  
	border-right-color:transparent;
	border-top-color:transparent;
	border-bottom-color:transparent;
	animation:spin 1s linear infinite;
}

/* Big */
.loader-icon.big {
	width:48px;
	height:48px;
	margin:-24px -24px;
}

.loader-icon.big span {
	width:40px;
	height:40px;
	border-width:4px;
}

/* White bg */
.loader-icon.bg-white {
	margin-top:-6px !important;	
	background:#fff;
	padding:4px;
	border-radius:3px;
}

.loader-icon.bg-white span {
	left:4px !important;
	top:4px !important;
}

/* Animation */	
@keyframes spin { 
	from 	{transform:rotate(0deg);} 
	50%		{transform:rotate(180deg);} 
	to 		{transform:rotate(360deg);} 
}

/*********************
    - 86. Button -
*********************/
a.forums {
	width:248px;
	position:relative;
	margin-top:0px;
	text-align:center;
}

div.button-margin-top {
	margin-top:25px;
	margin-left:8px;
}

button, input[type="submit"] {
	overflow:visible;
}

input[type="submit"]::-moz-focus-inner, 
button::-moz-focus-inner {
	border:0;
	padding:0;
}

/* Default */
a.buttons, button, 
input[type="submit"], 
.btn-icon {
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-family:var(--global--font-family);
	font-weight:bold;
	font-size:14px;
	line-height:36px;
	border:none;	
	margin:0;
	padding:0 20px;
	text-align:center;
	background-color:var(--global--color-schema);
	border-radius:3px;
	transition:all .3s;
}

/* Hover */
a.buttons:hover, 
a.buttons:focus, 
button:hover, button:focus, 
input[type="submit"]:hover, 
input[type="submit"]:focus {	
	background-color:var(--global--color-light);
	text-decoration:none;
}

/* Active */
a.buttons:active, 
a.buttons.active, 
button:active, 
button.active, 
input[type="submit"]:active, 
input[type="submit"].active {
	cursor:default;
	background-color:var(--global--color-light);
}

/* Disabled */
a.buttons.disabled, 
button.disabled, 
input[type="submit"].disabled,
a.buttons.disabled:hover, 
button.disabled:hover, 
input[type="submit"].disabled:hover,
a.buttons.disabled:focus, 
button.disabled:focus, 
input[type="submit"].disabled:focus {
	background-color:#bbb !important;
	color:#dfdfdf;
	cursor:not-allowed;	
}

/* Green button */
.btn-icon.btn-green,
.btn-icon.btn-green.no-hover:hover, 
.btn-icon.btn-green.no-hover:focus {
	background-color:var(--button--green-color) !important;
}

.btn-green:hover, 
.btn-green:focus {
	background-color:var(--button--green-color-hover) !important;
}

/* Blue button */
.btn-icon.btn-blue,
.btn-icon.btn-blue.no-hover:hover, 
.btn-icon.btn-blue.no-hover:focus {
	background-color:var(--button--blue-color) !important;
}

.btn-blue:hover, .btn-blue:focus {
	background-color:var(--button--blue-color-hover) !important;
}

/* Grey button */
.btn-icon.btn-grey,
.btn-icon.btn-grey.no-hover:hover, 
.btn-icon.btn-grey.no-hover:focus {
	background-color:var(--button--grey-color) !important;
}

.btn-icon.btn-grey:hover, 
.btn-icon.btn-grey:focus {
	background-color:var(--button--grey-color-hover) !important;
}

/* Black button */
.btn-icon.btn-black,
.btn-icon.btn-black.no-hover:hover, 
.btn-icon.btn-black.no-hover:focus {
	background-color:var(--button--black-color) !important;
}

.btn-icon.btn-black:hover, 
.btn-icon.btn-black:focus {
	background-color:var(--button--black-color-hover) !important;
}

.btn-icon.btn-black > i {
	color:var(--global--color-schema) !important;
}

/* Red button */
.btn-icon.btn-red, 
.btn-icon.btn-red.no-hover:hover, 
.btn-icon.btn-red.no-hover:focus {
	background-color:var(--button--red-color) !important;
}

.btn-icon.btn-red:hover, 
.btn-icon.btn-red:focus {
	background-color:var(--button--red-color-hover) !important;
}

/* Preview social share buttons */
.btn-icon.twitter 		{background-color:#55acee;}
.btn-icon.facebook 		{background-color:#3b5998;}
.btn-icon.linkedin 		{background-color:#007bb6;}
.btn-icon.pinterest 	{background-color:#bd081c;}

.btn-icon.twitter:hover, 	.btn-icon.twitter:focus 	{background-color:#6cb7f0 !important;}
.btn-icon.facebook:hover, 	.btn-icon.facebook:focus 	{background-color:#4264aa !important;}
.btn-icon.linkedin:hover, 	.btn-icon.linkedin:focus 	{background-color:#0090d5 !important;}
.btn-icon.pinterest:hover, 	.btn-icon.pinterest:focus 	{background-color:#ca081d !important;}

/* Button icon */
.btn-icon > i {
	font-size:14px;
	line-height:14px;
	margin-right:4px;
}

.btn-icon.search {
    position:absolute;
    top:1px;
    right:1px;
	width:34px !important;
	height:34px !important;
	padding-left:0 !important;
	padding-right:0 !important;
	text-align:center;
	color:#999;
	background:#fff;
	border:0;
	box-shadow:none;
	border-radius:0 3px 3px 0;
}

#search .btn-icon.search {
    top:13px;
}

.btn-icon.search > i {
	margin:0;
}

.btn-icon.search:hover, 
.btn-icon.search:focus {
	color:#333;
	background:#eee;
}

.btn-icon.waiting:before {
	content:"";
	float:left;
	width:16px;
	height:16px;
	margin:1px 8px 0 0;
	background:url(https://images.codegrape.com/bg/loader-white.gif) center left no-repeat;
}

.btn-icon.waiting > i {
	display:none;
}

.btn-purchase-paypal {
	display:none;	
}

/* Small button */
a.buttons.small, 
button.small, 
input[type="submit"].small {
	font:13px/18px var(--global--font-family);
	padding:3px 10px;
}

.btn-icon.small > i {
	font-size:15px;
	line-height:18px;
	margin-right:3px;
}

/* Medium button */
a.buttons.middle, 
button.middle, 
input[type="submit"].middle {
	font:16px/20px var(--global--font-family);
	padding:8px 20px;
	font-weight:bold;
}

.btn-icon.middle > i {
	font-size:16px;
	line-height:16px;
	font-weight:normal;
}

/* Medium button */
a.buttons.size-m, 
button.size-m, 
input[type="submit"].size-m {
	font:18px/20px var(--global--font-family);
	padding:15px 30px;
	font-weight:bold;
}

.btn-icon.size-m > i {
	font-size:18px;
	line-height:20px;
	font-weight:normal;
}

/* Large button */
a.buttons.size-l, 
button.size-l, 
input[type="submit"].size-l {
	font:18px/20px var(--global--font-family);
	padding:15px 30px;
	font-weight:bold;
}

.btn-icon.size-l > i {
	font-size:18px;
	line-height:20px;
	font-weight:normal;
}

/* XL button */
a.buttons.size-xl, 
button.size-xl, 
input[type="submit"].size-xl {
	font:24px/30px var(--global--font-family);
	padding:20px 40px;
	font-weight:normal;
}

.btn-icon.size-xl > i {
	font-size:24px;
	line-height:30px;
	font-weight:normal;
}

/* Follow button */
.btn-icon.btn-follow, 
.btn-icon.btn-following, 
.btn-icon.btn-unfollow {
	width:140px !important;
}

.btn-icon.btn-following, 
.btn-icon.btn-unfollow {
	display:none;
}

.follow-button.is-following .btn-icon.btn-follow {
	display:none;	
}

.follow-button.is-following .btn-icon.btn-following {
	display:inline-block;
}

.follow-button.is-following:hover .btn-icon.btn-following {
	display:none;
}

.follow-button.is-following:hover .btn-icon.btn-unfollow {
	display:inline-block;
}

/* Users list */
.avatar .btn-icon {
	width:80px !important;
	margin-top:5px !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

.avatar .btn-icon > i {
	display:none !important;
}

.avatar .btn-icon.waiting:before {
	display:none !important;
}

/*****************************
    - 87. Action buttons -
*****************************/
a.button {
	display:block; 
	clear:both; 
	font-size:13px;
	color:#444;
	text-decoration:none;
}

a.button:hover {
	color:var(--global--color-schema);
	text-decoration:none;
}

a.button i {
	width:1em;
	font-size:18px;
	line-height:20px;
	margin-right:3px;
	text-align:center;
}

/***************************
    - 88. Social links -
***************************/
.social-links {
	clear:both;
}

.social-links img {
	float:left;
	margin-top:-1px;
	margin-right:5px;
	margin-bottom:5px;
}

.social-links input.aweform[type=text] {
	float:left;
	width:114px;
	margin-right:14px;
}

.social-links input.aweform_no_margin[type=text] {
	margin-right:0px;
}

/***********************
    - 89. Like box -
***********************/
.fb-like-box {
	clear:both;
	background:#181818;
	width:321px;
	min-height:72px;
}

.fb-like-box > span {
	margin:1px 5px;
}

/**************************
    - 90. Search form -
**************************/
.search-form {
	position:relative;
	margin:0 auto 25px;
	text-align:center;
	display:flex;
}

.search-form input.search-input {
	position:relative;
	display:block;
	float:left;
	color:#7e7e7e;
	margin:0;
	outline:0;
	padding:5px 8px;
	min-width:0;
	flex:1;
    border:1px solid #ccc;
	border-radius:4px;
    transition:all .3s;
}

.search-form button.search-btn {
	position:absolute;
	display:block;
    top:1px;
	right:1px;
	margin:0;
	padding:0;
	color:#999;
	background:#fff;
	box-shadow:none;
    border-radius:0 4px 4px 0;
	transition:all .3s;
}

.search-form button.search-btn:hover, 
.search-form button.search-btn:focus {
	color:#333;
	background:#eee;
}

/* X large */
.search-form.size-xl {
	width:670px;
	height:70px;	
}

.search-form.size-xl input.search-input {
	font-size:18px;
	padding:10px 20px;
    border:0;
}

.search-form.size-xl button.search-btn {
    top:0;
    right:0;
    font-size:28px;	
	width:70px;
	height:70px;
}

/* Large */
.search-form.size-l {
	width:560px;	
	height:60px;
}

.search-form.size-l input.search-input {
	font-size:18px;
	padding:10px 15px;
}

.search-form.size-l button.search-btn {
	font-size:24px;
	width:60px;
	height:60px;
}

/* Medium */
.search-form.size-m {
	width:400px;
	height:45px;	
}

.search-form.size-m input.search-input {
	font-size:16px;	
	padding:10px 12px;
}

.search-form.size-m button.search-btn {
	font-size:18px;
	width:43px;
	height:43px;
}

/* Small */
.search-form.size-s {
	width:300px;
	height:32px;	
}

.search-form.size-s input.search-input {
	font-size:13px;
	padding:5px 10px;
}

.search-form.size-s button.search-btn {
	font-size:14px;
	width:30px;
	height:30px;
	line-height:30px;
}

/********************************
    - 91. Background colors -
********************************/
.bg-red 		{background:#FF0000 !important;}
.bg-green 		{background:#6c912d !important;}
.bg-blue 		{background:#00CCFF !important;}
.bg-turquoise 	{background:#6ec8c7 !important;}
.bg-grey 		{background:#656d78 !important;}
.bg-orange 		{background:#ff5744 !important;}
.bg-yellow 		{background:#ffbe00 !important;}
.bg-purple 		{background:#c86f98 !important;}
.bg-aqua 		{background:#22cfbb !important;}
.bg-pink 		{background:#c70c70 !important;}
.bg-cyan 		{background:#00ffff !important;}
.bg-khaki 		{background:#f0e68c !important;}
.bg-navy 		{background:#24397c !important;}
.bg-brown 		{background:#974b00 !important;}

/*********************
    - 92. Badges -
*********************/
div.badges {
	clear:both;
}

div.badges > img {
	display:inline-block;
	width:34px;
	height:34px;
	margin:2px;
	vertical-align:middle;
}

div.badges.more > img {
	display:none;
}

div.badges.more > img:nth-child(1),
div.badges.more > img:nth-child(2),
div.badges.more > img:nth-child(3),
div.badges.more > img:nth-child(4) {
	display:inline-block;
}

/* Badges tree */
.badges-tree div.badges {
	clear:none;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}

.badges-tree a,
.badges-tree .info {
	display:inline-block;
	vertical-align:middle;
}

/* Badges list */
.badges-list div.badges {
	clear:both;
	line-height:34px;
	margin:3px 0;
}

.badges-list div.badges > img {
	float:left;
	margin-left:0;
	margin-right:10px;
}

.badges-list div.badges > a {
	color:#333;
}

.badges-list div.badges > a.selected {
	font-weight:bold;
}

/**************************
    - 93. Grid system -
**************************/
.row {
  	display:block;
}

.row .column {
  	display:inline-block;
  	padding-left:15px;
	padding-right:15px;
  	vertical-align:top;
  	float:left;
}

.row .column.small-padding {
	padding-left:3px;
	padding-right:3px;
}

.row .column:first-child {
	padding-left:0;
}

.row .column:last-child {
	padding-right:0;
}

.row .column.br {
	border-right:solid 1px var(--global--divider);
}

.row .column > .grid-wrapper {
  	padding:10px 15px;
  	border-radius:5px;
}

.row .column.c-12 	{width:100%;}
.row .column.c-11 	{width:91.66666666666667%;}
.row .column.c-10 	{width:83.33333333333334%;}
.row .column.c-9 	{width:75%;}
.row .column.c-8 	{width:66.66666666666667%;}
.row .column.c-7 	{width:58.333333333333336%;}
.row .column.c-6 	{width:50%;}
.row .column.c-5 	{width:41.66666666666667%;}
.row .column.c-4 	{width:33.333333333333336%;}
.row .column.c-3 	{width:25%;}
.row .column.c-2 	{width:16.666666666666668%;}
.row .column.c-1 	{width:8.333333333333334%;}

/****************************
    - 94. Miscellaneous -
****************************/
/* Clear */
.clear {
	clear:both; 
	height:0px; 
	overflow:hidden;
}

/* Hidden */
.hidden, 
.hidden-lg, 
.microdata {
	display:none !important;
}

/* Visible */
.visible {display:block;}

/* Text */
.text-center	{text-align:center !important;}
.text-right 	{text-align:right !important;}
.text-grey 		{color:#666;}
.text-red 		{color:#cd0000;}

/* Float */
.float-left 	{float:left;}
.float-right	{float:right;}

/* Padding */
.p-0 		{padding:0 !important;}
.pb-0 		{padding-bottom:0 !important;}
.pt-15 		{padding-top:15px !important;}
.pl-15 		{padding-left:15px !important;}
.pr-15 		{padding-right:15px !important;}
.pt-20 		{padding-top:20px !important;}
.pt-0 		{padding-top:0 !important;}

/* Margin */
.m-0 		{margin:0 !important;}
.mb-0 		{margin-bottom:0 !important;}
.mb-5 		{margin-bottom:5px !important;}
.mb-10 		{margin-bottom:10px !important;}
.mb-14 		{margin-bottom:14px !important;}
.mb-20 		{margin-bottom:20px !important;}
.mr-4 		{margin-right:4px !important;}
.mr-10 		{margin-right:10px !important;}
.mr-20 		{margin-right:20px !important;}
.mt-0 		{margin-top:0 !important;}
.mt-10 		{margin-top:10px !important;}
.mt-1em 	{margin-top:1em !important;}

/* Space */
.space 		{margin-bottom:20px !important;}
.spacebox 	{margin-bottom:15px !important;}

/* Empty */
.empty 		{clear:both; height:1px;}
.empty-h 	{clear:both; height:20px;}
.empty-h-3	{clear:both; height:30px;}
.empty-v 	{float:left; width:20px;}

/* Border */
.border-0 {border:none !important;}

/* Background */
.no-bg {background:none !important;}

/* Full width */
.w-100 {width:100%;}

/* Delimiter */
.delimiter {margin:0 3px;}

/* Vertical align */
.va-mid {vertical-align:middle;}

/* Font weight */
.fw-bold 	{font-weight:bold;}
.fw-normal 	{font-weight:normal;}

/* Clear fix */
.clearfix:after, 
form:after,
.wrapper:after, 
.recent-items:after, 
.sort-by:after,
.inner-border:after, 
.inner:after, 
.tab-content:after, 
.post-header:after, 
.contents:after, 
#homebanner:after, 
.newfiles-inner:after, 
#page-info:after, 
h3.section:after,
#tabs:after, 
.box-content:after, 
.pagination:after, 
#paginated-content-container:after, 
.profile-collections:after, 
.notification:after {
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
	font-size:0;
}